@robot-admin/naive-ui-components 0.9.1 → 0.9.3

package/dist/{C_AudioPlayer-DKRIGhi7.css.map → C_AudioPlayer-BnYIJXPD.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_AudioPlayer-DKRIGhi7.css","names":[],"sources":["../src/components/C_AudioPlayer/index.vue?vue&type=style&index=0&scoped=3cb14639&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//**\n * C_AudioPlayer — 音频播放器样式\n */\n.c-audio-player[data-v-3cb14639] {\n  --ap-bg: var(--card-color);\n  --ap-border: var(--border-color);\n  --ap-accent: var(--primary-color);\n  --ap-text: var(--text-color-1);\n  --ap-text-sub: var(--text-color-3);\n  --ap-progress-bg: color-mix(in srgb, var(--primary-color) 15%, var(--border-color));\n  --ap-progress-fill: var(--primary-color);\n  display: flex;\n  flex-direction: column;\n  border-radius: 12px;\n  border: 1px solid var(--ap-border);\n  background: var(--ap-bg);\n  overflow: hidden;\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n  /* ======================== Now Playing ======================== */\n  /* ======================== Progress ======================== */\n  /* ======================== Controls ======================== */\n  /* ======================== Volume ======================== */\n  /* ======================== Playlist ======================== */\n  /* ======================== Minimal Theme ======================== */\n}\n.c-audio-player__now-playing[data-v-3cb14639] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 20px;\n}\n.c-audio-player__cover[data-v-3cb14639] {\n  flex-shrink: 0;\n  width: 72px;\n  height: 72px;\n  border-radius: 10px;\n  overflow: hidden;\n  background: color-mix(in srgb, var(--ap-accent) 10%, var(--ap-bg));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n.c-audio-player__cover img[data-v-3cb14639] {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.c-audio-player__cover-placeholder[data-v-3cb14639] {\n  font-size: 32px;\n  color: var(--ap-accent);\n  opacity: 0.5;\n}\n.c-audio-player__info[data-v-3cb14639] {\n  flex: 1;\n  min-width: 0;\n}\n.c-audio-player__title[data-v-3cb14639] {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--ap-text);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.c-audio-player__artist[data-v-3cb14639] {\n  font-size: 12px;\n  color: var(--ap-text-sub);\n  margin-top: 2px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.c-audio-player__progress[data-v-3cb14639] {\n  padding: 0 20px;\n}\n.c-audio-player__progress-bar[data-v-3cb14639] {\n  position: relative;\n  width: 100%;\n  height: 6px;\n  border-radius: 3px;\n  background: var(--ap-progress-bg);\n  cursor: pointer;\n  transition: height 0.15s;\n}\n.c-audio-player__progress-bar[data-v-3cb14639]:hover {\n  height: 8px;\n}\n.c-audio-player__progress-fill[data-v-3cb14639] {\n  height: 100%;\n  border-radius: 3px;\n  background: var(--ap-progress-fill);\n  position: relative;\n  transition: width 0.1s linear;\n}\n.c-audio-player__progress-fill[data-v-3cb14639]::after {\n  content: \"\";\n  position: absolute;\n  right: -5px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: var(--ap-accent);\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);\n  opacity: 0;\n  transition: opacity 0.15s;\n}\n.c-audio-player__progress-bar:hover .c-audio-player__progress-fill[data-v-3cb14639]::after {\n  opacity: 1;\n}\n.c-audio-player__time[data-v-3cb14639] {\n  display: flex;\n  justify-content: space-between;\n  font-size: 11px;\n  color: var(--ap-text-sub);\n  margin-top: 4px;\n  padding-bottom: 4px;\n}\n.c-audio-player__controls[data-v-3cb14639] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 12px 20px;\n}\n.c-audio-player__ctrl-btn[data-v-3cb14639] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: transparent;\n  color: var(--ap-text);\n  cursor: pointer;\n  border-radius: 50%;\n  transition: background 0.2s, color 0.2s, transform 0.15s;\n}\n.c-audio-player__ctrl-btn[data-v-3cb14639]:hover {\n  color: var(--ap-accent);\n  background: color-mix(in srgb, var(--ap-accent) 10%, transparent);\n}\n.c-audio-player__ctrl-btn[data-v-3cb14639]:active {\n  transform: scale(0.92);\n}\n.c-audio-player__ctrl-btn.is-mode[data-v-3cb14639] {\n  font-size: 18px;\n  width: 34px;\n  height: 34px;\n}\n.c-audio-player__ctrl-btn.is-skip[data-v-3cb14639] {\n  font-size: 22px;\n  width: 38px;\n  height: 38px;\n}\n.c-audio-player__ctrl-btn.is-play[data-v-3cb14639] {\n  font-size: 28px;\n  width: 48px;\n  height: 48px;\n  background: var(--ap-accent);\n  color: #fff;\n}\n.c-audio-player__ctrl-btn.is-play[data-v-3cb14639]:hover {\n  background: color-mix(in srgb, var(--ap-accent) 85%, #000);\n  color: #fff;\n  box-shadow: 0 2px 10px color-mix(in srgb, var(--ap-accent) 35%, transparent);\n}\n.c-audio-player__volume[data-v-3cb14639] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 0 20px 12px;\n  justify-content: flex-end;\n}\n.c-audio-player__volume-icon[data-v-3cb14639] {\n  font-size: 18px;\n  color: var(--ap-text-sub);\n  cursor: pointer;\n}\n.c-audio-player__volume-icon[data-v-3cb14639]:hover {\n  color: var(--ap-accent);\n}\n.c-audio-player__volume-slider[data-v-3cb14639] {\n  width: 100px;\n}\n.c-audio-player__playlist[data-v-3cb14639] {\n  border-top: 1px solid var(--ap-border);\n  max-height: 260px;\n  overflow-y: auto;\n}\n.c-audio-player__playlist-header[data-v-3cb14639] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 20px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--ap-text-sub);\n  background: color-mix(in srgb, var(--ap-accent) 4%, var(--ap-bg));\n  border-bottom: 1px solid var(--ap-border);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n.c-audio-player__track[data-v-3cb14639] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 20px;\n  cursor: pointer;\n  transition: background 0.15s;\n}\n.c-audio-player__track[data-v-3cb14639]:hover {\n  background: color-mix(in srgb, var(--ap-accent) 6%, var(--ap-bg));\n}\n.c-audio-player__track.is-active[data-v-3cb14639] {\n  background: color-mix(in srgb, var(--ap-accent) 10%, var(--ap-bg));\n}\n.c-audio-player__track.is-active .c-audio-player__track-title[data-v-3cb14639] {\n  color: var(--ap-accent);\n  font-weight: 600;\n}\n.c-audio-player__track-index[data-v-3cb14639] {\n  font-size: 12px;\n  width: 20px;\n  text-align: center;\n  color: var(--ap-text-sub);\n  flex-shrink: 0;\n}\n.c-audio-player__track-info[data-v-3cb14639] {\n  flex: 1;\n  min-width: 0;\n}\n.c-audio-player__track-title[data-v-3cb14639] {\n  font-size: 13px;\n  color: var(--ap-text);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.c-audio-player__track-artist[data-v-3cb14639] {\n  font-size: 11px;\n  color: var(--ap-text-sub);\n  margin-top: 1px;\n}\n.c-audio-player__track-duration[data-v-3cb14639] {\n  font-size: 11px;\n  color: var(--ap-text-sub);\n  flex-shrink: 0;\n}\n.c-audio-player.is-minimal[data-v-3cb14639] {\n  border-radius: 99px;\n  padding: 6px 16px;\n  flex-direction: row;\n  align-items: center;\n  gap: 10px;\n  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);\n}\n.c-audio-player.is-minimal .c-audio-player__now-playing[data-v-3cb14639] {\n  padding: 0;\n  gap: 10px;\n}\n.c-audio-player.is-minimal .c-audio-player__cover[data-v-3cb14639] {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n}\n.c-audio-player.is-minimal .c-audio-player__progress[data-v-3cb14639],\n.c-audio-player.is-minimal .c-audio-player__playlist[data-v-3cb14639],\n.c-audio-player.is-minimal .c-audio-player__volume[data-v-3cb14639] {\n  display: none;\n}\n.c-audio-player.is-minimal .c-audio-player__controls[data-v-3cb14639] {\n  padding: 4px 0;\n  gap: 2px;\n}\n.c-audio-player.is-minimal .c-audio-player__ctrl-btn.is-play[data-v-3cb14639] {\n  width: 34px;\n  height: 34px;\n  font-size: 20px;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_AudioPlayer-BnYIJXPD.css","names":[],"sources":["../src/components/C_AudioPlayer/index.vue?vue&type=style&index=0&scoped=9ab6a734&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//**\n * C_AudioPlayer — 音频播放器样式\n */\n.c-audio-player[data-v-9ab6a734] {\n  --ap-bg: var(--card-color);\n  --ap-border: var(--border-color);\n  --ap-accent: var(--primary-color);\n  --ap-text: var(--text-color-1);\n  --ap-text-sub: var(--text-color-3);\n  --ap-progress-bg: color-mix(in srgb, var(--primary-color) 15%, var(--border-color));\n  --ap-progress-fill: var(--primary-color);\n  display: flex;\n  flex-direction: column;\n  border-radius: 12px;\n  border: 1px solid var(--ap-border);\n  background: var(--ap-bg);\n  overflow: hidden;\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n  /* ======================== Now Playing ======================== */\n  /* ======================== Progress ======================== */\n  /* ======================== Controls ======================== */\n  /* ======================== Volume ======================== */\n  /* ======================== Playlist ======================== */\n  /* ======================== Minimal Theme ======================== */\n}\n.c-audio-player__now-playing[data-v-9ab6a734] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 20px;\n}\n.c-audio-player__cover[data-v-9ab6a734] {\n  flex-shrink: 0;\n  width: 72px;\n  height: 72px;\n  border-radius: 10px;\n  overflow: hidden;\n  background: color-mix(in srgb, var(--ap-accent) 10%, var(--ap-bg));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n.c-audio-player__cover img[data-v-9ab6a734] {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.c-audio-player__cover-placeholder[data-v-9ab6a734] {\n  font-size: 32px;\n  color: var(--ap-accent);\n  opacity: 0.5;\n}\n.c-audio-player__info[data-v-9ab6a734] {\n  flex: 1;\n  min-width: 0;\n}\n.c-audio-player__title[data-v-9ab6a734] {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--ap-text);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.c-audio-player__artist[data-v-9ab6a734] {\n  font-size: 12px;\n  color: var(--ap-text-sub);\n  margin-top: 2px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.c-audio-player__progress[data-v-9ab6a734] {\n  padding: 0 20px;\n}\n.c-audio-player__progress-bar[data-v-9ab6a734] {\n  position: relative;\n  width: 100%;\n  height: 6px;\n  border-radius: 3px;\n  background: var(--ap-progress-bg);\n  cursor: pointer;\n  transition: height 0.15s;\n}\n.c-audio-player__progress-bar[data-v-9ab6a734]:hover {\n  height: 8px;\n}\n.c-audio-player__progress-fill[data-v-9ab6a734] {\n  height: 100%;\n  border-radius: 3px;\n  background: var(--ap-progress-fill);\n  position: relative;\n  transition: width 0.1s linear;\n}\n.c-audio-player__progress-fill[data-v-9ab6a734]::after {\n  content: \"\";\n  position: absolute;\n  right: -5px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: var(--ap-accent);\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);\n  opacity: 0;\n  transition: opacity 0.15s;\n}\n.c-audio-player__progress-bar:hover .c-audio-player__progress-fill[data-v-9ab6a734]::after {\n  opacity: 1;\n}\n.c-audio-player__time[data-v-9ab6a734] {\n  display: flex;\n  justify-content: space-between;\n  font-size: 11px;\n  color: var(--ap-text-sub);\n  margin-top: 4px;\n  padding-bottom: 4px;\n}\n.c-audio-player__controls[data-v-9ab6a734] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 12px 20px;\n}\n.c-audio-player__ctrl-btn[data-v-9ab6a734] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: transparent;\n  color: var(--ap-text);\n  cursor: pointer;\n  border-radius: 50%;\n  transition: background 0.2s, color 0.2s, transform 0.15s;\n}\n.c-audio-player__ctrl-btn[data-v-9ab6a734]:hover {\n  color: var(--ap-accent);\n  background: color-mix(in srgb, var(--ap-accent) 10%, transparent);\n}\n.c-audio-player__ctrl-btn[data-v-9ab6a734]:active {\n  transform: scale(0.92);\n}\n.c-audio-player__ctrl-btn.is-mode[data-v-9ab6a734] {\n  font-size: 18px;\n  width: 34px;\n  height: 34px;\n}\n.c-audio-player__ctrl-btn.is-skip[data-v-9ab6a734] {\n  font-size: 22px;\n  width: 38px;\n  height: 38px;\n}\n.c-audio-player__ctrl-btn.is-play[data-v-9ab6a734] {\n  font-size: 28px;\n  width: 48px;\n  height: 48px;\n  background: var(--ap-accent);\n  color: #fff;\n}\n.c-audio-player__ctrl-btn.is-play[data-v-9ab6a734]:hover {\n  background: color-mix(in srgb, var(--ap-accent) 85%, #000);\n  color: #fff;\n  box-shadow: 0 2px 10px color-mix(in srgb, var(--ap-accent) 35%, transparent);\n}\n.c-audio-player__volume[data-v-9ab6a734] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 0 20px 12px;\n  justify-content: flex-end;\n}\n.c-audio-player__volume-icon[data-v-9ab6a734] {\n  font-size: 18px;\n  color: var(--ap-text-sub);\n  cursor: pointer;\n}\n.c-audio-player__volume-icon[data-v-9ab6a734]:hover {\n  color: var(--ap-accent);\n}\n.c-audio-player__volume-slider[data-v-9ab6a734] {\n  width: 100px;\n}\n.c-audio-player__playlist[data-v-9ab6a734] {\n  border-top: 1px solid var(--ap-border);\n  max-height: 260px;\n  overflow-y: auto;\n}\n.c-audio-player__playlist-header[data-v-9ab6a734] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 20px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--ap-text-sub);\n  background: color-mix(in srgb, var(--ap-accent) 4%, var(--ap-bg));\n  border-bottom: 1px solid var(--ap-border);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n.c-audio-player__track[data-v-9ab6a734] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 20px;\n  cursor: pointer;\n  transition: background 0.15s;\n}\n.c-audio-player__track[data-v-9ab6a734]:hover {\n  background: color-mix(in srgb, var(--ap-accent) 6%, var(--ap-bg));\n}\n.c-audio-player__track.is-active[data-v-9ab6a734] {\n  background: color-mix(in srgb, var(--ap-accent) 10%, var(--ap-bg));\n}\n.c-audio-player__track.is-active .c-audio-player__track-title[data-v-9ab6a734] {\n  color: var(--ap-accent);\n  font-weight: 600;\n}\n.c-audio-player__track-index[data-v-9ab6a734] {\n  font-size: 12px;\n  width: 20px;\n  text-align: center;\n  color: var(--ap-text-sub);\n  flex-shrink: 0;\n}\n.c-audio-player__track-info[data-v-9ab6a734] {\n  flex: 1;\n  min-width: 0;\n}\n.c-audio-player__track-title[data-v-9ab6a734] {\n  font-size: 13px;\n  color: var(--ap-text);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.c-audio-player__track-artist[data-v-9ab6a734] {\n  font-size: 11px;\n  color: var(--ap-text-sub);\n  margin-top: 1px;\n}\n.c-audio-player__track-duration[data-v-9ab6a734] {\n  font-size: 11px;\n  color: var(--ap-text-sub);\n  flex-shrink: 0;\n}\n.c-audio-player.is-minimal[data-v-9ab6a734] {\n  border-radius: 99px;\n  padding: 6px 16px;\n  flex-direction: row;\n  align-items: center;\n  gap: 10px;\n  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);\n}\n.c-audio-player.is-minimal .c-audio-player__now-playing[data-v-9ab6a734] {\n  padding: 0;\n  gap: 10px;\n}\n.c-audio-player.is-minimal .c-audio-player__cover[data-v-9ab6a734] {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n}\n.c-audio-player.is-minimal .c-audio-player__progress[data-v-9ab6a734],\n.c-audio-player.is-minimal .c-audio-player__playlist[data-v-9ab6a734],\n.c-audio-player.is-minimal .c-audio-player__volume[data-v-9ab6a734] {\n  display: none;\n}\n.c-audio-player.is-minimal .c-audio-player__controls[data-v-9ab6a734] {\n  padding: 4px 0;\n  gap: 2px;\n}\n.c-audio-player.is-minimal .c-audio-player__ctrl-btn.is-play[data-v-9ab6a734] {\n  width: 34px;\n  height: 34px;\n  font-size: 20px;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/{C_AudioPlayer-DlB6eNsa.css.map → C_AudioPlayer-ldTy9Y34.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_AudioPlayer-DlB6eNsa.css","names":[],"sources":["../src/components/C_AudioPlayer/index.vue?vue&type=style&index=0&scoped=3cb14639&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//**\n * C_AudioPlayer — 音频播放器样式\n */\n.c-audio-player[data-v-3cb14639] {\n  --ap-bg: var(--card-color);\n  --ap-border: var(--border-color);\n  --ap-accent: var(--primary-color);\n  --ap-text: var(--text-color-1);\n  --ap-text-sub: var(--text-color-3);\n  --ap-progress-bg: color-mix(in srgb, var(--primary-color) 15%, var(--border-color));\n  --ap-progress-fill: var(--primary-color);\n  display: flex;\n  flex-direction: column;\n  border-radius: 12px;\n  border: 1px solid var(--ap-border);\n  background: var(--ap-bg);\n  overflow: hidden;\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n  /* ======================== Now Playing ======================== */\n  /* ======================== Progress ======================== */\n  /* ======================== Controls ======================== */\n  /* ======================== Volume ======================== */\n  /* ======================== Playlist ======================== */\n  /* ======================== Minimal Theme ======================== */\n}\n.c-audio-player__now-playing[data-v-3cb14639] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 20px;\n}\n.c-audio-player__cover[data-v-3cb14639] {\n  flex-shrink: 0;\n  width: 72px;\n  height: 72px;\n  border-radius: 10px;\n  overflow: hidden;\n  background: color-mix(in srgb, var(--ap-accent) 10%, var(--ap-bg));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n.c-audio-player__cover img[data-v-3cb14639] {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.c-audio-player__cover-placeholder[data-v-3cb14639] {\n  font-size: 32px;\n  color: var(--ap-accent);\n  opacity: 0.5;\n}\n.c-audio-player__info[data-v-3cb14639] {\n  flex: 1;\n  min-width: 0;\n}\n.c-audio-player__title[data-v-3cb14639] {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--ap-text);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.c-audio-player__artist[data-v-3cb14639] {\n  font-size: 12px;\n  color: var(--ap-text-sub);\n  margin-top: 2px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.c-audio-player__progress[data-v-3cb14639] {\n  padding: 0 20px;\n}\n.c-audio-player__progress-bar[data-v-3cb14639] {\n  position: relative;\n  width: 100%;\n  height: 6px;\n  border-radius: 3px;\n  background: var(--ap-progress-bg);\n  cursor: pointer;\n  transition: height 0.15s;\n}\n.c-audio-player__progress-bar[data-v-3cb14639]:hover {\n  height: 8px;\n}\n.c-audio-player__progress-fill[data-v-3cb14639] {\n  height: 100%;\n  border-radius: 3px;\n  background: var(--ap-progress-fill);\n  position: relative;\n  transition: width 0.1s linear;\n}\n.c-audio-player__progress-fill[data-v-3cb14639]::after {\n  content: \"\";\n  position: absolute;\n  right: -5px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: var(--ap-accent);\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);\n  opacity: 0;\n  transition: opacity 0.15s;\n}\n.c-audio-player__progress-bar:hover .c-audio-player__progress-fill[data-v-3cb14639]::after {\n  opacity: 1;\n}\n.c-audio-player__time[data-v-3cb14639] {\n  display: flex;\n  justify-content: space-between;\n  font-size: 11px;\n  color: var(--ap-text-sub);\n  margin-top: 4px;\n  padding-bottom: 4px;\n}\n.c-audio-player__controls[data-v-3cb14639] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 12px 20px;\n}\n.c-audio-player__ctrl-btn[data-v-3cb14639] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: transparent;\n  color: var(--ap-text);\n  cursor: pointer;\n  border-radius: 50%;\n  transition: background 0.2s, color 0.2s, transform 0.15s;\n}\n.c-audio-player__ctrl-btn[data-v-3cb14639]:hover {\n  color: var(--ap-accent);\n  background: color-mix(in srgb, var(--ap-accent) 10%, transparent);\n}\n.c-audio-player__ctrl-btn[data-v-3cb14639]:active {\n  transform: scale(0.92);\n}\n.c-audio-player__ctrl-btn.is-mode[data-v-3cb14639] {\n  font-size: 18px;\n  width: 34px;\n  height: 34px;\n}\n.c-audio-player__ctrl-btn.is-skip[data-v-3cb14639] {\n  font-size: 22px;\n  width: 38px;\n  height: 38px;\n}\n.c-audio-player__ctrl-btn.is-play[data-v-3cb14639] {\n  font-size: 28px;\n  width: 48px;\n  height: 48px;\n  background: var(--ap-accent);\n  color: #fff;\n}\n.c-audio-player__ctrl-btn.is-play[data-v-3cb14639]:hover {\n  background: color-mix(in srgb, var(--ap-accent) 85%, #000);\n  color: #fff;\n  box-shadow: 0 2px 10px color-mix(in srgb, var(--ap-accent) 35%, transparent);\n}\n.c-audio-player__volume[data-v-3cb14639] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 0 20px 12px;\n  justify-content: flex-end;\n}\n.c-audio-player__volume-icon[data-v-3cb14639] {\n  font-size: 18px;\n  color: var(--ap-text-sub);\n  cursor: pointer;\n}\n.c-audio-player__volume-icon[data-v-3cb14639]:hover {\n  color: var(--ap-accent);\n}\n.c-audio-player__volume-slider[data-v-3cb14639] {\n  width: 100px;\n}\n.c-audio-player__playlist[data-v-3cb14639] {\n  border-top: 1px solid var(--ap-border);\n  max-height: 260px;\n  overflow-y: auto;\n}\n.c-audio-player__playlist-header[data-v-3cb14639] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 20px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--ap-text-sub);\n  background: color-mix(in srgb, var(--ap-accent) 4%, var(--ap-bg));\n  border-bottom: 1px solid var(--ap-border);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n.c-audio-player__track[data-v-3cb14639] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 20px;\n  cursor: pointer;\n  transition: background 0.15s;\n}\n.c-audio-player__track[data-v-3cb14639]:hover {\n  background: color-mix(in srgb, var(--ap-accent) 6%, var(--ap-bg));\n}\n.c-audio-player__track.is-active[data-v-3cb14639] {\n  background: color-mix(in srgb, var(--ap-accent) 10%, var(--ap-bg));\n}\n.c-audio-player__track.is-active .c-audio-player__track-title[data-v-3cb14639] {\n  color: var(--ap-accent);\n  font-weight: 600;\n}\n.c-audio-player__track-index[data-v-3cb14639] {\n  font-size: 12px;\n  width: 20px;\n  text-align: center;\n  color: var(--ap-text-sub);\n  flex-shrink: 0;\n}\n.c-audio-player__track-info[data-v-3cb14639] {\n  flex: 1;\n  min-width: 0;\n}\n.c-audio-player__track-title[data-v-3cb14639] {\n  font-size: 13px;\n  color: var(--ap-text);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.c-audio-player__track-artist[data-v-3cb14639] {\n  font-size: 11px;\n  color: var(--ap-text-sub);\n  margin-top: 1px;\n}\n.c-audio-player__track-duration[data-v-3cb14639] {\n  font-size: 11px;\n  color: var(--ap-text-sub);\n  flex-shrink: 0;\n}\n.c-audio-player.is-minimal[data-v-3cb14639] {\n  border-radius: 99px;\n  padding: 6px 16px;\n  flex-direction: row;\n  align-items: center;\n  gap: 10px;\n  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);\n}\n.c-audio-player.is-minimal .c-audio-player__now-playing[data-v-3cb14639] {\n  padding: 0;\n  gap: 10px;\n}\n.c-audio-player.is-minimal .c-audio-player__cover[data-v-3cb14639] {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n}\n.c-audio-player.is-minimal .c-audio-player__progress[data-v-3cb14639],\n.c-audio-player.is-minimal .c-audio-player__playlist[data-v-3cb14639],\n.c-audio-player.is-minimal .c-audio-player__volume[data-v-3cb14639] {\n  display: none;\n}\n.c-audio-player.is-minimal .c-audio-player__controls[data-v-3cb14639] {\n  padding: 4px 0;\n  gap: 2px;\n}\n.c-audio-player.is-minimal .c-audio-player__ctrl-btn.is-play[data-v-3cb14639] {\n  width: 34px;\n  height: 34px;\n  font-size: 20px;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_AudioPlayer-ldTy9Y34.css","names":[],"sources":["../src/components/C_AudioPlayer/index.vue?vue&type=style&index=0&scoped=9ab6a734&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled *//**\n * C_AudioPlayer — 音频播放器样式\n */\n.c-audio-player[data-v-9ab6a734] {\n  --ap-bg: var(--card-color);\n  --ap-border: var(--border-color);\n  --ap-accent: var(--primary-color);\n  --ap-text: var(--text-color-1);\n  --ap-text-sub: var(--text-color-3);\n  --ap-progress-bg: color-mix(in srgb, var(--primary-color) 15%, var(--border-color));\n  --ap-progress-fill: var(--primary-color);\n  display: flex;\n  flex-direction: column;\n  border-radius: 12px;\n  border: 1px solid var(--ap-border);\n  background: var(--ap-bg);\n  overflow: hidden;\n  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);\n  /* ======================== Now Playing ======================== */\n  /* ======================== Progress ======================== */\n  /* ======================== Controls ======================== */\n  /* ======================== Volume ======================== */\n  /* ======================== Playlist ======================== */\n  /* ======================== Minimal Theme ======================== */\n}\n.c-audio-player__now-playing[data-v-9ab6a734] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 20px;\n}\n.c-audio-player__cover[data-v-9ab6a734] {\n  flex-shrink: 0;\n  width: 72px;\n  height: 72px;\n  border-radius: 10px;\n  overflow: hidden;\n  background: color-mix(in srgb, var(--ap-accent) 10%, var(--ap-bg));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n}\n.c-audio-player__cover img[data-v-9ab6a734] {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.c-audio-player__cover-placeholder[data-v-9ab6a734] {\n  font-size: 32px;\n  color: var(--ap-accent);\n  opacity: 0.5;\n}\n.c-audio-player__info[data-v-9ab6a734] {\n  flex: 1;\n  min-width: 0;\n}\n.c-audio-player__title[data-v-9ab6a734] {\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--ap-text);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.c-audio-player__artist[data-v-9ab6a734] {\n  font-size: 12px;\n  color: var(--ap-text-sub);\n  margin-top: 2px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.c-audio-player__progress[data-v-9ab6a734] {\n  padding: 0 20px;\n}\n.c-audio-player__progress-bar[data-v-9ab6a734] {\n  position: relative;\n  width: 100%;\n  height: 6px;\n  border-radius: 3px;\n  background: var(--ap-progress-bg);\n  cursor: pointer;\n  transition: height 0.15s;\n}\n.c-audio-player__progress-bar[data-v-9ab6a734]:hover {\n  height: 8px;\n}\n.c-audio-player__progress-fill[data-v-9ab6a734] {\n  height: 100%;\n  border-radius: 3px;\n  background: var(--ap-progress-fill);\n  position: relative;\n  transition: width 0.1s linear;\n}\n.c-audio-player__progress-fill[data-v-9ab6a734]::after {\n  content: \"\";\n  position: absolute;\n  right: -5px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: var(--ap-accent);\n  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);\n  opacity: 0;\n  transition: opacity 0.15s;\n}\n.c-audio-player__progress-bar:hover .c-audio-player__progress-fill[data-v-9ab6a734]::after {\n  opacity: 1;\n}\n.c-audio-player__time[data-v-9ab6a734] {\n  display: flex;\n  justify-content: space-between;\n  font-size: 11px;\n  color: var(--ap-text-sub);\n  margin-top: 4px;\n  padding-bottom: 4px;\n}\n.c-audio-player__controls[data-v-9ab6a734] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 12px 20px;\n}\n.c-audio-player__ctrl-btn[data-v-9ab6a734] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: transparent;\n  color: var(--ap-text);\n  cursor: pointer;\n  border-radius: 50%;\n  transition: background 0.2s, color 0.2s, transform 0.15s;\n}\n.c-audio-player__ctrl-btn[data-v-9ab6a734]:hover {\n  color: var(--ap-accent);\n  background: color-mix(in srgb, var(--ap-accent) 10%, transparent);\n}\n.c-audio-player__ctrl-btn[data-v-9ab6a734]:active {\n  transform: scale(0.92);\n}\n.c-audio-player__ctrl-btn.is-mode[data-v-9ab6a734] {\n  font-size: 18px;\n  width: 34px;\n  height: 34px;\n}\n.c-audio-player__ctrl-btn.is-skip[data-v-9ab6a734] {\n  font-size: 22px;\n  width: 38px;\n  height: 38px;\n}\n.c-audio-player__ctrl-btn.is-play[data-v-9ab6a734] {\n  font-size: 28px;\n  width: 48px;\n  height: 48px;\n  background: var(--ap-accent);\n  color: #fff;\n}\n.c-audio-player__ctrl-btn.is-play[data-v-9ab6a734]:hover {\n  background: color-mix(in srgb, var(--ap-accent) 85%, #000);\n  color: #fff;\n  box-shadow: 0 2px 10px color-mix(in srgb, var(--ap-accent) 35%, transparent);\n}\n.c-audio-player__volume[data-v-9ab6a734] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 0 20px 12px;\n  justify-content: flex-end;\n}\n.c-audio-player__volume-icon[data-v-9ab6a734] {\n  font-size: 18px;\n  color: var(--ap-text-sub);\n  cursor: pointer;\n}\n.c-audio-player__volume-icon[data-v-9ab6a734]:hover {\n  color: var(--ap-accent);\n}\n.c-audio-player__volume-slider[data-v-9ab6a734] {\n  width: 100px;\n}\n.c-audio-player__playlist[data-v-9ab6a734] {\n  border-top: 1px solid var(--ap-border);\n  max-height: 260px;\n  overflow-y: auto;\n}\n.c-audio-player__playlist-header[data-v-9ab6a734] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 20px;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--ap-text-sub);\n  background: color-mix(in srgb, var(--ap-accent) 4%, var(--ap-bg));\n  border-bottom: 1px solid var(--ap-border);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n.c-audio-player__track[data-v-9ab6a734] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 10px 20px;\n  cursor: pointer;\n  transition: background 0.15s;\n}\n.c-audio-player__track[data-v-9ab6a734]:hover {\n  background: color-mix(in srgb, var(--ap-accent) 6%, var(--ap-bg));\n}\n.c-audio-player__track.is-active[data-v-9ab6a734] {\n  background: color-mix(in srgb, var(--ap-accent) 10%, var(--ap-bg));\n}\n.c-audio-player__track.is-active .c-audio-player__track-title[data-v-9ab6a734] {\n  color: var(--ap-accent);\n  font-weight: 600;\n}\n.c-audio-player__track-index[data-v-9ab6a734] {\n  font-size: 12px;\n  width: 20px;\n  text-align: center;\n  color: var(--ap-text-sub);\n  flex-shrink: 0;\n}\n.c-audio-player__track-info[data-v-9ab6a734] {\n  flex: 1;\n  min-width: 0;\n}\n.c-audio-player__track-title[data-v-9ab6a734] {\n  font-size: 13px;\n  color: var(--ap-text);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.c-audio-player__track-artist[data-v-9ab6a734] {\n  font-size: 11px;\n  color: var(--ap-text-sub);\n  margin-top: 1px;\n}\n.c-audio-player__track-duration[data-v-9ab6a734] {\n  font-size: 11px;\n  color: var(--ap-text-sub);\n  flex-shrink: 0;\n}\n.c-audio-player.is-minimal[data-v-9ab6a734] {\n  border-radius: 99px;\n  padding: 6px 16px;\n  flex-direction: row;\n  align-items: center;\n  gap: 10px;\n  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);\n}\n.c-audio-player.is-minimal .c-audio-player__now-playing[data-v-9ab6a734] {\n  padding: 0;\n  gap: 10px;\n}\n.c-audio-player.is-minimal .c-audio-player__cover[data-v-9ab6a734] {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n}\n.c-audio-player.is-minimal .c-audio-player__progress[data-v-9ab6a734],\n.c-audio-player.is-minimal .c-audio-player__playlist[data-v-9ab6a734],\n.c-audio-player.is-minimal .c-audio-player__volume[data-v-9ab6a734] {\n  display: none;\n}\n.c-audio-player.is-minimal .c-audio-player__controls[data-v-9ab6a734] {\n  padding: 4px 0;\n  gap: 2px;\n}\n.c-audio-player.is-minimal .c-audio-player__ctrl-btn.is-play[data-v-9ab6a734] {\n  width: 34px;\n  height: 34px;\n  font-size: 20px;\n}"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/C_AudioPlayer.css

@@ -1,7 +1,7 @@
 /* unplugin-vue-components disabled *//**
  * C_AudioPlayer — 音频播放器样式
  */
-.c-audio-player[data-v-3cb14639] {
+.c-audio-player[data-v-9ab6a734] {
   --ap-bg: var(--card-color);
   --ap-border: var(--border-color);
   --ap-accent: var(--primary-color);
@@ -23,13 +23,13 @@
   /* ======================== Playlist ======================== */
   /* ======================== Minimal Theme ======================== */
 }
-.c-audio-player__now-playing[data-v-3cb14639] {
+.c-audio-player__now-playing[data-v-9ab6a734] {
   display: flex;
   align-items: center;
   gap: 16px;
   padding: 20px;
 }
-.c-audio-player__cover[data-v-3cb14639] {
+.c-audio-player__cover[data-v-9ab6a734] {
   flex-shrink: 0;
   width: 72px;
   height: 72px;
@@ -41,21 +41,21 @@
   justify-content: center;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
 }
-.c-audio-player__cover img[data-v-3cb14639] {
+.c-audio-player__cover img[data-v-9ab6a734] {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
-.c-audio-player__cover-placeholder[data-v-3cb14639] {
+.c-audio-player__cover-placeholder[data-v-9ab6a734] {
   font-size: 32px;
   color: var(--ap-accent);
   opacity: 0.5;
 }
-.c-audio-player__info[data-v-3cb14639] {
+.c-audio-player__info[data-v-9ab6a734] {
   flex: 1;
   min-width: 0;
 }
-.c-audio-player__title[data-v-3cb14639] {
+.c-audio-player__title[data-v-9ab6a734] {
   font-size: 15px;
   font-weight: 600;
   color: var(--ap-text);
@@ -63,7 +63,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.c-audio-player__artist[data-v-3cb14639] {
+.c-audio-player__artist[data-v-9ab6a734] {
   font-size: 12px;
   color: var(--ap-text-sub);
   margin-top: 2px;
@@ -71,10 +71,10 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.c-audio-player__progress[data-v-3cb14639] {
+.c-audio-player__progress[data-v-9ab6a734] {
   padding: 0 20px;
 }
-.c-audio-player__progress-bar[data-v-3cb14639] {
+.c-audio-player__progress-bar[data-v-9ab6a734] {
   position: relative;
   width: 100%;
   height: 6px;
@@ -83,17 +83,17 @@
   cursor: pointer;
   transition: height 0.15s;
 }
-.c-audio-player__progress-bar[data-v-3cb14639]:hover {
+.c-audio-player__progress-bar[data-v-9ab6a734]:hover {
   height: 8px;
 }
-.c-audio-player__progress-fill[data-v-3cb14639] {
+.c-audio-player__progress-fill[data-v-9ab6a734] {
   height: 100%;
   border-radius: 3px;
   background: var(--ap-progress-fill);
   position: relative;
   transition: width 0.1s linear;
 }
-.c-audio-player__progress-fill[data-v-3cb14639]::after {
+.c-audio-player__progress-fill[data-v-9ab6a734]::after {
   content: "";
   position: absolute;
   right: -5px;
@@ -107,10 +107,10 @@
   opacity: 0;
   transition: opacity 0.15s;
 }
-.c-audio-player__progress-bar:hover .c-audio-player__progress-fill[data-v-3cb14639]::after {
+.c-audio-player__progress-bar:hover .c-audio-player__progress-fill[data-v-9ab6a734]::after {
   opacity: 1;
 }
-.c-audio-player__time[data-v-3cb14639] {
+.c-audio-player__time[data-v-9ab6a734] {
   display: flex;
   justify-content: space-between;
   font-size: 11px;
@@ -118,14 +118,14 @@
   margin-top: 4px;
   padding-bottom: 4px;
 }
-.c-audio-player__controls[data-v-3cb14639] {
+.c-audio-player__controls[data-v-9ab6a734] {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   padding: 12px 20px;
 }
-.c-audio-player__ctrl-btn[data-v-3cb14639] {
+.c-audio-player__ctrl-btn[data-v-9ab6a734] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -136,59 +136,59 @@
   border-radius: 50%;
   transition: background 0.2s, color 0.2s, transform 0.15s;
 }
-.c-audio-player__ctrl-btn[data-v-3cb14639]:hover {
+.c-audio-player__ctrl-btn[data-v-9ab6a734]:hover {
   color: var(--ap-accent);
   background: color-mix(in srgb, var(--ap-accent) 10%, transparent);
 }
-.c-audio-player__ctrl-btn[data-v-3cb14639]:active {
+.c-audio-player__ctrl-btn[data-v-9ab6a734]:active {
   transform: scale(0.92);
 }
-.c-audio-player__ctrl-btn.is-mode[data-v-3cb14639] {
+.c-audio-player__ctrl-btn.is-mode[data-v-9ab6a734] {
   font-size: 18px;
   width: 34px;
   height: 34px;
 }
-.c-audio-player__ctrl-btn.is-skip[data-v-3cb14639] {
+.c-audio-player__ctrl-btn.is-skip[data-v-9ab6a734] {
   font-size: 22px;
   width: 38px;
   height: 38px;
 }
-.c-audio-player__ctrl-btn.is-play[data-v-3cb14639] {
+.c-audio-player__ctrl-btn.is-play[data-v-9ab6a734] {
   font-size: 28px;
   width: 48px;
   height: 48px;
   background: var(--ap-accent);
   color: #fff;
 }
-.c-audio-player__ctrl-btn.is-play[data-v-3cb14639]:hover {
+.c-audio-player__ctrl-btn.is-play[data-v-9ab6a734]:hover {
   background: color-mix(in srgb, var(--ap-accent) 85%, #000);
   color: #fff;
   box-shadow: 0 2px 10px color-mix(in srgb, var(--ap-accent) 35%, transparent);
 }
-.c-audio-player__volume[data-v-3cb14639] {
+.c-audio-player__volume[data-v-9ab6a734] {
   display: flex;
   align-items: center;
   gap: 6px;
   padding: 0 20px 12px;
   justify-content: flex-end;
 }
-.c-audio-player__volume-icon[data-v-3cb14639] {
+.c-audio-player__volume-icon[data-v-9ab6a734] {
   font-size: 18px;
   color: var(--ap-text-sub);
   cursor: pointer;
 }
-.c-audio-player__volume-icon[data-v-3cb14639]:hover {
+.c-audio-player__volume-icon[data-v-9ab6a734]:hover {
   color: var(--ap-accent);
 }
-.c-audio-player__volume-slider[data-v-3cb14639] {
+.c-audio-player__volume-slider[data-v-9ab6a734] {
   width: 100px;
 }
-.c-audio-player__playlist[data-v-3cb14639] {
+.c-audio-player__playlist[data-v-9ab6a734] {
   border-top: 1px solid var(--ap-border);
   max-height: 260px;
   overflow-y: auto;
 }
-.c-audio-player__playlist-header[data-v-3cb14639] {
+.c-audio-player__playlist-header[data-v-9ab6a734] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -202,7 +202,7 @@
   top: 0;
   z-index: 1;
 }
-.c-audio-player__track[data-v-3cb14639] {
+.c-audio-player__track[data-v-9ab6a734] {
   display: flex;
   align-items: center;
   gap: 12px;
@@ -210,45 +210,45 @@
   cursor: pointer;
   transition: background 0.15s;
 }
-.c-audio-player__track[data-v-3cb14639]:hover {
+.c-audio-player__track[data-v-9ab6a734]:hover {
   background: color-mix(in srgb, var(--ap-accent) 6%, var(--ap-bg));
 }
-.c-audio-player__track.is-active[data-v-3cb14639] {
+.c-audio-player__track.is-active[data-v-9ab6a734] {
   background: color-mix(in srgb, var(--ap-accent) 10%, var(--ap-bg));
 }
-.c-audio-player__track.is-active .c-audio-player__track-title[data-v-3cb14639] {
+.c-audio-player__track.is-active .c-audio-player__track-title[data-v-9ab6a734] {
   color: var(--ap-accent);
   font-weight: 600;
 }
-.c-audio-player__track-index[data-v-3cb14639] {
+.c-audio-player__track-index[data-v-9ab6a734] {
   font-size: 12px;
   width: 20px;
   text-align: center;
   color: var(--ap-text-sub);
   flex-shrink: 0;
 }
-.c-audio-player__track-info[data-v-3cb14639] {
+.c-audio-player__track-info[data-v-9ab6a734] {
   flex: 1;
   min-width: 0;
 }
-.c-audio-player__track-title[data-v-3cb14639] {
+.c-audio-player__track-title[data-v-9ab6a734] {
   font-size: 13px;
   color: var(--ap-text);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.c-audio-player__track-artist[data-v-3cb14639] {
+.c-audio-player__track-artist[data-v-9ab6a734] {
   font-size: 11px;
   color: var(--ap-text-sub);
   margin-top: 1px;
 }
-.c-audio-player__track-duration[data-v-3cb14639] {
+.c-audio-player__track-duration[data-v-9ab6a734] {
   font-size: 11px;
   color: var(--ap-text-sub);
   flex-shrink: 0;
 }
-.c-audio-player.is-minimal[data-v-3cb14639] {
+.c-audio-player.is-minimal[data-v-9ab6a734] {
   border-radius: 99px;
   padding: 6px 16px;
   flex-direction: row;
@@ -256,28 +256,28 @@
   gap: 10px;
   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
 }
-.c-audio-player.is-minimal .c-audio-player__now-playing[data-v-3cb14639] {
+.c-audio-player.is-minimal .c-audio-player__now-playing[data-v-9ab6a734] {
   padding: 0;
   gap: 10px;
 }
-.c-audio-player.is-minimal .c-audio-player__cover[data-v-3cb14639] {
+.c-audio-player.is-minimal .c-audio-player__cover[data-v-9ab6a734] {
   width: 36px;
   height: 36px;
   border-radius: 50%;
 }
-.c-audio-player.is-minimal .c-audio-player__progress[data-v-3cb14639],
-.c-audio-player.is-minimal .c-audio-player__playlist[data-v-3cb14639],
-.c-audio-player.is-minimal .c-audio-player__volume[data-v-3cb14639] {
+.c-audio-player.is-minimal .c-audio-player__progress[data-v-9ab6a734],
+.c-audio-player.is-minimal .c-audio-player__playlist[data-v-9ab6a734],
+.c-audio-player.is-minimal .c-audio-player__volume[data-v-9ab6a734] {
   display: none;
 }
-.c-audio-player.is-minimal .c-audio-player__controls[data-v-3cb14639] {
+.c-audio-player.is-minimal .c-audio-player__controls[data-v-9ab6a734] {
   padding: 4px 0;
   gap: 2px;
 }
-.c-audio-player.is-minimal .c-audio-player__ctrl-btn.is-play[data-v-3cb14639] {
+.c-audio-player.is-minimal .c-audio-player__ctrl-btn.is-play[data-v-9ab6a734] {
   width: 34px;
   height: 34px;
   font-size: 20px;
 }
 
-/*# sourceMappingURL=C_AudioPlayer-DKRIGhi7.css.map*/
+/*# sourceMappingURL=C_AudioPlayer-BnYIJXPD.css.map*/

package/dist/C_AudioPlayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_AudioPlayer.js","names":[],"sources":["../src/components/C_AudioPlayer/types.ts","../src/components/C_AudioPlayer/index.vue"],"sourcesContent":["/**\n * @Description: Audio player component type definitions\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\n */\n\n/** Single audio track */\nexport interface AudioTrack {\n  /** Unique identifier */\n  id: string | number\n  /** Track title */\n  title: string\n  /** Artist / author */\n  artist?: string\n  /** Audio source URL */\n  src: string\n  /** Cover image URL */\n  cover?: string\n  /** Duration in seconds (optional, for static display) */\n  duration?: number\n  /** Extra data */\n  extra?: Record<string, unknown>\n}\n\n/** Component props */\nexport interface AudioPlayerProps {\n  /** Playlist */\n  tracks: AudioTrack[]\n  /** Initial active index */\n  initialIndex?: number\n  /** Whether to show the playlist panel */\n  showPlaylist?: boolean\n  /** Whether to show the cover art */\n  showCover?: boolean\n  /** Whether to auto-play on mount */\n  autoplay?: boolean\n  /** Playback mode */\n  mode?: 'list' | 'loop' | 'single' | 'shuffle'\n  /** Theme appearance */\n  theme?: 'default' | 'minimal'\n}\n\n/** Default props */\nexport const DEFAULT_AUDIO_PLAYER_PROPS: Partial<AudioPlayerProps> = {\n  initialIndex: 0,\n  showPlaylist: true,\n  showCover: true,\n  autoplay: false,\n  mode: 'list',\n  theme: 'default',\n}\n\n/** Playback mode icon map */\nexport const MODE_ICON_MAP: Record<string, { icon: string; label: string }> = {\n  list: { icon: 'mdi:repeat', label: 'List Loop' },\n  loop: { icon: 'mdi:repeat-once', label: 'Single Loop' },\n  single: { icon: 'mdi:numeric-1-box', label: 'Play Once' },\n  shuffle: { icon: 'mdi:shuffle-variant', label: 'Shuffle' },\n}\n\n/** Format seconds to mm:ss */\nexport function formatTime(seconds: number): string {\n  if (!Number.isFinite(seconds) || seconds < 0) return '00:00'\n  const m = Math.floor(seconds / 60)\n  const s = Math.floor(seconds % 60)\n  return `${String(m).padStart(2, '0')}:${String(s).padStart(2, '0')}`\n}\n","<!--\n * @Description: 音频播放器组件\n * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.\n-->\n<template>\n  <div\n    class=\"c-audio-player\"\n    :class=\"{ 'is-minimal': theme === 'minimal' }\"\n  >\n    <!-- ================ Now Playing ================ -->\n    <div class=\"c-audio-player__now-playing\">\n      <div\n        v-if=\"showCover\"\n        class=\"c-audio-player__cover\"\n      >\n        <img\n          v-if=\"currentTrack?.cover\"\n          :src=\"currentTrack.cover\"\n          :alt=\"currentTrack.title\"\n        />\n        <C_Icon\n          v-else\n          name=\"mdi:music-note\"\n          class=\"c-audio-player__cover-placeholder\"\n        />\n      </div>\n      <div class=\"c-audio-player__info\">\n        <div class=\"c-audio-player__title\">{{\n          currentTrack?.title ?? '未选择曲目'\n        }}</div>\n        <div\n          v-if=\"currentTrack?.artist\"\n          class=\"c-audio-player__artist\"\n        >\n          {{ currentTrack.artist }}\n        </div>\n      </div>\n    </div>\n\n    <!-- ================ Progress ================ -->\n    <div\n      v-if=\"theme !== 'minimal'\"\n      class=\"c-audio-player__progress\"\n    >\n      <div\n        class=\"c-audio-player__progress-bar\"\n        @click=\"seekByClick\"\n      >\n        <div\n          class=\"c-audio-player__progress-fill\"\n          :style=\"{ width: `${progressPercent}%` }\"\n        />\n      </div>\n      <div class=\"c-audio-player__time\">\n        <span>{{ formatTime(currentTime) }}</span>\n        <span>{{ formatTime(totalDuration) }}</span>\n      </div>\n    </div>\n\n    <!-- ================ Controls ================ -->\n    <div class=\"c-audio-player__controls\">\n      <button\n        class=\"c-audio-player__ctrl-btn is-mode\"\n        :title=\"currentModeLabel\"\n        @click=\"cycleMode\"\n      >\n        <C_Icon :name=\"currentModeIcon\" />\n      </button>\n      <button\n        class=\"c-audio-player__ctrl-btn is-skip\"\n        title=\"上一曲\"\n        @click=\"prev\"\n      >\n        <C_Icon name=\"mdi:skip-previous\" />\n      </button>\n      <button\n        class=\"c-audio-player__ctrl-btn is-play\"\n        :title=\"isPlaying ? '暂停' : '播放'\"\n        @click=\"togglePlay\"\n      >\n        <C_Icon :name=\"isPlaying ? 'mdi:pause' : 'mdi:play'\" />\n      </button>\n      <button\n        class=\"c-audio-player__ctrl-btn is-skip\"\n        title=\"下一曲\"\n        @click=\"next\"\n      >\n        <C_Icon name=\"mdi:skip-next\" />\n      </button>\n      <button\n        class=\"c-audio-player__ctrl-btn is-mode\"\n        title=\"播放列表\"\n        @click=\"playlistVisible = !playlistVisible\"\n      >\n        <C_Icon name=\"mdi:playlist-music\" />\n      </button>\n    </div>\n\n    <!-- ================ Volume ================ -->\n    <div\n      v-if=\"theme !== 'minimal'\"\n      class=\"c-audio-player__volume\"\n    >\n      <C_Icon\n        :name=\"volumeIcon\"\n        class=\"c-audio-player__volume-icon\"\n        @click=\"toggleMute\"\n      />\n      <NSlider\n        v-model:value=\"volume\"\n        :min=\"0\"\n        :max=\"100\"\n        :step=\"1\"\n        class=\"c-audio-player__volume-slider\"\n        @update:value=\"handleVolumeChange\"\n      />\n    </div>\n\n    <!-- ================ Playlist ================ -->\n    <div\n      v-if=\"showPlaylist && playlistVisible && theme !== 'minimal'\"\n      class=\"c-audio-player__playlist\"\n    >\n      <div class=\"c-audio-player__playlist-header\">\n        <span>播放列表</span>\n        <span>{{ tracks.length }} 首</span>\n      </div>\n      <div\n        v-for=\"(track, idx) in tracks\"\n        :key=\"track.id\"\n        class=\"c-audio-player__track\"\n        :class=\"{ 'is-active': idx === activeIndex }\"\n        @click=\"playTrack(idx)\"\n      >\n        <span class=\"c-audio-player__track-index\">\n          <C_Icon\n            v-if=\"idx === activeIndex && isPlaying\"\n            name=\"mdi:volume-high\"\n          />\n          <template v-else>{{ idx + 1 }}</template>\n        </span>\n        <div class=\"c-audio-player__track-info\">\n          <div class=\"c-audio-player__track-title\">{{ track.title }}</div>\n          <div\n            v-if=\"track.artist\"\n            class=\"c-audio-player__track-artist\"\n          >\n            {{ track.artist }}\n          </div>\n        </div>\n        <span\n          v-if=\"track.duration\"\n          class=\"c-audio-player__track-duration\"\n        >\n          {{ formatTime(track.duration) }}\n        </span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, onBeforeUnmount, ref, watch } from 'vue'\n  import C_Icon from '../C_Icon/index.vue'\n  import {\n    DEFAULT_AUDIO_PLAYER_PROPS,\n    formatTime,\n    MODE_ICON_MAP,\n    type AudioPlayerProps,\n  } from './types'\n\n  const props = withDefaults(\n    defineProps<{\n      tracks: AudioPlayerProps['tracks']\n      initialIndex?: number\n      showPlaylist?: boolean\n      showCover?: boolean\n      autoplay?: boolean\n      mode?: AudioPlayerProps['mode']\n      theme?: AudioPlayerProps['theme']\n    }>(),\n    {\n      initialIndex: DEFAULT_AUDIO_PLAYER_PROPS.initialIndex,\n      showPlaylist: DEFAULT_AUDIO_PLAYER_PROPS.showPlaylist,\n      showCover: true,\n      autoplay: DEFAULT_AUDIO_PLAYER_PROPS.autoplay,\n      mode: DEFAULT_AUDIO_PLAYER_PROPS.mode,\n      theme: DEFAULT_AUDIO_PLAYER_PROPS.theme,\n    }\n  )\n\n  const emit = defineEmits<{\n    play: [index: number]\n    pause: []\n    ended: [index: number]\n    modeChange: [mode: string]\n  }>()\n\n  // ==================== Audio Core ====================\n\n  let audio: HTMLAudioElement | null = null\n\n  const activeIndex = ref(props.initialIndex ?? 0)\n  const isPlaying = ref(false)\n  const currentTime = ref(0)\n  const totalDuration = ref(0)\n  const volume = ref(70)\n  const prevVolume = ref(70)\n  const playlistVisible = ref(props.showPlaylist)\n  const playMode = ref(props.mode ?? 'list')\n\n  const currentTrack = computed(() => props.tracks[activeIndex.value])\n\n  const progressPercent = computed(() => {\n    if (totalDuration.value === 0) return 0\n    return (currentTime.value / totalDuration.value) * 100\n  })\n\n  const volumeIcon = computed(() => {\n    if (volume.value === 0) return 'mdi:volume-off'\n    if (volume.value < 40) return 'mdi:volume-low'\n    if (volume.value < 70) return 'mdi:volume-medium'\n    return 'mdi:volume-high'\n  })\n\n  const currentModeIcon = computed(\n    () => MODE_ICON_MAP[playMode.value]?.icon ?? 'mdi:repeat'\n  )\n  const currentModeLabel = computed(\n    () => MODE_ICON_MAP[playMode.value]?.label ?? '循环'\n  )\n\n  /** 初始化音频实例 */\n  function initAudio() {\n    if (audio) {\n      audio.pause()\n      audio.removeEventListener('timeupdate', onTimeUpdate)\n      audio.removeEventListener('loadedmetadata', onMetaLoaded)\n      audio.removeEventListener('ended', onEnded)\n    }\n    const track = currentTrack.value\n    if (!track) return\n\n    audio = new Audio(track.src)\n    audio.volume = volume.value / 100\n    audio.addEventListener('timeupdate', onTimeUpdate)\n    audio.addEventListener('loadedmetadata', onMetaLoaded)\n    audio.addEventListener('ended', onEnded)\n  }\n\n  /** 播放进度更新回调 */\n  function onTimeUpdate() {\n    if (audio) currentTime.value = audio.currentTime\n  }\n\n  /** 音频元数据加载完成回调 */\n  function onMetaLoaded() {\n    if (audio) totalDuration.value = audio.duration\n  }\n\n  /** 播放结束回调，根据模式决定下一步 */\n  function onEnded() {\n    emit('ended', activeIndex.value)\n    switch (playMode.value) {\n      case 'loop':\n        audio?.play().catch(() => {})\n        break\n      case 'single':\n        isPlaying.value = false\n        break\n      case 'shuffle':\n        playTrack(Math.floor(Math.random() * props.tracks.length))\n        break\n      default: // list\n        if (activeIndex.value < props.tracks.length - 1) next()\n        else {\n          activeIndex.value = 0\n          initAudio()\n          audio?.play().catch(() => {})\n        }\n    }\n  }\n\n  /** 切换播放/暂停 */\n  function togglePlay() {\n    if (!audio) initAudio()\n    if (isPlaying.value) {\n      audio?.pause()\n      isPlaying.value = false\n      emit('pause')\n    } else {\n      audio?.play().catch(() => {})\n      isPlaying.value = true\n      emit('play', activeIndex.value)\n    }\n  }\n\n  /** 播放指定索引的曲目 */\n  function playTrack(idx: number) {\n    activeIndex.value = idx\n    initAudio()\n    audio?.play().catch(() => {})\n    isPlaying.value = true\n    emit('play', idx)\n  }\n\n  /** 上一曲 */\n  function prev() {\n    const idx =\n      activeIndex.value <= 0 ? props.tracks.length - 1 : activeIndex.value - 1\n    playTrack(idx)\n  }\n\n  /** 下一曲 */\n  function next() {\n    const idx =\n      activeIndex.value >= props.tracks.length - 1 ? 0 : activeIndex.value + 1\n    playTrack(idx)\n  }\n\n  /** 点击进度条跳转播放位置 */\n  function seekByClick(e: MouseEvent) {\n    if (!audio || !totalDuration.value) return\n    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\n    const ratio = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width))\n    audio.currentTime = ratio * totalDuration.value\n    currentTime.value = audio.currentTime\n  }\n\n  /** 处理音量变更 */\n  function handleVolumeChange(val: number) {\n    volume.value = val\n    if (audio) audio.volume = val / 100\n  }\n\n  /** 切换静音状态 */\n  function toggleMute() {\n    if (volume.value > 0) {\n      prevVolume.value = volume.value\n      volume.value = 0\n    } else {\n      volume.value = prevVolume.value || 70\n    }\n    if (audio) audio.volume = volume.value / 100\n  }\n\n  const MODES = ['list', 'loop', 'single', 'shuffle'] as const\n  /** 循环切换播放模式 */\n  function cycleMode() {\n    const idx = MODES.indexOf(playMode.value as (typeof MODES)[number])\n    playMode.value = MODES[(idx + 1) % MODES.length]\n    emit('modeChange', playMode.value)\n  }\n\n  // ==================== Lifecycle ====================\n\n  watch(\n    () => props.tracks,\n    () => {\n      activeIndex.value = 0\n      initAudio()\n    }\n  )\n\n  watch(\n    () => props.initialIndex,\n    val => {\n      if (val !== undefined && val !== activeIndex.value) {\n        activeIndex.value = val\n        initAudio()\n      }\n    }\n  )\n\n  onBeforeUnmount(() => {\n    if (audio) {\n      audio.pause()\n      audio.removeEventListener('timeupdate', onTimeUpdate)\n      audio.removeEventListener('loadedmetadata', onMetaLoaded)\n      audio.removeEventListener('ended', onEnded)\n      audio = null\n    }\n  })\n\n  // 自动播放\n  if (props.autoplay && props.tracks.length > 0) {\n    playTrack(activeIndex.value)\n  }\n</script>\n\n<style scoped lang=\"scss\">\n  @use './index.scss';\n</style>\n"],"mappings":"0GA0CA,MAAa,EAAwD,CACnE,aAAc,EACd,aAAc,GACd,UAAW,GACX,SAAU,GACV,KAAM,OACN,MAAO,UACR,CAGY,EAAiE,CAC5E,KAAM,CAAE,KAAM,aAAc,MAAO,YAAa,CAChD,KAAM,CAAE,KAAM,kBAAmB,MAAO,cAAe,CACvD,OAAQ,CAAE,KAAM,oBAAqB,MAAO,YAAa,CACzD,QAAS,CAAE,KAAM,sBAAuB,MAAO,UAAW,CAC3D,CAGD,SAAgB,EAAW,EAAyB,CAClD,GAAI,CAAC,OAAO,SAAS,EAAQ,EAAI,EAAU,EAAG,MAAO,QACrD,IAAM,EAAI,KAAK,MAAM,EAAU,GAAG,CAC5B,EAAI,KAAK,MAAM,EAAU,GAAG,CAClC,MAAO,GAAG,OAAO,EAAE,CAAC,SAAS,EAAG,IAAI,CAAC,GAAG,OAAO,EAAE,CAAC,SAAS,EAAG,IAAI,ihCC2GlE,IAAM,EAAQ,EAoBR,EAAO,EAST,EAAiC,KAE/B,GAAA,EAAA,EAAA,KAAkB,EAAM,cAAgB,EAAC,CACzC,GAAA,EAAA,EAAA,KAAgB,GAAK,CACrB,GAAA,EAAA,EAAA,KAAkB,EAAC,CACnB,GAAA,EAAA,EAAA,KAAoB,EAAC,CACrB,GAAA,EAAA,EAAA,KAAa,GAAE,CACf,GAAA,EAAA,EAAA,KAAiB,GAAE,CACnB,GAAA,EAAA,EAAA,KAAsB,EAAM,aAAY,CACxC,GAAA,EAAA,EAAA,KAAe,EAAM,MAAQ,OAAM,CAEnC,GAAA,EAAA,EAAA,cAA8B,EAAM,OAAO,EAAY,OAAM,CAE7D,GAAA,EAAA,EAAA,cACA,EAAc,QAAU,EAAU,EAC9B,EAAY,MAAQ,EAAc,MAAS,IACpD,CAEK,GAAA,EAAA,EAAA,cACA,EAAO,QAAU,EAAU,iBAC3B,EAAO,MAAQ,GAAW,iBAC1B,EAAO,MAAQ,GAAW,oBACvB,kBACR,CAEK,GAAA,EAAA,EAAA,cACE,EAAc,EAAS,QAAQ,MAAQ,aAC/C,CACM,GAAA,EAAA,EAAA,cACE,EAAc,EAAS,QAAQ,OAAS,KAChD,CAGA,SAAS,GAAY,CACf,IACF,EAAM,OAAM,CACZ,EAAM,oBAAoB,aAAc,EAAY,CACpD,EAAM,oBAAoB,iBAAkB,EAAY,CACxD,EAAM,oBAAoB,QAAS,EAAO,EAE5C,IAAM,EAAQ,EAAa,MACtB,IAEL,EAAQ,IAAI,MAAM,EAAM,IAAG,CAC3B,EAAM,OAAS,EAAO,MAAQ,IAC9B,EAAM,iBAAiB,aAAc,EAAY,CACjD,EAAM,iBAAiB,iBAAkB,EAAY,CACrD,EAAM,iBAAiB,QAAS,EAAO,EAIzC,SAAS,GAAe,CAClB,IAAO,EAAY,MAAQ,EAAM,aAIvC,SAAS,GAAe,CAClB,IAAO,EAAc,MAAQ,EAAM,UAIzC,SAAS,GAAU,CAEjB,OADA,EAAK,QAAS,EAAY,MAAK,CACvB,EAAS,MAAjB,CACE,IAAK,OACH,GAAO,MAAM,CAAC,UAAY,GAAE,CAC5B,MACF,IAAK,SACH,EAAU,MAAQ,GAClB,MACF,IAAK,UACH,EAAU,KAAK,MAAM,KAAK,QAAQ,CAAG,EAAM,OAAO,OAAO,CAAA,CACzD,MACF,QACM,EAAY,MAAQ,EAAM,OAAO,OAAS,EAAG,GAAK,EAEpD,EAAY,MAAQ,EACpB,GAAU,CACV,GAAO,MAAM,CAAC,UAAY,GAAE,GAMpC,SAAS,GAAa,CACf,GAAO,GAAU,CAClB,EAAU,OACZ,GAAO,OAAM,CACb,EAAU,MAAQ,GAClB,EAAK,QAAO,GAEZ,GAAO,MAAM,CAAC,UAAY,GAAE,CAC5B,EAAU,MAAQ,GAClB,EAAK,OAAQ,EAAY,MAAK,EAKlC,SAAS,EAAU,EAAa,CAC9B,EAAY,MAAQ,EACpB,GAAU,CACV,GAAO,MAAM,CAAC,UAAY,GAAE,CAC5B,EAAU,MAAQ,GAClB,EAAK,OAAQ,EAAG,CAIlB,SAAS,GAAO,CAGd,EADE,EAAY,OAAS,EAAI,EAAM,OAAO,OAAS,EAAI,EAAY,MAAQ,EAC5D,CAIf,SAAS,GAAO,CAGd,EADE,EAAY,OAAS,EAAM,OAAO,OAAS,EAAI,EAAI,EAAY,MAAQ,EAC5D,CAIf,SAAS,EAAY,EAAe,CAClC,GAAI,CAAC,GAAS,CAAC,EAAc,MAAO,OACpC,IAAM,EAAQ,EAAE,cAA8B,uBAAsB,CAC9D,EAAQ,KAAK,IAAI,EAAG,KAAK,IAAI,GAAI,EAAE,QAAU,EAAK,MAAQ,EAAK,MAAM,CAAA,CAC3E,EAAM,YAAc,EAAQ,EAAc,MAC1C,EAAY,MAAQ,EAAM,YAI5B,SAAS,EAAmB,EAAa,CACvC,EAAO,MAAQ,EACX,IAAO,EAAM,OAAS,EAAM,KAIlC,SAAS,GAAa,CAChB,EAAO,MAAQ,GACjB,EAAW,MAAQ,EAAO,MAC1B,EAAO,MAAQ,GAEf,EAAO,MAAQ,EAAW,OAAS,GAEjC,IAAO,EAAM,OAAS,EAAO,MAAQ,KAG3C,IAAM,EAAQ,CAAC,OAAQ,OAAQ,SAAU,UAAU,CAEnD,SAAS,IAAY,CAEnB,EAAS,MAAQ,GADL,EAAM,QAAQ,EAAS,MAA+B,CACpC,GAAK,EAAM,QACzC,EAAK,aAAc,EAAS,MAAK,QAKnC,EAAA,EAAA,WACQ,EAAM,WACN,CACJ,EAAY,MAAQ,EACpB,GAAU,EAEd,EAEA,EAAA,EAAA,WACQ,EAAM,aACZ,GAAO,CACD,IAAQ,IAAA,IAAa,IAAQ,EAAY,QAC3C,EAAY,MAAQ,EACpB,GAAU,GAGhB,EAEA,EAAA,EAAA,qBAAsB,CACpB,AAKE,KAJA,EAAM,OAAM,CACZ,EAAM,oBAAoB,aAAc,EAAY,CACpD,EAAM,oBAAoB,iBAAkB,EAAY,CACxD,EAAM,oBAAoB,QAAS,EAAO,CAClC,OAEX,CAGG,EAAM,UAAY,EAAM,OAAO,OAAS,GAC1C,EAAU,EAAY,MAAK,kGApOxB,MAAA,CAxJH,OAAA,EAAA,EAAA,gBAAK,CAAC,iBAAe,CAAA,aACG,EAAA,QAAK,UAAA,CAAA,CAAA,CAAA,CAAA,0BAE7B,kDAAqD,0BA4BhD,MA3BL,EA2BK,CAzBK,EAAA,YAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAaH,MAdL,EAcK,CATK,EAAA,OAAc,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAGrB,MAAA,OAFE,IAAK,EAAA,MAAa,MAClB,IAAK,EAAA,MAAa,uDAMpB,EAAA,EAAA,OAFC,KAAK,iBACL,MAAM,uGAaL,MAVL,EAUK,EAAA,EAAA,EAAA,oBAPI,MAFP,GAAA,EAAA,EAAA,iBACE,EAAA,OAAc,OAAK,QAAA,CAAA,EAAA,CAGb,EAAA,OAAc,SAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAIjB,MALL,GAAA,EAAA,EAAA,iBAIK,EAAA,MAAa,OAAM,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,CAAA,CAAA,CAAA,CAAA,0BAK5B,+CAAkD,CAE1C,EAAA,QAAK,WAcwB,EAAA,EAAA,oBAAA,OAAA,GAAA,GAdxB,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAgBR,MAjBL,EAiBK,EAAA,EAAA,EAAA,oBALE,MAAA,CAPH,MAAM,+BACL,QAAO,6BAKP,MAAA,CAFC,MAAM,gCACL,OAAA,EAAA,EAAA,gBAAK,CAAA,MAAA,GAAc,EAAA,MAAe,GAAA,CAAA,qCAMlC,MAHL,EAGK,EAAA,EAAA,EAAA,oBAFsC,OAAA,MAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,OAAhC,EAAU,CAAC,EAAA,MAAW,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,oBACY,OAAA,MAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,OAAlC,EAAU,CAAC,EAAA,MAAa,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,2BAIrC,+CAAkD,0BAqC7C,MApCL,EAoCK,0BA7BK,SAAA,CALN,MAAM,mCACL,MAAO,EAAA,MACP,QAAO,uBAEyB,EAAA,EAAA,CAAxB,KAAM,EAAA,MAAe,CAAA,KAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA,EAAA,EAAA,0BAQxB,SAAA,CALN,MAAM,mCACN,MAAM,MACL,QAAO,sBAE0B,EAAA,EAAA,CAA1B,KAAK,oBAAmB,CAAA,CAAA,CAAA,0BAQ1B,SAAA,CALN,MAAM,mCACL,MAAO,EAAA,MAAS,KAAA,KAChB,QAAO,sBAE8C,EAAA,EAAA,CAA7C,KAAM,EAAA,MAAS,YAAA,WAAA,CAAA,KAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA,EAAA,EAAA,0BAQlB,SAAA,CALN,MAAM,mCACN,MAAM,MACL,QAAO,sBAEsB,EAAA,EAAA,CAAtB,KAAK,gBAAe,CAAA,CAAA,CAAA,0BAQtB,SAAA,CALN,MAAM,mCACN,MAAM,OACL,QAAK,AAAA,EAAA,KAAA,GAAE,EAAA,MAAe,CAAI,EAAA,0BAEQ,EAAA,EAAA,CAA3B,KAAK,qBAAoB,CAAA,CAAA,CAAA,4BAIrC,6CAAgD,CAExC,EAAA,QAAK,gDAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAgBR,MAjBL,EAiBK,EAAA,EAAA,EAAA,aATF,EAAA,EAAA,CAHE,KAAM,EAAA,MACP,MAAM,8BACL,QAAO,sCAST,EAAA,CANS,MAAO,EAAA,kCAAA,EAAM,MAAA,EAKN,EAAA,CAJd,IAAK,EACL,IAAK,IACL,KAAM,EACP,MAAM,+EAKV,+CAAkD,CAE1C,EAAA,cAAgB,EAAA,OAAmB,EAAA,QAAK,YAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAqC3C,MAtCL,EAsCK,EAAA,EAAA,EAAA,oBA/BE,MAHL,EAGK,CAAA,AAAA,EAAA,MAAA,EAAA,EAAA,oBAFa,OAAA,KAAV,OAAI,GAAA,EAAA,EAAA,EAAA,oBACuB,OAAA,MAAA,EAAA,EAAA,iBAAxB,EAAA,OAAO,OAAM,CAAG,KAAE,EAAA,CAAA,CAAA,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBA+BxB,EAAA,SAAA,MAAA,EAAA,EAAA,YA5BoB,EAAA,QAAf,EAAO,gDA4BZ,MAAA,CA3BF,IAAK,EAAM,GACZ,OAAA,EAAA,EAAA,gBAAK,CAAC,wBAAsB,CAAA,YACL,IAAQ,EAAA,MAAW,CAAA,CAAA,CACzC,QAAK,GAAE,EAAU,EAAG,4BAQf,OANN,EAMM,CAJI,IAAQ,EAAA,OAAe,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAE9B,EAAA,EAAA,OADC,KAAK,iEAEiC,EAAA,SAAA,CAAA,IAAA,EAAA,CAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAApB,EAAG,EAAA,CAAA,EAAA,CAAA,CAAA,GAAA,EAAA,CAAA,0BAUpB,MARL,EAQK,EAAA,EAAA,EAAA,oBAP4D,MAA/D,GAAA,EAAA,EAAA,iBAA4C,EAAM,MAAK,CAAA,EAAA,CAE/C,EAAM,SAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAIT,MALL,GAAA,EAAA,EAAA,iBAIK,EAAM,OAAM,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA,CAAA,CAAA,CAIX,EAAM,WAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAIR,OALN,GAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,OAIK,EAAU,CAAC,EAAM,SAAQ,CAAA,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,OAAA,GAAA"}
+{"version":3,"file":"C_AudioPlayer.js","names":["theme","showCover","showPlaylist","tracks"],"sources":["../src/components/C_AudioPlayer/types.ts","../src/components/C_AudioPlayer/index.vue","../src/components/C_AudioPlayer/index.vue"],"sourcesContent":["/**\n * @Description: Audio player component type definitions\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\n */\n\n/** Single audio track */\nexport interface AudioTrack {\n  /** Unique identifier */\n  id: string | number\n  /** Track title */\n  title: string\n  /** Artist / author */\n  artist?: string\n  /** Audio source URL */\n  src: string\n  /** Cover image URL */\n  cover?: string\n  /** Duration in seconds (optional, for static display) */\n  duration?: number\n  /** Extra data */\n  extra?: Record<string, unknown>\n}\n\n/** Component props */\nexport interface AudioPlayerProps {\n  /** Playlist */\n  tracks: AudioTrack[]\n  /** Initial active index */\n  initialIndex?: number\n  /** Whether to show the playlist panel */\n  showPlaylist?: boolean\n  /** Whether to show the cover art */\n  showCover?: boolean\n  /** Whether to auto-play on mount */\n  autoplay?: boolean\n  /** Playback mode */\n  mode?: 'list' | 'loop' | 'single' | 'shuffle'\n  /** Theme appearance */\n  theme?: 'default' | 'minimal'\n}\n\n/** Default props */\nexport const DEFAULT_AUDIO_PLAYER_PROPS: Partial<AudioPlayerProps> = {\n  initialIndex: 0,\n  showPlaylist: true,\n  showCover: true,\n  autoplay: false,\n  mode: 'list',\n  theme: 'default',\n}\n\n/** Playback mode icon map */\nexport const MODE_ICON_MAP: Record<string, { icon: string; label: string }> = {\n  list: { icon: 'mdi:repeat', label: 'List Loop' },\n  loop: { icon: 'mdi:repeat-once', label: 'Single Loop' },\n  single: { icon: 'mdi:numeric-1-box', label: 'Play Once' },\n  shuffle: { icon: 'mdi:shuffle-variant', label: 'Shuffle' },\n}\n\n/** Format seconds to mm:ss */\nexport function formatTime(seconds: number): string {\n  if (!Number.isFinite(seconds) || seconds < 0) return '00:00'\n  const m = Math.floor(seconds / 60)\n  const s = Math.floor(seconds % 60)\n  return `${String(m).padStart(2, '0')}:${String(s).padStart(2, '0')}`\n}\n","<!--\n * @Description: 音频播放器组件\n * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.\n-->\n<template>\n  <div\n    class=\"c-audio-player\"\n    :class=\"{ 'is-minimal': theme === 'minimal' }\"\n  >\n    <!-- ================ Now Playing ================ -->\n    <div class=\"c-audio-player__now-playing\">\n      <div\n        v-if=\"showCover\"\n        class=\"c-audio-player__cover\"\n      >\n        <img\n          v-if=\"currentTrack?.cover\"\n          :src=\"currentTrack.cover\"\n          :alt=\"currentTrack.title\"\n        />\n        <C_Icon\n          v-else\n          name=\"mdi:music-note\"\n          class=\"c-audio-player__cover-placeholder\"\n        />\n      </div>\n      <div class=\"c-audio-player__info\">\n        <div class=\"c-audio-player__title\">{{\n          currentTrack?.title ?? '未选择曲目'\n        }}</div>\n        <div\n          v-if=\"currentTrack?.artist\"\n          class=\"c-audio-player__artist\"\n        >\n          {{ currentTrack.artist }}\n        </div>\n      </div>\n    </div>\n\n    <!-- ================ Progress ================ -->\n    <div\n      v-if=\"theme !== 'minimal'\"\n      class=\"c-audio-player__progress\"\n    >\n      <div\n        class=\"c-audio-player__progress-bar\"\n        @click=\"seekByClick\"\n      >\n        <div\n          class=\"c-audio-player__progress-fill\"\n          :style=\"{ width: `${progressPercent}%` }\"\n        />\n      </div>\n      <div class=\"c-audio-player__time\">\n        <span>{{ formatTime(currentTime) }}</span>\n        <span>{{ formatTime(totalDuration) }}</span>\n      </div>\n    </div>\n\n    <!-- ================ Controls ================ -->\n    <div class=\"c-audio-player__controls\">\n      <button\n        class=\"c-audio-player__ctrl-btn is-mode\"\n        :title=\"currentModeLabel\"\n        @click=\"cycleMode\"\n      >\n        <C_Icon :name=\"currentModeIcon\" />\n      </button>\n      <button\n        class=\"c-audio-player__ctrl-btn is-skip\"\n        title=\"上一曲\"\n        @click=\"prev\"\n      >\n        <C_Icon name=\"mdi:skip-previous\" />\n      </button>\n      <button\n        class=\"c-audio-player__ctrl-btn is-play\"\n        :title=\"isPlaying ? '暂停' : '播放'\"\n        @click=\"togglePlay\"\n      >\n        <C_Icon :name=\"isPlaying ? 'mdi:pause' : 'mdi:play'\" />\n      </button>\n      <button\n        class=\"c-audio-player__ctrl-btn is-skip\"\n        title=\"下一曲\"\n        @click=\"next\"\n      >\n        <C_Icon name=\"mdi:skip-next\" />\n      </button>\n      <button\n        class=\"c-audio-player__ctrl-btn is-mode\"\n        title=\"播放列表\"\n        @click=\"playlistVisible = !playlistVisible\"\n      >\n        <C_Icon name=\"mdi:playlist-music\" />\n      </button>\n    </div>\n\n    <!-- ================ Volume ================ -->\n    <div\n      v-if=\"theme !== 'minimal'\"\n      class=\"c-audio-player__volume\"\n    >\n      <C_Icon\n        :name=\"volumeIcon\"\n        class=\"c-audio-player__volume-icon\"\n        @click=\"toggleMute\"\n      />\n      <NSlider\n        v-model:value=\"volume\"\n        :min=\"0\"\n        :max=\"100\"\n        :step=\"1\"\n        class=\"c-audio-player__volume-slider\"\n        @update:value=\"handleVolumeChange\"\n      />\n    </div>\n\n    <!-- ================ Playlist ================ -->\n    <div\n      v-if=\"showPlaylist && playlistVisible && theme !== 'minimal'\"\n      class=\"c-audio-player__playlist\"\n    >\n      <div class=\"c-audio-player__playlist-header\">\n        <span>播放列表</span>\n        <span>{{ tracks.length }} 首</span>\n      </div>\n      <div\n        v-for=\"(track, idx) in tracks\"\n        :key=\"track.id\"\n        class=\"c-audio-player__track\"\n        :class=\"{ 'is-active': idx === activeIndex }\"\n        @click=\"playTrack(idx)\"\n      >\n        <span class=\"c-audio-player__track-index\">\n          <C_Icon\n            v-if=\"idx === activeIndex && isPlaying\"\n            name=\"mdi:volume-high\"\n          />\n          <template v-else>{{ idx + 1 }}</template>\n        </span>\n        <div class=\"c-audio-player__track-info\">\n          <div class=\"c-audio-player__track-title\">{{ track.title }}</div>\n          <div\n            v-if=\"track.artist\"\n            class=\"c-audio-player__track-artist\"\n          >\n            {{ track.artist }}\n          </div>\n        </div>\n        <span\n          v-if=\"track.duration\"\n          class=\"c-audio-player__track-duration\"\n        >\n          {{ formatTime(track.duration) }}\n        </span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, onBeforeUnmount, ref, watch } from 'vue'\n  import C_Icon from '../C_Icon/index.vue'\n  import {\n    DEFAULT_AUDIO_PLAYER_PROPS,\n    formatTime,\n    MODE_ICON_MAP,\n    type AudioPlayerProps,\n  } from './types'\n\n  const props = withDefaults(\n    defineProps<{\n      tracks: AudioPlayerProps['tracks']\n      initialIndex?: number\n      showPlaylist?: boolean\n      showCover?: boolean\n      autoplay?: boolean\n      mode?: AudioPlayerProps['mode']\n      theme?: AudioPlayerProps['theme']\n    }>(),\n    {\n      initialIndex: DEFAULT_AUDIO_PLAYER_PROPS.initialIndex,\n      showPlaylist: DEFAULT_AUDIO_PLAYER_PROPS.showPlaylist,\n      showCover: true,\n      autoplay: DEFAULT_AUDIO_PLAYER_PROPS.autoplay,\n      mode: DEFAULT_AUDIO_PLAYER_PROPS.mode,\n      theme: DEFAULT_AUDIO_PLAYER_PROPS.theme,\n    }\n  )\n\n  const emit = defineEmits<{\n    play: [index: number]\n    pause: []\n    ended: [index: number]\n    modeChange: [mode: string]\n  }>()\n\n  // ==================== Audio Core ====================\n\n  let audio: HTMLAudioElement | null = null\n\n  const activeIndex = ref(props.initialIndex ?? 0)\n  const isPlaying = ref(false)\n  const currentTime = ref(0)\n  const totalDuration = ref(0)\n  const volume = ref(70)\n  const prevVolume = ref(70)\n  const playlistVisible = ref(props.showPlaylist)\n  const playMode = ref(props.mode ?? 'list')\n\n  const currentTrack = computed(() => props.tracks[activeIndex.value])\n\n  const progressPercent = computed(() => {\n    if (totalDuration.value === 0) return 0\n    return (currentTime.value / totalDuration.value) * 100\n  })\n\n  const volumeIcon = computed(() => {\n    if (volume.value === 0) return 'mdi:volume-off'\n    if (volume.value < 40) return 'mdi:volume-low'\n    if (volume.value < 70) return 'mdi:volume-medium'\n    return 'mdi:volume-high'\n  })\n\n  const currentModeIcon = computed(\n    () => MODE_ICON_MAP[playMode.value]?.icon ?? 'mdi:repeat'\n  )\n  const currentModeLabel = computed(\n    () => MODE_ICON_MAP[playMode.value]?.label ?? '循环'\n  )\n\n  /** 初始化音频实例 */\n  function initAudio() {\n    if (audio) {\n      audio.pause()\n      audio.removeEventListener('timeupdate', onTimeUpdate)\n      audio.removeEventListener('loadedmetadata', onMetaLoaded)\n      audio.removeEventListener('ended', onEnded)\n    }\n    const track = currentTrack.value\n    if (!track) return\n\n    audio = new Audio(track.src)\n    audio.volume = volume.value / 100\n    audio.addEventListener('timeupdate', onTimeUpdate)\n    audio.addEventListener('loadedmetadata', onMetaLoaded)\n    audio.addEventListener('ended', onEnded)\n  }\n\n  /** 播放进度更新回调 */\n  function onTimeUpdate() {\n    if (audio) currentTime.value = audio.currentTime\n  }\n\n  /** 音频元数据加载完成回调 */\n  function onMetaLoaded() {\n    if (audio) totalDuration.value = audio.duration\n  }\n\n  /** 播放结束回调，根据模式决定下一步 */\n  function onEnded() {\n    emit('ended', activeIndex.value)\n    switch (playMode.value) {\n      case 'loop':\n        audio?.play().catch(() => {})\n        break\n      case 'single':\n        isPlaying.value = false\n        break\n      case 'shuffle':\n        playTrack(Math.floor(Math.random() * props.tracks.length))\n        break\n      default: // list\n        if (activeIndex.value < props.tracks.length - 1) next()\n        else {\n          activeIndex.value = 0\n          initAudio()\n          audio?.play().catch(() => {})\n        }\n    }\n  }\n\n  /** 切换播放/暂停 */\n  function togglePlay() {\n    if (!audio) initAudio()\n    if (isPlaying.value) {\n      audio?.pause()\n      isPlaying.value = false\n      emit('pause')\n    } else {\n      audio?.play().catch(() => {})\n      isPlaying.value = true\n      emit('play', activeIndex.value)\n    }\n  }\n\n  /** 播放指定索引的曲目 */\n  function playTrack(idx: number) {\n    activeIndex.value = idx\n    initAudio()\n    audio?.play().catch(() => {})\n    isPlaying.value = true\n    emit('play', idx)\n  }\n\n  /** 上一曲 */\n  function prev() {\n    const idx =\n      activeIndex.value <= 0 ? props.tracks.length - 1 : activeIndex.value - 1\n    playTrack(idx)\n  }\n\n  /** 下一曲 */\n  function next() {\n    const idx =\n      activeIndex.value >= props.tracks.length - 1 ? 0 : activeIndex.value + 1\n    playTrack(idx)\n  }\n\n  /** 点击进度条跳转播放位置 */\n  function seekByClick(e: MouseEvent) {\n    if (!audio || !totalDuration.value) return\n    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\n    const ratio = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width))\n    audio.currentTime = ratio * totalDuration.value\n    currentTime.value = audio.currentTime\n  }\n\n  /** 处理音量变更 */\n  function handleVolumeChange(val: number) {\n    volume.value = val\n    if (audio) audio.volume = val / 100\n  }\n\n  /** 切换静音状态 */\n  function toggleMute() {\n    if (volume.value > 0) {\n      prevVolume.value = volume.value\n      volume.value = 0\n    } else {\n      volume.value = prevVolume.value || 70\n    }\n    if (audio) audio.volume = volume.value / 100\n  }\n\n  const MODES = ['list', 'loop', 'single', 'shuffle'] as const\n  /** 循环切换播放模式 */\n  function cycleMode() {\n    const idx = MODES.indexOf(playMode.value as (typeof MODES)[number])\n    playMode.value = MODES[(idx + 1) % MODES.length]\n    emit('modeChange', playMode.value)\n  }\n\n  // ==================== Lifecycle ====================\n\n  watch(\n    () => props.tracks,\n    () => {\n      activeIndex.value = 0\n      initAudio()\n    }\n  )\n\n  watch(\n    () => props.initialIndex,\n    val => {\n      if (val !== undefined && val !== activeIndex.value) {\n        activeIndex.value = val\n        initAudio()\n      }\n    }\n  )\n\n  onBeforeUnmount(() => {\n    if (audio) {\n      audio.pause()\n      audio.removeEventListener('timeupdate', onTimeUpdate)\n      audio.removeEventListener('loadedmetadata', onMetaLoaded)\n      audio.removeEventListener('ended', onEnded)\n      audio = null\n    }\n  })\n\n  // 自动播放\n  if (props.autoplay && props.tracks.length > 0) {\n    playTrack(activeIndex.value)\n  }\n</script>\n\n<style scoped lang=\"scss\">\n  @use './index.scss';\n</style>\n","<!--\n * @Description: 音频播放器组件\n * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.\n-->\n<template>\n  <div\n    class=\"c-audio-player\"\n    :class=\"{ 'is-minimal': theme === 'minimal' }\"\n  >\n    <!-- ================ Now Playing ================ -->\n    <div class=\"c-audio-player__now-playing\">\n      <div\n        v-if=\"showCover\"\n        class=\"c-audio-player__cover\"\n      >\n        <img\n          v-if=\"currentTrack?.cover\"\n          :src=\"currentTrack.cover\"\n          :alt=\"currentTrack.title\"\n        />\n        <C_Icon\n          v-else\n          name=\"mdi:music-note\"\n          class=\"c-audio-player__cover-placeholder\"\n        />\n      </div>\n      <div class=\"c-audio-player__info\">\n        <div class=\"c-audio-player__title\">{{\n          currentTrack?.title ?? '未选择曲目'\n        }}</div>\n        <div\n          v-if=\"currentTrack?.artist\"\n          class=\"c-audio-player__artist\"\n        >\n          {{ currentTrack.artist }}\n        </div>\n      </div>\n    </div>\n\n    <!-- ================ Progress ================ -->\n    <div\n      v-if=\"theme !== 'minimal'\"\n      class=\"c-audio-player__progress\"\n    >\n      <div\n        class=\"c-audio-player__progress-bar\"\n        @click=\"seekByClick\"\n      >\n        <div\n          class=\"c-audio-player__progress-fill\"\n          :style=\"{ width: `${progressPercent}%` }\"\n        />\n      </div>\n      <div class=\"c-audio-player__time\">\n        <span>{{ formatTime(currentTime) }}</span>\n        <span>{{ formatTime(totalDuration) }}</span>\n      </div>\n    </div>\n\n    <!-- ================ Controls ================ -->\n    <div class=\"c-audio-player__controls\">\n      <button\n        class=\"c-audio-player__ctrl-btn is-mode\"\n        :title=\"currentModeLabel\"\n        @click=\"cycleMode\"\n      >\n        <C_Icon :name=\"currentModeIcon\" />\n      </button>\n      <button\n        class=\"c-audio-player__ctrl-btn is-skip\"\n        title=\"上一曲\"\n        @click=\"prev\"\n      >\n        <C_Icon name=\"mdi:skip-previous\" />\n      </button>\n      <button\n        class=\"c-audio-player__ctrl-btn is-play\"\n        :title=\"isPlaying ? '暂停' : '播放'\"\n        @click=\"togglePlay\"\n      >\n        <C_Icon :name=\"isPlaying ? 'mdi:pause' : 'mdi:play'\" />\n      </button>\n      <button\n        class=\"c-audio-player__ctrl-btn is-skip\"\n        title=\"下一曲\"\n        @click=\"next\"\n      >\n        <C_Icon name=\"mdi:skip-next\" />\n      </button>\n      <button\n        class=\"c-audio-player__ctrl-btn is-mode\"\n        title=\"播放列表\"\n        @click=\"playlistVisible = !playlistVisible\"\n      >\n        <C_Icon name=\"mdi:playlist-music\" />\n      </button>\n    </div>\n\n    <!-- ================ Volume ================ -->\n    <div\n      v-if=\"theme !== 'minimal'\"\n      class=\"c-audio-player__volume\"\n    >\n      <C_Icon\n        :name=\"volumeIcon\"\n        class=\"c-audio-player__volume-icon\"\n        @click=\"toggleMute\"\n      />\n      <NSlider\n        v-model:value=\"volume\"\n        :min=\"0\"\n        :max=\"100\"\n        :step=\"1\"\n        class=\"c-audio-player__volume-slider\"\n        @update:value=\"handleVolumeChange\"\n      />\n    </div>\n\n    <!-- ================ Playlist ================ -->\n    <div\n      v-if=\"showPlaylist && playlistVisible && theme !== 'minimal'\"\n      class=\"c-audio-player__playlist\"\n    >\n      <div class=\"c-audio-player__playlist-header\">\n        <span>播放列表</span>\n        <span>{{ tracks.length }} 首</span>\n      </div>\n      <div\n        v-for=\"(track, idx) in tracks\"\n        :key=\"track.id\"\n        class=\"c-audio-player__track\"\n        :class=\"{ 'is-active': idx === activeIndex }\"\n        @click=\"playTrack(idx)\"\n      >\n        <span class=\"c-audio-player__track-index\">\n          <C_Icon\n            v-if=\"idx === activeIndex && isPlaying\"\n            name=\"mdi:volume-high\"\n          />\n          <template v-else>{{ idx + 1 }}</template>\n        </span>\n        <div class=\"c-audio-player__track-info\">\n          <div class=\"c-audio-player__track-title\">{{ track.title }}</div>\n          <div\n            v-if=\"track.artist\"\n            class=\"c-audio-player__track-artist\"\n          >\n            {{ track.artist }}\n          </div>\n        </div>\n        <span\n          v-if=\"track.duration\"\n          class=\"c-audio-player__track-duration\"\n        >\n          {{ formatTime(track.duration) }}\n        </span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed, onBeforeUnmount, ref, watch } from 'vue'\n  import C_Icon from '../C_Icon/index.vue'\n  import {\n    DEFAULT_AUDIO_PLAYER_PROPS,\n    formatTime,\n    MODE_ICON_MAP,\n    type AudioPlayerProps,\n  } from './types'\n\n  const props = withDefaults(\n    defineProps<{\n      tracks: AudioPlayerProps['tracks']\n      initialIndex?: number\n      showPlaylist?: boolean\n      showCover?: boolean\n      autoplay?: boolean\n      mode?: AudioPlayerProps['mode']\n      theme?: AudioPlayerProps['theme']\n    }>(),\n    {\n      initialIndex: DEFAULT_AUDIO_PLAYER_PROPS.initialIndex,\n      showPlaylist: DEFAULT_AUDIO_PLAYER_PROPS.showPlaylist,\n      showCover: true,\n      autoplay: DEFAULT_AUDIO_PLAYER_PROPS.autoplay,\n      mode: DEFAULT_AUDIO_PLAYER_PROPS.mode,\n      theme: DEFAULT_AUDIO_PLAYER_PROPS.theme,\n    }\n  )\n\n  const emit = defineEmits<{\n    play: [index: number]\n    pause: []\n    ended: [index: number]\n    modeChange: [mode: string]\n  }>()\n\n  // ==================== Audio Core ====================\n\n  let audio: HTMLAudioElement | null = null\n\n  const activeIndex = ref(props.initialIndex ?? 0)\n  const isPlaying = ref(false)\n  const currentTime = ref(0)\n  const totalDuration = ref(0)\n  const volume = ref(70)\n  const prevVolume = ref(70)\n  const playlistVisible = ref(props.showPlaylist)\n  const playMode = ref(props.mode ?? 'list')\n\n  const currentTrack = computed(() => props.tracks[activeIndex.value])\n\n  const progressPercent = computed(() => {\n    if (totalDuration.value === 0) return 0\n    return (currentTime.value / totalDuration.value) * 100\n  })\n\n  const volumeIcon = computed(() => {\n    if (volume.value === 0) return 'mdi:volume-off'\n    if (volume.value < 40) return 'mdi:volume-low'\n    if (volume.value < 70) return 'mdi:volume-medium'\n    return 'mdi:volume-high'\n  })\n\n  const currentModeIcon = computed(\n    () => MODE_ICON_MAP[playMode.value]?.icon ?? 'mdi:repeat'\n  )\n  const currentModeLabel = computed(\n    () => MODE_ICON_MAP[playMode.value]?.label ?? '循环'\n  )\n\n  /** 初始化音频实例 */\n  function initAudio() {\n    if (audio) {\n      audio.pause()\n      audio.removeEventListener('timeupdate', onTimeUpdate)\n      audio.removeEventListener('loadedmetadata', onMetaLoaded)\n      audio.removeEventListener('ended', onEnded)\n    }\n    const track = currentTrack.value\n    if (!track) return\n\n    audio = new Audio(track.src)\n    audio.volume = volume.value / 100\n    audio.addEventListener('timeupdate', onTimeUpdate)\n    audio.addEventListener('loadedmetadata', onMetaLoaded)\n    audio.addEventListener('ended', onEnded)\n  }\n\n  /** 播放进度更新回调 */\n  function onTimeUpdate() {\n    if (audio) currentTime.value = audio.currentTime\n  }\n\n  /** 音频元数据加载完成回调 */\n  function onMetaLoaded() {\n    if (audio) totalDuration.value = audio.duration\n  }\n\n  /** 播放结束回调，根据模式决定下一步 */\n  function onEnded() {\n    emit('ended', activeIndex.value)\n    switch (playMode.value) {\n      case 'loop':\n        audio?.play().catch(() => {})\n        break\n      case 'single':\n        isPlaying.value = false\n        break\n      case 'shuffle':\n        playTrack(Math.floor(Math.random() * props.tracks.length))\n        break\n      default: // list\n        if (activeIndex.value < props.tracks.length - 1) next()\n        else {\n          activeIndex.value = 0\n          initAudio()\n          audio?.play().catch(() => {})\n        }\n    }\n  }\n\n  /** 切换播放/暂停 */\n  function togglePlay() {\n    if (!audio) initAudio()\n    if (isPlaying.value) {\n      audio?.pause()\n      isPlaying.value = false\n      emit('pause')\n    } else {\n      audio?.play().catch(() => {})\n      isPlaying.value = true\n      emit('play', activeIndex.value)\n    }\n  }\n\n  /** 播放指定索引的曲目 */\n  function playTrack(idx: number) {\n    activeIndex.value = idx\n    initAudio()\n    audio?.play().catch(() => {})\n    isPlaying.value = true\n    emit('play', idx)\n  }\n\n  /** 上一曲 */\n  function prev() {\n    const idx =\n      activeIndex.value <= 0 ? props.tracks.length - 1 : activeIndex.value - 1\n    playTrack(idx)\n  }\n\n  /** 下一曲 */\n  function next() {\n    const idx =\n      activeIndex.value >= props.tracks.length - 1 ? 0 : activeIndex.value + 1\n    playTrack(idx)\n  }\n\n  /** 点击进度条跳转播放位置 */\n  function seekByClick(e: MouseEvent) {\n    if (!audio || !totalDuration.value) return\n    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\n    const ratio = Math.max(0, Math.min(1, (e.clientX - rect.left) / rect.width))\n    audio.currentTime = ratio * totalDuration.value\n    currentTime.value = audio.currentTime\n  }\n\n  /** 处理音量变更 */\n  function handleVolumeChange(val: number) {\n    volume.value = val\n    if (audio) audio.volume = val / 100\n  }\n\n  /** 切换静音状态 */\n  function toggleMute() {\n    if (volume.value > 0) {\n      prevVolume.value = volume.value\n      volume.value = 0\n    } else {\n      volume.value = prevVolume.value || 70\n    }\n    if (audio) audio.volume = volume.value / 100\n  }\n\n  const MODES = ['list', 'loop', 'single', 'shuffle'] as const\n  /** 循环切换播放模式 */\n  function cycleMode() {\n    const idx = MODES.indexOf(playMode.value as (typeof MODES)[number])\n    playMode.value = MODES[(idx + 1) % MODES.length]\n    emit('modeChange', playMode.value)\n  }\n\n  // ==================== Lifecycle ====================\n\n  watch(\n    () => props.tracks,\n    () => {\n      activeIndex.value = 0\n      initAudio()\n    }\n  )\n\n  watch(\n    () => props.initialIndex,\n    val => {\n      if (val !== undefined && val !== activeIndex.value) {\n        activeIndex.value = val\n        initAudio()\n      }\n    }\n  )\n\n  onBeforeUnmount(() => {\n    if (audio) {\n      audio.pause()\n      audio.removeEventListener('timeupdate', onTimeUpdate)\n      audio.removeEventListener('loadedmetadata', onMetaLoaded)\n      audio.removeEventListener('ended', onEnded)\n      audio = null\n    }\n  })\n\n  // 自动播放\n  if (props.autoplay && props.tracks.length > 0) {\n    playTrack(activeIndex.value)\n  }\n</script>\n\n<style scoped lang=\"scss\">\n  @use './index.scss';\n</style>\n"],"mappings":"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"}

package/dist/C_AudioPlayer2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,normalizeClass as d,normalizeStyle as f,onBeforeUnmount as p,openBlock as m,ref as h,renderList as g,resolveComponent as _,toDisplayString as v,unref as y,watch as b}from"vue";const x={initialIndex:0,showPlaylist:!0,showCover:!0,autoplay:!1,mode:`list`,theme:`default`},S={list:{icon:`mdi:repeat`,label:`List Loop`},loop:{icon:`mdi:repeat-once`,label:`Single Loop`},single:{icon:`mdi:numeric-1-box`,label:`Play Once`},shuffle:{icon:`mdi:shuffle-variant`,label:`Shuffle`}};function C(e){if(!Number.isFinite(e)||e<0)return`00:00`;let t=Math.floor(e/60),n=Math.floor(e%60);return`${String(t).padStart(2,`0`)}:${String(n).padStart(2,`0`)}`}const w={class:`c-audio-player__now-playing`},T={key:0,class:`c-audio-player__cover`},E=[`src`,`alt`],D={class:`c-audio-player__info`},O={class:`c-audio-player__title`},ee={key:0,class:`c-audio-player__artist`},te={key:0,class:`c-audio-player__progress`},ne={class:`c-audio-player__time`},re={class:`c-audio-player__controls`},ie=[`title`],ae=[`title`],oe={key:1,class:`c-audio-player__volume`},se={key:2,class:`c-audio-player__playlist`},ce={class:`c-audio-player__playlist-header`},k=[`onClick`],A={class:`c-audio-player__track-index`},j={class:`c-audio-player__track-info`},M={class:`c-audio-player__track-title`},N={key:0,class:`c-audio-player__track-artist`},P={key:0,class:`c-audio-player__track-duration`};var F=t(u({__name:`index`,props:{tracks:{},initialIndex:{default:x.initialIndex},showPlaylist:{type:Boolean,default:x.showPlaylist},showCover:{type:Boolean,default:!0},autoplay:{type:Boolean,default:x.autoplay},mode:{default:x.mode},theme:{default:x.theme}},emits:[`play`,`pause`,`ended`,`modeChange`],setup(t,{emit:u}){let x=t,F=u,I=null,L=h(x.initialIndex??0),R=h(!1),z=h(0),B=h(0),V=h(70),H=h(70),U=h(x.showPlaylist),W=h(x.mode??`list`),G=r(()=>x.tracks[L.value]),le=r(()=>B.value===0?0:z.value/B.value*100),ue=r(()=>V.value===0?`mdi:volume-off`:V.value<40?`mdi:volume-low`:V.value<70?`mdi:volume-medium`:`mdi:volume-high`),de=r(()=>S[W.value]?.icon??`mdi:repeat`),fe=r(()=>S[W.value]?.label??`循环`);function K(){I&&(I.pause(),I.removeEventListener(`timeupdate`,q),I.removeEventListener(`loadedmetadata`,J),I.removeEventListener(`ended`,Y));let e=G.value;e&&(I=new Audio(e.src),I.volume=V.value/100,I.addEventListener(`timeupdate`,q),I.addEventListener(`loadedmetadata`,J),I.addEventListener(`ended`,Y))}function q(){I&&(z.value=I.currentTime)}function J(){I&&(B.value=I.duration)}function Y(){switch(F(`ended`,L.value),W.value){case`loop`:I?.play().catch(()=>{});break;case`single`:R.value=!1;break;case`shuffle`:X(Math.floor(Math.random()*x.tracks.length));break;default:L.value<x.tracks.length-1?Z():(L.value=0,K(),I?.play().catch(()=>{}))}}function pe(){I||K(),R.value?(I?.pause(),R.value=!1,F(`pause`)):(I?.play().catch(()=>{}),R.value=!0,F(`play`,L.value))}function X(e){L.value=e,K(),I?.play().catch(()=>{}),R.value=!0,F(`play`,e)}function me(){X(L.value<=0?x.tracks.length-1:L.value-1)}function Z(){X(L.value>=x.tracks.length-1?0:L.value+1)}function Q(e){if(!I||!B.value)return;let t=e.currentTarget.getBoundingClientRect(),n=Math.max(0,Math.min(1,(e.clientX-t.left)/t.width));I.currentTime=n*B.value,z.value=I.currentTime}function he(e){V.value=e,I&&(I.volume=e/100)}function ge(){V.value>0?(H.value=V.value,V.value=0):V.value=H.value||70,I&&(I.volume=V.value/100)}let $=[`list`,`loop`,`single`,`shuffle`];function _e(){W.value=$[($.indexOf(W.value)+1)%$.length],F(`modeChange`,W.value)}return b(()=>x.tracks,()=>{L.value=0,K()}),b(()=>x.initialIndex,e=>{e!==void 0&&e!==L.value&&(L.value=e,K())}),p(()=>{I&&=(I.pause(),I.removeEventListener(`timeupdate`,q),I.removeEventListener(`loadedmetadata`,J),I.removeEventListener(`ended`,Y),null)}),x.autoplay&&x.tracks.length>0&&X(L.value),(t,r)=>{let u=_(`NSlider`);return m(),o(`div`,{class:d([`c-audio-player`,{"is-minimal":t.theme===`minimal`}])},[a(` ================ Now Playing ================ `),s(`div`,w,[t.showCover?(m(),o(`div`,T,[G.value?.cover?(m(),o(`img`,{key:0,src:G.value.cover,alt:G.value.title},null,8,E)):(m(),i(e,{key:1,name:`mdi:music-note`,class:`c-audio-player__cover-placeholder`}))])):a(`v-if`,!0),s(`div`,D,[s(`div`,O,v(G.value?.title??`未选择曲目`),1),G.value?.artist?(m(),o(`div`,ee,v(G.value.artist),1)):a(`v-if`,!0)])]),a(` ================ Progress ================ `),t.theme===`minimal`?a(`v-if`,!0):(m(),o(`div`,te,[s(`div`,{class:`c-audio-player__progress-bar`,onClick:Q},[s(`div`,{class:`c-audio-player__progress-fill`,style:f({width:`${le.value}%`})},null,4)]),s(`div`,ne,[s(`span`,null,v(y(C)(z.value)),1),s(`span`,null,v(y(C)(B.value)),1)])])),a(` ================ Controls ================ `),s(`div`,re,[s(`button`,{class:`c-audio-player__ctrl-btn is-mode`,title:fe.value,onClick:_e},[l(e,{name:de.value},null,8,[`name`])],8,ie),s(`button`,{class:`c-audio-player__ctrl-btn is-skip`,title:`上一曲`,onClick:me},[l(e,{name:`mdi:skip-previous`})]),s(`button`,{class:`c-audio-player__ctrl-btn is-play`,title:R.value?`暂停`:`播放`,onClick:pe},[l(e,{name:R.value?`mdi:pause`:`mdi:play`},null,8,[`name`])],8,ae),s(`button`,{class:`c-audio-player__ctrl-btn is-skip`,title:`下一曲`,onClick:Z},[l(e,{name:`mdi:skip-next`})]),s(`button`,{class:`c-audio-player__ctrl-btn is-mode`,title:`播放列表`,onClick:r[0]||=e=>U.value=!U.value},[l(e,{name:`mdi:playlist-music`})])]),a(` ================ Volume ================ `),t.theme===`minimal`?a(`v-if`,!0):(m(),o(`div`,oe,[l(e,{name:ue.value,class:`c-audio-player__volume-icon`,onClick:ge},null,8,[`name`]),l(u,{value:V.value,"onUpdate:value":[r[1]||=e=>V.value=e,he],min:0,max:100,step:1,class:`c-audio-player__volume-slider`},null,8,[`value`])])),a(` ================ Playlist ================ `),t.showPlaylist&&U.value&&t.theme!==`minimal`?(m(),o(`div`,se,[s(`div`,ce,[r[2]||=s(`span`,null,`播放列表`,-1),s(`span`,null,v(t.tracks.length)+` 首`,1)]),(m(!0),o(n,null,g(t.tracks,(t,r)=>(m(),o(`div`,{key:t.id,class:d([`c-audio-player__track`,{"is-active":r===L.value}]),onClick:e=>X(r)},[s(`span`,A,[r===L.value&&R.value?(m(),i(e,{key:0,name:`mdi:volume-high`})):(m(),o(n,{key:1},[c(v(r+1),1)],64))]),s(`div`,j,[s(`div`,M,v(t.title),1),t.artist?(m(),o(`div`,N,v(t.artist),1)):a(`v-if`,!0)]),t.duration?(m(),o(`span`,P,v(y(C)(t.duration)),1)):a(`v-if`,!0)],10,k))),128))])):a(`v-if`,!0)],2)}}}),[[`__scopeId`,`data-v-3cb14639`]]);export{C as i,x as n,S as r,F as t};
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{NSlider as n}from"naive-ui";import{Fragment as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,normalizeClass as f,normalizeStyle as p,onBeforeUnmount as m,openBlock as h,ref as g,renderList as _,resolveComponent as v,toDisplayString as y,unref as b,watch as x}from"vue";const S={initialIndex:0,showPlaylist:!0,showCover:!0,autoplay:!1,mode:`list`,theme:`default`},C={list:{icon:`mdi:repeat`,label:`List Loop`},loop:{icon:`mdi:repeat-once`,label:`Single Loop`},single:{icon:`mdi:numeric-1-box`,label:`Play Once`},shuffle:{icon:`mdi:shuffle-variant`,label:`Shuffle`}};function w(e){if(!Number.isFinite(e)||e<0)return`00:00`;let t=Math.floor(e/60),n=Math.floor(e%60);return`${String(t).padStart(2,`0`)}:${String(n).padStart(2,`0`)}`}const T={class:`c-audio-player__now-playing`},E={key:0,class:`c-audio-player__cover`},D=[`src`,`alt`],O={class:`c-audio-player__info`},k={class:`c-audio-player__title`},A={key:0,class:`c-audio-player__artist`},ee={key:0,class:`c-audio-player__progress`},te={class:`c-audio-player__time`},ne={class:`c-audio-player__controls`},re=[`title`],ie=[`title`],ae={key:1,class:`c-audio-player__volume`},oe={key:2,class:`c-audio-player__playlist`},se={class:`c-audio-player__playlist-header`},ce=[`onClick`],j={class:`c-audio-player__track-index`},M={class:`c-audio-player__track-info`},N={class:`c-audio-player__track-title`},P={key:0,class:`c-audio-player__track-artist`},F={key:0,class:`c-audio-player__track-duration`};var I=t(d({__name:`index`,props:{tracks:{},initialIndex:{default:S.initialIndex},showPlaylist:{type:Boolean,default:S.showPlaylist},showCover:{type:Boolean,default:!0},autoplay:{type:Boolean,default:S.autoplay},mode:{default:S.mode},theme:{default:S.theme}},emits:[`play`,`pause`,`ended`,`modeChange`],setup(t,{emit:d}){let v=t,S=d,I=null,L=g(v.initialIndex??0),R=g(!1),z=g(0),B=g(0),V=g(70),H=g(70),U=g(v.showPlaylist),W=g(v.mode??`list`),G=i(()=>v.tracks[L.value]),le=i(()=>B.value===0?0:z.value/B.value*100),ue=i(()=>V.value===0?`mdi:volume-off`:V.value<40?`mdi:volume-low`:V.value<70?`mdi:volume-medium`:`mdi:volume-high`),de=i(()=>C[W.value]?.icon??`mdi:repeat`),fe=i(()=>C[W.value]?.label??`循环`);function K(){I&&(I.pause(),I.removeEventListener(`timeupdate`,q),I.removeEventListener(`loadedmetadata`,J),I.removeEventListener(`ended`,Y));let e=G.value;e&&(I=new Audio(e.src),I.volume=V.value/100,I.addEventListener(`timeupdate`,q),I.addEventListener(`loadedmetadata`,J),I.addEventListener(`ended`,Y))}function q(){I&&(z.value=I.currentTime)}function J(){I&&(B.value=I.duration)}function Y(){switch(S(`ended`,L.value),W.value){case`loop`:I?.play().catch(()=>{});break;case`single`:R.value=!1;break;case`shuffle`:X(Math.floor(Math.random()*v.tracks.length));break;default:L.value<v.tracks.length-1?Z():(L.value=0,K(),I?.play().catch(()=>{}))}}function pe(){I||K(),R.value?(I?.pause(),R.value=!1,S(`pause`)):(I?.play().catch(()=>{}),R.value=!0,S(`play`,L.value))}function X(e){L.value=e,K(),I?.play().catch(()=>{}),R.value=!0,S(`play`,e)}function me(){X(L.value<=0?v.tracks.length-1:L.value-1)}function Z(){X(L.value>=v.tracks.length-1?0:L.value+1)}function Q(e){if(!I||!B.value)return;let t=e.currentTarget.getBoundingClientRect(),n=Math.max(0,Math.min(1,(e.clientX-t.left)/t.width));I.currentTime=n*B.value,z.value=I.currentTime}function he(e){V.value=e,I&&(I.volume=e/100)}function ge(){V.value>0?(H.value=V.value,V.value=0):V.value=H.value||70,I&&(I.volume=V.value/100)}let $=[`list`,`loop`,`single`,`shuffle`];function _e(){W.value=$[($.indexOf(W.value)+1)%$.length],S(`modeChange`,W.value)}return x(()=>v.tracks,()=>{L.value=0,K()}),x(()=>v.initialIndex,e=>{e!==void 0&&e!==L.value&&(L.value=e,K())}),m(()=>{I&&=(I.pause(),I.removeEventListener(`timeupdate`,q),I.removeEventListener(`loadedmetadata`,J),I.removeEventListener(`ended`,Y),null)}),v.autoplay&&v.tracks.length>0&&X(L.value),(t,i)=>{let d=n;return h(),s(`div`,{class:f([`c-audio-player`,{"is-minimal":t.theme===`minimal`}])},[o(` ================ Now Playing ================ `),c(`div`,T,[t.showCover?(h(),s(`div`,E,[G.value?.cover?(h(),s(`img`,{key:0,src:G.value.cover,alt:G.value.title},null,8,D)):(h(),a(e,{key:1,name:`mdi:music-note`,class:`c-audio-player__cover-placeholder`}))])):o(`v-if`,!0),c(`div`,O,[c(`div`,k,y(G.value?.title??`未选择曲目`),1),G.value?.artist?(h(),s(`div`,A,y(G.value.artist),1)):o(`v-if`,!0)])]),o(` ================ Progress ================ `),t.theme===`minimal`?o(`v-if`,!0):(h(),s(`div`,ee,[c(`div`,{class:`c-audio-player__progress-bar`,onClick:Q},[c(`div`,{class:`c-audio-player__progress-fill`,style:p({width:`${le.value}%`})},null,4)]),c(`div`,te,[c(`span`,null,y(b(w)(z.value)),1),c(`span`,null,y(b(w)(B.value)),1)])])),o(` ================ Controls ================ `),c(`div`,ne,[c(`button`,{class:`c-audio-player__ctrl-btn is-mode`,title:fe.value,onClick:_e},[u(e,{name:de.value},null,8,[`name`])],8,re),c(`button`,{class:`c-audio-player__ctrl-btn is-skip`,title:`上一曲`,onClick:me},[u(e,{name:`mdi:skip-previous`})]),c(`button`,{class:`c-audio-player__ctrl-btn is-play`,title:R.value?`暂停`:`播放`,onClick:pe},[u(e,{name:R.value?`mdi:pause`:`mdi:play`},null,8,[`name`])],8,ie),c(`button`,{class:`c-audio-player__ctrl-btn is-skip`,title:`下一曲`,onClick:Z},[u(e,{name:`mdi:skip-next`})]),c(`button`,{class:`c-audio-player__ctrl-btn is-mode`,title:`播放列表`,onClick:i[0]||=e=>U.value=!U.value},[u(e,{name:`mdi:playlist-music`})])]),o(` ================ Volume ================ `),t.theme===`minimal`?o(`v-if`,!0):(h(),s(`div`,ae,[u(e,{name:ue.value,class:`c-audio-player__volume-icon`,onClick:ge},null,8,[`name`]),u(d,{value:V.value,"onUpdate:value":[i[1]||=e=>V.value=e,he],min:0,max:100,step:1,class:`c-audio-player__volume-slider`},null,8,[`value`])])),o(` ================ Playlist ================ `),t.showPlaylist&&U.value&&t.theme!==`minimal`?(h(),s(`div`,oe,[c(`div`,se,[i[2]||=c(`span`,null,`播放列表`,-1),c(`span`,null,y(t.tracks.length)+` 首`,1)]),(h(!0),s(r,null,_(t.tracks,(t,n)=>(h(),s(`div`,{key:t.id,class:f([`c-audio-player__track`,{"is-active":n===L.value}]),onClick:e=>X(n)},[c(`span`,j,[n===L.value&&R.value?(h(),a(e,{key:0,name:`mdi:volume-high`})):(h(),s(r,{key:1},[l(y(n+1),1)],64))]),c(`div`,M,[c(`div`,N,y(t.title),1),t.artist?(h(),s(`div`,P,y(t.artist),1)):o(`v-if`,!0)]),t.duration?(h(),s(`span`,F,y(b(w)(t.duration)),1)):o(`v-if`,!0)],10,ce))),128))])):o(`v-if`,!0)],2)}}}),[[`__scopeId`,`data-v-9ab6a734`]]);export{w as i,S as n,C as r,I as t};
 //# sourceMappingURL=C_AudioPlayer2.js.map