@robot-admin/naive-ui-components 0.13.1 → 0.13.5

package/dist/C_AudioPlayer.css

@@ -1,54 +1,55 @@
-/* unplugin-vue-components disabled */.c-icon[data-v-711aedcd] {
+/* unplugin-vue-components disabled */.c-icon[data-v-075758a0] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  position: relative;
+  flex-shrink: 0;
+  vertical-align: middle;
   user-select: none;
   transition: all 0.2s ease-in-out;
 }
-.c-icon--clickable[data-v-711aedcd] {
+.c-icon--clickable[data-v-075758a0] {
   cursor: pointer;
 }
-.c-icon--clickable[data-v-711aedcd]:hover {
+.c-icon--clickable[data-v-075758a0]:hover {
   opacity: 0.8;
   transform: scale(1.05);
 }
-.c-icon--clickable[data-v-711aedcd]:active {
+.c-icon--clickable[data-v-075758a0]:active {
   transform: scale(0.95);
 }
-.c-icon--clickable[data-v-711aedcd]:focus-visible {
+.c-icon--clickable[data-v-075758a0]:focus-visible {
   outline: 2px solid currentColor;
   outline-offset: 2px;
   border-radius: 4px;
 }
-.c-icon--loading[data-v-711aedcd] {
+.c-icon--loading[data-v-075758a0] {
   opacity: 0.6;
   cursor: wait;
 }
-.c-icon--error[data-v-711aedcd] {
-  opacity: 0.5;
-}
-.c-icon__loading[data-v-711aedcd] {
-  position: relative;
+.c-icon__loading[data-v-075758a0] {
+  position: absolute;
+  inset: 0;
 }
-.c-icon__spinner[data-v-711aedcd] {
+.c-icon__spinner[data-v-075758a0] {
   width: 100%;
   height: 100%;
   border: 2px solid currentColor;
   border-radius: 50%;
   border-top-color: transparent;
-  animation: spin-711aedcd 1s linear infinite;
+  animation: spin-075758a0 1s linear infinite;
 }
-.c-icon__error[data-v-711aedcd] {
+.c-icon__error[data-v-075758a0] {
   font-size: 0.8em;
   opacity: 0.5;
 }
-.c-icon__rotatable[data-v-711aedcd] {
+.c-icon__rotatable[data-v-075758a0] {
   transition: transform 0.3s ease-in-out;
 }
-.c-icon__flippable[data-v-711aedcd] {
+.c-icon__flippable[data-v-075758a0] {
   transition: transform 0.3s ease-in-out;
 }
-@keyframes spin-711aedcd {
+@keyframes spin-075758a0 {
 0% {
     transform: rotate(0deg);
 }
@@ -56,22 +57,28 @@
     transform: rotate(360deg);
 }
 }
+/* unplugin-vue-components disabled */
+/* layer: default */
+.inline-flex[data-v-075758a0]{display:inline-flex;}
+.transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
+
 
 /* unplugin-vue-components disabled *//**
  * C_AudioPlayer — 音频播放器样式
  */
-.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);
+.c-audio-player[data-v-5ba9d24f] {
+  --ap-bg: var(--c-bg-card, var(--card-color, #fff));
+  --ap-border: var(--c-border, var(--border-color, #e5e7eb));
+  --ap-accent: var(--c-primary, var(--primary-color, #2080f0));
+  --ap-text: var(--c-text-1, var(--text-color-1, #262626));
+  --ap-text-sub: var(--c-text-3, var(--text-color-3, #a3a3a3));
   --ap-progress-bg: color-mix(
     in srgb,
-    var(--primary-color) 15%,
-    var(--border-color)
+    var(--c-primary, var(--primary-color, #2080f0)) 15%,
+    var(--c-border, var(--border-color, #e5e7eb))
   );
-  --ap-progress-fill: var(--primary-color);
+  --ap-progress-fill: var(--c-primary, var(--primary-color, #2080f0));
   display: flex;
   flex-direction: column;
   border-radius: 12px;
@@ -81,13 +88,13 @@
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
   /* ======================== Now Playing ======================== */
 }
-.c-audio-player__now-playing[data-v-46f841a0] {
+.c-audio-player__now-playing[data-v-5ba9d24f] {
   display: flex;
   align-items: center;
   gap: 16px;
   padding: 20px;
 }
-.c-audio-player__cover[data-v-46f841a0] {
+.c-audio-player__cover[data-v-5ba9d24f] {
   flex-shrink: 0;
   width: 72px;
   height: 72px;
@@ -99,21 +106,21 @@
   justify-content: center;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
 }
-.c-audio-player__cover img[data-v-46f841a0] {
+.c-audio-player__cover img[data-v-5ba9d24f] {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
-.c-audio-player__cover-placeholder[data-v-46f841a0] {
+.c-audio-player__cover-placeholder[data-v-5ba9d24f] {
   font-size: 32px;
   color: var(--ap-accent);
   opacity: 0.5;
 }
-.c-audio-player__info[data-v-46f841a0] {
+.c-audio-player__info[data-v-5ba9d24f] {
   flex: 1;
   min-width: 0;
 }
-.c-audio-player__title[data-v-46f841a0] {
+.c-audio-player__title[data-v-5ba9d24f] {
   font-size: 15px;
   font-weight: 600;
   color: var(--ap-text);
@@ -121,7 +128,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.c-audio-player__artist[data-v-46f841a0] {
+.c-audio-player__artist[data-v-5ba9d24f] {
   font-size: 12px;
   color: var(--ap-text-sub);
   margin-top: 2px;
@@ -129,13 +136,13 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.c-audio-player[data-v-46f841a0] {
+.c-audio-player[data-v-5ba9d24f] {
   /* ======================== Progress ======================== */
 }
-.c-audio-player__progress[data-v-46f841a0] {
+.c-audio-player__progress[data-v-5ba9d24f] {
   padding: 0 20px;
 }
-.c-audio-player__progress-bar[data-v-46f841a0] {
+.c-audio-player__progress-bar[data-v-5ba9d24f] {
   position: relative;
   width: 100%;
   height: 6px;
@@ -144,17 +151,17 @@
   cursor: pointer;
   transition: height 0.15s;
 }
-.c-audio-player__progress-bar[data-v-46f841a0]:hover {
+.c-audio-player__progress-bar[data-v-5ba9d24f]:hover {
   height: 8px;
 }
-.c-audio-player__progress-fill[data-v-46f841a0] {
+.c-audio-player__progress-fill[data-v-5ba9d24f] {
   height: 100%;
   border-radius: 3px;
   background: var(--ap-progress-fill);
   position: relative;
   transition: width 0.1s linear;
 }
-.c-audio-player__progress-fill[data-v-46f841a0]::after {
+.c-audio-player__progress-fill[data-v-5ba9d24f]::after {
   content: "";
   position: absolute;
   right: -5px;
@@ -168,10 +175,10 @@
   opacity: 0;
   transition: opacity 0.15s;
 }
-.c-audio-player__progress-bar:hover .c-audio-player__progress-fill[data-v-46f841a0]::after {
+.c-audio-player__progress-bar:hover .c-audio-player__progress-fill[data-v-5ba9d24f]::after {
   opacity: 1;
 }
-.c-audio-player__time[data-v-46f841a0] {
+.c-audio-player__time[data-v-5ba9d24f] {
   display: flex;
   justify-content: space-between;
   font-size: 11px;
@@ -179,17 +186,17 @@
   margin-top: 4px;
   padding-bottom: 4px;
 }
-.c-audio-player[data-v-46f841a0] {
+.c-audio-player[data-v-5ba9d24f] {
   /* ======================== Controls ======================== */
 }
-.c-audio-player__controls[data-v-46f841a0] {
+.c-audio-player__controls[data-v-5ba9d24f] {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   padding: 12px 20px;
 }
-.c-audio-player__ctrl-btn[data-v-46f841a0] {
+.c-audio-player__ctrl-btn[data-v-5ba9d24f] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -200,46 +207,46 @@
   border-radius: 50%;
   transition: background 0.2s, color 0.2s, transform 0.15s;
 }
-.c-audio-player__ctrl-btn[data-v-46f841a0]:hover {
+.c-audio-player__ctrl-btn[data-v-5ba9d24f]:hover {
   color: var(--ap-accent);
   background: color-mix(in srgb, var(--ap-accent) 10%, transparent);
 }
-.c-audio-player__ctrl-btn[data-v-46f841a0]:active {
+.c-audio-player__ctrl-btn[data-v-5ba9d24f]:active {
   transform: scale(0.92);
 }
-.c-audio-player__ctrl-btn.is-mode[data-v-46f841a0] {
+.c-audio-player__ctrl-btn.is-mode[data-v-5ba9d24f] {
   font-size: 18px;
   width: 34px;
   height: 34px;
 }
-.c-audio-player__ctrl-btn.is-skip[data-v-46f841a0] {
+.c-audio-player__ctrl-btn.is-skip[data-v-5ba9d24f] {
   font-size: 22px;
   width: 38px;
   height: 38px;
 }
-.c-audio-player__ctrl-btn.is-play[data-v-46f841a0] {
+.c-audio-player__ctrl-btn.is-play[data-v-5ba9d24f] {
   font-size: 28px;
   width: 48px;
   height: 48px;
   background: var(--ap-accent);
   color: #fff;
 }
-.c-audio-player__ctrl-btn.is-play[data-v-46f841a0]:hover {
+.c-audio-player__ctrl-btn.is-play[data-v-5ba9d24f]: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-46f841a0] {
+.c-audio-player[data-v-5ba9d24f] {
   /* ======================== Volume ======================== */
 }
-.c-audio-player__volume[data-v-46f841a0] {
+.c-audio-player__volume[data-v-5ba9d24f] {
   display: flex;
   align-items: center;
   gap: 6px;
   padding: 0 20px 12px;
   justify-content: flex-end;
 }
-.c-audio-player__volume-icon[data-v-46f841a0] {
+.c-audio-player__volume-icon[data-v-5ba9d24f] {
   display: inline-flex;
   padding: 0;
   border: 0;
@@ -249,21 +256,21 @@
   color: var(--ap-text-sub);
   cursor: pointer;
 }
-.c-audio-player__volume-icon[data-v-46f841a0]:hover {
+.c-audio-player__volume-icon[data-v-5ba9d24f]:hover {
   color: var(--ap-accent);
 }
-.c-audio-player__volume-slider[data-v-46f841a0] {
+.c-audio-player__volume-slider[data-v-5ba9d24f] {
   width: 100px;
 }
-.c-audio-player[data-v-46f841a0] {
+.c-audio-player[data-v-5ba9d24f] {
   /* ======================== Playlist ======================== */
 }
-.c-audio-player__playlist[data-v-46f841a0] {
+.c-audio-player__playlist[data-v-5ba9d24f] {
   border-top: 1px solid var(--ap-border);
   max-height: 260px;
   overflow-y: auto;
 }
-.c-audio-player__playlist-header[data-v-46f841a0] {
+.c-audio-player__playlist-header[data-v-5ba9d24f] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -277,7 +284,7 @@
   top: 0;
   z-index: 1;
 }
-.c-audio-player__track[data-v-46f841a0] {
+.c-audio-player__track[data-v-5ba9d24f] {
   display: flex;
   width: 100%;
   border: 0;
@@ -291,48 +298,48 @@
   cursor: pointer;
   transition: background 0.15s;
 }
-.c-audio-player__track[data-v-46f841a0]:hover {
+.c-audio-player__track[data-v-5ba9d24f]:hover {
   background: color-mix(in srgb, var(--ap-accent) 6%, var(--ap-bg));
 }
-.c-audio-player__track.is-active[data-v-46f841a0] {
+.c-audio-player__track.is-active[data-v-5ba9d24f] {
   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-46f841a0] {
+.c-audio-player__track.is-active .c-audio-player__track-title[data-v-5ba9d24f] {
   color: var(--ap-accent);
   font-weight: 600;
 }
-.c-audio-player__track-index[data-v-46f841a0] {
+.c-audio-player__track-index[data-v-5ba9d24f] {
   font-size: 12px;
   width: 20px;
   text-align: center;
   color: var(--ap-text-sub);
   flex-shrink: 0;
 }
-.c-audio-player__track-info[data-v-46f841a0] {
+.c-audio-player__track-info[data-v-5ba9d24f] {
   flex: 1;
   min-width: 0;
 }
-.c-audio-player__track-title[data-v-46f841a0] {
+.c-audio-player__track-title[data-v-5ba9d24f] {
   font-size: 13px;
   color: var(--ap-text);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.c-audio-player__track-artist[data-v-46f841a0] {
+.c-audio-player__track-artist[data-v-5ba9d24f] {
   font-size: 11px;
   color: var(--ap-text-sub);
   margin-top: 1px;
 }
-.c-audio-player__track-duration[data-v-46f841a0] {
+.c-audio-player__track-duration[data-v-5ba9d24f] {
   font-size: 11px;
   color: var(--ap-text-sub);
   flex-shrink: 0;
 }
-.c-audio-player[data-v-46f841a0] {
+.c-audio-player[data-v-5ba9d24f] {
   /* ======================== Minimal Theme ======================== */
 }
-.c-audio-player.is-minimal[data-v-46f841a0] {
+.c-audio-player.is-minimal[data-v-5ba9d24f] {
   border-radius: 99px;
   padding: 6px 16px;
   flex-direction: row;
@@ -340,26 +347,31 @@
   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-46f841a0] {
+.c-audio-player.is-minimal .c-audio-player__now-playing[data-v-5ba9d24f] {
   padding: 0;
   gap: 10px;
 }
-.c-audio-player.is-minimal .c-audio-player__cover[data-v-46f841a0] {
+.c-audio-player.is-minimal .c-audio-player__cover[data-v-5ba9d24f] {
   width: 36px;
   height: 36px;
   border-radius: 50%;
 }
-.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] {
+.c-audio-player.is-minimal .c-audio-player__progress[data-v-5ba9d24f],
+.c-audio-player.is-minimal .c-audio-player__playlist[data-v-5ba9d24f],
+.c-audio-player.is-minimal .c-audio-player__volume[data-v-5ba9d24f] {
   display: none;
 }
-.c-audio-player.is-minimal .c-audio-player__controls[data-v-46f841a0] {
+.c-audio-player.is-minimal .c-audio-player__controls[data-v-5ba9d24f] {
   padding: 4px 0;
   gap: 2px;
 }
-.c-audio-player.is-minimal .c-audio-player__ctrl-btn.is-play[data-v-46f841a0] {
+.c-audio-player.is-minimal .c-audio-player__ctrl-btn.is-play[data-v-5ba9d24f] {
   width: 34px;
   height: 34px;
   font-size: 20px;
 }
+/* unplugin-vue-components disabled */
+/* layer: default */
+.static[data-v-5ba9d24f]{position:static;}
+.transition[data-v-5ba9d24f]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+

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`};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}});
+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)(O.tracks[P.value]?.duration??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)}),(0,n.onDeactivated)(()=>{j+=1,A?.pause(),F.value=!1}),(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-5ba9d24f`]]);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,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};
+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 ee,onBeforeUnmount as f,onDeactivated as p,onMounted as te,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`};function C(e,t){return!Number.isFinite(e)||t<=0?0:Math.min(Math.max(Math.trunc(e),0),t-1)}const w={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 T(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 ne={class:`c-audio-player__now-playing`},re={key:0,class:`c-audio-player__cover`},ie=[`src`,`alt`],ae={class:`c-audio-player__info`},oe={class:`c-audio-player__title`},se={key:0,class:`c-audio-player__artist`},ce={key:0,class:`c-audio-player__progress`},le=[`tabindex`,`aria-valuemax`,`aria-valuenow`],ue={class:`c-audio-player__time`},de={class:`c-audio-player__controls`},fe=[`title`],pe=[`disabled`,`title`],me={key:1,class:`c-audio-player__volume`},he=[`aria-label`],ge={key:2,class:`c-audio-player__playlist`},E={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: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`,`error`],setup(t,{emit:u}){let _=t,S=u,N=null,P=0,F=e=>Number.isInteger(e)&&!!_.tracks[e],I=(e,t)=>e===P&&t===N,L=h(C(_.initialIndex??0,_.tracks.length)),R=h(!1),z=h(0),B=h(_.tracks[L.value]?.duration??0),V=h(70),H=h(70),U=h(_.showPlaylist),W=h(_.mode??`list`),G=r(()=>_.tracks[L.value]),_e=r(()=>B.value<=0?0:Math.min(100,z.value/B.value*100)),ve=r(()=>V.value===0?`mdi:volume-off`:V.value<40?`mdi:volume-low`:V.value<70?`mdi:volume-medium`:`mdi:volume-high`),ye=r(()=>w[W.value]?.icon??`mdi:repeat`),be=r(()=>w[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(S(`ended`,L.value),W.value){case`loop`:N&&(N.currentTime=0),X(L.value,!1);break;case`single`:R.value=!1;break;case`shuffle`:_.tracks.length&&Z(Math.floor(Math.random()*_.tracks.length));break;default:if(!_.tracks.length){R.value=!1;break}Z(L.value<_.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,S(`play`,e)}catch(e){if(!I(r,n))return;R.value=!1,S(`error`,e)}}function xe(){if(G.value){if(!R.value){X(L.value,!1);return}P+=1,N?.pause(),R.value=!1,S(`pause`)}}function Z(e){return X(e,!0)}function Se(){_.tracks.length&&Z(L.value<=0?_.tracks.length-1:L.value-1)}function Ce(){_.tracks.length&&Z(L.value>=_.tracks.length-1?0:L.value+1)}function we(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 Q(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 Te(e){V.value=e,N&&(N.volume=e/100)}function Ee(){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 De(){W.value=$[($.indexOf(W.value)+1)%$.length],S(`modeChange`,W.value)}return b(()=>_.tracks,()=>{let e=R.value;L.value=C(_.initialIndex??0,_.tracks.length),K(),e&&X(L.value,!1)}),b(()=>_.initialIndex,e=>{let t=C(e??0,_.tracks.length);if(t!==L.value){let e=R.value;L.value=t,K(),e&&X(t,!1)}}),b(()=>_.mode,e=>{W.value=e}),b(()=>_.showPlaylist,e=>{U.value=e}),te(()=>{_.autoplay&&G.value&&X(L.value,!1)}),f(()=>{P+=1,N&&=(N.pause(),N.removeEventListener(`timeupdate`,q),N.removeEventListener(`loadedmetadata`,J),N.removeEventListener(`ended`,Y),null)}),p(()=>{P+=1,N?.pause(),R.value=!1}),(r,u)=>{let f=x;return m(),o(`div`,{class:d([`c-audio-player`,{"is-minimal":t.theme===`minimal`}])},[a(` ================ Now Playing ================ `),s(`div`,ne,[t.showCover?(m(),o(`div`,re,[G.value?.cover?(m(),o(`img`,{key:0,src:G.value.cover,alt:G.value.title},null,8,ie)):(m(),i(e,{key:1,name:`mdi:music-note`,class:`c-audio-player__cover-placeholder`}))])):a(`v-if`,!0),s(`div`,ae,[s(`div`,oe,v(G.value?.title??`未选择曲目`),1),G.value?.artist?(m(),o(`div`,se,v(G.value.artist),1)):a(`v-if`,!0)])]),a(` ================ Progress ================ `),t.theme===`minimal`?a(`v-if`,!0):(m(),o(`div`,ce,[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:we,onKeydown:Q},[s(`div`,{class:`c-audio-player__progress-fill`,style:ee({width:`${_e.value}%`})},null,4)],40,le),s(`div`,ue,[s(`span`,null,v(y(T)(z.value)),1),s(`span`,null,v(y(T)(B.value)),1)])])),a(` ================ Controls ================ `),s(`div`,de,[s(`button`,{type:`button`,class:`c-audio-player__ctrl-btn is-mode`,title:be.value,onClick:De},[l(e,{name:ye.value},null,8,[`name`])],8,fe),s(`button`,{type:`button`,class:`c-audio-player__ctrl-btn is-skip`,title:`上一曲`,onClick:Se},[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:xe},[l(e,{name:R.value?`mdi:pause`:`mdi:play`},null,8,[`name`])],8,pe),s(`button`,{type:`button`,class:`c-audio-player__ctrl-btn is-skip`,title:`下一曲`,onClick:Ce},[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):(m(),o(`div`,me,[s(`button`,{type:`button`,class:`c-audio-player__volume-icon`,"aria-label":V.value===0?`取消静音`:`静音`,onClick:Ee},[l(e,{name:ve.value},null,8,[`name`])],8,he),l(f,{value:V.value,"onUpdate:value":[u[1]||=e=>V.value=e,Te],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`,ge,[s(`div`,E,[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(`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?(m(),i(e,{key:0,name:`mdi:volume-high`})):(m(),o(n,{key:1},[c(v(r+1),1)],64))]),s(`div`,k,[s(`div`,A,v(t.title),1),t.artist?(m(),o(`div`,j,v(t.artist),1)):a(`v-if`,!0)]),t.duration?(m(),o(`span`,M,v(y(T)(t.duration)),1)):a(`v-if`,!0)],10,D))),128))])):a(`v-if`,!0)],2)}}}),[[`__scopeId`,`data-v-5ba9d24f`]]);export{T as i,S as n,w as r,N as t};

package/dist/C_AvatarGroup.css

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