{"version":3,"file":"generateResult-60bb4d11.js","sources":["../../../src/page/create/feedList/audioItemNoOp.vue","../../../src/page/create/feedList/emptyNoLogin.vue","../../../src/page/create/createGuid/createGuid.vue","../../../src/config/constGuid.js","../../../src/page/create/createGuid/subscribeGuid.vue","../../../src/page/create/feedList/audioItemSkeleton.vue","../../../src/page/create/feedList/audioItemSuccess.vue","../../../src/page/create/feedList/audioItemGenerating.vue","../../../src/page/create/feedList/audioItemFailure.vue","../../../src/page/create/feedList/generateResult.vue"],"sourcesContent":["<template>\n  <div class=\"audio-item-card-no-op-box\">\n    <AudioPlayer\n      ref=\"refPlayer\"\n      :url=\"`${getObjectStorageFullUrl(props.item?.song_url)}`\"\n      :duration=\"renderData.duration\"\n      @syncDuration=\"syncDuration\"\n      @syncPlayState=\"syncPlayState\"\n      @syncLoadingState=\"syncLoadingState\"\n      @syncProgress=\"syncProgress\"\n    >\n      <div\n        class=\"audio-item-card-no-op\"\n        :class=\"`audio-item-card-no-op-box--${createRenderType} ${\n          renderData.isCurPlay ? 'active' : ''\n        }`\"\n      >\n        <div class=\"aicno-label\">{{ $$t(\"create.input_label\") }}</div>\n        <div class=\"aicno-description\">\n          {{ props.item?.prompt ?? \"Make a song about my lover\" }}\n        </div>\n        <div class=\"aicno-card\">\n          <img v-lazy=\"getObjectStorageFullUrl(props.item?.cover)\" />\n          <div class=\"aicno-card-time\">\n            {{\n              mediaUtil.formatTime(\n                renderData.duration -\n                  (renderData.progress / 100) * renderData.duration\n              )\n            }}\n          </div>\n          <div class=\"aicno-card-playing flex-center\" v-if=\"renderData.isplay\">\n            <LoaderWave :animation=\"true\"></LoaderWave>\n          </div>\n        </div>\n        <div class=\"aicno-play-control\">\n          <Button\n            @click=\"doTogglePlay\"\n            :renderStyle=\"{\n              '--padding': '0 15px',\n              '--width': '108px',\n              '--height': '48px',\n              '--borderRadius': '50px',\n              '--background':\n                'linear-gradient(114deg, rgba(79, 222, 255, 1) 0%, rgba(230, 117, 255, 1) 100%)',\n              '--fontColor': '#fff',\n              '--fontSize': '14px',\n              '--fontWeight': 'normal',\n              '--border': 'none',\n              '--backgroundHover':\n                'linear-gradient(114deg, rgba(79, 222, 255, 0.8) 0%, rgba(230, 117, 255, 0.8) 100%)',\n              '--fontColor': '#fff',\n            }\"\n          >\n            <i class=\"block play\" v-show=\"!renderData.isplay\"></i>\n            <i class=\"block pause\" v-show=\"renderData.isplay\"></i>\n          </Button>\n        </div>\n      </div>\n    </AudioPlayer>\n  </div>\n</template>\n\n<script setup>\nimport {\n  ref,\n  defineProps,\n  defineEmits,\n  computed,\n  readonly,\n  reactive,\n  watch,\n  defineExpose,\n  onMounted,\n  onUpdated,\n  onUnmounted,\n  getCurrentInstance,\n} from \"vue\";\nimport AudioWavForm from \"@/components/media/audioPlayer/AudioWavForm.vue\";\nimport LoaderWave from \"@/components/animation/LoaderWave.vue\";\n\nimport Button from \"@/components/basic/button/Button.vue\";\nimport AudioPlayer from \"@/components/media/audioPlayer/AudioPlayer.vue\";\nimport { getObjectStorageFullUrl } from \"@/lib/objectStorage/objectStorage.js\";\nimport LoaderProgressCircle from \"@/components/animation/LoaderProgressCircle.vue\";\nimport mediaUtil from \"@/components/media/utils/utils.js\";\nimport GlobalAudioPlayer from \"@/components/media/audioPlayer/GlobalAudioPlayer.js\";\nimport { formatDateTime } from \"@/utils/dateTime.js\";\nimport { $$language, $$t } from \"@/i18n/i18n.js\";\nimport { storeToRefs } from \"pinia\";\nimport useCreateLayoutStore from \"@/store/create/createLayoutStore.js\";\nconst createLayoutStore = useCreateLayoutStore();\nconst { createRenderType } = storeToRefs(createLayoutStore);\nimport useUserDataStore from \"@/store/userDataStore.js\";\nconst userDataStore = useUserDataStore();\nconst globalProperties =\n  getCurrentInstance()?.appContext.config.globalProperties;\nconst formatData = (timestamp) => {\n  return formatDate(timestamp, \"YYYY-MM-DD hh:mm\");\n  // return formatDateTime(timestamp, $$language() == \"cn\");\n};\nconst props = defineProps({\n  item: {\n    type: Object,\n    default: null,\n  },\n});\n\nconst emits = defineEmits([\"togglePlay\"]);\n\nconst refPlayer = ref(null);\nconst refInput = ref(null);\nconst renderData = reactive({\n  duration: (props.item?.duration_milliseconds ?? 0) / 1000,\n  isplay: false,\n  buffer: false,\n  progress: 0,\n  title: props.item?.title,\n  isEditTitle: false,\n  shareSuccessText: \"\",\n  isMoreVisible: false,\n  position: \"bottom\",\n  isCurPlay: false,\n});\n\nconst syncDuration = (duration) => {\n  renderData.duration = duration;\n};\n\nconst syncPlayState = (playState) => {\n  renderData.isplay = playState;\n  if (renderData.isplay) {\n    globalProperties.logClickEvent(\"create_basic_mode_showcase_play\", {\n      content_id: props.item?.song_id ?? \"\",\n      type: userDataStore.isLogin ? \"sign_in\" : \"not_sign_in\",\n    });\n  }\n};\nconst syncLoadingState = (loadingState) => {\n  renderData.buffer = loadingState;\n};\nconst syncProgress = (progress) => {\n  renderData.progress = progress;\n};\n\nconst doTogglePlay = () => {\n  refPlayer.value.changeOp();\n  emits(\"togglePlay\", props.item);\n};\n\nconst changeUrlListenerListener = () => {\n  renderData.isCurPlay =\n    GlobalAudioPlayer.currentUrl ==\n    getObjectStorageFullUrl(props.item?.mp3_url);\n};\nonMounted(() => {\n  GlobalAudioPlayer.registGlobleListener(\n    \"curPlayUrlChange\",\n    changeUrlListenerListener\n  );\n  changeUrlListenerListener();\n  renderData.duration = (props.item?.duration_milliseconds ?? 0) / 1000;\n});\n\nonUnmounted(() => {\n  GlobalAudioPlayer.releaseGlobleListener(\n    \"curPlayUrlChange\",\n    changeUrlListenerListener\n  );\n});\n</script>\n<style lang=\"scss\" scope>\n.audio-item-card-no-op-box {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  .audio-item-card-no-op {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .aicno-label {\n    font-family: HarmonyOS Sans SC;\n    font-size: 18px;\n    font-weight: bold;\n    line-height: normal;\n\n    background: linear-gradient(112deg, #4fdeff 0%, #e675ff 100%);\n    color: transparent;\n    background-clip: text;\n  }\n  .aicno-description {\n    margin-top: 11px;\n    font-family: HarmonyOS Sans SC;\n    font-size: 16px;\n    font-weight: normal;\n    line-height: 24px;\n    text-align: center;\n    color: #ffffff;\n\n    min-height: 48px;\n    max-width: 220px;\n  }\n  .aicno-card {\n    height: 180px;\n    width: 180px;\n    position: relative;\n    margin: 16px 0;\n    img {\n      height: 100%;\n      width: 100%;\n      border-radius: 12px;\n    }\n    .aicno-card-time {\n      position: absolute;\n      left: 8px;\n      top: 8px;\n      height: 26px;\n      line-height: 26px;\n      border-radius: 8px;\n      opacity: 1;\n      padding: 0 8px;\n      background: rgba(0, 0, 0, 0.2);\n      backdrop-filter: blur(12px);\n\n      font-family: HarmonyOS Sans SC;\n      font-size: 12px;\n      font-weight: 500;\n      color: #ffffff;\n    }\n    .aicno-card-playing {\n      position: absolute;\n      right: 8px;\n      bottom: 8px;\n      width: 42px;\n      height: 42px;\n      border-radius: 42px;\n      background: rgba(0, 0, 0, 0.2);\n      backdrop-filter: blur(12px);\n    }\n  }\n\n  .aicno-play-control {\n    i {\n      height: 24px;\n      width: 24px;\n    }\n    i.play {\n      background: url(@/assets/img/play-web-ico.png);\n      background-size: 100% 100%;\n    }\n    i.pause {\n      background: url(@/assets/img/pause-web-ico.png);\n      background-size: 100% 100%;\n    }\n  }\n}\n\n@media screen and (max-width: 450px) {\n}\n</style>\n","<template>\n  <div\n    class=\"empty-no-login-sample height-all\"\n    :class=\"`empty-no-login-sample--${createRenderType}`\"\n  >\n    <div class=\"empty-no-login-sample-content\">\n      <div\n        class=\"empty-no-login-sample-title tc\"\n        v-if=\"createRenderType != 'mobile'\"\n      >\n        {{ $$t(\"create.ai_songs_with_soft\") }}\n      </div>\n      <div class=\"empty-no-login-sample-title tc\" v-else>\n        <p\n          v-for=\"(i, index) in $$t('create.ai_songs_with_soft').split('\\n')\"\n          :key=\"index\"\n        >\n          {{ i }}\n        </p>\n      </div>\n      <div class=\"empty-no-login-sample-list\">\n        <el-scrollbar v-if=\"createRenderType != 'mobile'\">\n          <div class=\"empty-no-login-sample-list-flex-content\">\n            <template v-for=\"(item, index) in props.datas\" :key=\"index\">\n              <div class=\"empty-no-login-sample-item\">\n                <AudioItemNoOp :item=\"item\" @togglePlay=\"doTogglePlay\" />\n              </div>\n            </template>\n          </div>\n        </el-scrollbar>\n        <swiper\n          v-else\n          ref=\"refSwiper\"\n          class=\"swiper-wrapper\"\n          :centered-slides=\"true\"\n          :centeredSlidesBounds=\"true\"\n          :centerInsufficientSlides=\"true\"\n          :slides-per-view=\"3\"\n          :loop=\"true\"\n          :autoplay=\"true\"\n          :effect=\"'coverflow'\"\n          :coverflow-effect=\"{\n            rotate: 0,\n            stretch: 0,\n            depth: 100,\n            modifier: 2,\n            slideShadows: false,\n          }\"\n        >\n          <template\n            v-for=\"(item, index) in props.datas.concat(props.datas)\"\n            :key=\"index\"\n          >\n            <swiper-slide class=\"swiper-item\">\n              <div class=\"empty-no-login-sample-item\">\n                <AudioItemNoOp :item=\"item\" @togglePlay=\"doTogglePlay\" />\n              </div>\n            </swiper-slide>\n          </template>\n        </swiper>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport {\n  ref,\n  defineProps,\n  defineEmits,\n  computed,\n  readonly,\n  reactive,\n  watch,\n  defineExpose,\n  onMounted,\n  onUpdated,\n  onUnmounted,\n} from \"vue\";\n\nimport { $$language, $$t } from \"@/i18n/i18n.js\";\nimport AudioPlayer from \"@/components/media/audioPlayer/AudioPlayer.vue\";\nimport AudioItemNoOp from \"@/page/create/feedList/audioItemNoOp.vue\";\nimport useGlobalPlayDataStore from \"@/store/globalPlayDataStore.js\";\nimport { Swiper, SwiperSlide } from \"swiper/vue\";\nimport \"swiper/css\";\nimport \"swiper/css/effect-coverflow\";\nconst globalPlayDataStore = useGlobalPlayDataStore();\n\nimport { storeToRefs } from \"pinia\";\nimport useCreateLayoutStore from \"@/store/create/createLayoutStore.js\";\nconst createLayoutStore = useCreateLayoutStore();\nconst { createRenderType } = storeToRefs(createLayoutStore);\nconst refCarousel = ref(null);\nconst props = defineProps({\n  datas: {\n    type: Array,\n    default: () => {\n      return [];\n    },\n  },\n});\nconst emits = defineEmits([]);\nconst renderData = reactive({});\nconst doTogglePlay = (item) => {\n  globalPlayDataStore.setCurPlayData(null);\n};\nonMounted(() => {\n  console.log(\"onMounted\", refCarousel);\n});\n</script>\n<style lang=\"scss\">\n.empty-no-login-sample {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  .swiper {\n    z-index: unset;\n  }\n  .empty-no-login-sample-content {\n    padding: 60px 0;\n    max-height: 100%;\n    overflow-y: scroll;\n    max-width: 780px;\n    width: 100%;\n  }\n  .empty-no-login-sample-title {\n    font-family: HarmonyOS Sans SC;\n    font-size: 36px;\n    font-weight: 500;\n    line-height: 48px;\n    color: #ffffff;\n  }\n\n  .empty-no-login-sample-list {\n    margin-top: 32px;\n    display: flex;\n  }\n  .empty-no-login-sample-item {\n    margin: 0 6px;\n    min-width: 248px;\n  }\n  .empty-no-login-sample-list-flex-content {\n    display: flex;\n  }\n\n  &.empty-no-login-sample--mobile {\n    .empty-no-login-sample-content {\n      padding: 30px 0px 100px 0px;\n    }\n    .empty-no-login-sample-list {\n      margin-top: 32px;\n      flex-direction: column;\n      align-items: center;\n      overflow-x: hidden;\n      .empty-no-login-sample-item {\n        margin: 32px 6px;\n      }\n    }\n    .aicno-description{\n      line-height: 20px;\n    }\n    .empty-no-login-sample-title {\n      font-family: HarmonyOS Sans SC;\n      font-size: 36px;\n      line-height: 44px;\n      font-weight: bold;\n      color: #ffffff;\n    }\n    .swiper.swiper-wrapper {\n      width: 816px;\n      margin: 0 auto 0 calc(50% - 408px);\n    }\n    .swiper-slide {\n      border-radius: 20px;\n      background: linear-gradient(\n        145deg,\n        #1a3c8d 0%,\n        #695bc5 47%,\n        #3a1b6f 100%\n      );\n      transform: scale(0.9);\n      transition: transform 0.3s ease-in-out;\n      opacity: 0.5;\n    }\n    .swiper-slide-active {\n      opacity: 1;\n      transform: scale(1);\n    }\n\n    .el-carousel {\n      height: 380px;\n      width: 100%;\n      .empty-no-login-sample-item {\n        margin: 0;\n        min-width: unset;\n      }\n    }\n    .el-carousel__item {\n      height: 380px;\n      padding: 20px;\n      min-width: 248px;\n      border-radius: 20px;\n      background: linear-gradient(\n        145deg,\n        #1a3c8d 0%,\n        #695bc5 47%,\n        #3a1b6f 100%\n      );\n      opacity: 0.5;\n\n      &.is-in-stage {\n        transform: translateX(-20px); /* 控制左右的卡片偏移 */\n      }\n\n      &.is-active {\n        opacity: 1;\n      }\n    }\n    .el-carousel__indicators {\n      display: none;\n    }\n    .el-carousel__arrow {\n      display: flex !important;\n    }\n  }\n}\n@media screen and (max-height: 730px) {\n  .empty-no-login-sample {\n    &.empty-no-login-sample--mobile {\n      .empty-no-login-sample-content {\n        padding: 10px 0px 80px 0px;\n      }\n      .empty-no-login-sample-title {\n        font-size: 24px;\n        line-height: 28px;\n      }\n      .empty-no-login-sample-list {\n        margin-top: 16px;\n        .empty-no-login-sample-item {\n          margin: 20px 6px;\n        }\n        .aicno-description{\n          font-size: 14px;\n          line-height: 18px;\n          min-height: 36px;\n        }\n        .aicno-card{\n          margin: 8px 0;\n          height: 120px;\n          width: 120px;\n        }\n        .aicno-play-control{\n          margin-top: 6px;\n        }\n        .el-button{\n          height: 40px;\n          i{\n            height: 20px;\n            width: 20px;\n          }\n        }\n      }\n    }\n  }\n}\n.main-page-bottom-player-visible--true {\n  .empty-no-login-sample {\n    .empty-no-login-sample-content {\n      padding-bottom: 100px;\n    }\n  }\n}\n</style>\n","<template>\n  <div\n    class=\"create-guid-steps-container\"\n    :class=\"{\n      [`create-guid-steps-container--${createRenderType}`]: true,\n    }\"\n  >\n    <div class=\"create-guid-steps\" v-show=\"!createEditGuidTourVisible\">\n      <div class=\"cgs-item flex\">\n        <label class=\"cgsi-label\">\n          {{ $$tValue(\"create.step_index\", { index: 1 }) }}\n        </label>\n        <div class=\"cgsi-main\">\n          <div class=\"cgsi-title\">\n            {{ $$t(\"create.guid_write_lyrics\") }}\n          </div>\n          <div class=\"cgsi-content\">\n            {{ $$t(\"create.guid_write_lyrics_content\").split(\"[button] \")[0] }}\n            <span class=\"cgsi-content-op cgsi-ai-lirics\">\n              <Button\n                :renderStyle=\"{\n                  '--padding': '0',\n                  '--width': '100px',\n                  '--height': '32px',\n                  '--borderRadius': '50px',\n                  '--background': 'rgba(255, 255, 255, 0.1)',\n                  '--fontColor': '#fff',\n                  '--fontSize': '12px',\n                  '--fontWeight': 'normal',\n                  '--border': 'none',\n                  '--backgroundHover': 'rgba(255, 255, 255, 0.2)',\n                  '--fontColorHover': '#fff',\n                }\"\n              >\n                <span class=\"block\">{{\n                  $$t(\"create.lyrics_about\").replace(\"{song_title}\", \"\")\n                }}</span>\n              </Button>\n            </span>\n            {{ $$t(\"create.guid_write_lyrics_content\").split(\"[button] \")[1] }}\n          </div>\n        </div>\n      </div>\n      <div class=\"cgs-item flex\">\n        <label class=\"cgsi-label\">\n          {{ $$tValue(\"create.step_index\", { index: 2 }) }}\n        </label>\n        <div class=\"cgsi-main\">\n          <div class=\"cgsi-title\">\n            {{ $$t(\"create.guid_edit_idea\") }}\n          </div>\n          <div class=\"cgsi-content\">\n            {{ $$t(\"create.guid_edit_idea_content\") }}\n          </div>\n        </div>\n      </div>\n      <div class=\"cgs-item flex\">\n        <label class=\"cgsi-label\">\n          {{ $$tValue(\"create.step_index\", { index: 3 }) }}\n        </label>\n        <div class=\"cgsi-main\">\n          <div class=\"cgsi-title\">\n            {{ $$t(\"create.guid_create_song\") }}\n          </div>\n          <div class=\"cgsi-content\">\n            {{ $$t(\"create.guid_create_song_content\").split(\"[button] \")[0] }}\n            <span class=\"cgsi-content-op\">\n              <Button\n                :renderStyle=\"{\n                  '--padding': '0',\n                  '--width': '80px',\n                  '--height': '32px',\n                  '--borderRadius': '48px',\n                  '--background':\n                    'linear-gradient(97deg, rgba(79, 222, 255, 1) 0%, rgba(230, 117, 255, 1) 99%)',\n                  '--fontColor': '#000',\n                  '--fontSize': '14px',\n                  '--fontWeight': '500',\n                  '--border': 'none',\n                  '--backgroundHover':\n                    'linear-gradient(97deg, rgba(79, 222, 255, 0.75) 0%, rgba(230, 117, 255, 0.75) 99%)',\n                  '--fontColorHover': '#000',\n                }\"\n              >\n                <span>{{ $$t(\"create.create\") }}</span>\n              </Button>\n            </span>\n            {{ $$t(\"create.guid_create_song_content\").split(\"[button] \")[1] }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport {\n  ref,\n  defineProps,\n  defineEmits,\n  computed,\n  readonly,\n  reactive,\n  watch,\n  defineExpose,\n  onMounted,\n  onUpdated,\n  onUnmounted,\n} from \"vue\";\nimport { storeToRefs } from \"pinia\";\n\nimport useCreateLayoutStore from \"@/store/create/createLayoutStore.js\";\nconst createLayoutStore = useCreateLayoutStore();\nconst { createRenderType, isShowFeedCreateGuid, createEditGuidTourVisible } =\n  storeToRefs(createLayoutStore);\nimport { useRouter, useRoute } from \"vue-router\";\nimport {\n  $$language,\n  $$t,\n  $$registLanguageChangeListener,\n  $$removeLanguageChangeListener,\n  $$tValue,\n} from \"@/i18n/i18n.js\";\nimport Button from \"@/components/basic/button/Button.vue\";\n\nconst Router = useRouter();\nconst route = useRoute();\n\nconst props = defineProps({});\nconst emits = defineEmits([]);\nconst renderData = reactive({});\n\nonMounted(() => {});\n</script>\n<style lang=\"scss\">\n.create-guid-steps-container {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  .create-guid-steps {\n    text-align: left;\n    max-width: 630px;\n    width: 100%;\n    padding: 20px 20px;\n    max-height: 100%;\n    overflow-y: auto;\n    .cgs-item {\n      &:not(:first-child) {\n        margin-top: 24px;\n      }\n    }\n    .cgsi-label {\n      width: 90px;\n      min-width: 90px;\n      font-family: HarmonyOS Sans SC;\n      font-size: 24px;\n      font-weight: bold;\n      line-height: 28px;\n\n      background: linear-gradient(112deg, #4fdeff 0%, #e675ff 100%);\n      color: transparent;\n      background-clip: text;\n    }\n    .cgsi-title {\n      font-family: HarmonyOS Sans SC;\n      font-size: 24px;\n      font-weight: bold;\n      line-height: normal;\n      color: #ffffff;\n      line-height: 28px;\n    }\n    .cgsi-main {\n      flex: 1 1 0;\n    }\n    .cgsi-content {\n      border-radius: 12px;\n      margin-top: 16px;\n      padding: 16px 20px;\n      background: rgba(255, 255, 255, 0.1);\n\n      font-family: HarmonyOS Sans SC;\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 28px;\n      color: #ffffff;\n    }\n    .cgsi-content-op {\n      display: inline-block;\n      margin: 0 4px;\n      .el-button {\n        pointer-events: none;\n      }\n      &.cgsi-ai-lirics {\n        i {\n          height: 16px;\n          width: 16px;\n          background-color: rgba(255, 255, 255, 0.5);\n          background: url(/src/assets/img/lyric-whole-ico.png);\n          background-size: cover;\n        }\n      }\n    }\n  }\n  &.create-guid-steps-container--mobile {\n    .create-guid-steps {\n      text-align: left;\n      max-width: 462px;\n      width: 100%;\n      padding: 20px 20px 100px 20px;\n    }\n  }\n}\n</style>\n","export const rollingTextDatasMapMobile = {\n  \"zh-CN\": [\n    \"1600 积分/月（1600 首歌曲）\",\n    \"歌曲商用授权\",\n    \"下载 MP3、WAV、伴奏、分轨音频\",\n    \"优先排队\",\n    \"同时运行10 个生成任务\",\n    \"下载视频\",\n    // \"每月全球发行10首歌曲\",\n    \"优先体验新Beta功能\",\n    \"重新生成和延长歌曲\",\n    \"任何歌曲都可以用作参考歌曲\",\n  ],\n  \"zh-TW\": [\n    \"1600 積分/月（1600 首歌曲）\",\n    \"歌曲商用授權\",\n    \"下載 MP3、WAV、伴奏、分軌音頻\",\n    \"優先排隊\",\n    \"同時運行10 個生成任務\",\n    \"下載視頻\",\n    // \"每月全球發行10首歌曲\",\n    \"優先體驗新Beta功能\",\n    \"重新生成和延長歌曲\",\n    \"任何歌曲都可以用作參考歌曲\",\n  ],\n  en: [\n    \"1600 credits/month（1600 songs）\",\n    \"Commercial license for the song\",\n    \"Download MP3, WAV, Instrumental, Stem audios\",\n    \"Priority generation queue\",\n    \"10 running jobs at once\",\n    \"Download Video\",\n    // \"Global release 10 songs/month\",\n    \"Priority access to new Beta features\",\n    \"Regenerate and Extend songs\",\n    \"Any song can be used as a reference song\",\n  ],\n  ko: [\n    \"1600크레딧/월(1600곡)\",\n    \"노래 상업용 라이센스\",\n    \"MP3, WAV, Instrumental, Stem 오디오 다운로드\",\n    \"우선 순위 대기열\",\n    \"작업 동시 10개의 진행\",\n    \"비디오 다운로드\",\n    // \"글로벌 발매 10곡/월\",\n    \"새로운 베타 기능에 액세스 우선\",\n    \"노래 재생성 및 연장\",\n    \"어떤 노래든 레퍼런스으로 사용할 수 있습니다.\",\n  ],\n  ja: [\n    \"1600クレジット/月（1600曲）\",\n    \"曲の商用ライセンス\",\n    \"MP3、WAV、インストゥルメンタル、ステムオーディオのダウンロード\",\n    \"優先度付きキュー\",\n    \"一度に10 個のジョブを実行\",\n    \"ビデオをダウンロード\",\n    // \"グローバルリリース 10曲/月\",\n    \"優先的にベータの新機能を体験\",\n    \"曲の再生成と延長\",\n    \"参照曲として任意の楽曲を使用可能\",\n  ],\n  es: [\n    \"1600 créditos/mes (1600 canciones)\",\n    \"Licencia comercial de la canción.\",\n    \"Descargar audios MP3, WAV, Instrumentales y Stem\",\n    \"Cola de generación de prioridad\",\n    \"10 trabajos en ejecución a la vez\",\n    \"Descargar Vídeo\",\n    // \"Lanzamiento global 10 canciones/mes.\",\n    \"Acceso prioritario a nuevas funciones Beta\",\n    \"Regenerar y ampliar canciones\",\n    \"Cualquier canción puede usarse como canción de referencia.\",\n  ],\n  pt: [\n    \"1.600 créditos/mês (1.600 músicas)\",\n    \"Licença comercial para a música\",\n    \"Baixe áudios MP3, WAV, instrumentais e stem\",\n    \"Fila de geração de prioridade\",\n    \"10 jobs em execução ao mesmo tempo\",\n    \"Baixar vídeo\",\n    // \"Lançamento global 10 músicas/mês\",\n    \"Acesso prioritário a novos recursos Beta\",\n    \"Regenerar e estender músicas\",\n    \"Qualquer música pode ser usada como música de referência\",\n  ],\n};\n\n\nexport default {\n  rollingTextDatasMapMobile,\n}\n\n","<template>\n  <div\n    class=\"audio-item-subscribe-box\"\n    v-if=\"isRenderSubscribe\"\n    :class=\"{\n      [`audio-item-subscribe-box--${createRenderType}`]: true,\n      'audio-item-subscribe-box-first': props.index == 0,\n    }\"\n  >\n    <div\n      class=\"audio-item-subscribe-mobile\"\n      v-if=\"createRenderType == 'mobile'\"\n    >\n      <!-- <div class=\"audio-item-subscribening\">\n        <i class=\"block\"></i>\n      </div> -->\n\n      <div class=\"audio-item-subscribe-rolling-box flex1 width-0\">\n        <el-carousel\n          :interval=\"3000\"\n          :autoplay=\"true\"\n          height=\"100%\"\n          :pause-on-hover=\"false\"\n          direction=\"vertical\"\n        >\n          <el-carousel-item\n            v-for=\"(item, index) in constGuid.rollingTextDatasMapMobile[$$language()]\"\n            :key=\"index\"\n          >\n            <div class=\"audio-item-subscribe-rolling-text\">\n              {{ item }}\n            </div>\n          </el-carousel-item>\n        </el-carousel>\n      </div>\n\n      <div class=\"audio-item-subscribes\">\n        <div class=\"fn-inline audio-item-subscribe\">\n          <Button\n            @click=\"doSubscribe\"\n            :renderStyle=\"{\n              '--padding': '0 8px',\n              '--width': 'max-content',\n              '--height': '32px',\n              '--borderRadius': '50px',\n              '--background': 'rgba(0, 0, 0, 0.1)',\n              '--fontColor': '#fff',\n              '--fontSize': '12px',\n              '--fontWeight': 'normal',\n              '--border': 'none',\n              '--backgroundHover': 'rgba(0, 0, 0, 0.2)',\n              '--fontColor': '#fff',\n            }\"\n          >\n            {{ $$t(\"create.subscribe\") }}\n          </Button>\n        </div>\n        <div class=\"fn-inline audio-item-subscribe\">\n          <IconButton\n            size=\"32px\"\n            icoSize=\"16px\"\n            backgroundColor=\"rgba(0, 0, 0, 0.1)\"\n            hoverBackgroundColor=\"rgba(0, 0, 0, 0.2)\"\n            @onClick=\"doClose\"\n          >\n            <img src=\"@/assets/img/close-ico.png\" />\n          </IconButton>\n        </div>\n      </div>\n    </div>\n    <div class=\"audio-item-subscribe-pc\" v-if=\"createRenderType == 'pc'\">\n      <!-- <div class=\"audio-item-subscribening\">\n        <div class=\"aisp-plan-label\">Best value plan</div>\n        <div class=\"aisp-plan-content\">\n          <div class=\"aisp-plan-price\">\n            <span class=\"aisp-plan-price-symbol\">$</span>\n            <span>24</span>\n          </div>\n          <div class=\"aisp-plan-period\">/Month</div>\n        </div>\n      </div> -->\n      <div class=\"audio-item-subscribe-rolling-box flex1 width-0\">\n        <div class=\"audio-item-subscribe-rolling-title\">\n          {{ $$t(\"create.guid_subscribe_title\") }}\n        </div>\n        <el-carousel\n          :interval=\"5000\"\n          :autoplay=\"true\"\n          height=\"100%\"\n          :pause-on-hover=\"false\"\n          direction=\"vertical\"\n        >\n          <el-carousel-item\n          \n            v-for=\"(item, index) in tools.splitArray(constGuid.rollingTextDatasMapMobile[$$language()], 3)\"\n            :key=\"index\"\n          >\n            <template v-for=\"(itemC, indexC) in item\" :key=\"indexC\">\n              <div class=\"audio-item-subscribe-rolling-text\">\n                <i class=\"block\"></i><span class=\"block\">{{ itemC }}</span>\n              </div>\n            </template>\n          </el-carousel-item>\n        </el-carousel>\n      </div>\n      <div class=\"audio-item-subscribes\">\n        <div class=\"fn-inline audio-item-subscribe\">\n          <Button\n            @click=\"doSubscribe\"\n            :renderStyle=\"{\n              '--padding': '0',\n              '--width': '100px',\n              '--height': '42px',\n              '--borderRadius': '50px',\n              '--background':\n                'linear-gradient(120deg, rgb(79, 222, 255, 1) -1%, rgb(230, 117, 255, 1) 100%)',\n              '--fontColor': '#000',\n              '--fontSize': '14px',\n              '--fontWeight': '500',\n              '--border': 'none',\n              '--fontColorHover': '#000',\n              '--backgroundHover':\n                'linear-gradient(120deg, rgb(79, 222, 255, 0.75) -1%, rgb(230, 117, 255, 0.75) 100%)',\n            }\"\n          >\n            {{ $$t(\"create.subscribe\") }}\n          </Button>\n        </div>\n        <div class=\"fn-inline audio-item-subscribe audio-item-subscribe-close\">\n          <IconButton\n            size=\"32px\"\n            icoSize=\"16px\"\n            backgroundColor=\"rgba(255, 255, 255, 0)\"\n            hoverBackgroundColor=\"rgba(255, 255, 255, 0.1)\"\n            @onClick=\"doClose\"\n          >\n            <img src=\"@/assets/img/close-ico.png\" />\n          </IconButton>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport {\n  ref,\n  defineProps,\n  defineEmits,\n  computed,\n  readonly,\n  reactive,\n  watch,\n  defineExpose,\n  onMounted,\n  onUpdated,\n  onUnmounted,\n  getCurrentInstance,\n} from \"vue\";\nimport { useRouter, useRoute } from \"vue-router\";\nimport IconButton from \"@/components/basic/button/IconButton.vue\";\nimport Button from \"@/components/basic/button/Button.vue\";\nimport LoaderCircle from \"@/components/animation/LoaderCircle.vue\";\nimport { $$language, $$t } from \"@/i18n/i18n.js\";\n\nimport { storeToRefs } from \"pinia\";\nimport useCreateLayoutStore from \"@/store/create/createLayoutStore.js\";\nconst createLayoutStore = useCreateLayoutStore();\nconst { createRenderType, feedSubscribeIsRender } =\n  storeToRefs(createLayoutStore);\nimport { Swiper, SwiperSlide } from \"swiper/vue\";\nimport useUserDataStore from \"@/store/userDataStore\";\nconst userDataStore = useUserDataStore();\nconst { userInfo, creditInfo } = storeToRefs(userDataStore);\n\nconst globalProperties =\n  getCurrentInstance()?.appContext.config.globalProperties;\nconst Router = useRouter();\nimport tools from \"@/utils/tools.js\";\nimport constGuid from \"@/config/constGuid.js\";\n\nconst props = defineProps({\n  index: {\n    type: Number,\n    default: 0,\n  },\n  pitem: {\n    type: Object,\n    default: null,\n  },\n  listRenderType: {\n    type: String,\n    default: \"createdresult\", // mysong, likemysong, createdresult\n  },\n});\n\nconst isRenderSubscribe = computed(() => {\n  return feedSubscribeIsRender.value && !userInfo?.value?.user?.is_vip;\n});\n\nconst emits = defineEmits([\"close\"]);\n\nconst renderData = reactive({\n  isShow: false,\n  rollingTextIndex: 0,\n});\n\nconst doClose = () => {\n  createLayoutStore.setFeedSubscribeIsRender(false);\n  globalProperties.logClickEvent(\"create_generated_zone_subscribe_ads_close\", {\n    type: userDataStore.isLogin ? \"sign_in\" : \"not_sign_in\",\n  });\n};\n\nconst doSubscribe = async () => {\n  if (await userDataStore.checkLoginStatus()) {\n    Router.push({\n      name: \"subscribe\",\n      query: {\n        membership_source1: \"ad_source\",\n        membership_source2: \"guided_bar\",\n      },\n    });\n  }\n  globalProperties.logClickEvent(\"create_generated_zone_subscribe_ads\", {});\n};\n\nwatch(\n  () => {\n    return isRenderSubscribe.value;\n  },\n  () => {\n    if (isRenderSubscribe.value) {\n      globalProperties.logViewEvent(\"create_generated_zone_subscribe_ads\", {});\n    }\n  },\n  { immediate: true }\n);\n\nonMounted(() => {});\n</script>\n<style lang=\"scss\" scope>\n.audio-item-subscribe-box {\n  padding: 6px 20px 8px 20px;\n  // &:hover {\n  // background: rgba(255, 255, 255, 0.1);\n  //}\n  &.audio-item-subscribe-box--mobile {\n    padding: 3px 16px 8px 16px;\n  }\n  .audio-item-subscribe-mobile {\n    display: flex;\n    align-items: center;\n    padding: 12px 10px;\n    border-radius: 12px;\n    background: #94adff;\n    backdrop-filter: blur(20px);\n    justify-content: space-between;\n    .audio-item-subscribe-rolling-box {\n      height: 32px;\n      color: #fff;\n      padding: 0 10px 0 0;\n    }\n    .audio-item-subscribe-rolling-text {\n      font-family: HarmonyOS Sans SC;\n      font-size: 14px;\n      font-weight: normal;\n      line-height: 16px;\n      color: #000;\n    }\n    .audio-item-subscribe {\n      margin-left: 8px;\n    }\n    .el-carousel--vertical {\n      height: 100%;\n    }\n    .el-carousel__item {\n      height: 32px;\n      display: flex;\n      align-items: center;\n    }\n    .el-carousel__indicators {\n      display: none;\n    }\n  }\n  .audio-item-subscribe-pc {\n    border-radius: 12px;\n    opacity: 1;\n    /* 自动布局 */\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: 15px 14px 15px 16px;\n    background: linear-gradient(99deg, #1a3c8d 0%, #695bc5 47%, #3a1b6f 100%);\n    position: relative;\n    .audio-item-subscribening {\n      font-family: HarmonyOS Sans SC;\n      font-size: 16px;\n      font-weight: bold;\n      line-height: 20px;\n      color: #ffffff;\n      width: 155px;\n    }\n    .aisp-plan-content {\n      margin-top: 12px;\n      display: flex;\n      align-items: baseline;\n      .aisp-plan-price {\n        height: 48px;\n        display: flex;\n        align-items: center;\n        span {\n          display: inline-block;\n          font-family: HarmonyOS Sans SC;\n          font-size: 42px;\n          height: 48px;\n          font-weight: bold;\n          line-height: normal;\n          letter-spacing: 0em;\n          background: linear-gradient(134deg, #4fdeff 0%, #e675ff 100%);\n          background-clip: text;\n          color: transparent;\n        }\n        .aisp-plan-price-symbol {\n          font-size: 35px;\n          line-height: 38px;\n          height: 38px;\n          background: linear-gradient(152deg, #4fdeff 0%, #e675ff 100%);\n          background-clip: text;\n          color: transparent;\n          margin: 4px 4px 0 0;\n        }\n      }\n      .aisp-plan-period {\n        font-family: HarmonyOS Sans SC;\n        font-size: 14px;\n        font-weight: normal;\n        line-height: 16px;\n        color: rgba(255, 255, 255, 0.5);\n        margin-left: 5px;\n      }\n    }\n    .audio-item-subscribes {\n      padding: 40px 0 0 0;\n    }\n    .audio-item-subscribe {\n      margin-left: 14px;\n    }\n    .audio-item-subscribe-close {\n      position: absolute;\n      right: 16px;\n      top: 16px;\n    }\n    .audio-item-subscribe-rolling-box {\n      margin-right: 16px;\n      .audio-item-subscribe-rolling-title {\n        font-family: HarmonyOS Sans SC;\n        font-size: 18px;\n        font-weight: bold;\n        line-height: 24px;\n        color: #ffffff;\n      }\n      .el-carousel--vertical {\n        height: 72px;\n        margin-top: 8px;\n      }\n      .el-carousel__item {\n        height: 72px;\n        display: flex;\n        align-items: center;\n        flex-direction: column;\n        align-items: start;\n      }\n      .el-carousel__indicators {\n        display: none;\n      }\n      .audio-item-subscribe-rolling-text {\n        display: flex;\n        align-items: center;\n        height: 24px;\n        i {\n          height: 20px;\n          width: 20px;\n          background: url(@/assets/img/wavy-check-ico.png) no-repeat;\n          background-size: 100% 100%;\n          margin-right: 6px;\n        }\n        span {\n          flex: 1 1 0;\n          font-family: HarmonyOS Sans SC;\n          font-size: 12px;\n          font-weight: normal;\n          line-height: 20px;\n          color: #ffffff;\n        }\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"audio-item-skeleton-box\">\n    <div class=\"audio-item-skeleton-cover-box\">\n      <div class=\"audio-item-skeleton-cover-box-mask flex-center\">\n        <i class=\"rotate-loading\"> </i>\n      </div>\n    </div>\n    <div class=\"audio-item-skeleton-content-box flex1 width-0\">\n      <el-skeleton :rows=\"2\" animated />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport {\n  ref,\n  defineProps,\n  defineEmits,\n  computed,\n  readonly,\n  reactive,\n  watch,\n  defineExpose,\n  onMounted,\n  onUpdated,\n  onUnmounted,\n} from \"vue\";\n\nimport { useRouter, useRoute } from \"vue-router\";\n\nconst Router = useRouter();\nconst route = useRoute();\n\nconst props = defineProps({});\nconst emits = defineEmits([]);\nconst renderData = reactive({});\n\nonMounted(() => {});\n</script>\n<style lang=\"scss\">\n@keyframes el-skeleton-loading {\n  0% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0 50%;\n  }\n}\n.audio-item-skeleton-box {\n  display: flex;\n  align-items: center;\n  padding: 12px 18px 12px 22px;\n  align-items: center;\n  .audio-item-skeleton-cover-box {\n    width: 60px;\n    height: 60px;\n    border-radius: 8px;\n    background: url(\"@/assets/img/default-cover-3x.png\");\n    background-size: 100% 100%;\n    .audio-item-skeleton-cover-box-mask {\n      width: 100%;\n      height: 100%;\n    }\n    .rotate-loading {\n      width: 24px;\n      height: 24px;\n      background: url(\"@/assets/img/loading-mini-white-3x.png\");\n      background-size: 100% 100%;\n      opacity: 0.5;\n    }\n  }\n  .audio-item-skeleton-content-box {\n    margin-left: 12px;\n    .el-skeleton {\n      .el-skeleton__item {\n        height: 14px;\n        margin-top: 2px;\n        background: linear-gradient(\n          90deg,\n          rgba(255, 255, 255, 0.1) 25%,\n          rgba(255, 255, 255, 0.2) 37%,\n          rgba(255, 255, 255, 0.1) 63%\n        );\n        background-size: 400% 100%;\n        animation: el-skeleton-loading 1.4s ease infinite;\n        \n      }\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"audio-item-box\">\n    <template v-if=\"renderData.pitem?.songs?.length\">\n      <template\n        v-for=\"(item, index) in getRenderMediasData(renderData.pitem?.songs)\"\n        :key=\"item?.song_id\"\n      >\n        <AudioItem\n          v-if=\"!item.recall\"\n          :item=\"item\"\n          :pitem=\"props.pitem\"\n          @restore=\"doRestore\"\n          @regenerate=\"doRegenerate\"\n          @extend=\"doExtend\"\n          @togglePlay=\"doTogglePlay\"\n          @download=\"doDownload\"\n          @addShoping=\"doAddShoping\"\n          @soldOut=\"doSoldOut\"\n          @editSongTitle=\"doEditSongTitle\"\n          @share=\"doShare\"\n          @delete=\"doDelete\"\n          @like=\"doLike\"\n          @goDetail=\"doGoDetail\"\n          @downloadMp3=\"doDownloadMp3\"\n          @downloadCopyright=\"doDownloadCopyright\"\n          @downloadWAVAndStem=\"doDownloadWAVAndStem\"\n          :listRenderType=\"props.listRenderType\"\n        ></AudioItem>\n      </template>\n    </template>\n    <template v-else>\n      <template v-for=\"(item, index) in 2\" :key=\"index\">\n        <AudioItemSkeleton></AudioItemSkeleton>\n      </template>\n    </template>\n  </div>\n</template>\n\n<script setup>\nimport {\n  ref,\n  defineProps,\n  defineEmits,\n  computed,\n  readonly,\n  reactive,\n  watch,\n  defineExpose,\n  onMounted,\n  onUpdated,\n  onUnmounted,\n} from \"vue\";\n\nimport { isDev } from \"@/utils/tools.js\";\nimport AudioItem from \"./audioItem.vue\";\nimport AudioItemSkeleton from \"./audioItemSkeleton.vue\";\nconst getRenderMediasData = (datas) => {\n  if (Array.isArray(datas) && datas.length) {\n    return [...datas.slice(0, 3)];\n  }\n  return [];\n};\n\nconst props = defineProps({\n  index: {\n    type: Number,\n    default: 0,\n  },\n  pitem: {\n    type: Object,\n    default: null,\n  },\n  listRenderType: {\n    type: String,\n    default: \"createdresult\", // mysong, likemysong, createdresult\n  },\n});\n\nconst renderData = reactive({\n  pitem: props.pitem,\n});\nconst emits = defineEmits([\n  \"restore\",\n  \"regenerate\",\n  \"from\",\n  \"delete\",\n  \"like\",\n  \"more\",\n  \"togglePlay\",\n  \"download\",\n  \"addShoping\",\n  \"soldOut\",\n  \"editSongTitle\",\n  \"share\",\n  \"goDetail\",\n  \"downloadMp3\",\n  \"downloadCopyright\",\n  \"downloadWAVAndStem\",\n]);\n\nconst doRestore = (pitem, item) => {\n  emits(\"restore\", pitem, item);\n};\n\nconst doRegenerate = (pitem, item) => {\n  emits(\"regenerate\", pitem, item);\n};\n\nconst doGoDetail = (pitem, item) => {\n  emits(\"goDetail\", pitem, item);\n};\n\nconst doExtend = (pitem, item) => {\n  emits(\"extend\", pitem, item);\n};\n\nconst doFrom = (pitem, item) => {\n  emits(\"from\", pitem, item);\n};\nconst doDelete = (pitem, item) => {\n  emits(\"delete\", pitem, item);\n};\n\nconst doLike = (pitem, item) => {\n  emits(\"like\", pitem, item);\n};\n\nconst doMore = (pitem, item) => {\n  emits(\"more\", pitem, item);\n};\n\nconst doTogglePlay = (pitem, item, isPlay) => {\n  emits(\"togglePlay\", pitem, item, isPlay);\n};\n\nconst doDownload = (pitem, item) => {\n  emits(\"download\", pitem, item);\n};\n\nconst doDownloadMp3 = (pitem, item) => {\n  emits(\"downloadMp3\", pitem, item);\n};\n\nconst doDownloadCopyright = (pitem, item) => {\n  emits(\"downloadCopyright\", pitem, item);\n};\n\nconst doDownloadWAVAndStem = (pitem, item) => {\n  emits(\"downloadWAVAndStem\", pitem, item);\n};\n\nconst doAddShoping = (pitem, item) => {\n  emits(\"addShoping\", pitem, item);\n};\n\nconst doSoldOut = (pitem, item) => {\n  emits(\"soldOut\", pitem, item);\n};\n\nconst doEditSongTitle = (pitem, item) => {\n  emits(\"editSongTitle\", pitem, item);\n};\n\nconst doShare = (pitem, item, callback) => {\n  emits(\"share\", pitem, item, callback);\n};\nwatch(\n  () => {\n    return props.pitem;\n  },\n  () => {\n    renderData.pitem = props.pitem;\n  }\n);\nonMounted(() => {\n  renderData.pitem = props.pitem;\n});\n</script>\n<style lang=\"scss\" scope></style>\n","<template>\n  <div\n    class=\"audio-item-generate-box\"\n    :class=\"{\n      [`audio-item-generate-box--${createRenderType}`]: true,\n      'audio-item-generate-box-first': props.index == 0,\n    }\"\n  >\n    <div class=\"audio-item-generate\">\n      <div class=\"audio-item-box-loading rotate-loading\">\n        <!-- <LoaderCircle\n          :loading=\"true\"\n          :size=\"20\"\n          color=\"#94ADFF\"\n          :marginSize=\"2\"\n          :strokeWidth=\"2\"\n        ></LoaderCircle> -->\n      </div>\n      <div\n        class=\"audio-item-box-waiting-text flex1 width-0\"\n        v-if=\"props.pitem?.state == 1\"\n      >\n        <span class=\"block\">\n          {{\n            $$t(\"create.wate_num_in_queue\").replace(\n              \"[wait_num]\",\n              props.pitem?.wait_num ?? 1\n            )\n          }}\n        </span>\n      </div>\n      <div\n        class=\"audio-item-box-waiting-text flex1 width-0\"\n        v-show=\"props.pitem?.state == 2\"\n      >\n        {{ $$t(\"create.generating\") }}\n      </div>\n\n      <div class=\"audio-item-box-btns\">\n        <div class=\"fn-inline audio-item-box-btn\">\n          <Button\n            @click=\"doCancel\"\n            :renderStyle=\"{\n              '--padding': '0 12px',\n              '--width': 'max-content',\n              '--height': '32px',\n              '--borderRadius': '50px',\n              '--background': 'rgba(255, 255, 255, 0.1)',\n              '--fontColor': '#fff',\n              '--fontSize': '14px',\n              '--fontWeight': 'normal',\n              '--border': 'none',\n              '--backgroundHover': 'rgba(255, 255, 255, 0.2)',\n              '--fontColor': '#fff',\n            }\"\n          >\n            {{ $$t(\"create.cancel\") }}\n          </Button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport {\n  ref,\n  defineProps,\n  defineEmits,\n  computed,\n  readonly,\n  reactive,\n  watch,\n  defineExpose,\n  onMounted,\n  onUpdated,\n  onUnmounted,\n} from \"vue\";\n\nimport Button from \"@/components/basic/button/Button.vue\";\nimport LoaderCircle from \"@/components/animation/LoaderCircle.vue\";\nimport { $$t } from \"@/i18n/i18n.js\";\n\nimport { storeToRefs } from \"pinia\";\nimport useCreateLayoutStore from \"@/store/create/createLayoutStore.js\";\nconst createLayoutStore = useCreateLayoutStore();\nconst { createRenderType } = storeToRefs(createLayoutStore);\n\nconst props = defineProps({\n  index: {\n    type: Number,\n    default: 0,\n  },\n  pitem: {\n    type: Object,\n    default: null,\n  },\n  listRenderType: {\n    type: String,\n    default: \"createdresult\", // mysong, likemysong, createdresult\n  },\n  state:{\n    type: Number,\n    default: 0, // 0:未生成 1:排队中 2:生成中 3:生成成功 4, 6, 10, 11:生成失败\n  }\n});\nconst emits = defineEmits([\"cancel\", \"restore\"]);\n\nconst renderData = reactive({});\n\nconst doCancel = () => {\n  emits(\"cancel\", props.pitem);\n};\n\nconst doFrom = () => {\n  emits(\"from\", props.pitem);\n};\n\nonMounted(() => {});\n</script>\n<style lang=\"scss\" scope>\n.audio-item-generate-box {\n  padding: 6px 20px;\n  // &:hover {\n  //  background: rgba(255, 255, 255, 0.1);\n  // }\n  &.audio-item-generate-box-first {\n    padding-top: 12px;\n  }\n  .audio-item-generate {\n    display: flex;\n    align-items: center;\n    padding: 16px 20px;\n    border-radius: 12px;\n    background: rgba(148, 173, 255, 0.15);\n    backdrop-filter: blur(20px);\n    justify-content: space-between;\n  }\n  .audio-item-box-loading {\n    width: 20px;\n    height: 20px;\n    background: url(@/assets/img/loading-mini-3x.png);\n    background-size: 100% 100%;\n  }\n\n  .audio-item-box-btn {\n    margin-left: 8px;\n  }\n  .audio-item-box-waiting-text {\n    font-family: HarmonyOS Sans SC;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 20px;\n    min-height: 36px;\n    color: #94adff;\n    padding: 0 10px;\n    display: flex;\n    align-items: center;\n  }\n  &.audio-item-generate-box--mobile {\n    padding: 6px 16px;\n    .audio-item-generate {\n      padding: 10px 12px;\n    }\n    .audio-item-box-waiting-text {\n      font-size: 14px;\n      line-height: 18px;\n    }\n  }\n}\n</style>\n","<template>\n  <div\n    class=\"audio-item-failure-box\"\n    :class=\"{\n      [`audio-item-failure-box--${createRenderType}`]: true,\n      'audio-item-failure-box-first': props.index == 0,\n    }\"\n  >\n    <div class=\"audio-item-failure\">\n      <div class=\"audio-item-box-warning\">\n        <i class=\"block\"></i>\n      </div>\n      <div class=\"audio-item-box-error-text flex1 width-0\">\n        <span class=\"block\">\n          {{\n            props.pitem?.state != 10\n              ? props.pitem?.state == 11\n                ? createRenderType == \"mobile\"\n                  ? $$t(\"create.generate_failed_melody_mobile\")\n                  : $$t(\"create.generate_failed_melody\")\n                : $$t(\"create.generate_failed\")\n              : $$t(\"create.extend_too_long_generate_failed_feed\")\n          }}\n        </span>\n      </div>\n\n      <div class=\"audio-item-box-btns\">\n        <div\n          class=\"fn-inline audio-item-box-btn\"\n          v-if=\"createRenderType != 'mobile'\"\n        >\n          <Button\n            @click=\"doDelete\"\n            :renderStyle=\"{\n              '--padding': '0 12px',\n              '--width': 'max-content',\n              '--height': '32px',\n              '--borderRadius': '50px',\n              '--background': 'rgba(255, 255, 255, 0.1)',\n              '--fontColor': '#fff',\n              '--fontSize': '14px',\n              '--fontWeight': 'normal',\n              '--border': 'none',\n              '--backgroundHover': 'rgba(255, 255, 255, 0.2)',\n              '--fontColor': '#fff',\n            }\"\n          >\n            {{ $$t(\"create.delete\") }}\n          </Button>\n        </div>\n        <div\n          class=\"fn-inline audio-item-box-btn\"\n          v-if=\"createRenderType == 'mobile'\"\n        >\n          <IconButton\n            size=\"32px\"\n            icoSize=\"16px\"\n            backgroundColor=\"rgb(255, 255, 255, 0.1)\"\n            hoverBackgroundColor=\"rgb(255, 255, 255, 0.2)\"\n            @onClick=\"doDelete\"\n          >\n            <img src=\"@/assets/img/close-ico.png\" />\n          </IconButton>\n        </div>\n        <div\n          class=\"fn-inline audio-item-box-btn\"\n          v-if=\"![10, 11].includes(props.pitem?.state)\"\n        >\n          <Button\n            @click=\"doRetry\"\n            :loading=\"renderData.isLoading\"\n            :renderStyle=\"{\n              '--padding': '0 12px',\n              '--width': 'max-content',\n              '--height': '32px',\n              '--borderRadius': '50px',\n              '--background': 'rgba(255, 255, 255, 0.1)',\n              '--fontColor': '#fff',\n              '--fontSize': '14px',\n              '--fontWeight': 'normal',\n              '--border': 'none',\n              '--backgroundHover': 'rgba(255, 255, 255, 0.2)',\n              '--fontColor': '#fff',\n            }\"\n          >\n            {{ $$t(\"create.retry\") }}\n          </Button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport {\n  ref,\n  defineProps,\n  defineEmits,\n  computed,\n  readonly,\n  reactive,\n  watch,\n  defineExpose,\n  onMounted,\n  onUpdated,\n  onUnmounted,\n} from \"vue\";\n\nimport IconButton from \"@/components/basic/button/IconButton.vue\";\nimport Button from \"@/components/basic/button/Button.vue\";\nimport LoaderCircle from \"@/components/animation/LoaderCircle.vue\";\nimport { $$t } from \"@/i18n/i18n.js\";\n\nimport { storeToRefs } from \"pinia\";\nimport useCreateLayoutStore from \"@/store/create/createLayoutStore.js\";\nconst createLayoutStore = useCreateLayoutStore();\nconst { createRenderType } = storeToRefs(createLayoutStore);\n\nconst props = defineProps({\n  index: {\n    type: Number,\n    default: 0,\n  },\n  pitem: {\n    type: Object,\n    default: null,\n  },\n  listRenderType: {\n    type: String,\n    default: \"createdresult\", // mysong, likemysong, createdresult\n  },\n});\n\nconst emits = defineEmits([\"delete\", \"retry\", \"from\"]);\n\nconst renderData = reactive({\n  isLoading: false,\n});\n\nconst doDelete = () => {\n  emits(\"delete\", props.pitem);\n};\n\nconst doRetry = () => {\n  emits(\"retry\", props.pitem, null, (isLoading) => {\n    renderData.isLoading = isLoading;\n  });\n};\n\nconst doFrom = () => {\n  emits(\"from\", props.pitem);\n};\n\nonMounted(() => {});\n</script>\n<style lang=\"scss\" scope>\n.audio-item-failure-box {\n  padding: 6px 20px;\n  // &:hover {\n  // background: rgba(255, 255, 255, 0.1);\n  //}\n  &.audio-item-failure-box-first {\n    padding-top: 12px;\n  }\n  .audio-item-failure {\n    display: flex;\n    align-items: center;\n    padding: 16px 20px;\n    border-radius: 12px;\n    background: rgb(255, 95, 116, 0.15);\n    backdrop-filter: blur(20px);\n    justify-content: space-between;\n  }\n\n  .audio-item-box-error-text {\n    font-family: HarmonyOS Sans SC;\n    font-size: 16px;\n    font-weight: normal;\n    line-height: 20px;\n    min-height: 24px;\n    color: #fff;\n    padding: 0 0 0 8px;\n    display: flex;\n    align-items: center;\n  }\n  .audio-item-box-btn {\n    margin-left: 8px;\n  }\n  .audio-item-box-warning {\n    height: 24px;\n    width: 24px;\n    i {\n      height: 24px;\n      width: 24px;\n      filter: grayscale(0.45);\n      background: url(\"@/assets/img/circle-warning-ico.png\");\n      background-size: 100% 100%;\n    }\n  }\n  &.audio-item-failure-box--mobile {\n    padding: 6px 16px;\n    .audio-item-failure {\n      padding: 10px 12px;\n    }\n    .audio-item-box-error-text {\n      font-size: 14px;\n      line-height: 18px;\n      span {\n        white-space: break-spaces;\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <div\n    class=\"generate-result height-all\"\n    :class=\"`generate-result--${createRenderType} generate-result--${renderData.listRenderType}`\"\n  >\n    <div\n      class=\"height-all\"\n      v-if=\"\n        !renderData.hasInit &&\n        !renderData.datas?.length &&\n        !['mysong', 'likemysong', 'publishedmysong'].includes(\n          renderData.listRenderType\n        )\n      \"\n    >\n      <EmptyNoLogin\n        v-if=\"\n          !isLogin &&\n          renderData.demoSongData?.length &&\n          renderData.listRenderType == 'createdresult' &&\n          !['mysong', 'likemysong', 'publishedmysong'].includes(\n            renderData.listRenderType\n          ) &&\n          (createEditMode != 'hard' || createRenderType == 'mobile')\n        \"\n        :datas=\"renderData.demoSongData\"\n      ></EmptyNoLogin>\n\n      <CreateGuid\n        v-if=\"\n          !isLogin &&\n          renderData.demoSongData?.length &&\n          renderData.listRenderType == 'createdresult' &&\n          !['mysong', 'likemysong', 'publishedmysong'].includes(\n            renderData.listRenderType\n          ) &&\n          createEditMode == 'hard' &&\n          createRenderType != 'mobile'\n        \"\n      ></CreateGuid>\n\n      <QueryEmptyRetry\n        v-if=\"\n          !(\n            !isLogin &&\n            renderData.demoSongData?.length &&\n            renderData.listRenderType == 'createdresult' &&\n            !['mysong', 'likemysong', 'publishedmysong'].includes(\n              renderData.listRenderType\n            )\n          ) && renderData.ifRenderEmpty\n        \"\n        :info=\"renderData.emptyInfo\"\n        :type=\"renderData.loadError ? 'loadfailure' : 'emptydata'\"\n        @retry=\"\n          () => {\n            doRetry(true);\n          }\n        \"\n      ></QueryEmptyRetry>\n    </div>\n\n    <div class=\"height-all generate-result-main\" v-else>\n      <div\n        class=\"generate-result-search flex\"\n        :class=\"{\n          'generate-result-search--opened': renderData.filterOpened,\n          'generate-result-search--closed': !renderData.filterOpened,\n        }\"\n      >\n        <!-- <div\n          class=\"generate-result-search-title-count\"\n          v-if=\"\n            createRenderType != 'mobile' &&\n            ['mysong', 'likemysong', 'publishedmysong'].includes(\n              renderData.listRenderType\n            )\n          \"\n        >\n          {{\n            $$tValue(\"create.song_counts\", {\n              num: renderData.total > 999 ? \"999+\" : renderData.total,\n            })\n          }}\n        </div> -->\n        <div class=\"flex1 flex generate-result-search-search-box\">\n          <div class=\"generate-result-search-search flex1\">\n            <Search\n              v-if=\"renderData.ifRender\"\n              ref=\"refSearchInput\"\n              :renderStyle=\"{\n                '--height': '100%',\n                '--padding':\n                  createRenderType == 'mobile' ? '0 1px 0 9px' : '0 9px',\n                '--borderRadius': '60px',\n                '--border': 'solid 1px transparent',\n                '--focusBorder': '1px solid #94ADFF',\n                '--background': 'rgba(255,255,255,0.1)',\n                '--backgroundHover': 'rgba(255,255,255,0.125)',\n                '--backgroundFocus': 'rgba(148, 173, 255, 0.1)',\n                '--fontSize': '12px',\n                '--fontColor': '#fff',\n                '--fontFamily': 'inherit',\n                '--fontWeight': '500',\n                '--lineHeight': '24px',\n              }\"\n              clearable\n              :placeholder=\"$$t('create.enter_song_title_search')\"\n              v-model=\"renderData.filterValue\"\n              @keyupEnter=\"onKeyupEnter\"\n              @input=\"onInput\"\n              @blur=\"onBlur\"\n              @clear=\"onClear\"\n            >\n              <template #suffix v-if=\"createRenderType == 'mobile'\">\n                <Button\n                  @click=\"onSearch\"\n                  :renderStyle=\"{\n                    '--padding': '0',\n                    '--width': '60px',\n                    '--height': '32px',\n                    '--borderRadius': '50px',\n                    '--background':\n                      'linear-gradient(120deg, rgb(79, 222, 255, 1) -1%, rgb(230, 117, 255, 1) 100%)', //#94ADFF\n                    '--backgroundHover':\n                      'linear-gradient(120deg, rgb(79, 222, 255, 0.75) -1%, rgb(230, 117, 255, 0.75) 100%)',\n                    '--fontColor': '#000',\n                    '--fontColorHover': '#000',\n                    '--fontSize': '12px',\n                    '--fontWeight': 'normal',\n                    '--border': 'none',\n                  }\"\n                >\n                  {{ $$t(\"create.search\") }}\n                </Button>\n              </template>\n            </Search>\n          </div>\n          <ul\n            class=\"generate-result-search-right-tab\"\n            v-if=\"\n              renderData.listRenderType != 'createdresult' &&\n              createRenderType != 'mobile'\n            \"\n          >\n            <li\n              class=\"generate-result-search-right-tab-item pointer\"\n              :class=\"{\n                'generate-result-search-right-tab-item-active':\n                  renderData.listRenderType == 'mysong',\n              }\"\n              @click=\"\n                () => {\n                  onFilterTabClick('mysong');\n                }\n              \"\n            >\n              {{ $$t(\"create.all\") }}\n            </li>\n            <li\n              class=\"generate-result-search-right-tab-item pointer\"\n              :class=\"{\n                'generate-result-search-right-tab-item-active':\n                  renderData.listRenderType == 'likemysong',\n              }\"\n              @click=\"\n                () => {\n                  onFilterTabClick('likemysong');\n                }\n              \"\n            >\n              {{ $$t(\"create.mysong_liked\") }}\n            </li>\n            <li\n              class=\"generate-result-search-right-tab-item pointer\"\n              :class=\"{\n                'generate-result-search-right-tab-item-active':\n                  renderData.listRenderType == 'publishedmysong',\n              }\"\n              @click=\"\n                () => {\n                  onFilterTabClick('publishedmysong');\n                }\n              \"\n            >\n              {{ $$t(\"create.mysong_published\") }}\n            </li>\n          </ul>\n          <div\n            class=\"generate-result-search-right-tab-mobile\"\n            v-if=\"\n              renderData.listRenderType != 'createdresult' &&\n              createRenderType == 'mobile' &&\n              renderData.filterOpened\n            \"\n          >\n            <Select\n              v-model=\"renderData.listRenderTypeValue\"\n              placement=\"bottom-end\"\n              @change=\"\n                (val) => {\n                  onFilterTabClick(val?.value);\n                }\n              \"\n              :clearable=\"false\"\n              :readonly=\"true\"\n              placeholder=\"\"\n              :options=\"tabSelectOptions\"\n            ></Select>\n          </div>\n          <div class=\"generate-result-search-title flex1\">\n            <div\n              v-if=\"\n                createRenderType == 'mobile' &&\n                renderData.listRenderType == 'createdresult'\n              \"\n            >\n              {{ $$t(\"create.my_songs\") }}\n            </div>\n\n            <!-- <span\n              v-if=\"\n                createRenderType == 'mobile' &&\n                renderData.listRenderType == 'mysong'\n              \"\n            >\n              {{\n                $$tValue(\"create.song_counts\", {\n                  num: renderData.total > 999 ? \"999+\" : renderData.total,\n                })\n              }}\n            </span> -->\n          </div>\n        </div>\n        <!-- <div class=\"generate-result-search-right-btn\">\n          <div class=\"generate-result-search-right-btn-close\">\n            <IconButton\n              size=\"36px\"\n              icoSize=\"20px\"\n              backgroundColor=\"rgb(255, 255, 255, 0.1)\"\n              hoverBackgroundColor=\"rgb(255, 255, 255, 0.2)\"\n              @onClick=\"onToggleFilterOpenedClick\"\n            >\n              <img src=\"@/assets/img/close-white-ico.png\" />\n            </IconButton>\n          </div>\n          <div class=\"generate-result-search-right-btn-search\">\n            <IconButton\n              size=\"40px\"\n              icoSize=\"20px\"\n              backgroundColor=\"rgb(255, 255, 255, 0)\"\n              hoverBackgroundColor=\"rgb(255, 255, 255, 0.1)\"\n              @onClick=\"onToggleFilterOpenedClick\"\n            >\n              <img src=\"@/assets/img/search-white-ico.png\" />\n            </IconButton>\n          </div>\n        </div> -->\n      </div>\n      <!-- <div\n        class=\"generate-result-song-count-mobile\"\n        v-if=\"\n          renderData.listRenderType != 'createdresult' &&\n          createRenderType == 'mobile'\n        \"\n      >\n        {{\n          $$tValue(\"create.song_counts\", {\n            num: renderData.total > 999 ? \"999+\" : renderData.total,\n          })\n        }}\n      </div> -->\n      <div\n        class=\"generate-result-vip-acceleration flex\"\n        v-if=\"\n          vipStateDataMap[renderData.vipTipState] &&\n          listRenderType == 'createdresult'\n        \"\n      >\n        <i class=\"generate-result-vip-acceleration-ico\"></i>\n        <span class=\"generate-result-vip-acceleration-text flex1 width-0 olh\">{{\n          $$t(vipStateDataMap[renderData.vipTipState])\n        }}</span>\n        <Button\n          @click=\"onOpenVipClick\"\n          :renderStyle=\"{\n            '--padding': '0 10px',\n            '--width': 'max-content',\n            '--height': '24px',\n            '--borderRadius': '50px',\n            '--background':\n              'linear-gradient(120deg, rgb(79, 222, 255, 1) -1%, rgb(230, 117, 255, 1) 100%)', //#94ADFF\n            '--backgroundHover':\n              'linear-gradient(120deg, rgb(79, 222, 255, 0.75) -1%, rgb(230, 117, 255, 0.75) 100%)',\n            '--fontColor': '#000',\n            '--fontColorHover': '#000',\n            '--fontSize': '12px',\n            '--fontWeight': 'normal',\n            '--border': 'none',\n          }\"\n        >\n          {{ $$t(\"create.look_for_vip\") }}\n        </Button>\n      </div>\n\n      <div\n        class=\"search-result-box flex1 height-0\"\n        v-if=\"renderData.ifRenderList\"\n      >\n        <PullTo\n          ref=\"refPullTo\"\n          :initLoad=\"false\"\n          v-if=\"!renderData.loadError\"\n          :datas=\"renderData.datas\"\n          itemIdField=\"feed_id\"\n          v-model:refreshing=\"renderData.refreshing\"\n          v-model:loadingMore=\"renderData.loadingMore\"\n          v-model:isLoading=\"renderData.isLoading\"\n          v-model:finished=\"renderData.finished\"\n          @refresh=\"doRefresh\"\n          @loadMore=\"doLoadMore\"\n        >\n          <template v-slot:default=\"slotProps\">\n            <div\n              calss=\"search-result-item\"\n              :index=\"slotProps.index\"\n              :key=\"slotProps.key\"\n            >\n              <AudioItemSuccess\n                :key=\"`success_${slotProps.key}`\"\n                v-if=\"\n                  slotProps.item.state == 3 ||\n                  (slotProps.item?.state == 2 &&\n                    ModuleOpenStateControl.create.generatingStream)\n                \"\n                :listRenderType=\"renderData.listRenderType\"\n                :index=\"slotProps.index\"\n                :pitem=\"slotProps.item\"\n                @doFrom=\"doFrom\"\n                @restore=\"doRestore\"\n              ></AudioItemSuccess>\n\n              <AudioItemGenerating\n                :key=\"`generating_${slotProps.key}`\"\n                v-if=\"\n                  (slotProps.item?.state == 1 ||\n                    (slotProps.item?.state == 2 &&\n                      !ModuleOpenStateControl.create.generatingStream)) &&\n                  renderData.listRenderType == 'createdresult'\n                \"\n                :listRenderType=\"renderData.listRenderType\"\n                @from=\"doFrom\"\n                @cancel=\"doCancelGenerate\"\n                :pitem=\"slotProps.item\"\n                :index=\"slotProps.index\"\n              ></AudioItemGenerating>\n              <AudioItemFailure\n                :key=\"`failure_${slotProps.key}`\"\n                v-if=\"\n                  [4, 6, 10, 11].includes(slotProps.item?.state) &&\n                  renderData.listRenderType == 'createdresult'\n                \"\n                :listRenderType=\"renderData.listRenderType\"\n                @retry=\"doRetryGenerate\"\n                @from=\"doFrom\"\n                @delete=\"doDeleteGenerate\"\n                :pitem=\"slotProps.item\"\n                :index=\"slotProps.index\"\n              ></AudioItemFailure>\n              <SubscribeGuid\n                v-if=\"\n                  listRenderType == 'createdresult' &&\n                  !vipStateDataMap[renderData.vipTipState] &&\n                  slotProps.index == 0 &&\n                  [1, 2, 3].includes(slotProps.item.state) &&\n                  !slotProps.item.is_accelerated &&\n                  userDataStore.userInfo?.user?.vip_level_name != 'pro'\n                \"\n              ></SubscribeGuid>\n            </div>\n          </template>\n        </PullTo>\n        <QueryEmptyRetry\n          v-if=\"renderData.loadError && renderData.ifRenderEmpty\"\n          @retry=\"\n            () => {\n              doRetry(true);\n            }\n          \"\n        ></QueryEmptyRetry>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport {\n  ref,\n  defineProps,\n  defineEmits,\n  computed,\n  readonly,\n  reactive,\n  watch,\n  defineExpose,\n  onMounted,\n  onUpdated,\n  onUnmounted,\n  getCurrentInstance,\n} from \"vue\";\nimport message from \"@/components/functionCallComponent/message.jsx\";\nimport EmptyNoLogin from \"@/page/create/feedList/emptyNoLogin.vue\";\nimport CreateGuid from \"@/page/create/createGuid/createGuid.vue\";\nimport SubscribeGuid from \"@/page/create/createGuid/subscribeGuid.vue\";\n\nimport { getObjectStorageFullUrl } from \"@/lib/objectStorage/objectStorage.js\";\nimport {\n  getGuidanceJsonDataUrl,\n  ModuleOpenStateControl,\n} from \"@/config/config.js\";\n\nimport IconButton from \"@/components/basic/button/IconButton.vue\";\nimport Button from \"@/components/basic/button/Button.vue\";\n\nimport { useRouter, useRoute } from \"vue-router\";\nimport Search from \"@/components/basic/input/Search.vue\";\nimport AudioItemSuccess from \"./audioItemSuccess.vue\";\nimport AudioItemGenerating from \"./audioItemGenerating.vue\";\nimport AudioItemFailure from \"./audioItemFailure.vue\";\nimport QueryEmptyRetry from \"@/components/basic/pullTo/queryEmptyRetry.vue\";\nimport { storeToRefs } from \"pinia\";\nimport tools from \"@/utils/tools.js\";\n\nimport feedListApi from \"@/api/api/feedListApi.js\";\n\nimport PullTo from \"@/components/basic/pullTo/PullTo.vue\";\nimport useFeedListStore from \"@/store/create/feedListDataStore.js\";\nimport useUserDataStore from \"@/store/userDataStore.js\";\nimport useGlobalPlayDataStore from \"@/store/globalPlayDataStore.js\";\nimport { $$language, $$t, $$tValue } from \"@/i18n/i18n.js\";\nimport { payOrder, checkSongOrder } from \"@/api/api/apiCommon.js\";\nimport usePresetSourceDataStore from \"@/store/create/presetSourceDataStore.js\";\nimport useCreateLayoutStore from \"@/store/create/createLayoutStore.js\";\nconst createLayoutStore = useCreateLayoutStore();\nconst { createRenderType, createEditMode, feedSubscribeIsRender } =\n  storeToRefs(createLayoutStore);\n\nconst feedListDataStore = useFeedListStore();\nconst userDataStore = useUserDataStore();\nconst globalPlayDataStore = useGlobalPlayDataStore();\nconst presetSourceDataStore = usePresetSourceDataStore();\nconst { isLogin } = storeToRefs(userDataStore);\n\nconst globalProperties =\n  getCurrentInstance()?.appContext.config.globalProperties;\n\nconst Router = useRouter();\nconst route = useRoute();\nconst tabSelectOptions = [\n  {\n    label: $$t(\"create.all\"),\n    value: \"mysong\",\n  },\n  {\n    label: $$t(\"create.mysong_liked\"),\n    value: \"likemysong\",\n  },\n  {\n    label: $$t(\"create.mysong_published\"),\n    value: \"publishedmysong\",\n  },\n];\nconst props = defineProps({\n  listRenderType: {\n    type: String,\n    default: \"createdresult\", // mysong, likemysong, createdresult publishedmysong\n  },\n});\nconst emits = defineEmits([\"restore\"]);\nconst refExtendSong = ref(null);\nconst refPullTo = ref(null);\nconst refSearchInput = ref(null);\n\nconst vipStateDataMap = {\n  true__1: \"create.generate_vip__queue\",\n  true__0: \"create.not_vip__not_queue\",\n  false__1: \"create.generate_not__vip_queue\",\n  false__2: \"create.generate_not_vip__not_queue\",\n};\n\nconst getEmptyInfo = () => {\n  switch (renderData.listRenderType) {\n    case \"mysong\":\n      return {\n        networkerror: $$t(\"common.network_error\"),\n        loadfailure: $$t(\"common.load_failure\"),\n        contentviolation: $$t(\"common.content_violation\"),\n        emptydata: $$t(\"create.liked_my_song_empty\"),\n      };\n    case \"likemysong\":\n      return {\n        networkerror: $$t(\"common.network_error\"),\n        loadfailure: $$t(\"common.load_failure\"),\n        contentviolation: $$t(\"common.content_violation\"),\n        emptydata: $$t(\"create.my_song_empty\"),\n      };\n    case \"createdresult\":\n      return {\n        networkerror: $$t(\"common.network_error\"),\n        loadfailure: $$t(\"common.load_failure\"),\n        contentviolation: $$t(\"common.content_violation\"),\n        emptydata: $$t(\"create.generated_song_empty\"),\n      };\n    case \"publishedmysong\":\n      return {\n        networkerror: $$t(\"common.network_error\"),\n        loadfailure: $$t(\"common.load_failure\"),\n        contentviolation: $$t(\"common.content_violation\"),\n        emptydata: $$t(\"create.generated_song_empty\"),\n      };\n    default:\n      return {\n        networkerror: $$t(\"common.network_error\"),\n        loadfailure: $$t(\"common.load_failure\"),\n        contentviolation: $$t(\"common.content_violation\"),\n        emptydata: $$t(\"create.generated_song_empty\"),\n      };\n  }\n};\n\nconst renderData = reactive({\n  filterOpened: true,\n\n  filterValue: \"\",\n  hasInit: false,\n  datas: [],\n  refreshing: false,\n  loadingMore: false,\n  isLoading: false,\n  loadError: false,\n  finished: false,\n  demoSongData: null,\n  ifRender: true,\n  total: 0,\n  vipTipState: null,\n  ifRenderList: true,\n  emptyInfo: null,\n  ifRenderEmpty: true,\n});\n\nconst reRenderList = () => {\n  renderData.ifRenderList = false;\n  nextTick(() => {\n    renderData.ifRenderList = true;\n  });\n};\n\nconst isDoEditSong = computed(() => {\n  return renderData.extendSongDialogVisible || renderData.editSongDialogVisible;\n});\n\nconst onToggleFilterOpenedClick = () => {\n  renderData.filterOpened = !renderData.filterOpened;\n  if (!renderData.filterOpened) {\n    renderData.filterValue = \"\";\n\n    if (props.listRenderType == \"mysong\") {\n      renderData.listRenderType = feedListDataStore.mysongLastTab;\n    } else {\n      renderData.listRenderType = props.listRenderType;\n    }\n\n    renderData.listRenderTypeValue = getListRenderTypeValue(\n      props.listRenderType\n    );\n    console.log(\"onToggleFilterOpenedClick\", 11, renderData.filterValue);\n    refPullTo.value?.initUpScroll();\n    doRetry();\n  } else {\n    nextTick(() => {\n      refSearchInput.value?.focus();\n    });\n  }\n};\n\n// const getDemoSongData = () => {\n//   return new Promise((resolve, reject) => {\n//     presetSourceDataStore.getPresetSourceData().then((data) => {\n//       renderData.demoSongData = data.web_song_showcase;\n//     })\n//   })\n// };\n\nconst onKeyupEnter = () => {\n  refPullTo.value?.initUpScroll();\n  doRetry();\n};\nconst onSearch = (val) => {\n  refPullTo.value?.initUpScroll();\n  doRetry();\n};\n\nconst onBlur = (e) => {\n  setTimeout(() => {\n    nextTick(() => {\n      refPullTo.value?.initUpScroll();\n    }).then(() => {\n      console.log(\"onToggleFilterOpenedClick\", 22, renderData.filterValue);\n      doRetry();\n    });\n  }, 10);\n};\n\nconst onInput = (val) => {\n  renderData.filterValue = val;\n  // doRetry();\n};\nconst onClear = () => {\n  renderData.filterValue = \"\";\n  refPullTo.value?.initUpScroll();\n  doRetry();\n};\n\nconst onFilterTabClick = (tab) => {\n  if (renderData.listRenderType !== tab) {\n    renderData.listRenderType = tab;\n    renderData.datas = [];\n    renderData.total = 0;\n    refPullTo.value?.initUpScroll();\n    feedListDataStore.setMysongTab(tab);\n    doRetry();\n  }\n};\nconst getQueryParams = () => {\n  let params = null;\n  // 1-只包含生成成功的歌曲,2-收藏自己的歌曲，3-已发布的歌曲\n  switch (renderData.listRenderType) {\n    case \"mysong\":\n      params = { t: 1, title: renderData.filterValue ?? \"\" };\n      break;\n    case \"likemysong\":\n      params = {\n        t: 2,\n        size: 20,\n        title: renderData.filterValue ?? \"\",\n      };\n      break;\n    case \"publishedmysong\":\n      params = {\n        t: 3,\n        size: 20,\n        title: renderData.filterValue ?? \"\",\n      };\n      break;\n    case \"createdresult\":\n      params = {\n        title: renderData.filterValue ?? \"\",\n      };\n      break;\n    default:\n      params = {};\n  }\n  return {\n    listRenderType: renderData.listRenderType,\n    title: renderData.filterValue ?? \"\",\n    ...params,\n  };\n};\n\nconst doRefresh = (done, errodone) => {\n  renderData.isLoading = true;\n  feedListDataStore.refresh(\n    getQueryParams(),\n    (...args) => {\n      renderData.finished = args[1] ?? true;\n      renderData.isLoading = false;\n      renderData.loadError = false;\n      done(...args);\n    },\n    (...args) => {\n      renderData.isLoading = false;\n      renderData.loadError = true;\n      errodone(...args);\n    }\n  );\n};\n\nconst doLoadMore = (done, errodone) => {\n  renderData.isLoading = true;\n  feedListDataStore\n    .loadMore(\n      (...args) => {\n        renderData.finished = args[1] ?? true;\n        renderData.isLoading = false;\n        done(...args);\n      },\n      (...args) => {\n        renderData.isLoading = false;\n        errodone(...args);\n      },\n      renderData.listRenderType\n    )\n    .then(() => {})\n    .catch((err) => {\n      console.error(\"loadMore error\", err);\n    });\n};\n\nconst doRetry = (isRetry) => {\n  if (renderData.isLoading) {\n    return;\n  }\n  const params = getQueryParams();\n  renderData.isLoading = true;\n  feedListDataStore.init(\n    params,\n    (...args) => {\n      renderData.finished = args[1] ?? true;\n      renderData.isLoading = false;\n      renderData.loadError = false;\n      if (!params.title) {\n        if (!args[0].length) {\n          renderData.hasInit = false;\n        } else {\n          renderData.hasInit = true;\n        }\n      } else {\n        renderData.hasInit = true;\n      }\n    },\n    (...args) => {\n      renderData.loadError = true;\n      renderData.isLoading = false;\n    }\n  );\n};\n\nconst refFeedList = ref(null);\n\nconst onCloseVipClick = () => {\n  feedListDataStore.setVipTipVisible(false);\n};\nconst onOpenVipClick = () => {\n  Router.push({\n    name: \"subscribe\",\n    membership_source1: \"create\",\n    membership_source2: \"generateNotVipInQueue\",\n  });\n  globalProperties.logClickEvent(\"create_skip_queue\", {});\n};\n\nconst doRestore = (pitem, item) => {\n  emits(\"restore\", pitem, item);\n};\n\nconst doFrom = (pitem, item) => {\n  feedListDataStore.doFrom(pitem, item);\n};\n\nconst doRetryGenerate = (pitem, item, cb) => {\n  cb?.(true);\n  feedListDataStore\n    .doRetryGenerate(pitem, item)\n    .then(() => {\n      cb?.(false);\n    })\n    .catch(() => {\n      cb?.(false);\n    });\n};\n\nconst doCancelGenerate = (pitem, item) => {\n  feedListDataStore.doCancelGenerate(pitem, item);\n};\nconst doDeleteGenerate = (pitem, item) => {\n  feedListDataStore.doDeleteGenerate(pitem, item);\n};\n\nconst setRenderDataVipTipState = () => {\n  if (\n    renderData.datas.length > 0 &&\n    [1, 2].includes(renderData.datas[0]?.state)\n  ) {\n    let state = `${renderData.datas[0].is_accelerated || false}__${\n      renderData.datas[0].state\n    }`;\n    if (state == \"false__1\") {\n      renderData.vipTipState = state;\n      globalProperties.logViewEvent(\"create_skip_queue\", {});\n    } else {\n      renderData.vipTipState = \"\";\n    }\n  } else {\n    renderData.vipTipState = \"\";\n  }\n};\n\nconst setRenderDatas = () => {\n  switch (renderData.listRenderType) {\n    case \"createdresult\":\n      renderData.datas = feedListDataStore.feedlist_createdresult ?? [];\n      renderData.total = feedListDataStore.total_createdresult ?? 0;\n\n      break;\n    case \"mysong\":\n      renderData.datas = feedListDataStore.feedlist_mysong ?? [];\n      renderData.total = feedListDataStore.total_mysong ?? 0;\n      break;\n    case \"likemysong\":\n      renderData.datas = feedListDataStore.feedlist_likemysong ?? [];\n      renderData.total = feedListDataStore.total_likemysong ?? 0;\n      break;\n    case \"publishedmysong\":\n      renderData.datas = feedListDataStore.feedlist_publishedmysong ?? [];\n      renderData.total = feedListDataStore.total_publishedmysong ?? 0;\n      break;\n    default:\n      renderData.datas = feedListDataStore.feedlist_createdresult ?? [];\n      renderData.total = feedListDataStore.total_createdresult ?? 0;\n      break;\n  }\n  setRenderDataVipTipState();\n  // reRenderList();\n};\nconst reRender = () => {\n  renderData.ifRender = false;\n  nextTick(() => {\n    renderData.ifRender = true;\n  });\n};\nwatch(\n  () => createRenderType.value,\n  (newVal, oldVal) => {\n    reRender();\n  }\n);\n\nwatch(\n  () => feedListDataStore.feedlist_createdresult,\n  (newVal, oldVal) => {\n    setRenderDatas();\n  }\n);\nwatch(\n  () => feedListDataStore.feedlist_mysong,\n  (newVal, oldVal) => {\n    setRenderDatas();\n  }\n);\nwatch(\n  () => feedListDataStore.feedlist_likemysong,\n  (newVal, oldVal) => {\n    setRenderDatas();\n  }\n);\n\nwatch(\n  () => feedListDataStore.feedlist_publishedmysong,\n  (newVal, oldVal) => {\n    setRenderDatas();\n  }\n);\n\nwatch(\n  () => isDoEditSong.value,\n  (newValue) => {\n    doTempToggleGloblePlay(isDoEditSong.value);\n  }\n);\n\nwatch(\n  () => {\n    return userDataStore.isLogin;\n  },\n  () => {\n    if (userDataStore.isLogin) {\n      doRetry();\n    } else {\n      renderData.hasInit = false;\n      // getDemoSongData();\n    }\n  }\n);\n\nconst getListRenderTypeValue = (type) => {\n  return tabSelectOptions.filter((item) => item.value == type)[0] ?? null;\n};\n\nconst initDemoData = () => {\n  if (presetSourceDataStore.presetSourceData) {\n    renderData.demoSongData =\n      presetSourceDataStore.presetSourceData.web_song_showcase;\n  }\n};\n\nwatch(\n  () => {\n    return presetSourceDataStore.presetSourceData;\n  },\n  () => {\n    initDemoData();\n  }\n);\n\nwatch(\n  () => userDataStore.appLanguage,\n  (newVal) => {\n    nextTick().then(() => {\n      renderData.emptyInfo = getEmptyInfo();\n      // renderData.ifRenderEmpty = false;\n      // nextTick(() => {\n      //   renderData.ifRenderEmpty = true;\n      // });\n    });\n  }\n);\n\nonMounted(() => {\n  renderData.emptyInfo = getEmptyInfo();\n  if (props.listRenderType == \"mysong\") {\n    renderData.listRenderType = feedListDataStore.mysongLastTab;\n  } else {\n    renderData.listRenderType = props.listRenderType;\n  }\n  renderData.listRenderTypeValue = getListRenderTypeValue(\n    renderData.listRenderType\n  );\n  if (!userDataStore.isLogin) {\n    renderData.hasInit = false;\n    return;\n  }\n  doRetry();\n});\n\nonMounted(() => {\n  setRenderDatas();\n  // if (!userDataStore.isLogin) {\n  //   getDemoSongData();\n  // }\n\n  initDemoData();\n});\n</script>\n<style lang=\"scss\">\n.generate-result {\n  .generate-result-main {\n    display: flex;\n    flex-direction: column;\n  }\n  .generate-result-search {\n    padding: 19px 20px 10px 20px;\n    align-items: center;\n  }\n  .generate-result-search-search {\n    width: 100%;\n    height: 38px;\n  }\n  .generate-result-search-right-tab {\n    margin: 0 0 0 12px;\n    height: 40px;\n    background: rgba(255, 255, 255, 0.1);\n    border-radius: 40px;\n    font-family: Alimama Agile VF;\n    font-size: 14px;\n    font-weight: normal;\n    line-height: 40px;\n\n    color: rgba(255, 255, 255, 0.5);\n    .generate-result-search-right-tab-item {\n      height: 40px;\n      width: 92px;\n      display: inline-block;\n      vertical-align: middle;\n      line-height: 40px;\n      text-align: center;\n      border-radius: 40px;\n      &:hover {\n        color: #ffffff;\n      }\n      &.generate-result-search-right-tab-item-active {\n        font-weight: bold;\n        color: #ffffff;\n        background: rgba(255, 255, 255, 0.1);\n      }\n    }\n  }\n  .generate-result-search-right-tab-mobile {\n    margin: 0 0 0 8px;\n    .custom-select {\n      width: unset;\n      min-width: max-content;\n      height: 36px;\n      .el-select {\n        height: 36px;\n      }\n      .el-select__wrapper {\n        width: unset;\n        min-width: max-content;\n        display: block;\n        height: 36px;\n        padding: 4px 12px;\n      }\n      .el-select__input-wrapper.is-hidden {\n        width: 0;\n        height: 0;\n        overflow: hidden;\n        .el-select__input {\n          width: 0 !important;\n          height: 0 !important;\n        }\n      }\n      .el-select__selection {\n        width: unset;\n        display: inline-block;\n        vertical-align: middle;\n        min-width: max-content;\n      }\n      .el-select__selected-item {\n        min-width: max-content;\n        position: unset;\n        transform: unset;\n      }\n      .el-select__suffix {\n        display: inline-block;\n        vertical-align: middle;\n        transform: unset;\n        height: 16px;\n        margin: 0 0 0 8px;\n      }\n    }\n  }\n  .generate-result-search-right-btn {\n    margin: 0 0px 0 8px;\n    display: none;\n  }\n  .generate-result-search-title {\n    font-family: HarmonyOS Sans SC;\n    font-size: 18px;\n    line-height: 24px;\n    font-weight: 500;\n    color: #ffffff;\n    display: none;\n  }\n  .generate-result-song-count-mobile {\n    font-family: HarmonyOS Sans SC;\n    font-size: 14px;\n    line-height: 24px;\n    font-weight: 500;\n    color: #ffffff;\n    margin: 0px 16px 4px 16px;\n    opacity: 0.8;\n  }\n  .generate-result-search-title-count {\n    font-family: HarmonyOS Sans SC;\n    height: 40px;\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 40px;\n    color: #fff;\n    padding-left: 0;\n    display: none;\n    margin-right: 12px;\n  }\n\n  .generate-result-vip-acceleration {\n    height: 32px;\n    border-radius: 30px;\n    display: flex;\n    align-items: center;\n    padding: 4px 4px 4px 12px;\n    background: rgba(255, 255, 255, 0.2);\n    margin: 12px 18px 6px 18px;\n    .generate-result-vip-acceleration-ico {\n      height: 20px;\n      width: 20px;\n      background: url(\"@/assets/img/vip-acceleration-ico.png\");\n      background-size: 100% 100%;\n    }\n    .generate-result-vip-acceleration-text {\n      font-family: HarmonyOS Sans SC;\n      font-size: 12px;\n      font-weight: normal;\n      line-height: 24px;\n      background: #94adff;\n      background-clip: text;\n      color: transparent;\n      background-clip: text;\n      margin: 0 24px 0 12px;\n    }\n  }\n\n  .search-result-box {\n  }\n  .search-result-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    i {\n      height: 200px;\n      width: 270px;\n      background: url(\"@/assets/img/empty-ico.png\");\n      background-size: 100% 100%;\n    }\n    p {\n      display: none;\n      margin-top: -30px;\n      font-family: HarmonyOS Sans SC;\n      font-size: 18px;\n      font-weight: normal;\n      line-height: 22px;\n      text-align: center;\n      color: #ffffff;\n    }\n  }\n  &.generate-result--likemysong,\n  &.generate-result--mysong,\n  &.generate-result--publishedmysong {\n    .search-result-box {\n      padding: 0 0;\n    }\n    .generate-result-search{\n      padding: 0 20px 10px 20px;\n\n    }\n    &.generate-result--pc {\n      .generate-result-search-title-count {\n        display: block;\n      }\n      .generate-result-search-search-box {\n        justify-content: flex-end;\n      }\n      .generate-result-search-search {\n        height: 40px;\n        max-width: 400px;\n      }\n    }\n  }\n  &.generate-result--mobile {\n    &.generate-result--likemysong,\n    &.generate-result--mysong,\n    &.generate-result--publishedmysong {\n      .search-result-box {\n        padding: 0 0;\n      }\n      &.generate-result--pc {\n        .generate-result-search-search {\n          max-width: 100%;\n        }\n      }\n    }\n    &.generate-result--createdresult {\n      // padding-bottom: 80px;\n    }\n    .generate-result-vip-acceleration {\n      margin: 4px 16px 12px 16px;\n    }\n    .generate-result-search {\n      padding: 0px 16px 8px 16px;\n      height: 54px;\n    }\n    .generate-result-search-right-btn {\n      display: block;\n    }\n    .generate-result-search--opened {\n      .generate-result-search-search {\n        display: block;\n        height: 36px;\n      }\n      .generate-result-search-right-btn-close {\n        display: block;\n      }\n      .generate-result-search-title {\n        display: none;\n      }\n      .generate-result-search-right-btn-search {\n        display: none;\n      }\n    }\n    .generate-result-search--closed {\n      .generate-result-search-search {\n        display: none;\n      }\n      .generate-result-search-right-btn-close {\n        display: none;\n      }\n      .generate-result-search-title {\n        display: block;\n      }\n      .generate-result-search-right-btn-search {\n        display: block;\n      }\n    }\n  }\n}\n</style>\n"],"names":["createLayoutStore","useCreateLayoutStore","createRenderType","storeToRefs","userDataStore","useUserDataStore","globalProperties","_a","getCurrentInstance","appContext","config","props","__props","emits","__emit","refPlayer","ref","renderData","reactive","duration","_c","_b","item","duration_milliseconds","isplay","buffer","progress","title","_d","isEditTitle","shareSuccessText","isMoreVisible","position","isCurPlay","syncDuration","syncPlayState","playState","logClickEvent","content_id","song_id","type","isLogin","syncLoadingState","loadingState","syncProgress","doTogglePlay","value","changeOp","changeUrlListenerListener","GlobalAudioPlayer","currentUrl","getObjectStorageFullUrl","mp3_url","onMounted","globalAudioPlayer","registGlobleListener","onUnmounted","releaseGlobleListener","globalPlayDataStore","useGlobalPlayDataStore","setCurPlayData","isShowFeedCreateGuid","createEditGuidTourVisible","useRouter","useRoute","constGuid","rollingTextDatasMapMobile","en","ko","ja","es","pt","feedSubscribeIsRender","userInfo","creditInfo","Router","isRenderSubscribe","computed","user","is_vip","isShow","rollingTextIndex","doClose","setFeedSubscribeIsRender","doSubscribe","__async","this","checkLoginStatus","push","name","query","membership_source1","membership_source2","watch","logViewEvent","immediate","pitem","doRestore","doRegenerate","doGoDetail","doExtend","doDelete","doLike","isPlay","doDownload","doDownloadMp3","doDownloadCopyright","doDownloadWAVAndStem","doAddShoping","doSoldOut","doEditSongTitle","doShare","callback","datas","Array","isArray","length","slice","doCancel","isLoading","doRetry","createEditMode","feedListDataStore","useFeedListStore","presetSourceDataStore","usePresetSourceDataStore","tabSelectOptions","label","$$t","refPullTo","refSearchInput","vipStateDataMap","true__1","true__0","false__1","false__2","getEmptyInfo","listRenderType","networkerror","loadfailure","contentviolation","emptydata","filterOpened","filterValue","hasInit","refreshing","loadingMore","loadError","finished","demoSongData","ifRender","total","vipTipState","ifRenderList","emptyInfo","ifRenderEmpty","isDoEditSong","extendSongDialogVisible","editSongDialogVisible","onKeyupEnter","initUpScroll","onSearch","val","onBlur","e","setTimeout","nextTick","then","onInput","onClear","onFilterTabClick","tab","setMysongTab","getQueryParams","params","t","size","__spreadValues","_e","doRefresh","done","errodone","refresh","args","doLoadMore","loadMore","catch","err","isRetry","init","onOpenVipClick","doFrom","doRetryGenerate","cb","doCancelGenerate","doDeleteGenerate","setRenderDatas","feedlist_createdresult","total_createdresult","feedlist_mysong","total_mysong","feedlist_likemysong","_f","total_likemysong","_g","feedlist_publishedmysong","_h","total_publishedmysong","_i","_j","includes","state","is_accelerated","newVal","oldVal","newValue","doTempToggleGloblePlay","initDemoData","presetSourceData","web_song_showcase","appLanguage","mysongLastTab","listRenderTypeValue","filter"],"mappings":"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"}