@robot-admin/naive-ui-components 0.17.1 → 0.17.2

package/dist/C_AudioPlayer.css

@@ -68,7 +68,7 @@
 /**
  * C_AudioPlayer — 音频播放器样式
  */
-.c-audio-player[data-v-5ba9d24f] {
+.c-audio-player[data-v-fea467ff] {
   --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));
@@ -89,13 +89,13 @@
   box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
   /* ======================== Now Playing ======================== */
 }
-.c-audio-player__now-playing[data-v-5ba9d24f] {
+.c-audio-player__now-playing[data-v-fea467ff] {
   display: flex;
   align-items: center;
   gap: 16px;
   padding: 20px;
 }
-.c-audio-player__cover[data-v-5ba9d24f] {
+.c-audio-player__cover[data-v-fea467ff] {
   flex-shrink: 0;
   width: 72px;
   height: 72px;
@@ -107,21 +107,21 @@
   justify-content: center;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
 }
-.c-audio-player__cover img[data-v-5ba9d24f] {
+.c-audio-player__cover img[data-v-fea467ff] {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
-.c-audio-player__cover-placeholder[data-v-5ba9d24f] {
+.c-audio-player__cover-placeholder[data-v-fea467ff] {
   font-size: 32px;
   color: var(--ap-accent);
   opacity: 0.5;
 }
-.c-audio-player__info[data-v-5ba9d24f] {
+.c-audio-player__info[data-v-fea467ff] {
   flex: 1;
   min-width: 0;
 }
-.c-audio-player__title[data-v-5ba9d24f] {
+.c-audio-player__title[data-v-fea467ff] {
   font-size: 15px;
   font-weight: 600;
   color: var(--ap-text);
@@ -129,7 +129,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.c-audio-player__artist[data-v-5ba9d24f] {
+.c-audio-player__artist[data-v-fea467ff] {
   font-size: 12px;
   color: var(--ap-text-sub);
   margin-top: 2px;
@@ -137,13 +137,13 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.c-audio-player[data-v-5ba9d24f] {
+.c-audio-player[data-v-fea467ff] {
   /* ======================== Progress ======================== */
 }
-.c-audio-player__progress[data-v-5ba9d24f] {
+.c-audio-player__progress[data-v-fea467ff] {
   padding: 0 20px;
 }
-.c-audio-player__progress-bar[data-v-5ba9d24f] {
+.c-audio-player__progress-bar[data-v-fea467ff] {
   position: relative;
   width: 100%;
   height: 6px;
@@ -152,17 +152,17 @@
   cursor: pointer;
   transition: height 0.15s;
 }
-.c-audio-player__progress-bar[data-v-5ba9d24f]:hover {
+.c-audio-player__progress-bar[data-v-fea467ff]:hover {
   height: 8px;
 }
-.c-audio-player__progress-fill[data-v-5ba9d24f] {
+.c-audio-player__progress-fill[data-v-fea467ff] {
   height: 100%;
   border-radius: 3px;
   background: var(--ap-progress-fill);
   position: relative;
   transition: width 0.1s linear;
 }
-.c-audio-player__progress-fill[data-v-5ba9d24f]::after {
+.c-audio-player__progress-fill[data-v-fea467ff]::after {
   content: "";
   position: absolute;
   right: -5px;
@@ -176,10 +176,10 @@
   opacity: 0;
   transition: opacity 0.15s;
 }
-.c-audio-player__progress-bar:hover .c-audio-player__progress-fill[data-v-5ba9d24f]::after {
+.c-audio-player__progress-bar:hover .c-audio-player__progress-fill[data-v-fea467ff]::after {
   opacity: 1;
 }
-.c-audio-player__time[data-v-5ba9d24f] {
+.c-audio-player__time[data-v-fea467ff] {
   display: flex;
   justify-content: space-between;
   font-size: 11px;
@@ -187,17 +187,17 @@
   margin-top: 4px;
   padding-bottom: 4px;
 }
-.c-audio-player[data-v-5ba9d24f] {
+.c-audio-player[data-v-fea467ff] {
   /* ======================== Controls ======================== */
 }
-.c-audio-player__controls[data-v-5ba9d24f] {
+.c-audio-player__controls[data-v-fea467ff] {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   padding: 12px 20px;
 }
-.c-audio-player__ctrl-btn[data-v-5ba9d24f] {
+.c-audio-player__ctrl-btn[data-v-fea467ff] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -208,46 +208,46 @@
   border-radius: 50%;
   transition: background 0.2s, color 0.2s, transform 0.15s;
 }
-.c-audio-player__ctrl-btn[data-v-5ba9d24f]:hover {
+.c-audio-player__ctrl-btn[data-v-fea467ff]:hover {
   color: var(--ap-accent);
   background: color-mix(in srgb, var(--ap-accent) 10%, transparent);
 }
-.c-audio-player__ctrl-btn[data-v-5ba9d24f]:active {
+.c-audio-player__ctrl-btn[data-v-fea467ff]:active {
   transform: scale(0.92);
 }
-.c-audio-player__ctrl-btn.is-mode[data-v-5ba9d24f] {
+.c-audio-player__ctrl-btn.is-mode[data-v-fea467ff] {
   font-size: 18px;
   width: 34px;
   height: 34px;
 }
-.c-audio-player__ctrl-btn.is-skip[data-v-5ba9d24f] {
+.c-audio-player__ctrl-btn.is-skip[data-v-fea467ff] {
   font-size: 22px;
   width: 38px;
   height: 38px;
 }
-.c-audio-player__ctrl-btn.is-play[data-v-5ba9d24f] {
+.c-audio-player__ctrl-btn.is-play[data-v-fea467ff] {
   font-size: 28px;
   width: 48px;
   height: 48px;
   background: var(--ap-accent);
   color: #fff;
 }
-.c-audio-player__ctrl-btn.is-play[data-v-5ba9d24f]:hover {
+.c-audio-player__ctrl-btn.is-play[data-v-fea467ff]: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-5ba9d24f] {
+.c-audio-player[data-v-fea467ff] {
   /* ======================== Volume ======================== */
 }
-.c-audio-player__volume[data-v-5ba9d24f] {
+.c-audio-player__volume[data-v-fea467ff] {
   display: flex;
   align-items: center;
   gap: 6px;
   padding: 0 20px 12px;
   justify-content: flex-end;
 }
-.c-audio-player__volume-icon[data-v-5ba9d24f] {
+.c-audio-player__volume-icon[data-v-fea467ff] {
   display: inline-flex;
   padding: 0;
   border: 0;
@@ -257,21 +257,21 @@
   color: var(--ap-text-sub);
   cursor: pointer;
 }
-.c-audio-player__volume-icon[data-v-5ba9d24f]:hover {
+.c-audio-player__volume-icon[data-v-fea467ff]:hover {
   color: var(--ap-accent);
 }
-.c-audio-player__volume-slider[data-v-5ba9d24f] {
+.c-audio-player__volume-slider[data-v-fea467ff] {
   width: 100px;
 }
-.c-audio-player[data-v-5ba9d24f] {
+.c-audio-player[data-v-fea467ff] {
   /* ======================== Playlist ======================== */
 }
-.c-audio-player__playlist[data-v-5ba9d24f] {
+.c-audio-player__playlist[data-v-fea467ff] {
   border-top: 1px solid var(--ap-border);
   max-height: 260px;
   overflow-y: auto;
 }
-.c-audio-player__playlist-header[data-v-5ba9d24f] {
+.c-audio-player__playlist-header[data-v-fea467ff] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -285,7 +285,7 @@
   top: 0;
   z-index: 1;
 }
-.c-audio-player__track[data-v-5ba9d24f] {
+.c-audio-player__track[data-v-fea467ff] {
   display: flex;
   width: 100%;
   border: 0;
@@ -299,48 +299,48 @@
   cursor: pointer;
   transition: background 0.15s;
 }
-.c-audio-player__track[data-v-5ba9d24f]:hover {
+.c-audio-player__track[data-v-fea467ff]:hover {
   background: color-mix(in srgb, var(--ap-accent) 6%, var(--ap-bg));
 }
-.c-audio-player__track.is-active[data-v-5ba9d24f] {
+.c-audio-player__track.is-active[data-v-fea467ff] {
   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-5ba9d24f] {
+.c-audio-player__track.is-active .c-audio-player__track-title[data-v-fea467ff] {
   color: var(--ap-accent);
   font-weight: 600;
 }
-.c-audio-player__track-index[data-v-5ba9d24f] {
+.c-audio-player__track-index[data-v-fea467ff] {
   font-size: 12px;
   width: 20px;
   text-align: center;
   color: var(--ap-text-sub);
   flex-shrink: 0;
 }
-.c-audio-player__track-info[data-v-5ba9d24f] {
+.c-audio-player__track-info[data-v-fea467ff] {
   flex: 1;
   min-width: 0;
 }
-.c-audio-player__track-title[data-v-5ba9d24f] {
+.c-audio-player__track-title[data-v-fea467ff] {
   font-size: 13px;
   color: var(--ap-text);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.c-audio-player__track-artist[data-v-5ba9d24f] {
+.c-audio-player__track-artist[data-v-fea467ff] {
   font-size: 11px;
   color: var(--ap-text-sub);
   margin-top: 1px;
 }
-.c-audio-player__track-duration[data-v-5ba9d24f] {
+.c-audio-player__track-duration[data-v-fea467ff] {
   font-size: 11px;
   color: var(--ap-text-sub);
   flex-shrink: 0;
 }
-.c-audio-player[data-v-5ba9d24f] {
+.c-audio-player[data-v-fea467ff] {
   /* ======================== Minimal Theme ======================== */
 }
-.c-audio-player.is-minimal[data-v-5ba9d24f] {
+.c-audio-player.is-minimal[data-v-fea467ff] {
   border-radius: 99px;
   padding: 6px 16px;
   flex-direction: row;
@@ -348,30 +348,30 @@
   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-5ba9d24f] {
+.c-audio-player.is-minimal .c-audio-player__now-playing[data-v-fea467ff] {
   padding: 0;
   gap: 10px;
 }
-.c-audio-player.is-minimal .c-audio-player__cover[data-v-5ba9d24f] {
+.c-audio-player.is-minimal .c-audio-player__cover[data-v-fea467ff] {
   width: 36px;
   height: 36px;
   border-radius: 50%;
 }
-.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] {
+.c-audio-player.is-minimal .c-audio-player__progress[data-v-fea467ff],
+.c-audio-player.is-minimal .c-audio-player__playlist[data-v-fea467ff],
+.c-audio-player.is-minimal .c-audio-player__volume[data-v-fea467ff] {
   display: none;
 }
-.c-audio-player.is-minimal .c-audio-player__controls[data-v-5ba9d24f] {
+.c-audio-player.is-minimal .c-audio-player__controls[data-v-fea467ff] {
   padding: 4px 0;
   gap: 2px;
 }
-.c-audio-player.is-minimal .c-audio-player__ctrl-btn.is-play[data-v-5ba9d24f] {
+.c-audio-player.is-minimal .c-audio-player__ctrl-btn.is-play[data-v-fea467ff] {
   width: 34px;
   height: 34px;
   font-size: 20px;
 }
 
 /* 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;}
+.static[data-v-fea467ff]{position:static;}
+.transition[data-v-fea467ff]{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)(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}});
+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`},ee={class:`c-audio-player__title`},f={key:0,class:`c-audio-player__artist`},p={key:0,class:`c-audio-player__progress`},te=[`tabindex`,`aria-valuemax`,`aria-valuenow`],ne={class:`c-audio-player__time`},re={class:`c-audio-player__controls`},ie=[`title`],ae=[`disabled`,`title`],m={key:1,class:`c-audio-player__volume`},h=[`aria-label`],g={key:2,class:`c-audio-player__playlist`},_={class:`c-audio-player__playlist-header`},v=[`onClick`],y={class:`c-audio-player__track-index`},b={class:`c-audio-player__track-info`},oe={class:`c-audio-player__track-title`},x={key:0,class:`c-audio-player__track-artist`},S={key:0,class:`c-audio-player__track-duration`},C=(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 C=t,w=i,T=null,E=0,D=!1,O,k=e=>Number.isInteger(e)&&!!C.tracks[e],A=(e,t)=>e===E&&t===T&&z.value?.id===O?.id&&z.value?.src===O?.src,j=(0,n.ref)(a(C.initialIndex??0,C.tracks.length)),M=(0,n.ref)(!1),N=(0,n.ref)(0),P=(0,n.ref)(C.tracks[j.value]?.duration??0),F=(0,n.ref)(70),I=(0,n.ref)(70),L=(0,n.ref)(C.showPlaylist),R=(0,n.ref)(C.mode??`list`),z=(0,n.computed)(()=>C.tracks[j.value]),B=(0,n.computed)(()=>P.value<=0?0:Math.min(100,N.value/P.value*100)),V=(0,n.computed)(()=>F.value===0?`mdi:volume-off`:F.value<40?`mdi:volume-low`:F.value<70?`mdi:volume-medium`:`mdi:volume-high`),H=(0,n.computed)(()=>o[R.value]?.icon??`mdi:repeat`),U=(0,n.computed)(()=>o[R.value]?.label??`循环`);function W(){E+=1,T&&(T.removeEventListener(`timeupdate`,q),T.removeEventListener(`loadedmetadata`,J),T.removeEventListener(`ended`,Y),T.removeEventListener(`error`,K),T.pause(),T.removeAttribute(`src`),T.load()),T=null,O=void 0,M.value=!1,N.value=0}function G(){W();let e=z.value;P.value=e?.duration??0,!(!e||typeof Audio>`u`)&&(T=new Audio(e.src),O={id:e.id,src:e.src},T.volume=F.value/100,T.addEventListener(`timeupdate`,q),T.addEventListener(`loadedmetadata`,J),T.addEventListener(`ended`,Y),T.addEventListener(`error`,K))}function K(e){e.currentTarget===T&&(D=!1,E+=1,M.value=!1,w(`error`,T?.error??e))}function q(){T&&(N.value=Number.isFinite(T.currentTime)?T.currentTime:0)}function J(){T&&(P.value=Number.isFinite(T.duration)?T.duration:0)}function Y(){switch(w(`ended`,j.value),R.value){case`loop`:T&&(T.currentTime=0),X(j.value,!1);break;case`single`:D=!1,M.value=!1;break;case`shuffle`:C.tracks.length&&Z(Math.floor(Math.random()*C.tracks.length));break;default:if(!C.tracks.length){M.value=!1;break}Z(j.value<C.tracks.length-1?j.value+1:0)}}async function X(e,t){if(!k(e))return;D=!0,(t||!T||j.value!==e)&&(j.value=e,G());let n=T;if(!n){D=!1;return}let r=++E;try{if(await n.play(),!A(r,n))return;M.value=!0,w(`play`,j.value)}catch(e){if(!A(r,n))return;D=!1,M.value=!1,w(`error`,e)}}function se(){if(z.value){if(!M.value){X(j.value,!1);return}E+=1,D=!1,T?.pause(),M.value=!1,w(`pause`)}}function Z(e){return X(e,!0)}function ce(){C.tracks.length&&Z(j.value<=0?C.tracks.length-1:j.value-1)}function Q(){C.tracks.length&&Z(j.value>=C.tracks.length-1?0:j.value+1)}function le(e){if(!T||!P.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));T.currentTime=n*P.value,N.value=T.currentTime}function ue(e){if(!T||P.value<=0)return;let t=e.key===`ArrowRight`?5:e.key===`ArrowLeft`?-5:0,n=e.key===`Home`?0:e.key===`End`?P.value:N.value+t;!t&&e.key!==`Home`&&e.key!==`End`||(e.preventDefault(),T.currentTime=Math.max(0,Math.min(P.value,n)),N.value=T.currentTime)}function de(e){F.value=e,T&&(T.volume=e/100)}function fe(){F.value>0?(I.value=F.value,F.value=0):F.value=I.value||70,T&&(T.volume=F.value/100)}let $=[`list`,`loop`,`single`,`shuffle`];function pe(){R.value=$[($.indexOf(R.value)+1)%$.length],w(`modeChange`,R.value)}return(0,n.watch)(()=>C.tracks.map(e=>({id:e.id,src:e.src})),(e,t)=>{let n=O??t[j.value],r=n?e.findIndex(e=>e.id===n.id):-1,i=r>=0?r:a(j.value,e.length),o=e[i],s=n&&o&&n.id===o.id&&n.src===o.src;if(j.value=i,s)return;let c=D;G(),D=c&&!!o,D&&X(i,!1)}),(0,n.watch)(()=>C.initialIndex,e=>{let t=a(e??0,C.tracks.length);if(t!==j.value){let e=D;j.value=t,G(),e&&X(t,!1)}}),(0,n.watch)(()=>C.mode,e=>{R.value=e}),(0,n.watch)(()=>C.showPlaylist,e=>{L.value=e}),(0,n.onMounted)(()=>{C.autoplay&&z.value&&X(j.value,!1)}),(0,n.onBeforeUnmount)(()=>{D=!1,W()}),(0,n.onDeactivated)(()=>{E+=1,D=!1,T?.pause(),M.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,[z.value?.cover?((0,n.openBlock)(),(0,n.createElementBlock)(`img`,{key:0,src:z.value.cover,alt:z.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`,ee,(0,n.toDisplayString)(z.value?.title??`未选择曲目`),1),z.value?.artist?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,f,(0,n.toDisplayString)(z.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`,p,[(0,n.createElementVNode)(`div`,{class:`c-audio-player__progress-bar`,role:`slider`,tabindex:z.value?0:-1,"aria-label":`播放进度`,"aria-valuemin":0,"aria-valuemax":Math.floor(P.value),"aria-valuenow":Math.floor(N.value),onClick:le,onKeydown:ue},[(0,n.createElementVNode)(`div`,{class:`c-audio-player__progress-fill`,style:(0,n.normalizeStyle)({width:`${B.value}%`})},null,4)],40,te),(0,n.createElementVNode)(`div`,ne,[(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)((0,n.unref)(s)(N.value)),1),(0,n.createElementVNode)(`span`,null,(0,n.toDisplayString)((0,n.unref)(s)(P.value)),1)])])),(0,n.createCommentVNode)(` ================ Controls ================ `),(0,n.createElementVNode)(`div`,re,[(0,n.createElementVNode)(`button`,{type:`button`,class:`c-audio-player__ctrl-btn is-mode`,title:U.value,onClick:pe},[(0,n.createVNode)(e.t,{name:H.value},null,8,[`name`])],8,ie),(0,n.createElementVNode)(`button`,{type:`button`,class:`c-audio-player__ctrl-btn is-skip`,title:`上一曲`,onClick:ce},[(0,n.createVNode)(e.t,{name:`mdi:skip-previous`})]),(0,n.createElementVNode)(`button`,{type:`button`,class:`c-audio-player__ctrl-btn is-play`,disabled:!z.value,title:M.value?`暂停`:`播放`,onClick:se},[(0,n.createVNode)(e.t,{name:M.value?`mdi:pause`:`mdi:play`},null,8,[`name`])],8,ae),(0,n.createElementVNode)(`button`,{type:`button`,class:`c-audio-player__ctrl-btn is-skip`,title:`下一曲`,onClick:Q},[(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=>L.value=!L.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`,m,[(0,n.createElementVNode)(`button`,{type:`button`,class:`c-audio-player__volume-icon`,"aria-label":F.value===0?`取消静音`:`静音`,onClick:fe},[(0,n.createVNode)(e.t,{name:V.value},null,8,[`name`])],8,h),(0,n.createVNode)(o,{value:F.value,"onUpdate:value":[a[1]||=e=>F.value=e,de],min:0,max:100,step:1,class:`c-audio-player__volume-slider`},null,8,[`value`])])),(0,n.createCommentVNode)(` ================ Playlist ================ `),t.showPlaylist&&L.value&&t.theme!==`minimal`?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,g,[(0,n.createElementVNode)(`div`,_,[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===j.value}]),onClick:e=>Z(r)},[(0,n.createElementVNode)(`span`,y,[r===j.value&&M.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`,b,[(0,n.createElementVNode)(`div`,oe,(0,n.toDisplayString)(t.title),1),t.artist?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,x,(0,n.toDisplayString)(t.artist),1)):(0,n.createCommentVNode)(`v-if`,!0)]),t.duration?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,S,(0,n.toDisplayString)((0,n.unref)(s)(t.duration)),1)):(0,n.createCommentVNode)(`v-if`,!0)],10,v))),128))])):(0,n.createCommentVNode)(`v-if`,!0)],2)}}});var w=t.t(C,[[`__scopeId`,`data-v-fea467ff`]]);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 w}});

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

package/dist/C_FilePreview.css

@@ -482,10 +482,10 @@
 .text-gray-600[data-v-dae08a5f]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
 .font-semibold[data-v-dae08a5f]{font-weight:600;}
 
-.c-file-preview-wrapper[data-v-c409e6f4] {
+.c-file-preview-wrapper[data-v-15033e6f] {
   width: 100%;
 }
-.c-file-preview-wrapper .file-info-card .file-info[data-v-c409e6f4] {
+.c-file-preview-wrapper .file-info-card .file-info[data-v-15033e6f] {
   display: flex;
   align-items: center;
   gap: 16px;
@@ -496,12 +496,12 @@
   transition: var(--c-transition, 0.2s ease);
   cursor: pointer;
 }
-.c-file-preview-wrapper .file-info-card .file-info[data-v-c409e6f4]:hover {
+.c-file-preview-wrapper .file-info-card .file-info[data-v-15033e6f]:hover {
   border-color: var(--c-primary, #40a9ff);
   box-shadow: 0 4px 12px rgba(64, 169, 255, 0.15);
   transform: translateY(-1px);
 }
-.c-file-preview-wrapper .file-info-card .file-info .file-icon[data-v-c409e6f4] {
+.c-file-preview-wrapper .file-info-card .file-info .file-icon[data-v-15033e6f] {
   flex-shrink: 0;
   width: 56px;
   height: 56px;
@@ -512,11 +512,11 @@
   border-radius: 12px;
   border: 1px solid #dee2e6;
 }
-.c-file-preview-wrapper .file-info-card .file-info .file-details[data-v-c409e6f4] {
+.c-file-preview-wrapper .file-info-card .file-info .file-details[data-v-15033e6f] {
   flex: 1;
   min-width: 0;
 }
-.c-file-preview-wrapper .file-info-card .file-info .file-details .file-name[data-v-c409e6f4] {
+.c-file-preview-wrapper .file-info-card .file-info .file-details .file-name[data-v-15033e6f] {
   display: flex;
   align-items: center;
   gap: 12px;
@@ -525,22 +525,22 @@
   font-size: 16px;
   color: var(--c-text-1, #1f2937);
 }
-.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta[data-v-c409e6f4] {
+.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta[data-v-15033e6f] {
   display: flex;
   gap: 16px;
   font-size: 13px;
   color: var(--c-text-2, #6b7280);
 }
-.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta .file-size[data-v-c409e6f4] {
+.c-file-preview-wrapper .file-info-card .file-info .file-details .file-meta .file-size[data-v-15033e6f] {
   font-weight: 500;
   color: var(--c-text-1, #374151);
 }
-.c-file-preview-wrapper .file-info-card .file-info .file-actions[data-v-c409e6f4] {
+.c-file-preview-wrapper .file-info-card .file-info .file-actions[data-v-15033e6f] {
   flex-shrink: 0;
   display: flex;
   gap: 8px;
 }
-.modal-container[data-v-c409e6f4] {
+.modal-container[data-v-15033e6f] {
   background: var(--c-bg-card, white);
   border-radius: 8px;
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
@@ -550,7 +550,7 @@
   height: 100%;
   overflow: visible;
 }
-.modal-container .modal-header[data-v-c409e6f4] {
+.modal-container .modal-header[data-v-15033e6f] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -561,7 +561,7 @@
   z-index: 10;
   position: relative;
 }
-.modal-container .modal-header .modal-title[data-v-c409e6f4] {
+.modal-container .modal-header .modal-title[data-v-15033e6f] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -569,25 +569,25 @@
   font-size: 16px;
   color: var(--c-text-1, #333);
 }
-.modal-container .modal-header .modal-title span[data-v-c409e6f4] {
+.modal-container .modal-header .modal-title span[data-v-15033e6f] {
   max-width: 400px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.modal-container .modal-header .modal-actions[data-v-c409e6f4] {
+.modal-container .modal-header .modal-actions[data-v-15033e6f] {
   display: flex;
   gap: 8px;
   align-items: center;
 }
-.modal-container .modal-content[data-v-c409e6f4] {
+.modal-container .modal-content[data-v-15033e6f] {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: visible;
   min-height: 0;
 }
-.modal-container .preview-header[data-v-c409e6f4] {
+.modal-container .preview-header[data-v-15033e6f] {
   padding: 16px;
   border-bottom: 1px solid var(--c-border, #e0e0e0);
   background-color: var(--c-bg-card, #f9f9f9);
@@ -595,61 +595,61 @@
   z-index: 9;
   position: relative;
 }
-.modal-container .preview-content[data-v-c409e6f4] {
+.modal-container .preview-content[data-v-15033e6f] {
   flex: 1;
   overflow: auto;
   min-height: 0;
   position: relative;
 }
-.modal-container .preview-content .status-container[data-v-c409e6f4] {
+.modal-container .preview-content .status-container[data-v-15033e6f] {
   height: 300px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.c-file-preview-inline[data-v-c409e6f4] {
+.c-file-preview-inline[data-v-15033e6f] {
   container-type: inline-size;
   height: 580px;
   min-width: 0;
   overflow: hidden;
 }
-.c-file-preview-inline .status-container[data-v-c409e6f4] {
+.c-file-preview-inline .status-container[data-v-15033e6f] {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   padding: 24px;
 }
-.c-file-preview-inline[data-v-c409e6f4] .file-container {
+.c-file-preview-inline[data-v-15033e6f] .file-container {
   min-width: 0;
 }
-.c-file-preview-inline[data-v-c409e6f4] .word-main,
-.c-file-preview-inline[data-v-c409e6f4] .word-content {
+.c-file-preview-inline[data-v-15033e6f] .word-main,
+.c-file-preview-inline[data-v-15033e6f] .word-content {
   min-width: 0;
 }
 @container (max-width:600px) {
-.c-file-preview-inline[data-v-c409e6f4] .word-outline {
+.c-file-preview-inline[data-v-15033e6f] .word-outline {
     display: none;
 }
-.c-file-preview-inline[data-v-c409e6f4] .file-toolbar > div {
+.c-file-preview-inline[data-v-15033e6f] .file-toolbar > div {
     flex-wrap: wrap;
     gap: 8px;
 }
-.c-file-preview-inline[data-v-c409e6f4] .excel-info {
+.c-file-preview-inline[data-v-15033e6f] .excel-info {
     overflow: auto;
 }
 }
 
 /* layer: default */
-.\!inline[data-v-c409e6f4]{display:inline !important;}
-.inline[data-v-c409e6f4]{display:inline;}
-.hidden[data-v-c409e6f4]{display:none;}
-.h6[data-v-c409e6f4]{height:1.5rem;}
-.flex[data-v-c409e6f4]{display:flex;}
-.items-center[data-v-c409e6f4]{align-items:center;}
-.justify-between[data-v-c409e6f4]{justify-content:space-between;}
-.gap-2[data-v-c409e6f4]{gap:0.5rem;}
-.gap-3[data-v-c409e6f4]{gap:0.75rem;}
-.p\[style-name\=\'Title\'\][data-v-c409e6f4]{padding:style-name='Title';}
-.text-sm[data-v-c409e6f4]{font-size:0.875rem;line-height:1.25rem;}
-.text-gray-500[data-v-c409e6f4]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
+.\!inline[data-v-15033e6f]{display:inline !important;}
+.inline[data-v-15033e6f]{display:inline;}
+.hidden[data-v-15033e6f]{display:none;}
+.h6[data-v-15033e6f]{height:1.5rem;}
+.flex[data-v-15033e6f]{display:flex;}
+.items-center[data-v-15033e6f]{align-items:center;}
+.justify-between[data-v-15033e6f]{justify-content:space-between;}
+.gap-2[data-v-15033e6f]{gap:0.5rem;}
+.gap-3[data-v-15033e6f]{gap:0.75rem;}
+.p\[style-name\=\'Title\'\][data-v-15033e6f]{padding:style-name='Title';}
+.text-sm[data-v-15033e6f]{font-size:0.875rem;line-height:1.25rem;}
+.text-gray-500[data-v-15033e6f]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}