@robot-admin/naive-ui-components 0.11.8 → 0.13.0

package/dist/C_AudioPlayer.css

@@ -1,54 +1,54 @@
-/* unplugin-vue-components disabled */.c-icon[data-v-d0d8dba0] {
+/* unplugin-vue-components disabled */.c-icon[data-v-711aedcd] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   user-select: none;
   transition: all 0.2s ease-in-out;
 }
-.c-icon--clickable[data-v-d0d8dba0] {
+.c-icon--clickable[data-v-711aedcd] {
   cursor: pointer;
 }
-.c-icon--clickable[data-v-d0d8dba0]:hover {
+.c-icon--clickable[data-v-711aedcd]:hover {
   opacity: 0.8;
   transform: scale(1.05);
 }
-.c-icon--clickable[data-v-d0d8dba0]:active {
+.c-icon--clickable[data-v-711aedcd]:active {
   transform: scale(0.95);
 }
-.c-icon--clickable[data-v-d0d8dba0]:focus-visible {
+.c-icon--clickable[data-v-711aedcd]:focus-visible {
   outline: 2px solid currentColor;
   outline-offset: 2px;
   border-radius: 4px;
 }
-.c-icon--loading[data-v-d0d8dba0] {
+.c-icon--loading[data-v-711aedcd] {
   opacity: 0.6;
   cursor: wait;
 }
-.c-icon--error[data-v-d0d8dba0] {
+.c-icon--error[data-v-711aedcd] {
   opacity: 0.5;
 }
-.c-icon__loading[data-v-d0d8dba0] {
+.c-icon__loading[data-v-711aedcd] {
   position: relative;
 }
-.c-icon__spinner[data-v-d0d8dba0] {
+.c-icon__spinner[data-v-711aedcd] {
   width: 100%;
   height: 100%;
   border: 2px solid currentColor;
   border-radius: 50%;
   border-top-color: transparent;
-  animation: spin-d0d8dba0 1s linear infinite;
+  animation: spin-711aedcd 1s linear infinite;
 }
-.c-icon__error[data-v-d0d8dba0] {
+.c-icon__error[data-v-711aedcd] {
   font-size: 0.8em;
   opacity: 0.5;
 }
-.c-icon__rotatable[data-v-d0d8dba0] {
+.c-icon__rotatable[data-v-711aedcd] {
   transition: transform 0.3s ease-in-out;
 }
-.c-icon__flippable[data-v-d0d8dba0] {
+.c-icon__flippable[data-v-711aedcd] {
   transition: transform 0.3s ease-in-out;
 }
-@keyframes spin-d0d8dba0 {
+@keyframes spin-711aedcd {
 0% {
     transform: rotate(0deg);
 }
@@ -60,13 +60,17 @@
 /* unplugin-vue-components disabled *//**
  * C_AudioPlayer — 音频播放器样式
  */
-.c-audio-player[data-v-9ab6a734] {
+.c-audio-player[data-v-46f841a0] {
   --ap-bg: var(--card-color);
   --ap-border: var(--border-color);
   --ap-accent: var(--primary-color);
   --ap-text: var(--text-color-1);
   --ap-text-sub: var(--text-color-3);
-  --ap-progress-bg: color-mix(in srgb, var(--primary-color) 15%, var(--border-color));
+  --ap-progress-bg: color-mix(
+    in srgb,
+    var(--primary-color) 15%,
+    var(--border-color)
+  );
   --ap-progress-fill: var(--primary-color);
   display: flex;
   flex-direction: column;
@@ -77,13 +81,13 @@
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
   /* ======================== Now Playing ======================== */
 }
-.c-audio-player__now-playing[data-v-9ab6a734] {
+.c-audio-player__now-playing[data-v-46f841a0] {
   display: flex;
   align-items: center;
   gap: 16px;
   padding: 20px;
 }
-.c-audio-player__cover[data-v-9ab6a734] {
+.c-audio-player__cover[data-v-46f841a0] {
   flex-shrink: 0;
   width: 72px;
   height: 72px;
@@ -95,21 +99,21 @@
   justify-content: center;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
 }
-.c-audio-player__cover img[data-v-9ab6a734] {
+.c-audio-player__cover img[data-v-46f841a0] {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
-.c-audio-player__cover-placeholder[data-v-9ab6a734] {
+.c-audio-player__cover-placeholder[data-v-46f841a0] {
   font-size: 32px;
   color: var(--ap-accent);
   opacity: 0.5;
 }
-.c-audio-player__info[data-v-9ab6a734] {
+.c-audio-player__info[data-v-46f841a0] {
   flex: 1;
   min-width: 0;
 }
-.c-audio-player__title[data-v-9ab6a734] {
+.c-audio-player__title[data-v-46f841a0] {
   font-size: 15px;
   font-weight: 600;
   color: var(--ap-text);
@@ -117,7 +121,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.c-audio-player__artist[data-v-9ab6a734] {
+.c-audio-player__artist[data-v-46f841a0] {
   font-size: 12px;
   color: var(--ap-text-sub);
   margin-top: 2px;
@@ -125,13 +129,13 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.c-audio-player[data-v-9ab6a734] {
+.c-audio-player[data-v-46f841a0] {
   /* ======================== Progress ======================== */
 }
-.c-audio-player__progress[data-v-9ab6a734] {
+.c-audio-player__progress[data-v-46f841a0] {
   padding: 0 20px;
 }
-.c-audio-player__progress-bar[data-v-9ab6a734] {
+.c-audio-player__progress-bar[data-v-46f841a0] {
   position: relative;
   width: 100%;
   height: 6px;
@@ -140,17 +144,17 @@
   cursor: pointer;
   transition: height 0.15s;
 }
-.c-audio-player__progress-bar[data-v-9ab6a734]:hover {
+.c-audio-player__progress-bar[data-v-46f841a0]:hover {
   height: 8px;
 }
-.c-audio-player__progress-fill[data-v-9ab6a734] {
+.c-audio-player__progress-fill[data-v-46f841a0] {
   height: 100%;
   border-radius: 3px;
   background: var(--ap-progress-fill);
   position: relative;
   transition: width 0.1s linear;
 }
-.c-audio-player__progress-fill[data-v-9ab6a734]::after {
+.c-audio-player__progress-fill[data-v-46f841a0]::after {
   content: "";
   position: absolute;
   right: -5px;
@@ -164,10 +168,10 @@
   opacity: 0;
   transition: opacity 0.15s;
 }
-.c-audio-player__progress-bar:hover .c-audio-player__progress-fill[data-v-9ab6a734]::after {
+.c-audio-player__progress-bar:hover .c-audio-player__progress-fill[data-v-46f841a0]::after {
   opacity: 1;
 }
-.c-audio-player__time[data-v-9ab6a734] {
+.c-audio-player__time[data-v-46f841a0] {
   display: flex;
   justify-content: space-between;
   font-size: 11px;
@@ -175,17 +179,17 @@
   margin-top: 4px;
   padding-bottom: 4px;
 }
-.c-audio-player[data-v-9ab6a734] {
+.c-audio-player[data-v-46f841a0] {
   /* ======================== Controls ======================== */
 }
-.c-audio-player__controls[data-v-9ab6a734] {
+.c-audio-player__controls[data-v-46f841a0] {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   padding: 12px 20px;
 }
-.c-audio-player__ctrl-btn[data-v-9ab6a734] {
+.c-audio-player__ctrl-btn[data-v-46f841a0] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -196,65 +200,70 @@
   border-radius: 50%;
   transition: background 0.2s, color 0.2s, transform 0.15s;
 }
-.c-audio-player__ctrl-btn[data-v-9ab6a734]:hover {
+.c-audio-player__ctrl-btn[data-v-46f841a0]:hover {
   color: var(--ap-accent);
   background: color-mix(in srgb, var(--ap-accent) 10%, transparent);
 }
-.c-audio-player__ctrl-btn[data-v-9ab6a734]:active {
+.c-audio-player__ctrl-btn[data-v-46f841a0]:active {
   transform: scale(0.92);
 }
-.c-audio-player__ctrl-btn.is-mode[data-v-9ab6a734] {
+.c-audio-player__ctrl-btn.is-mode[data-v-46f841a0] {
   font-size: 18px;
   width: 34px;
   height: 34px;
 }
-.c-audio-player__ctrl-btn.is-skip[data-v-9ab6a734] {
+.c-audio-player__ctrl-btn.is-skip[data-v-46f841a0] {
   font-size: 22px;
   width: 38px;
   height: 38px;
 }
-.c-audio-player__ctrl-btn.is-play[data-v-9ab6a734] {
+.c-audio-player__ctrl-btn.is-play[data-v-46f841a0] {
   font-size: 28px;
   width: 48px;
   height: 48px;
   background: var(--ap-accent);
   color: #fff;
 }
-.c-audio-player__ctrl-btn.is-play[data-v-9ab6a734]:hover {
+.c-audio-player__ctrl-btn.is-play[data-v-46f841a0]: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[data-v-9ab6a734] {
+.c-audio-player[data-v-46f841a0] {
   /* ======================== Volume ======================== */
 }
-.c-audio-player__volume[data-v-9ab6a734] {
+.c-audio-player__volume[data-v-46f841a0] {
   display: flex;
   align-items: center;
   gap: 6px;
   padding: 0 20px 12px;
   justify-content: flex-end;
 }
-.c-audio-player__volume-icon[data-v-9ab6a734] {
+.c-audio-player__volume-icon[data-v-46f841a0] {
+  display: inline-flex;
+  padding: 0;
+  border: 0;
+  background: none;
+  font: inherit;
   font-size: 18px;
   color: var(--ap-text-sub);
   cursor: pointer;
 }
-.c-audio-player__volume-icon[data-v-9ab6a734]:hover {
+.c-audio-player__volume-icon[data-v-46f841a0]:hover {
   color: var(--ap-accent);
 }
-.c-audio-player__volume-slider[data-v-9ab6a734] {
+.c-audio-player__volume-slider[data-v-46f841a0] {
   width: 100px;
 }
-.c-audio-player[data-v-9ab6a734] {
+.c-audio-player[data-v-46f841a0] {
   /* ======================== Playlist ======================== */
 }
-.c-audio-player__playlist[data-v-9ab6a734] {
+.c-audio-player__playlist[data-v-46f841a0] {
   border-top: 1px solid var(--ap-border);
   max-height: 260px;
   overflow-y: auto;
 }
-.c-audio-player__playlist-header[data-v-9ab6a734] {
+.c-audio-player__playlist-header[data-v-46f841a0] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -268,56 +277,62 @@
   top: 0;
   z-index: 1;
 }
-.c-audio-player__track[data-v-9ab6a734] {
+.c-audio-player__track[data-v-46f841a0] {
   display: flex;
+  width: 100%;
+  border: 0;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  text-align: left;
   align-items: center;
   gap: 12px;
   padding: 10px 20px;
   cursor: pointer;
   transition: background 0.15s;
 }
-.c-audio-player__track[data-v-9ab6a734]:hover {
+.c-audio-player__track[data-v-46f841a0]:hover {
   background: color-mix(in srgb, var(--ap-accent) 6%, var(--ap-bg));
 }
-.c-audio-player__track.is-active[data-v-9ab6a734] {
+.c-audio-player__track.is-active[data-v-46f841a0] {
   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-9ab6a734] {
+.c-audio-player__track.is-active .c-audio-player__track-title[data-v-46f841a0] {
   color: var(--ap-accent);
   font-weight: 600;
 }
-.c-audio-player__track-index[data-v-9ab6a734] {
+.c-audio-player__track-index[data-v-46f841a0] {
   font-size: 12px;
   width: 20px;
   text-align: center;
   color: var(--ap-text-sub);
   flex-shrink: 0;
 }
-.c-audio-player__track-info[data-v-9ab6a734] {
+.c-audio-player__track-info[data-v-46f841a0] {
   flex: 1;
   min-width: 0;
 }
-.c-audio-player__track-title[data-v-9ab6a734] {
+.c-audio-player__track-title[data-v-46f841a0] {
   font-size: 13px;
   color: var(--ap-text);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.c-audio-player__track-artist[data-v-9ab6a734] {
+.c-audio-player__track-artist[data-v-46f841a0] {
   font-size: 11px;
   color: var(--ap-text-sub);
   margin-top: 1px;
 }
-.c-audio-player__track-duration[data-v-9ab6a734] {
+.c-audio-player__track-duration[data-v-46f841a0] {
   font-size: 11px;
   color: var(--ap-text-sub);
   flex-shrink: 0;
 }
-.c-audio-player[data-v-9ab6a734] {
+.c-audio-player[data-v-46f841a0] {
   /* ======================== Minimal Theme ======================== */
 }
-.c-audio-player.is-minimal[data-v-9ab6a734] {
+.c-audio-player.is-minimal[data-v-46f841a0] {
   border-radius: 99px;
   padding: 6px 16px;
   flex-direction: row;
@@ -325,25 +340,25 @@
   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-9ab6a734] {
+.c-audio-player.is-minimal .c-audio-player__now-playing[data-v-46f841a0] {
   padding: 0;
   gap: 10px;
 }
-.c-audio-player.is-minimal .c-audio-player__cover[data-v-9ab6a734] {
+.c-audio-player.is-minimal .c-audio-player__cover[data-v-46f841a0] {
   width: 36px;
   height: 36px;
   border-radius: 50%;
 }
-.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] {
+.c-audio-player.is-minimal .c-audio-player__progress[data-v-46f841a0],
+.c-audio-player.is-minimal .c-audio-player__playlist[data-v-46f841a0],
+.c-audio-player.is-minimal .c-audio-player__volume[data-v-46f841a0] {
   display: none;
 }
-.c-audio-player.is-minimal .c-audio-player__controls[data-v-9ab6a734] {
+.c-audio-player.is-minimal .c-audio-player__controls[data-v-46f841a0] {
   padding: 4px 0;
   gap: 2px;
 }
-.c-audio-player.is-minimal .c-audio-player__ctrl-btn.is-play[data-v-9ab6a734] {
+.c-audio-player.is-minimal .c-audio-player__ctrl-btn.is-play[data-v-46f841a0] {
   width: 34px;
   height: 34px;
   font-size: 20px;

package/dist/C_AudioPlayer.d.cts

@@ -1,2 +1,2 @@
-import { a as MODE_ICON_MAP, i as DEFAULT_AUDIO_PLAYER_PROPS, n as AudioPlayerProps, o as formatTime, r as AudioTrack, t as _default } from "./index2.vue.cjs";
+import { a as MODE_ICON_MAP, i as DEFAULT_AUDIO_PLAYER_PROPS, n as AudioPlayerProps, o as formatTime, r as AudioTrack, t as _default } from "./index.vue.cjs";
 export { type AudioPlayerProps, type AudioTrack, _default as C_AudioPlayer, DEFAULT_AUDIO_PLAYER_PROPS, MODE_ICON_MAP, formatTime };

package/dist/C_AudioPlayer.d.ts

@@ -1,2 +1,2 @@
-import { a as MODE_ICON_MAP, i as DEFAULT_AUDIO_PLAYER_PROPS, n as AudioPlayerProps, o as formatTime, r as AudioTrack, t as _default } from "./index2.vue.js";
+import { a as MODE_ICON_MAP, i as DEFAULT_AUDIO_PLAYER_PROPS, n as AudioPlayerProps, o as formatTime, r as AudioTrack, t as _default } from "./index.vue.js";
 export { type AudioPlayerProps, type AudioTrack, _default as C_AudioPlayer, DEFAULT_AUDIO_PLAYER_PROPS, MODE_ICON_MAP, formatTime };

package/dist/C_AudioPlayer2.cjs

@@ -1 +1 @@
-require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`);const i={initialIndex:0,showPlaylist:!0,showCover:!0,autoplay:!1,mode:`list`,theme:`default`},a={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 o(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 s={class:`c-audio-player__now-playing`},c={key:0,class:`c-audio-player__cover`},l=[`src`,`alt`],u={class:`c-audio-player__info`},d={class:`c-audio-player__title`},f={key:0,class:`c-audio-player__artist`},ee={key:0,class:`c-audio-player__progress`},p={class:`c-audio-player__time`},m={class:`c-audio-player__controls`},h=[`title`],g=[`title`],_={key:1,class:`c-audio-player__volume`},v={key:2,class:`c-audio-player__playlist`},y={class:`c-audio-player__playlist-header`},b=[`onClick`],x={class:`c-audio-player__track-index`},S={class:`c-audio-player__track-info`},C={class:`c-audio-player__track-title`},w={key:0,class:`c-audio-player__track-artist`},T={key:0,class:`c-audio-player__track-duration`},E=(0,n.defineComponent)({__name:`index`,props:{tracks:{},initialIndex:{default:i.initialIndex},showPlaylist:{type:Boolean,default:i.showPlaylist},showCover:{type:Boolean,default:!0},autoplay:{type:Boolean,default:i.autoplay},mode:{default:i.mode},theme:{default:i.theme}},emits:[`play`,`pause`,`ended`,`modeChange`],setup(t,{emit:i}){let E=t,D=i,O=null,k=(0,n.ref)(E.initialIndex??0),A=(0,n.ref)(!1),j=(0,n.ref)(0),M=(0,n.ref)(0),N=(0,n.ref)(70),P=(0,n.ref)(70),F=(0,n.ref)(E.showPlaylist),I=(0,n.ref)(E.mode??`list`),L=(0,n.computed)(()=>E.tracks[k.value]),R=(0,n.computed)(()=>M.value===0?0:j.value/M.value*100),z=(0,n.computed)(()=>N.value===0?`mdi:volume-off`:N.value<40?`mdi:volume-low`:N.value<70?`mdi:volume-medium`:`mdi:volume-high`),B=(0,n.computed)(()=>a[I.value]?.icon??`mdi:repeat`),V=(0,n.computed)(()=>a[I.value]?.label??`循环`);function H(){O&&(O.pause(),O.removeEventListener(`timeupdate`,U),O.removeEventListener(`loadedmetadata`,W),O.removeEventListener(`ended`,G));let e=L.value;e&&(O=new Audio(e.src),O.volume=N.value/100,O.addEventListener(`timeupdate`,U),O.addEventListener(`loadedmetadata`,W),O.addEventListener(`ended`,G))}function U(){O&&(j.value=O.currentTime)}function W(){O&&(M.value=O.duration)}function G(){switch(D(`ended`,k.value),I.value){case`loop`:O?.play().catch(()=>{});break;case`single`:A.value=!1;break;case`shuffle`:q(Math.floor(Math.random()*E.tracks.length));break;default:k.value<E.tracks.length-1?Y():(k.value=0,H(),O?.play().catch(()=>{}))}}function K(){O||H(),A.value?(O?.pause(),A.value=!1,D(`pause`)):(O?.play().catch(()=>{}),A.value=!0,D(`play`,k.value))}function q(e){k.value=e,H(),O?.play().catch(()=>{}),A.value=!0,D(`play`,e)}function J(){q(k.value<=0?E.tracks.length-1:k.value-1)}function Y(){q(k.value>=E.tracks.length-1?0:k.value+1)}function X(e){if(!O||!M.value)return;let t=e.currentTarget.getBoundingClientRect(),n=Math.max(0,Math.min(1,(e.clientX-t.left)/t.width));O.currentTime=n*M.value,j.value=O.currentTime}function Z(e){N.value=e,O&&(O.volume=e/100)}function Q(){N.value>0?(P.value=N.value,N.value=0):N.value=P.value||70,O&&(O.volume=N.value/100)}let $=[`list`,`loop`,`single`,`shuffle`];function te(){I.value=$[($.indexOf(I.value)+1)%$.length],D(`modeChange`,I.value)}return(0,n.watch)(()=>E.tracks,()=>{k.value=0,H()}),(0,n.watch)(()=>E.initialIndex,e=>{e!==void 0&&e!==k.value&&(k.value=e,H())}),(0,n.onBeforeUnmount)(()=>{O&&=(O.pause(),O.removeEventListener(`timeupdate`,U),O.removeEventListener(`loadedmetadata`,W),O.removeEventListener(`ended`,G),null)}),E.autoplay&&E.tracks.length>0&&q(k.value),(i,a)=>{let E=r.NSlider;return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`c-audio-player`,{"is-minimal":t.theme===`minimal`}])},[(0,n.createCommentVNode)(` ================ Now Playing ================ `),(0,n.createElementVNode)(`div`,s,[t.showCover?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,c,[L.value?.cover?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,src:L.value.cover,alt:L.value.title},null,8,l)):((0,n.openBlock)(),(0,n.createBlock)(e.t,{key:1,name:`mdi:music-note`,class:`c-audio-player__cover-placeholder`}))])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`div`,u,[(0,n.createElementVNode)(`div`,d,(0,n.toDisplayString)(L.value?.title??`未选择曲目`),1),L.value?.artist?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,f,(0,n.toDisplayString)(L.value.artist),1)):(0,n.createCommentVNode)(`v-if`,!0)])]),(0,n.createCommentVNode)(` ================ Progress ================ `),t.theme===`minimal`?(0,n.createCommentVNode)(`v-if`,!0):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,ee,[(0,n.createElementVNode)(`div`,{class:`c-audio-player__progress-bar`,onClick:X},[(0,n.createElementVNode)(`div`,{class:`c-audio-player__progress-fill`,style:(0,n.normalizeStyle)({width:`${R.value}%`})},null,4)]),(0,n.createElementVNode)(`div`,p,[(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)((0,n.unref)(o)(j.value)),1),(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)((0,n.unref)(o)(M.value)),1)])])),(0,n.createCommentVNode)(` ================ Controls ================ `),(0,n.createElementVNode)(`div`,m,[(0,n.createElementVNode)(`button`,{class:`c-audio-player__ctrl-btn is-mode`,title:V.value,onClick:te},[(0,n.createVNode)(e.t,{name:B.value},null,8,[`name`])],8,h),(0,n.createElementVNode)(`button`,{class:`c-audio-player__ctrl-btn is-skip`,title:`上一曲`,onClick:J},[(0,n.createVNode)(e.t,{name:`mdi:skip-previous`})]),(0,n.createElementVNode)(`button`,{class:`c-audio-player__ctrl-btn is-play`,title:A.value?`暂停`:`播放`,onClick:K},[(0,n.createVNode)(e.t,{name:A.value?`mdi:pause`:`mdi:play`},null,8,[`name`])],8,g),(0,n.createElementVNode)(`button`,{class:`c-audio-player__ctrl-btn is-skip`,title:`下一曲`,onClick:Y},[(0,n.createVNode)(e.t,{name:`mdi:skip-next`})]),(0,n.createElementVNode)(`button`,{class:`c-audio-player__ctrl-btn is-mode`,title:`播放列表`,onClick:a[0]||=e=>F.value=!F.value},[(0,n.createVNode)(e.t,{name:`mdi:playlist-music`})])]),(0,n.createCommentVNode)(` ================ Volume ================ `),t.theme===`minimal`?(0,n.createCommentVNode)(`v-if`,!0):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,_,[(0,n.createVNode)(e.t,{name:z.value,class:`c-audio-player__volume-icon`,onClick:Q},null,8,[`name`]),(0,n.createVNode)(E,{value:N.value,"onUpdate:value":[a[1]||=e=>N.value=e,Z],min:0,max:100,step:1,class:`c-audio-player__volume-slider`},null,8,[`value`])])),(0,n.createCommentVNode)(` ================ Playlist ================ `),t.showPlaylist&&F.value&&t.theme!==`minimal`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,v,[(0,n.createElementVNode)(`div`,y,[a[2]||=(0,n.createElementVNode)(`span`,null,`播放列表`,-1),(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(t.tracks.length)+` 首`,1)]),((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(t.tracks,(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:t.id,class:(0,n.normalizeClass)([`c-audio-player__track`,{"is-active":r===k.value}]),onClick:e=>q(r)},[(0,n.createElementVNode)(`span`,x,[r===k.value&&A.value?((0,n.openBlock)(),(0,n.createBlock)(e.t,{key:0,name:`mdi:volume-high`})):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.createTextVNode)((0,n.toDisplayString)(r+1),1)],64))]),(0,n.createElementVNode)(`div`,S,[(0,n.createElementVNode)(`div`,C,(0,n.toDisplayString)(t.title),1),t.artist?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,w,(0,n.toDisplayString)(t.artist),1)):(0,n.createCommentVNode)(`v-if`,!0)]),t.duration?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,T,(0,n.toDisplayString)((0,n.unref)(o)(t.duration)),1)):(0,n.createCommentVNode)(`v-if`,!0)],10,b))),128))])):(0,n.createCommentVNode)(`v-if`,!0)],2)}}});var D=t.t(E,[[`__scopeId`,`data-v-9ab6a734`]]);Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return D}});
+require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`);const i={initialIndex:0,showPlaylist:!0,showCover:!0,autoplay:!1,mode:`list`,theme:`default`};function a(e,t){return!Number.isFinite(e)||t<=0?0:Math.min(Math.max(Math.trunc(e),0),t-1)}const o={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 s(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 c={class:`c-audio-player__now-playing`},l={key:0,class:`c-audio-player__cover`},u=[`src`,`alt`],d={class:`c-audio-player__info`},f={class:`c-audio-player__title`},p={key:0,class:`c-audio-player__artist`},ee={key:0,class:`c-audio-player__progress`},m=[`tabindex`,`aria-valuemax`,`aria-valuenow`],h={class:`c-audio-player__time`},g={class:`c-audio-player__controls`},_=[`title`],v=[`disabled`,`title`],y={key:1,class:`c-audio-player__volume`},b=[`aria-label`],x={key:2,class:`c-audio-player__playlist`},S={class:`c-audio-player__playlist-header`},C=[`onClick`],w={class:`c-audio-player__track-index`},T={class:`c-audio-player__track-info`},E={class:`c-audio-player__track-title`},D={key:0,class:`c-audio-player__track-artist`},te={key:0,class:`c-audio-player__track-duration`},O=(0,n.defineComponent)({__name:`index`,props:{tracks:{},initialIndex:{default:i.initialIndex},showPlaylist:{type:Boolean,default:i.showPlaylist},showCover:{type:Boolean,default:!0},autoplay:{type:Boolean,default:i.autoplay},mode:{default:i.mode},theme:{default:i.theme}},emits:[`play`,`pause`,`ended`,`modeChange`,`error`],setup(t,{emit:i}){let O=t,k=i,A=null,j=0,M=e=>Number.isInteger(e)&&!!O.tracks[e],N=(e,t)=>e===j&&t===A,P=(0,n.ref)(a(O.initialIndex??0,O.tracks.length)),F=(0,n.ref)(!1),I=(0,n.ref)(0),L=(0,n.ref)(0),R=(0,n.ref)(70),z=(0,n.ref)(70),B=(0,n.ref)(O.showPlaylist),V=(0,n.ref)(O.mode??`list`),H=(0,n.computed)(()=>O.tracks[P.value]),U=(0,n.computed)(()=>L.value<=0?0:Math.min(100,I.value/L.value*100)),ne=(0,n.computed)(()=>R.value===0?`mdi:volume-off`:R.value<40?`mdi:volume-low`:R.value<70?`mdi:volume-medium`:`mdi:volume-high`),W=(0,n.computed)(()=>o[V.value]?.icon??`mdi:repeat`),G=(0,n.computed)(()=>o[V.value]?.label??`循环`);function K(){j+=1,A&&(A.pause(),A.removeEventListener(`timeupdate`,q),A.removeEventListener(`loadedmetadata`,J),A.removeEventListener(`ended`,Y)),A=null,F.value=!1,I.value=0;let e=H.value;L.value=e?.duration??0,!(!e||typeof Audio>`u`)&&(A=new Audio(e.src),A.volume=R.value/100,A.addEventListener(`timeupdate`,q),A.addEventListener(`loadedmetadata`,J),A.addEventListener(`ended`,Y))}function q(){A&&(I.value=Number.isFinite(A.currentTime)?A.currentTime:0)}function J(){A&&(L.value=Number.isFinite(A.duration)?A.duration:0)}function Y(){switch(k(`ended`,P.value),V.value){case`loop`:A&&(A.currentTime=0),X(P.value,!1);break;case`single`:F.value=!1;break;case`shuffle`:O.tracks.length&&Q(Math.floor(Math.random()*O.tracks.length));break;default:if(!O.tracks.length){F.value=!1;break}Q(P.value<O.tracks.length-1?P.value+1:0)}}async function X(e,t){if(!M(e))return;(t||!A||P.value!==e)&&(P.value=e,K());let n=A;if(!n)return;let r=++j;try{if(await n.play(),!N(r,n))return;F.value=!0,k(`play`,e)}catch(e){if(!N(r,n))return;F.value=!1,k(`error`,e)}}function Z(){if(H.value){if(!F.value){X(P.value,!1);return}j+=1,A?.pause(),F.value=!1,k(`pause`)}}function Q(e){return X(e,!0)}function re(){O.tracks.length&&Q(P.value<=0?O.tracks.length-1:P.value-1)}function ie(){O.tracks.length&&Q(P.value>=O.tracks.length-1?0:P.value+1)}function ae(e){if(!A||!L.value)return;let t=e.currentTarget.getBoundingClientRect();if(t.width<=0)return;let n=Math.max(0,Math.min(1,(e.clientX-t.left)/t.width));A.currentTime=n*L.value,I.value=A.currentTime}function oe(e){if(!A||L.value<=0)return;let t=e.key===`ArrowRight`?5:e.key===`ArrowLeft`?-5:0,n=e.key===`Home`?0:e.key===`End`?L.value:I.value+t;!t&&e.key!==`Home`&&e.key!==`End`||(e.preventDefault(),A.currentTime=Math.max(0,Math.min(L.value,n)),I.value=A.currentTime)}function se(e){R.value=e,A&&(A.volume=e/100)}function ce(){R.value>0?(z.value=R.value,R.value=0):R.value=z.value||70,A&&(A.volume=R.value/100)}let $=[`list`,`loop`,`single`,`shuffle`];function le(){V.value=$[($.indexOf(V.value)+1)%$.length],k(`modeChange`,V.value)}return(0,n.watch)(()=>O.tracks,()=>{let e=F.value;P.value=a(O.initialIndex??0,O.tracks.length),K(),e&&X(P.value,!1)}),(0,n.watch)(()=>O.initialIndex,e=>{let t=a(e??0,O.tracks.length);if(t!==P.value){let e=F.value;P.value=t,K(),e&&X(t,!1)}}),(0,n.watch)(()=>O.mode,e=>{V.value=e}),(0,n.watch)(()=>O.showPlaylist,e=>{B.value=e}),(0,n.onMounted)(()=>{O.autoplay&&H.value&&X(P.value,!1)}),(0,n.onBeforeUnmount)(()=>{j+=1,A&&=(A.pause(),A.removeEventListener(`timeupdate`,q),A.removeEventListener(`loadedmetadata`,J),A.removeEventListener(`ended`,Y),null)}),(i,a)=>{let o=r.NSlider;return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`c-audio-player`,{"is-minimal":t.theme===`minimal`}])},[(0,n.createCommentVNode)(` ================ Now Playing ================ `),(0,n.createElementVNode)(`div`,c,[t.showCover?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,l,[H.value?.cover?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,src:H.value.cover,alt:H.value.title},null,8,u)):((0,n.openBlock)(),(0,n.createBlock)(e.t,{key:1,name:`mdi:music-note`,class:`c-audio-player__cover-placeholder`}))])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`div`,d,[(0,n.createElementVNode)(`div`,f,(0,n.toDisplayString)(H.value?.title??`未选择曲目`),1),H.value?.artist?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,p,(0,n.toDisplayString)(H.value.artist),1)):(0,n.createCommentVNode)(`v-if`,!0)])]),(0,n.createCommentVNode)(` ================ Progress ================ `),t.theme===`minimal`?(0,n.createCommentVNode)(`v-if`,!0):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,ee,[(0,n.createElementVNode)(`div`,{class:`c-audio-player__progress-bar`,role:`slider`,tabindex:H.value?0:-1,"aria-label":`播放进度`,"aria-valuemin":0,"aria-valuemax":Math.floor(L.value),"aria-valuenow":Math.floor(I.value),onClick:ae,onKeydown:oe},[(0,n.createElementVNode)(`div`,{class:`c-audio-player__progress-fill`,style:(0,n.normalizeStyle)({width:`${U.value}%`})},null,4)],40,m),(0,n.createElementVNode)(`div`,h,[(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)((0,n.unref)(s)(I.value)),1),(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)((0,n.unref)(s)(L.value)),1)])])),(0,n.createCommentVNode)(` ================ Controls ================ `),(0,n.createElementVNode)(`div`,g,[(0,n.createElementVNode)(`button`,{type:`button`,class:`c-audio-player__ctrl-btn is-mode`,title:G.value,onClick:le},[(0,n.createVNode)(e.t,{name:W.value},null,8,[`name`])],8,_),(0,n.createElementVNode)(`button`,{type:`button`,class:`c-audio-player__ctrl-btn is-skip`,title:`上一曲`,onClick:re},[(0,n.createVNode)(e.t,{name:`mdi:skip-previous`})]),(0,n.createElementVNode)(`button`,{type:`button`,class:`c-audio-player__ctrl-btn is-play`,disabled:!H.value,title:F.value?`暂停`:`播放`,onClick:Z},[(0,n.createVNode)(e.t,{name:F.value?`mdi:pause`:`mdi:play`},null,8,[`name`])],8,v),(0,n.createElementVNode)(`button`,{type:`button`,class:`c-audio-player__ctrl-btn is-skip`,title:`下一曲`,onClick:ie},[(0,n.createVNode)(e.t,{name:`mdi:skip-next`})]),(0,n.createElementVNode)(`button`,{type:`button`,class:`c-audio-player__ctrl-btn is-mode`,title:`播放列表`,onClick:a[0]||=e=>B.value=!B.value},[(0,n.createVNode)(e.t,{name:`mdi:playlist-music`})])]),(0,n.createCommentVNode)(` ================ Volume ================ `),t.theme===`minimal`?(0,n.createCommentVNode)(`v-if`,!0):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,y,[(0,n.createElementVNode)(`button`,{type:`button`,class:`c-audio-player__volume-icon`,"aria-label":R.value===0?`取消静音`:`静音`,onClick:ce},[(0,n.createVNode)(e.t,{name:ne.value},null,8,[`name`])],8,b),(0,n.createVNode)(o,{value:R.value,"onUpdate:value":[a[1]||=e=>R.value=e,se],min:0,max:100,step:1,class:`c-audio-player__volume-slider`},null,8,[`value`])])),(0,n.createCommentVNode)(` ================ Playlist ================ `),t.showPlaylist&&B.value&&t.theme!==`minimal`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,x,[(0,n.createElementVNode)(`div`,S,[a[2]||=(0,n.createElementVNode)(`span`,null,`播放列表`,-1),(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)(t.tracks.length)+` 首`,1)]),((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(t.tracks,(t,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`button`,{key:t.id,type:`button`,class:(0,n.normalizeClass)([`c-audio-player__track`,{"is-active":r===P.value}]),onClick:e=>Q(r)},[(0,n.createElementVNode)(`span`,w,[r===P.value&&F.value?((0,n.openBlock)(),(0,n.createBlock)(e.t,{key:0,name:`mdi:volume-high`})):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.createTextVNode)((0,n.toDisplayString)(r+1),1)],64))]),(0,n.createElementVNode)(`div`,T,[(0,n.createElementVNode)(`div`,E,(0,n.toDisplayString)(t.title),1),t.artist?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,D,(0,n.toDisplayString)(t.artist),1)):(0,n.createCommentVNode)(`v-if`,!0)]),t.duration?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,te,(0,n.toDisplayString)((0,n.unref)(s)(t.duration)),1)):(0,n.createCommentVNode)(`v-if`,!0)],10,C))),128))])):(0,n.createCommentVNode)(`v-if`,!0)],2)}}});var k=t.t(O,[[`__scopeId`,`data-v-46f841a0`]]);Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return k}});

package/dist/C_AudioPlayer2.js

@@ -1 +1 @@
-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";import{NSlider as x}from"naive-ui";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(u({__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:u}){let _=t,S=u,I=null,L=h(_.initialIndex??0),R=h(!1),z=h(0),B=h(0),V=h(70),H=h(70),U=h(_.showPlaylist),W=h(_.mode??`list`),G=r(()=>_.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(()=>C[W.value]?.icon??`mdi:repeat`),fe=r(()=>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()*_.tracks.length));break;default:L.value<_.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?_.tracks.length-1:L.value-1)}function Z(){X(L.value>=_.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 b(()=>_.tracks,()=>{L.value=0,K()}),b(()=>_.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)}),_.autoplay&&_.tracks.length>0&&X(L.value),(r,u)=>{let p=x;return m(),o(`div`,{class:d([`c-audio-player`,{"is-minimal":t.theme===`minimal`}])},[a(` ================ Now Playing ================ `),s(`div`,T,[t.showCover?(m(),o(`div`,E,[G.value?.cover?(m(),o(`img`,{key:0,src:G.value.cover,alt:G.value.title},null,8,D)):(m(),i(e,{key:1,name:`mdi:music-note`,class:`c-audio-player__cover-placeholder`}))])):a(`v-if`,!0),s(`div`,O,[s(`div`,k,v(G.value?.title??`未选择曲目`),1),G.value?.artist?(m(),o(`div`,A,v(G.value.artist),1)):a(`v-if`,!0)])]),a(` ================ Progress ================ `),t.theme===`minimal`?a(`v-if`,!0):(m(),o(`div`,ee,[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`,te,[s(`span`,null,v(y(w)(z.value)),1),s(`span`,null,v(y(w)(B.value)),1)])])),a(` ================ Controls ================ `),s(`div`,ne,[s(`button`,{class:`c-audio-player__ctrl-btn is-mode`,title:fe.value,onClick:_e},[l(e,{name:de.value},null,8,[`name`])],8,re),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,ie),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:u[0]||=e=>U.value=!U.value},[l(e,{name:`mdi:playlist-music`})])]),a(` ================ Volume ================ `),t.theme===`minimal`?a(`v-if`,!0):(m(),o(`div`,ae,[l(e,{name:ue.value,class:`c-audio-player__volume-icon`,onClick:ge},null,8,[`name`]),l(p,{value:V.value,"onUpdate:value":[u[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`,oe,[s(`div`,se,[u[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`,j,[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`,M,[s(`div`,N,v(t.title),1),t.artist?(m(),o(`div`,P,v(t.artist),1)):a(`v-if`,!0)]),t.duration?(m(),o(`span`,F,v(y(w)(t.duration)),1)):a(`v-if`,!0)],10,ce))),128))])):a(`v-if`,!0)],2)}}}),[[`__scopeId`,`data-v-9ab6a734`]]);export{w as i,S as n,C as r,I as t};
+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,onMounted as m,openBlock as h,ref as g,renderList as _,resolveComponent as v,toDisplayString as y,unref as b,watch as x}from"vue";import{NSlider as S}from"naive-ui";const C={initialIndex:0,showPlaylist:!0,showCover:!0,autoplay:!1,mode:`list`,theme:`default`};function w(e,t){return!Number.isFinite(e)||t<=0?0:Math.min(Math.max(Math.trunc(e),0),t-1)}const T={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 E(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 ee={class:`c-audio-player__now-playing`},te={key:0,class:`c-audio-player__cover`},ne=[`src`,`alt`],re={class:`c-audio-player__info`},ie={class:`c-audio-player__title`},ae={key:0,class:`c-audio-player__artist`},oe={key:0,class:`c-audio-player__progress`},se=[`tabindex`,`aria-valuemax`,`aria-valuenow`],ce={class:`c-audio-player__time`},le={class:`c-audio-player__controls`},ue=[`title`],de=[`disabled`,`title`],fe={key:1,class:`c-audio-player__volume`},pe=[`aria-label`],me={key:2,class:`c-audio-player__playlist`},he={class:`c-audio-player__playlist-header`},D=[`onClick`],O={class:`c-audio-player__track-index`},k={class:`c-audio-player__track-info`},A={class:`c-audio-player__track-title`},j={key:0,class:`c-audio-player__track-artist`},M={key:0,class:`c-audio-player__track-duration`};var N=t(u({__name:`index`,props:{tracks:{},initialIndex:{default:C.initialIndex},showPlaylist:{type:Boolean,default:C.showPlaylist},showCover:{type:Boolean,default:!0},autoplay:{type:Boolean,default:C.autoplay},mode:{default:C.mode},theme:{default:C.theme}},emits:[`play`,`pause`,`ended`,`modeChange`,`error`],setup(t,{emit:u}){let v=t,C=u,N=null,P=0,F=e=>Number.isInteger(e)&&!!v.tracks[e],I=(e,t)=>e===P&&t===N,L=g(w(v.initialIndex??0,v.tracks.length)),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=r(()=>v.tracks[L.value]),ge=r(()=>B.value<=0?0:Math.min(100,z.value/B.value*100)),_e=r(()=>V.value===0?`mdi:volume-off`:V.value<40?`mdi:volume-low`:V.value<70?`mdi:volume-medium`:`mdi:volume-high`),ve=r(()=>T[W.value]?.icon??`mdi:repeat`),ye=r(()=>T[W.value]?.label??`循环`);function K(){P+=1,N&&(N.pause(),N.removeEventListener(`timeupdate`,q),N.removeEventListener(`loadedmetadata`,J),N.removeEventListener(`ended`,Y)),N=null,R.value=!1,z.value=0;let e=G.value;B.value=e?.duration??0,!(!e||typeof Audio>`u`)&&(N=new Audio(e.src),N.volume=V.value/100,N.addEventListener(`timeupdate`,q),N.addEventListener(`loadedmetadata`,J),N.addEventListener(`ended`,Y))}function q(){N&&(z.value=Number.isFinite(N.currentTime)?N.currentTime:0)}function J(){N&&(B.value=Number.isFinite(N.duration)?N.duration:0)}function Y(){switch(C(`ended`,L.value),W.value){case`loop`:N&&(N.currentTime=0),X(L.value,!1);break;case`single`:R.value=!1;break;case`shuffle`:v.tracks.length&&Z(Math.floor(Math.random()*v.tracks.length));break;default:if(!v.tracks.length){R.value=!1;break}Z(L.value<v.tracks.length-1?L.value+1:0)}}async function X(e,t){if(!F(e))return;(t||!N||L.value!==e)&&(L.value=e,K());let n=N;if(!n)return;let r=++P;try{if(await n.play(),!I(r,n))return;R.value=!0,C(`play`,e)}catch(e){if(!I(r,n))return;R.value=!1,C(`error`,e)}}function be(){if(G.value){if(!R.value){X(L.value,!1);return}P+=1,N?.pause(),R.value=!1,C(`pause`)}}function Z(e){return X(e,!0)}function xe(){v.tracks.length&&Z(L.value<=0?v.tracks.length-1:L.value-1)}function Se(){v.tracks.length&&Z(L.value>=v.tracks.length-1?0:L.value+1)}function Ce(e){if(!N||!B.value)return;let t=e.currentTarget.getBoundingClientRect();if(t.width<=0)return;let n=Math.max(0,Math.min(1,(e.clientX-t.left)/t.width));N.currentTime=n*B.value,z.value=N.currentTime}function we(e){if(!N||B.value<=0)return;let t=e.key===`ArrowRight`?5:e.key===`ArrowLeft`?-5:0,n=e.key===`Home`?0:e.key===`End`?B.value:z.value+t;!t&&e.key!==`Home`&&e.key!==`End`||(e.preventDefault(),N.currentTime=Math.max(0,Math.min(B.value,n)),z.value=N.currentTime)}function Q(e){V.value=e,N&&(N.volume=e/100)}function Te(){V.value>0?(H.value=V.value,V.value=0):V.value=H.value||70,N&&(N.volume=V.value/100)}let $=[`list`,`loop`,`single`,`shuffle`];function Ee(){W.value=$[($.indexOf(W.value)+1)%$.length],C(`modeChange`,W.value)}return x(()=>v.tracks,()=>{let e=R.value;L.value=w(v.initialIndex??0,v.tracks.length),K(),e&&X(L.value,!1)}),x(()=>v.initialIndex,e=>{let t=w(e??0,v.tracks.length);if(t!==L.value){let e=R.value;L.value=t,K(),e&&X(t,!1)}}),x(()=>v.mode,e=>{W.value=e}),x(()=>v.showPlaylist,e=>{U.value=e}),m(()=>{v.autoplay&&G.value&&X(L.value,!1)}),p(()=>{P+=1,N&&=(N.pause(),N.removeEventListener(`timeupdate`,q),N.removeEventListener(`loadedmetadata`,J),N.removeEventListener(`ended`,Y),null)}),(r,u)=>{let p=S;return h(),o(`div`,{class:d([`c-audio-player`,{"is-minimal":t.theme===`minimal`}])},[a(` ================ Now Playing ================ `),s(`div`,ee,[t.showCover?(h(),o(`div`,te,[G.value?.cover?(h(),o(`img`,{key:0,src:G.value.cover,alt:G.value.title},null,8,ne)):(h(),i(e,{key:1,name:`mdi:music-note`,class:`c-audio-player__cover-placeholder`}))])):a(`v-if`,!0),s(`div`,re,[s(`div`,ie,y(G.value?.title??`未选择曲目`),1),G.value?.artist?(h(),o(`div`,ae,y(G.value.artist),1)):a(`v-if`,!0)])]),a(` ================ Progress ================ `),t.theme===`minimal`?a(`v-if`,!0):(h(),o(`div`,oe,[s(`div`,{class:`c-audio-player__progress-bar`,role:`slider`,tabindex:G.value?0:-1,"aria-label":`播放进度`,"aria-valuemin":0,"aria-valuemax":Math.floor(B.value),"aria-valuenow":Math.floor(z.value),onClick:Ce,onKeydown:we},[s(`div`,{class:`c-audio-player__progress-fill`,style:f({width:`${ge.value}%`})},null,4)],40,se),s(`div`,ce,[s(`span`,null,y(b(E)(z.value)),1),s(`span`,null,y(b(E)(B.value)),1)])])),a(` ================ Controls ================ `),s(`div`,le,[s(`button`,{type:`button`,class:`c-audio-player__ctrl-btn is-mode`,title:ye.value,onClick:Ee},[l(e,{name:ve.value},null,8,[`name`])],8,ue),s(`button`,{type:`button`,class:`c-audio-player__ctrl-btn is-skip`,title:`上一曲`,onClick:xe},[l(e,{name:`mdi:skip-previous`})]),s(`button`,{type:`button`,class:`c-audio-player__ctrl-btn is-play`,disabled:!G.value,title:R.value?`暂停`:`播放`,onClick:be},[l(e,{name:R.value?`mdi:pause`:`mdi:play`},null,8,[`name`])],8,de),s(`button`,{type:`button`,class:`c-audio-player__ctrl-btn is-skip`,title:`下一曲`,onClick:Se},[l(e,{name:`mdi:skip-next`})]),s(`button`,{type:`button`,class:`c-audio-player__ctrl-btn is-mode`,title:`播放列表`,onClick:u[0]||=e=>U.value=!U.value},[l(e,{name:`mdi:playlist-music`})])]),a(` ================ Volume ================ `),t.theme===`minimal`?a(`v-if`,!0):(h(),o(`div`,fe,[s(`button`,{type:`button`,class:`c-audio-player__volume-icon`,"aria-label":V.value===0?`取消静音`:`静音`,onClick:Te},[l(e,{name:_e.value},null,8,[`name`])],8,pe),l(p,{value:V.value,"onUpdate:value":[u[1]||=e=>V.value=e,Q],min:0,max:100,step:1,class:`c-audio-player__volume-slider`},null,8,[`value`])])),a(` ================ Playlist ================ `),t.showPlaylist&&U.value&&t.theme!==`minimal`?(h(),o(`div`,me,[s(`div`,he,[u[2]||=s(`span`,null,`播放列表`,-1),s(`span`,null,y(t.tracks.length)+` 首`,1)]),(h(!0),o(n,null,_(t.tracks,(t,r)=>(h(),o(`button`,{key:t.id,type:`button`,class:d([`c-audio-player__track`,{"is-active":r===L.value}]),onClick:e=>Z(r)},[s(`span`,O,[r===L.value&&R.value?(h(),i(e,{key:0,name:`mdi:volume-high`})):(h(),o(n,{key:1},[c(y(r+1),1)],64))]),s(`div`,k,[s(`div`,A,y(t.title),1),t.artist?(h(),o(`div`,j,y(t.artist),1)):a(`v-if`,!0)]),t.duration?(h(),o(`span`,M,y(b(E)(t.duration)),1)):a(`v-if`,!0)],10,D))),128))])):a(`v-if`,!0)],2)}}}),[[`__scopeId`,`data-v-46f841a0`]]);export{E as i,C as n,T as r,N as t};

package/dist/C_AvatarGroup.css

@@ -1,61 +1,68 @@
 /* unplugin-vue-components disabled *//**
  * C_AvatarGroup — 头像组组件样式
  */
-.c-avatar-group[data-v-e9981c87] {
+.c-avatar-group[data-v-b2031360] {
   display: inline-flex;
   align-items: center;
 }
-.c-avatar-group.is-rtl[data-v-e9981c87] {
+.c-avatar-group.is-rtl[data-v-b2031360] {
   flex-direction: row-reverse;
 }
-.c-avatar-group[data-v-e9981c87] {
+.c-avatar-group[data-v-b2031360] {
   /* ======================== 单个头像 ======================== */
 }
-.c-avatar-group__item[data-v-e9981c87] {
+.c-avatar-group__item[data-v-b2031360] {
   position: relative;
   flex-shrink: 0;
   border: 2px solid var(--card-color);
+  padding: 0;
+  color: inherit;
+  font: inherit;
   background: var(--card-color);
   transition: transform 0.2s, z-index 0.2s, box-shadow 0.2s;
   cursor: default;
   z-index: 1;
 }
-.c-avatar-group__item.is-circle[data-v-e9981c87] {
+.c-avatar-group__item[data-v-b2031360]:focus-visible {
+  outline: 2px solid var(--primary-color, #2080f0);
+  outline-offset: 2px;
+}
+.c-avatar-group__item.is-circle[data-v-b2031360] {
   border-radius: 50%;
 }
-.c-avatar-group__item.is-square[data-v-e9981c87] {
+.c-avatar-group__item.is-square[data-v-b2031360] {
   border-radius: 6px;
 }
-.c-avatar-group__item.is-clickable[data-v-e9981c87] {
+.c-avatar-group__item.is-clickable[data-v-b2031360] {
   cursor: pointer;
 }
-.c-avatar-group__item.is-clickable[data-v-e9981c87]:hover {
+.c-avatar-group__item.is-clickable[data-v-b2031360]:hover {
   transform: translateY(-3px) scale(1.08);
   z-index: 10;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }
-.c-avatar-group__item[data-v-e9981c87]:hover {
+.c-avatar-group__item[data-v-b2031360]:hover {
   z-index: 10;
 }
-.c-avatar-group[data-v-e9981c87] {
+.c-avatar-group[data-v-b2031360] {
   /* ---- 头像图片 ---- */
 }
-.c-avatar-group__img[data-v-e9981c87] {
+.c-avatar-group__img[data-v-b2031360] {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
-.is-circle .c-avatar-group__img[data-v-e9981c87] {
+.is-circle .c-avatar-group__img[data-v-b2031360] {
   border-radius: 50%;
 }
-.is-square .c-avatar-group__img[data-v-e9981c87] {
+.is-square .c-avatar-group__img[data-v-b2031360] {
   border-radius: 4px;
 }
-.c-avatar-group[data-v-e9981c87] {
+.c-avatar-group[data-v-b2031360] {
   /* ---- 首字母 fallback ---- */
 }
-.c-avatar-group__initials[data-v-e9981c87] {
+.c-avatar-group__initials[data-v-b2031360] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -65,27 +72,29 @@
   font-weight: 600;
   user-select: none;
 }
-.is-circle .c-avatar-group__initials[data-v-e9981c87] {
+.is-circle .c-avatar-group__initials[data-v-b2031360] {
   border-radius: 50%;
 }
-.is-square .c-avatar-group__initials[data-v-e9981c87] {
+.is-square .c-avatar-group__initials[data-v-b2031360] {
   border-radius: 4px;
 }
-.c-avatar-group[data-v-e9981c87] {
+.c-avatar-group[data-v-b2031360] {
   /* ---- 状态指示点 ---- */
 }
-.c-avatar-group__status[data-v-e9981c87] {
+.c-avatar-group__status[data-v-b2031360] {
   position: absolute;
   bottom: 0;
   right: 0;
   border-radius: 50%;
   border: 2px solid var(--card-color);
+  padding: 0;
+  font: inherit;
   z-index: 2;
 }
-.c-avatar-group[data-v-e9981c87] {
+.c-avatar-group[data-v-b2031360] {
   /* ======================== 溢出 +N ======================== */
 }
-.c-avatar-group__overflow[data-v-e9981c87] {
+.c-avatar-group__overflow[data-v-b2031360] {
   position: relative;
   flex-shrink: 0;
   display: flex;
@@ -96,18 +105,24 @@
   color: var(--primary-color);
   font-weight: 700;
   z-index: 0;
+}
+.c-avatar-group__overflow[data-v-b2031360]:focus-visible {
+  outline: 2px solid var(--primary-color, #2080f0);
+  outline-offset: 2px;
+}
+.c-avatar-group__overflow[data-v-b2031360] {
   transition: transform 0.2s, box-shadow 0.2s;
 }
-.c-avatar-group__overflow.is-circle[data-v-e9981c87] {
+.c-avatar-group__overflow.is-circle[data-v-b2031360] {
   border-radius: 50%;
 }
-.c-avatar-group__overflow.is-square[data-v-e9981c87] {
+.c-avatar-group__overflow.is-square[data-v-b2031360] {
   border-radius: 6px;
 }
-.c-avatar-group__overflow.is-clickable[data-v-e9981c87] {
+.c-avatar-group__overflow.is-clickable[data-v-b2031360] {
   cursor: pointer;
 }
-.c-avatar-group__overflow.is-clickable[data-v-e9981c87]:hover {
+.c-avatar-group__overflow.is-clickable[data-v-b2031360]:hover {
   transform: translateY(-3px) scale(1.08);
   z-index: 10;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);