twist-aplayer 1.5.4 → 1.5.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +9 -9
- package/dist/index.min.css +1 -1
- package/dist/index.mjs +805 -735
- package/dist/twist-aplayer.umd.js +9 -9
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -108,6 +108,11 @@ export interface TwistAPlayerProps {
|
|
|
108
108
|
* @default false
|
|
109
109
|
*/
|
|
110
110
|
mini?: boolean;
|
|
111
|
+
/**
|
|
112
|
+
* @description enable super mini mode for mobile devices, only shows miniswitcher initially
|
|
113
|
+
* @default false
|
|
114
|
+
*/
|
|
115
|
+
superMini?: boolean;
|
|
111
116
|
/**
|
|
112
117
|
* @default prevent to play multiple player at the same time, pause other players when this player start play
|
|
113
118
|
* @default true
|
package/dist/index.d.ts
CHANGED
|
@@ -90,6 +90,11 @@ export declare interface TwistAPlayerProps {
|
|
|
90
90
|
* @default prevent to play multiple player at the same time, pause other players when this player start play
|
|
91
91
|
* @default true
|
|
92
92
|
*/
|
|
93
|
+
/**
|
|
94
|
+
* @description enable super mini mode for mobile devices, only shows miniswitcher initially
|
|
95
|
+
* @default false
|
|
96
|
+
*/
|
|
97
|
+
superMini?: boolean;
|
|
93
98
|
mutex?: boolean;
|
|
94
99
|
/**
|
|
95
100
|
* @description indicate whether list should folded at first render
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react");function Ie(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const X=Ie(u);var ie={exports:{}},re={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var
|
|
9
|
+
*/var ge;function Ve(){if(ge)return re;ge=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function r(n,a,l){var p=null;if(l!==void 0&&(p=""+l),a.key!==void 0&&(p=""+a.key),"key"in a){l={};for(var v in a)v!=="key"&&(l[v]=a[v])}else l=a;return a=l.ref,{$$typeof:e,type:n,key:p,ref:a!==void 0?a:null,props:l}}return re.Fragment=t,re.jsx=r,re.jsxs=r,re}var ne={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,16 +14,16 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
17
|
+
*/var xe;function ze(){return xe||(xe=1,process.env.NODE_ENV!=="production"&&function(){function e(i){if(i==null)return null;if(typeof i=="function")return i.$$typeof===Z?null:i.displayName||i.name||null;if(typeof i=="string")return i;switch(i){case s:return"Fragment";case m:return"Profiler";case o:return"StrictMode";case D:return"Suspense";case B:return"SuspenseList";case Q:return"Activity"}if(typeof i=="object")switch(typeof i.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),i.$$typeof){case E:return"Portal";case O:return(i.displayName||"Context")+".Provider";case _:return(i._context.displayName||"Context")+".Consumer";case j:var x=i.render;return i=i.displayName,i||(i=x.displayName||x.name||"",i=i!==""?"ForwardRef("+i+")":"ForwardRef"),i;case N:return x=i.displayName||null,x!==null?x:e(i.type)||"Memo";case I:x=i._payload,i=i._init;try{return e(i(x))}catch{}}return null}function t(i){return""+i}function r(i){try{t(i);var x=!1}catch{x=!0}if(x){x=console;var S=x.error,R=typeof Symbol=="function"&&Symbol.toStringTag&&i[Symbol.toStringTag]||i.constructor.name||"Object";return S.call(x,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",R),t(i)}}function n(i){if(i===s)return"<>";if(typeof i=="object"&&i!==null&&i.$$typeof===I)return"<...>";try{var x=e(i);return x?"<"+x+">":"<...>"}catch{return"<...>"}}function a(){var i=V.A;return i===null?null:i.getOwner()}function l(){return Error("react-stack-top-frame")}function p(i){if(U.call(i,"key")){var x=Object.getOwnPropertyDescriptor(i,"key").get;if(x&&x.isReactWarning)return!1}return i.key!==void 0}function v(i,x){function S(){H||(H=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",x))}S.isReactWarning=!0,Object.defineProperty(i,"key",{get:S,configurable:!0})}function d(){var i=e(this.type);return w[i]||(w[i]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),i=this.props.ref,i!==void 0?i:null}function h(i,x,S,R,A,C,ee,te){return S=C.ref,i={$$typeof:g,type:i,key:x,props:C,_owner:A},(S!==void 0?S:null)!==null?Object.defineProperty(i,"ref",{enumerable:!1,get:d}):Object.defineProperty(i,"ref",{enumerable:!1,value:null}),i._store={},Object.defineProperty(i._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(i,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(i,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:ee}),Object.defineProperty(i,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:te}),Object.freeze&&(Object.freeze(i.props),Object.freeze(i)),i}function b(i,x,S,R,A,C,ee,te){var M=x.children;if(M!==void 0)if(R)if(W(M)){for(R=0;R<M.length;R++)c(M[R]);Object.freeze&&Object.freeze(M)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else c(M);if(U.call(x,"key")){M=e(i);var $=Object.keys(x).filter(function(P){return P!=="key"});R=0<$.length?"{key: someKey, "+$.join(": ..., ")+": ...}":"{key: someKey}",k[M+R]||($=0<$.length?"{"+$.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
18
18
|
let props = %s;
|
|
19
19
|
<%s {...props} />
|
|
20
20
|
React keys must be passed directly to JSX without using spread:
|
|
21
21
|
let props = %s;
|
|
22
|
-
<%s key={someKey} {...props} />`,R,
|
|
23
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function
|
|
24
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var s,f=!0,p=!1;return{s:function(){r=r.call(e)},n:function(){var y=r.next();return f=y.done,y},e:function(y){p=!0,s=y},f:function(){try{f||r.return==null||r.return()}finally{if(p)throw s}}}}function Oe(e,t){if(e){if(typeof e=="string")return ge(e,t);var r={}.toString.call(e).slice(8,-1);return r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set"?Array.from(e):r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?ge(e,t):void 0}}function ge(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function ae(){return ae=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ae.apply(null,arguments)}function Ee(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function X(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Ee(Object(r),!0).forEach(function(n){He(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ee(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function He(e,t,r){return(t=Fe(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Fe(e){var t=Ye(e,"string");return K(t)=="symbol"?t:t+""}function Ye(e,t){if(K(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(K(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Ue(e,t){if(e==null)return{};var r,n,a=We(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.includes(r)||{}.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function We(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.includes(n))continue;r[n]=e[n]}return r}function Ge(e){var t=e.attrs,r=e.size,n=e.title,a=e.spin,s=e.rotate,f=e.color,p=Ue(e,qe),i=function(l){var v=r||l.size||"1em",E,g="",h="";return l.className&&(E=l.className),e.className&&(E=E?"".concat(E," ").concat(e.className):e.className),a&&(E?E+=" twist-icon-loading":E="twist-icon-loading"),s&&(g="rotate(".concat(s,"deg)"),h="rotate(".concat(s,"deg)")),H.createElement("svg",ae({xmlns:"http://www.w3.org/2000/svg"},l.attrs,t,p,{className:E,style:X(X({color:f||l.color,msTransform:g,transform:h},l.style),e.style),width:v,height:v}),n&&H.createElement("title",null,n),e.children)};return me!==void 0?H.createElement(me.Consumer,null,function(y){return i(y)}):i(_e)}function Je(e){var t={},r=e.split(";"),n=Be(r),a;try{for(n.s();!(a=n.n()).done;){var s=a.value,f=s.split(":"),p=Ie(f,2),i=p[0],y=p[1];if(i&&y){var l=i.trim().replace(/-./g,function(v){return v.charAt(1).toUpperCase()});t[l]=y.trim()}}}catch(v){n.e(v)}finally{n.f()}return t}function Re(e){return e&&e.map(function(t,r){return H.createElement(t.tag,X(X({},t.attrs),{},{key:r,style:t.attrs.style?Je(t.attrs.style):null}),Re(t.children))})}function L(e){return function(t){return H.createElement(Ge,ae({attrs:X({},e.attrs)},t),Re(e.children))}}function Ke(e){return L({attrs:{viewBox:"0 0 1024 1024"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M485.6 249.9L198.2 498c-8.3 7.1-8.3 20.8 0 27.9l287.4 248.2c10.7 9.2 26.4.9 26.4-14V263.8c0-14.8-15.7-23.2-26.4-13.9m320 0L518.2 498a18.6 18.6 0 0 0-6.2 14c0 5.2 2.1 10.4 6.2 14l287.4 248.2c10.7 9.2 26.4.9 26.4-14V263.8c0-14.8-15.7-23.2-26.4-13.9"}}]})(e)}function Xe(e){return L({attrs:{viewBox:"0 0 1024 1024"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M825.8 498L538.4 249.9c-10.7-9.2-26.4-.9-26.4 14v496.3c0 14.9 15.7 23.2 26.4 14L825.8 526c8.3-7.2 8.3-20.8 0-28m-320 0L218.4 249.9c-10.7-9.2-26.4-.9-26.4 14v496.3c0 14.9 15.7 23.2 26.4 14L505.8 526c4.1-3.6 6.2-8.8 6.2-14s-2.1-10.4-6.2-14"}}]})(e)}function Qe(e){return L({attrs:{viewBox:"0 0 1024 1024"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M512 1024c-69.1 0-136.2-13.5-199.3-40.2C251.7 958 197 921 150 874S66 772.3 40.2 711.3C13.5 648.2 0 581.1 0 512c0-19.9 16.1-36 36-36s36 16.1 36 36c0 59.4 11.6 117 34.6 171.3c22.2 52.4 53.9 99.5 94.3 139.9s87.5 72.2 139.9 94.3C395 940.4 452.6 952 512 952s117-11.6 171.3-34.6c52.4-22.2 99.5-53.9 139.9-94.3s72.2-87.5 94.3-139.9C940.4 629 952 571.4 952 512s-11.6-117-34.6-171.3a440.5 440.5 0 0 0-94.3-139.9a437.7 437.7 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.2C772.3 66 827 103 874 150s83.9 101.8 109.7 162.7c26.7 63.1 40.2 130.2 40.2 199.3s-13.5 136.2-40.2 199.3C958 772.3 921 827 874 874s-101.8 83.9-162.7 109.7c-63.1 26.8-130.2 40.3-199.3 40.3"}}]})(e)}function Ze(e){return L({attrs:{viewBox:"0 0 512 512"},children:[{tag:"path",attrs:{d:"M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z",fill:"currentColor"}}]})(e)}function et(e){return L({attrs:{viewBox:"0 0 512 512"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M208 432h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16m144 0h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16"}}]})(e)}function tt(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"}}]})(e)}function rt(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2 5.27L3.28 4L20 20.72L18.73 22l-3-3H7v3l-4-4l4-4v3h6.73L7 10.27V11H5V8.27zM17 13h2v4.18l-2-2zm0-8V2l4 4l-4 4V7H8.82l-2-2z"}}]})(e)}function nt(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"m17 3l5.25 4.5L17 12l5.25 4.5L17 21v-3h-2.74l-2.82-2.82l2.12-2.12L15.5 15H17V9h-1.5l-9 9H2v-3h3.26l9-9H17zM2 6h4.5l2.82 2.82l-2.12 2.12L5.26 9H2z"}}]})(e)}function at(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M16.15 13H5q-.425 0-.712-.288T4 12t.288-.712T5 11h11.15L13.3 8.15q-.3-.3-.288-.7t.288-.7q.3-.3.713-.312t.712.287L19.3 11.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-4.575 4.575q-.3.3-.712.288t-.713-.313q-.275-.3-.288-.7t.288-.7z"}}]})(e)}function ot(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M10.5 17q1.05 0 1.775-.725T13 14.5V9h3V7h-4v5.5q-.325-.225-.7-.363T10.5 12q-1.05 0-1.775.725T8 14.5t.725 1.775T10.5 17M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20z"}}]})(e)}function ut(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14 19V5h4v14zm-8 0V5h4v14z"}}]})(e)}function st(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M8 17.175V6.825q0-.425.3-.713t.7-.287q.125 0 .263.037t.262.113l8.15 5.175q.225.15.338.375t.112.475t-.112.475t-.338.375l-8.15 5.175q-.125.075-.262.113T9 18.175q-.4 0-.7-.288t-.3-.712"}}]})(e)}function it(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.5 10.5h-.75q-.325 0-.537-.213T10 9.75t.213-.537T10.75 9H12q.425 0 .713.288T13 10v4.25q0 .325-.213.538T12.25 15t-.537-.213t-.213-.537zM6.85 19l.85.85q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L3.7 18.7q-.15-.15-.213-.325T3.426 18t.063-.375t.212-.325l2.575-2.575q.3-.3.713-.287t.712.312q.275.3.288.7t-.288.7l-.85.85H17v-3q0-.425.288-.712T18 13t.713.288T19 14v3q0 .825-.587 1.413T17 19zm10.3-12H7v3q0 .425-.288.713T6 11t-.712-.288T5 10V7q0-.825.588-1.412T7 5h10.15l-.85-.85q-.3-.3-.288-.7t.288-.7q.3-.3.712-.312t.713.287L20.3 5.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.575 2.575q-.3.3-.712.288T16.3 9.25q-.275-.3-.288-.7t.288-.7z"}}]})(e)}function lt(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"m6.85 19l.85.85q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L3.7 18.7q-.15-.15-.213-.325T3.426 18t.063-.375t.212-.325l2.575-2.575q.3-.3.713-.287t.712.312q.275.3.288.7t-.288.7l-.85.85H17v-3q0-.425.288-.712T18 13t.713.288T19 14v3q0 .825-.587 1.413T17 19zm10.3-12H7v3q0 .425-.288.713T6 11t-.712-.288T5 10V7q0-.825.588-1.412T7 5h10.15l-.85-.85q-.3-.3-.288-.7t.288-.7q.3-.3.712-.312t.713.287L20.3 5.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.575 2.575q-.3.3-.712.288T16.3 9.25q-.275-.3-.288-.7t.288-.7z"}}]})(e)}function ct(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M9 15H6q-.425 0-.712-.288T5 14v-4q0-.425.288-.712T6 9h3l3.3-3.3q.475-.475 1.088-.213t.612.938v11.15q0 .675-.612.938T12.3 18.3zm9.5-3q0 1.05-.475 1.988t-1.25 1.537q-.25.15-.512.013T16 15.1V8.85q0-.3.263-.437t.512.012q.775.625 1.25 1.575t.475 2"}}]})(e)}function ft(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7 15V9h4l5-5v16l-5-5z"}}]})(e)}function dt(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M19 11.975q0-2.075-1.1-3.787t-2.95-2.563q-.375-.175-.55-.537t-.05-.738q.15-.4.538-.575t.787 0Q18.1 4.85 19.55 7.063T21 11.974t-1.45 4.913t-3.875 3.287q-.4.175-.788 0t-.537-.575q-.125-.375.05-.737t.55-.538q1.85-.85 2.95-2.562t1.1-3.788M7 15H4q-.425 0-.712-.288T3 14v-4q0-.425.288-.712T4 9h3l3.3-3.3q.475-.475 1.088-.213t.612.938v11.15q0 .675-.612.938T10.3 18.3zm9.5-3q0 1.05-.475 1.988t-1.25 1.537q-.25.15-.513.013T14 15.1V8.85q0-.3.263-.437t.512.012q.775.625 1.25 1.575t.475 2"}}]})(e)}function mt(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M18.25 12L8.5 17.629V6.37z"}}]})(e)}function le(e,t){if(!t.current)return 0;let r=(e.clientX-t.current.getBoundingClientRect().left)/t.current.clientWidth;return r=Math.max(r,0),r=Math.min(r,1),r=Math.floor(r*100)/100,r}function ce(e,t){if(!t.current)return 0;let r=1-(e.clientY-t.current.getBoundingClientRect().top)/t.current.clientHeight;return r=Math.max(r,0),r=Math.min(r,1),r=Math.floor(r*100)/100,r}function Le(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(r=Le(e[t]))&&(n&&(n+=" "),n+=r)}else for(r in e)e[r]&&(n&&(n+=" "),n+=r);return n}function w(){for(var e,t,r=0,n="",a=arguments.length;r<a;r++)(e=arguments[r])&&(t=Le(e))&&(n&&(n+=" "),n+=t);return n}function vt({bufferedPercentage:e,playedPercentage:t,onSeek:r}){const n=q("aplayer-bar"),a=q("aplayer-icon"),s=c.useRef(null),[f,p]=c.useState(t),i=c.useRef(!1);c.useEffect(()=>{i.current||p(t)},[t]);const y=c.useCallback(l=>{i.current=!0;const v=le(l,s);p(v);const E=h=>{const u=le(h,s);p(u)},g=h=>{document.removeEventListener("mousemove",E),document.removeEventListener("mouseup",g);const u=le(h,s);p(u),r==null||r(u),i.current=!1};document.addEventListener("mousemove",E),document.addEventListener("mouseup",g)},[r]);return d.jsx("div",{ref:s,className:w(n.b(),n.bs("vars")),onMouseDown:y,role:"slider","aria-label":"Audio progress","aria-valuenow":f?f*100:0,"aria-valuemin":0,"aria-valuemax":100,"aria-live":"polite",children:d.jsxs("div",{className:n.be("inner"),children:[typeof e<"u"?d.jsx("div",{className:n.be("loaded"),style:{width:`${e*100}%`}}):null,typeof f<"u"?d.jsx("div",{className:n.be("played"),style:{width:`${f*100}%`},children:d.jsx("span",{className:n.be("thumb"),children:d.jsx("span",{className:w(a.bs("loading")),children:d.jsx(Qe,{})})})}):null]})})}function bt({volume:e,muted:t,onToggleMuted:r,onChangeVolume:n}){const a=q("aplayer-volumn"),s=q("aplayer-icon"),f=c.useRef(null),[p,i]=c.useState(!1),y=c.useCallback(l=>{n(ce(l,f)),i(!0);const v=g=>{n(ce(g,f))},E=g=>{document.removeEventListener("mouseup",E),document.removeEventListener("mousemove",v),i(!1),n(ce(g,f))};document.addEventListener("mousemove",v),document.addEventListener("mouseup",E)},[n]);return d.jsxs("div",{className:w(a.b(),a.bs("vars")),children:[d.jsx("button",{type:"button",className:w(s.b(),s.bs("volume-down")),onClick:()=>r(),"aria-label":t||!e?"Muted":"unMuted",children:t||!e?d.jsx(ft,{}):e>=1?d.jsx(dt,{}):d.jsx(ct,{})}),d.jsx("div",{className:w(a.be("bar-wrap"),{[a.bem("bar-wrap","active")]:p}),ref:f,onMouseDown:y,children:d.jsx("div",{className:a.be("bar"),children:d.jsx("div",{className:a.be("thumb"),style:{height:t?0:`${e*100}%`}})})})]})}function xe(e){if(typeof e>"u")return"--:--";if(Number.isNaN(e))return"00:00";const t=f=>f<10?`0${f}`:`${f}`,r=Math.trunc(e/60),n=Math.trunc(e-r*60),a=Math.trunc(r/60),s=Math.trunc(e/60-60*Math.trunc(e/60/60));return e>=3600?`${t(a)}:${t(s)}:${t(n)}`:`${t(r)}:${t(n)}`}function ht({volume:e,onChangeVolume:t,muted:r,currentTime:n,audioDurationSeconds:a,bufferedSeconds:s,onToggleMenu:f,onToggleMuted:p,order:i,onOrderChange:y,loop:l,onLoopChange:v,onSeek:E,isPlaying:g,onTogglePlay:h,onSkipForward:u,onSkipBack:m,showLyrics:b=!0,onToggleLyrics:_}){const S=q("aplayer-controller"),j=q("aplayer-icon"),$=c.useCallback(()=>{const A={list:"random",random:"list"}[i];y(A)},[i,y]),k=c.useCallback(()=>{const A={all:"one",one:"none",none:"all"}[l];v(A)},[l,v]);return d.jsxs("div",{className:w(S.b(),S.bs("vars")),role:"group","aria-label":"Audio Controls",children:[d.jsx(vt,{playedPercentage:typeof n>"u"||typeof a>"u"?void 0:n/a,bufferedPercentage:typeof s>"u"||typeof a>"u"?void 0:s/a,onSeek:A=>E==null?void 0:E(A*a)}),d.jsxs("div",{className:S.be("time"),children:[d.jsxs("span",{className:S.be("time-inner"),"aria-live":"polite",children:[d.jsx("span",{className:S.be("ptime"),children:xe(n)})," / ",d.jsx("span",{className:S.be("dtime"),children:xe(a)})]}),d.jsx("button",{className:w(j.b(),j.bs("back")),onClick:m,type:"button","aria-label":"Previous track",children:d.jsx(Ke,{})}),d.jsx("button",{className:w(j.b(),j.bs("play")),onClick:h,type:"button","aria-label":g?"Pause audio":"Play audio",children:g?d.jsx(ut,{}):d.jsx(st,{})}),d.jsx("button",{className:w(j.b(),j.bs("forward")),onClick:u,type:"button","aria-label":"Next track",children:d.jsx(Xe,{})}),d.jsx(bt,{volume:e,muted:r,onToggleMuted:p,onChangeVolume:t}),d.jsx("button",{className:w(j.b(),j.bs("order")),onClick:$,type:"button","aria-label":`Playback order: ${i}`,children:{list:d.jsx(at,{}),random:d.jsx(nt,{})}[i]}),d.jsx("button",{className:w(j.b(),j.bs("order")),onClick:k,type:"button","aria-label":`Loop mode: ${l}`,children:{all:d.jsx(lt,{}),one:d.jsx(it,{}),none:d.jsx(rt,{})}[l]}),d.jsx("button",{type:"button",className:w(j.b(),j.bs("menu")),onClick:()=>f==null?void 0:f(),"aria-label":"Toggle playlist menu",children:d.jsx(tt,{})}),d.jsx("button",{type:"button",className:w(j.b(),j.bs("lrc"),{[j.ns("lrc-inactivity")]:!b}),onClick:_,"aria-label":b?"Hide lyrics":"Show lyrics","aria-pressed":b,children:d.jsx(ot,{})})]})]})}function yt({open:e,audio:t,playingAudioUrl:r,onPlayAudio:n,listMaxHeight:a,mini:s}){const f=q("aplayer-list"),p=a?{maxHeight:a}:void 0,i=c.useCallback(l=>l?typeof l=="string"?l:l.name??"Audio artist":"Audio artist",[]),y=c.useRef(null);return c.useEffect(()=>{if(y.current){const l=y.current;return l.style.maxHeight=`${Math.min(l.scrollHeight,a??1/0)}px`,()=>{l.removeAttribute("style")}}},[a,s]),d.jsx("div",{ref:y,className:w(f.b(),{[f.bm("hide")]:!e,[f.bs("vars")]:!0}),"aria-label":"Audio playlist","aria-live":"polite",children:d.jsx("ol",{style:p,children:t.map((l,v)=>d.jsxs("li",{className:w({[f.bm("active")]:l.url===r}),onClick:()=>{l.url!==r&&(n==null||n(l))},role:"button","aria-label":`${l.name??"Audio name"} by ${i(l.artist)}}`,children:[d.jsx("span",{className:f.be("cur")}),d.jsx("span",{className:f.be("index"),children:v+1}),d.jsx("span",{className:f.be("title"),children:l.name??"Audio name"}),d.jsx("span",{className:f.be("author"),children:i(l.artist)})]},l.name||v))})})}function Se({show:e,lrcText:t,currentTime:r}){const n=q("aplayer-lrc"),a=c.useMemo(()=>pt(t),[t]),s=c.useMemo(()=>{for(let p=0;p<a.length;p++){const i=a[p],y=a[p+1];if(r>=i[0]&&(!y||r<y[0]))return p}return 0},[r,a]),f=c.useMemo(()=>({transform:`translateY(${-s*16}px)`,WebkitTransform:`translateY(${-s*16}px)`}),[s]);return d.jsx("div",{className:w(n.b(),{[n.bm("hide")]:!e}),children:t?d.jsx("div",{className:n.be("contents"),style:f,children:a.map(([,p],i)=>d.jsx("p",{className:w({[n.be("current")]:i===s}),children:p},i))}):null})}function pt(e){if(e){e=e.replace(/([^\]^\n])\[/g,(a,s)=>`${s}
|
|
22
|
+
<%s key={someKey} {...props} />`,R,M,$,M),k[M+R]=!0)}if(M=null,S!==void 0&&(r(S),M=""+S),p(x)&&(r(x.key),M=""+x.key),"key"in x){S={};for(var J in x)J!=="key"&&(S[J]=x[J])}else S=x;return M&&v(S,typeof i=="function"?i.displayName||i.name||"Unknown":i),h(i,M,C,A,a(),S,ee,te)}function c(i){typeof i=="object"&&i!==null&&i.$$typeof===g&&i._store&&(i._store.validated=1)}var y=u,g=Symbol.for("react.transitional.element"),E=Symbol.for("react.portal"),s=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),m=Symbol.for("react.profiler"),_=Symbol.for("react.consumer"),O=Symbol.for("react.context"),j=Symbol.for("react.forward_ref"),D=Symbol.for("react.suspense"),B=Symbol.for("react.suspense_list"),N=Symbol.for("react.memo"),I=Symbol.for("react.lazy"),Q=Symbol.for("react.activity"),Z=Symbol.for("react.client.reference"),V=y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,U=Object.prototype.hasOwnProperty,W=Array.isArray,z=console.createTask?console.createTask:function(){return null};y={"react-stack-bottom-frame":function(i){return i()}};var H,w={},F=y["react-stack-bottom-frame"].bind(y,l)(),G=z(n(l)),k={};ne.Fragment=s,ne.jsx=function(i,x,S,R,A){var C=1e4>V.recentlyCreatedOwnerStacks++;return b(i,x,S,!1,R,A,C?Error("react-stack-top-frame"):F,C?z(n(i)):G)},ne.jsxs=function(i,x,S,R,A){var C=1e4>V.recentlyCreatedOwnerStacks++;return b(i,x,S,!0,R,A,C?Error("react-stack-top-frame"):F,C?z(n(i)):G)}}()),ne}var Ee;function De(){return Ee||(Ee=1,process.env.NODE_ENV==="production"?ie.exports=Ve():ie.exports=ze()),ie.exports}var f=De(),oe=e=>`--${e}`,Se=e=>`var(--${e})`,Te=(e,t)=>`--${e}: ${t};`;function Be(e,t){const r=n=>t;return{b:()=>`${r()}-${e}`,be:n=>`${r()}-${e}__${n}`,bm:n=>`${r()}-${e}--${n}`,bem:(n,a)=>`${r()}-${e}__${n}--${a}`,bs:n=>`${r()}-${e}-${n}`,ns:n=>`${r()}-${n}`,cb:()=>`.${r()}-${e}`,cbe:n=>`.${r()}-${e}__${n}`,cbm:n=>`.${r()}-${e}--${n}`,cbem:(n,a)=>`.${r()}-${e}__${n}--${a}`,cbs:n=>`.${r()}-${e}-${n}`,cns:n=>`.${r()}-${n}`,cv:n=>oe(`${r()}-${e}-${n}`),cvm:(n,a={})=>{const l=r();for(const p of Object.keys(n))a[oe(`${l}-${e}-${p}`)]=n[p];return a},gcv:n=>Se(`${r()}-${e}-${n}`),scv:(n,a)=>Te(`${r()}-${e}-${n}`,a),nv:n=>oe(`${r()}-${n}`),nvm:(n,a={})=>{const l=r();for(const p of Object.keys(n))a[oe(`${l}-${p}`)]=n[p];return a},gnv:n=>Se(`${r()}-${n}`),snv:(n,a)=>Te(`${r()}-${n}`,a)}}function q(e){return u.useMemo(()=>Be(e,"twist"),[e])}var Ne={color:void 0,size:void 0,className:void 0,style:void 0,attrs:void 0},be=X.createContext(Ne);be.Provider;function ae(e){"@babel/helpers - typeof";return ae=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ae(e)}var He=["attrs","size","title","spin","rotate","color"];function Fe(e,t){return We(e)||Ue(e,t)||Pe(e,t)||Ye()}function Ye(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
23
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Ue(e,t){var r=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r!=null){var n,a,l,p,v=[],d=!0,h=!1;try{if(l=(r=r.call(e)).next,t!==0)for(;!(d=(n=l.call(r)).done)&&(v.push(n.value),v.length!==t);d=!0);}catch(b){h=!0,a=b}finally{try{if(!d&&r.return!=null&&(p=r.return(),Object(p)!==p))return}finally{if(h)throw a}}return v}}function We(e){if(Array.isArray(e))return e}function Ge(e,t){var r=typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=Pe(e))||t){r&&(e=r);var n=0,a=function(){};return{s:a,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(h){throw h},f:a}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
|
|
24
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var l,p=!0,v=!1;return{s:function(){r=r.call(e)},n:function(){var h=r.next();return p=h.done,h},e:function(h){v=!0,l=h},f:function(){try{p||r.return==null||r.return()}finally{if(v)throw l}}}}function Pe(e,t){if(e){if(typeof e=="string")return je(e,t);var r={}.toString.call(e).slice(8,-1);return r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set"?Array.from(e):r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?je(e,t):void 0}}function je(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function le(){return le=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},le.apply(null,arguments)}function we(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function se(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?we(Object(r),!0).forEach(function(n){Je(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):we(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Je(e,t,r){return(t=Ke(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Ke(e){var t=Xe(e,"string");return ae(t)=="symbol"?t:t+""}function Xe(e,t){if(ae(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(ae(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Qe(e,t){if(e==null)return{};var r,n,a=Ze(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.includes(r)||{}.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function Ze(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.includes(n))continue;r[n]=e[n]}return r}function et(e){var t=e.attrs,r=e.size,n=e.title,a=e.spin,l=e.rotate,p=e.color,v=Qe(e,He),d=function(b){var c=r||b.size||"1em",y,g="",E="";return b.className&&(y=b.className),e.className&&(y=y?"".concat(y," ").concat(e.className):e.className),a&&(y?y+=" twist-icon-loading":y="twist-icon-loading"),l&&(g="rotate(".concat(l,"deg)"),E="rotate(".concat(l,"deg)")),X.createElement("svg",le({xmlns:"http://www.w3.org/2000/svg"},b.attrs,t,v,{className:y,style:se(se({color:p||b.color,msTransform:g,transform:E},b.style),e.style),width:c,height:c}),n&&X.createElement("title",null,n),e.children)};return be!==void 0?X.createElement(be.Consumer,null,function(h){return d(h)}):d(Ne)}function tt(e){var t={},r=e.split(";"),n=Ge(r),a;try{for(n.s();!(a=n.n()).done;){var l=a.value,p=l.split(":"),v=Fe(p,2),d=v[0],h=v[1];if(d&&h){var b=d.trim().replace(/-./g,function(c){return c.charAt(1).toUpperCase()});t[b]=h.trim()}}}catch(c){n.e(c)}finally{n.f()}return t}function Ae(e){return e&&e.map(function(t,r){return X.createElement(t.tag,se(se({},t.attrs),{},{key:r,style:t.attrs.style?tt(t.attrs.style):null}),Ae(t.children))})}function L(e){return function(t){return X.createElement(et,le({attrs:se({},e.attrs)},t),Ae(e.children))}}function rt(e){return L({attrs:{viewBox:"0 0 1024 1024"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M485.6 249.9L198.2 498c-8.3 7.1-8.3 20.8 0 27.9l287.4 248.2c10.7 9.2 26.4.9 26.4-14V263.8c0-14.8-15.7-23.2-26.4-13.9m320 0L518.2 498a18.6 18.6 0 0 0-6.2 14c0 5.2 2.1 10.4 6.2 14l287.4 248.2c10.7 9.2 26.4.9 26.4-14V263.8c0-14.8-15.7-23.2-26.4-13.9"}}]})(e)}function nt(e){return L({attrs:{viewBox:"0 0 1024 1024"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M825.8 498L538.4 249.9c-10.7-9.2-26.4-.9-26.4 14v496.3c0 14.9 15.7 23.2 26.4 14L825.8 526c8.3-7.2 8.3-20.8 0-28m-320 0L218.4 249.9c-10.7-9.2-26.4-.9-26.4 14v496.3c0 14.9 15.7 23.2 26.4 14L505.8 526c4.1-3.6 6.2-8.8 6.2-14s-2.1-10.4-6.2-14"}}]})(e)}function at(e){return L({attrs:{viewBox:"0 0 1024 1024"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M512 1024c-69.1 0-136.2-13.5-199.3-40.2C251.7 958 197 921 150 874S66 772.3 40.2 711.3C13.5 648.2 0 581.1 0 512c0-19.9 16.1-36 36-36s36 16.1 36 36c0 59.4 11.6 117 34.6 171.3c22.2 52.4 53.9 99.5 94.3 139.9s87.5 72.2 139.9 94.3C395 940.4 452.6 952 512 952s117-11.6 171.3-34.6c52.4-22.2 99.5-53.9 139.9-94.3s72.2-87.5 94.3-139.9C940.4 629 952 571.4 952 512s-11.6-117-34.6-171.3a440.5 440.5 0 0 0-94.3-139.9a437.7 437.7 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.2C772.3 66 827 103 874 150s83.9 101.8 109.7 162.7c26.7 63.1 40.2 130.2 40.2 199.3s-13.5 136.2-40.2 199.3C958 772.3 921 827 874 874s-101.8 83.9-162.7 109.7c-63.1 26.8-130.2 40.3-199.3 40.3"}}]})(e)}function _e(e){return L({attrs:{viewBox:"0 0 512 512"},children:[{tag:"path",attrs:{d:"M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z",fill:"currentColor"}}]})(e)}function st(e){return L({attrs:{viewBox:"0 0 512 512"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M208 432h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16m144 0h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16"}}]})(e)}function it(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"}}]})(e)}function ot(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2 5.27L3.28 4L20 20.72L18.73 22l-3-3H7v3l-4-4l4-4v3h6.73L7 10.27V11H5V8.27zM17 13h2v4.18l-2-2zm0-8V2l4 4l-4 4V7H8.82l-2-2z"}}]})(e)}function ut(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"m17 3l5.25 4.5L17 12l5.25 4.5L17 21v-3h-2.74l-2.82-2.82l2.12-2.12L15.5 15H17V9h-1.5l-9 9H2v-3h3.26l9-9H17zM2 6h4.5l2.82 2.82l-2.12 2.12L5.26 9H2z"}}]})(e)}function lt(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M16.15 13H5q-.425 0-.712-.288T4 12t.288-.712T5 11h11.15L13.3 8.15q-.3-.3-.288-.7t.288-.7q.3-.3.713-.312t.712.287L19.3 11.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-4.575 4.575q-.3.3-.712.288t-.713-.313q-.275-.3-.288-.7t.288-.7z"}}]})(e)}function ct(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M10.5 17q1.05 0 1.775-.725T13 14.5V9h3V7h-4v5.5q-.325-.225-.7-.363T10.5 12q-1.05 0-1.775.725T8 14.5t.725 1.775T10.5 17M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20z"}}]})(e)}function dt(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14 19V5h4v14zm-8 0V5h4v14z"}}]})(e)}function ft(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M8 17.175V6.825q0-.425.3-.713t.7-.287q.125 0 .263.037t.262.113l8.15 5.175q.225.15.338.375t.112.475t-.112.475t-.338.375l-8.15 5.175q-.125.075-.262.113T9 18.175q-.4 0-.7-.288t-.3-.712"}}]})(e)}function mt(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.5 10.5h-.75q-.325 0-.537-.213T10 9.75t.213-.537T10.75 9H12q.425 0 .713.288T13 10v4.25q0 .325-.213.538T12.25 15t-.537-.213t-.213-.537zM6.85 19l.85.85q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L3.7 18.7q-.15-.15-.213-.325T3.426 18t.063-.375t.212-.325l2.575-2.575q.3-.3.713-.287t.712.312q.275.3.288.7t-.288.7l-.85.85H17v-3q0-.425.288-.712T18 13t.713.288T19 14v3q0 .825-.587 1.413T17 19zm10.3-12H7v3q0 .425-.288.713T6 11t-.712-.288T5 10V7q0-.825.588-1.412T7 5h10.15l-.85-.85q-.3-.3-.288-.7t.288-.7q.3-.3.712-.312t.713.287L20.3 5.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.575 2.575q-.3.3-.712.288T16.3 9.25q-.275-.3-.288-.7t.288-.7z"}}]})(e)}function pt(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"m6.85 19l.85.85q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L3.7 18.7q-.15-.15-.213-.325T3.426 18t.063-.375t.212-.325l2.575-2.575q.3-.3.713-.287t.712.312q.275.3.288.7t-.288.7l-.85.85H17v-3q0-.425.288-.712T18 13t.713.288T19 14v3q0 .825-.587 1.413T17 19zm10.3-12H7v3q0 .425-.288.713T6 11t-.712-.288T5 10V7q0-.825.588-1.412T7 5h10.15l-.85-.85q-.3-.3-.288-.7t.288-.7q.3-.3.712-.312t.713.287L20.3 5.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.575 2.575q-.3.3-.712.288T16.3 9.25q-.275-.3-.288-.7t.288-.7z"}}]})(e)}function vt(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M9 15H6q-.425 0-.712-.288T5 14v-4q0-.425.288-.712T6 9h3l3.3-3.3q.475-.475 1.088-.213t.612.938v11.15q0 .675-.612.938T12.3 18.3zm9.5-3q0 1.05-.475 1.988t-1.25 1.537q-.25.15-.512.013T16 15.1V8.85q0-.3.263-.437t.512.012q.775.625 1.25 1.575t.475 2"}}]})(e)}function bt(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7 15V9h4l5-5v16l-5-5z"}}]})(e)}function ht(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M19 11.975q0-2.075-1.1-3.787t-2.95-2.563q-.375-.175-.55-.537t-.05-.738q.15-.4.538-.575t.787 0Q18.1 4.85 19.55 7.063T21 11.974t-1.45 4.913t-3.875 3.287q-.4.175-.788 0t-.537-.575q-.125-.375.05-.737t.55-.538q1.85-.85 2.95-2.562t1.1-3.788M7 15H4q-.425 0-.712-.288T3 14v-4q0-.425.288-.712T4 9h3l3.3-3.3q.475-.475 1.088-.213t.612.938v11.15q0 .675-.612.938T10.3 18.3zm9.5-3q0 1.05-.475 1.988t-1.25 1.537q-.25.15-.513.013T14 15.1V8.85q0-.3.263-.437t.512.012q.775.625 1.25 1.575t.475 2"}}]})(e)}function yt(e){return L({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M18.25 12L8.5 17.629V6.37z"}}]})(e)}function fe(e,t){if(!t.current)return 0;let r=(e.clientX-t.current.getBoundingClientRect().left)/t.current.clientWidth;return r=Math.max(r,0),r=Math.min(r,1),r=Math.floor(r*100)/100,r}function me(e,t){if(!t.current)return 0;let r=1-(e.clientY-t.current.getBoundingClientRect().top)/t.current.clientHeight;return r=Math.max(r,0),r=Math.min(r,1),r=Math.floor(r*100)/100,r}function ke(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(r=ke(e[t]))&&(n&&(n+=" "),n+=r)}else for(r in e)e[r]&&(n&&(n+=" "),n+=r);return n}function T(){for(var e,t,r=0,n="",a=arguments.length;r<a;r++)(e=arguments[r])&&(t=ke(e))&&(n&&(n+=" "),n+=t);return n}function gt({bufferedPercentage:e,playedPercentage:t,onSeek:r}){const n=q("aplayer-bar"),a=q("aplayer-icon"),l=u.useRef(null),[p,v]=u.useState(t),d=u.useRef(!1);u.useEffect(()=>{d.current||v(t)},[t]);const h=u.useCallback(b=>{d.current=!0;const c=fe(b,l);v(c);const y=E=>{const s=fe(E,l);v(s)},g=E=>{document.removeEventListener("mousemove",y),document.removeEventListener("mouseup",g);const s=fe(E,l);v(s),r==null||r(s),d.current=!1};document.addEventListener("mousemove",y),document.addEventListener("mouseup",g)},[r]);return f.jsx("div",{ref:l,className:T(n.b(),n.bs("vars")),onMouseDown:h,role:"slider","aria-label":"Audio progress","aria-valuenow":p?p*100:0,"aria-valuemin":0,"aria-valuemax":100,"aria-live":"polite",children:f.jsxs("div",{className:n.be("inner"),children:[typeof e<"u"?f.jsx("div",{className:n.be("loaded"),style:{width:`${e*100}%`}}):null,typeof p<"u"?f.jsx("div",{className:n.be("played"),style:{width:`${p*100}%`},children:f.jsx("span",{className:n.be("thumb"),children:f.jsx("span",{className:T(a.bs("loading")),children:f.jsx(at,{})})})}):null]})})}function xt({volume:e,muted:t,onToggleMuted:r,onChangeVolume:n}){const a=q("aplayer-volumn"),l=q("aplayer-icon"),p=u.useRef(null),[v,d]=u.useState(!1),h=u.useCallback(b=>{n(me(b,p)),d(!0);const c=g=>{n(me(g,p))},y=g=>{document.removeEventListener("mouseup",y),document.removeEventListener("mousemove",c),d(!1),n(me(g,p))};document.addEventListener("mousemove",c),document.addEventListener("mouseup",y)},[n]);return f.jsxs("div",{className:T(a.b(),a.bs("vars")),children:[f.jsx("button",{type:"button",className:T(l.b(),l.bs("volume-down")),onClick:()=>r(),"aria-label":t||!e?"Muted":"unMuted",children:t||!e?f.jsx(bt,{}):e>=1?f.jsx(ht,{}):f.jsx(vt,{})}),f.jsx("div",{className:T(a.be("bar-wrap"),{[a.bem("bar-wrap","active")]:v}),ref:p,onMouseDown:h,children:f.jsx("div",{className:a.be("bar"),children:f.jsx("div",{className:a.be("thumb"),style:{height:t?0:`${e*100}%`}})})})]})}function Oe(e){if(typeof e>"u")return"--:--";if(Number.isNaN(e))return"00:00";const t=p=>p<10?`0${p}`:`${p}`,r=Math.trunc(e/60),n=Math.trunc(e-r*60),a=Math.trunc(r/60),l=Math.trunc(e/60-60*Math.trunc(e/60/60));return e>=3600?`${t(a)}:${t(l)}:${t(n)}`:`${t(r)}:${t(n)}`}function Et({volume:e,onChangeVolume:t,muted:r,currentTime:n,audioDurationSeconds:a,bufferedSeconds:l,onToggleMenu:p,onToggleMuted:v,order:d,onOrderChange:h,loop:b,onLoopChange:c,onSeek:y,isPlaying:g,onTogglePlay:E,onSkipForward:s,onSkipBack:o,showLyrics:m=!0,onToggleLyrics:_}){const O=q("aplayer-controller"),j=q("aplayer-icon"),D=u.useCallback(()=>{const N={list:"random",random:"list"}[d];h(N)},[d,h]),B=u.useCallback(()=>{const N={all:"one",one:"none",none:"all"}[b];c(N)},[b,c]);return f.jsxs("div",{className:T(O.b(),O.bs("vars")),role:"group","aria-label":"Audio Controls",children:[f.jsx(gt,{playedPercentage:typeof n>"u"||typeof a>"u"?void 0:n/a,bufferedPercentage:typeof l>"u"||typeof a>"u"?void 0:l/a,onSeek:N=>y==null?void 0:y(N*a)}),f.jsxs("div",{className:O.be("time"),children:[f.jsxs("span",{className:O.be("time-inner"),"aria-live":"polite",children:[f.jsx("span",{className:O.be("ptime"),children:Oe(n)})," / ",f.jsx("span",{className:O.be("dtime"),children:Oe(a)})]}),f.jsx("button",{className:T(j.b(),j.bs("back")),onClick:o,type:"button","aria-label":"Previous track",children:f.jsx(rt,{})}),f.jsx("button",{className:T(j.b(),j.bs("play")),onClick:E,type:"button","aria-label":g?"Pause audio":"Play audio",children:g?f.jsx(dt,{}):f.jsx(ft,{})}),f.jsx("button",{className:T(j.b(),j.bs("forward")),onClick:s,type:"button","aria-label":"Next track",children:f.jsx(nt,{})}),f.jsx(xt,{volume:e,muted:r,onToggleMuted:v,onChangeVolume:t}),f.jsx("button",{className:T(j.b(),j.bs("order")),onClick:D,type:"button","aria-label":`Playback order: ${d}`,children:{list:f.jsx(lt,{}),random:f.jsx(ut,{})}[d]}),f.jsx("button",{className:T(j.b(),j.bs("order")),onClick:B,type:"button","aria-label":`Loop mode: ${b}`,children:{all:f.jsx(pt,{}),one:f.jsx(mt,{}),none:f.jsx(ot,{})}[b]}),f.jsx("button",{type:"button",className:T(j.b(),j.bs("menu")),onClick:()=>p==null?void 0:p(),"aria-label":"Toggle playlist menu",children:f.jsx(it,{})}),f.jsx("button",{type:"button",className:T(j.b(),j.bs("lrc"),{[j.ns("lrc-inactivity")]:!m}),onClick:_,"aria-label":m?"Hide lyrics":"Show lyrics","aria-pressed":m,children:f.jsx(ct,{})})]})]})}function St({open:e,audio:t,playingAudioUrl:r,onPlayAudio:n,listMaxHeight:a,isMiniExpanded:l,isSuperMiniExpanded:p}){const v=q("aplayer-list"),d=a?{maxHeight:a}:void 0,h=u.useCallback(c=>c?typeof c=="string"?c:c.name??"Audio artist":"Audio artist",[]),b=u.useRef(null);return u.useEffect(()=>{if(b.current){const c=b.current;return c.style.maxHeight=`${Math.min(c.scrollHeight,a??1/0)}px`,()=>{c.removeAttribute("style")}}},[a,l,p]),f.jsx("div",{ref:b,className:T(v.b(),{[v.bm("hide")]:!e,[v.bs("vars")]:!0}),"aria-label":"Audio playlist","aria-live":"polite",children:f.jsx("ol",{style:d,children:t.map((c,y)=>f.jsxs("li",{className:T({[v.bm("active")]:c.url===r}),onClick:()=>{c.url!==r&&(n==null||n(c))},role:"button","aria-label":`${c.name??"Audio name"} by ${h(c.artist)}}`,children:[f.jsx("span",{className:v.be("cur")}),f.jsx("span",{className:v.be("index"),children:y+1}),f.jsx("span",{className:v.be("title"),children:c.name??"Audio name"}),f.jsx("span",{className:v.be("author"),children:h(c.artist)})]},c.name||y))})})}function Me({show:e,lrcText:t,currentTime:r}){const n=q("aplayer-lrc"),a=u.useMemo(()=>Tt(t),[t]),l=u.useMemo(()=>{for(let v=0;v<a.length;v++){const d=a[v],h=a[v+1];if(r>=d[0]&&(!h||r<h[0]))return v}return 0},[r,a]),p=u.useMemo(()=>({transform:`translateY(${-l*16}px)`,WebkitTransform:`translateY(${-l*16}px)`}),[l]);return f.jsx("div",{className:T(n.b(),{[n.bm("hide")]:!e}),children:t?f.jsx("div",{className:n.be("contents"),style:p,children:a.map(([,v],d)=>f.jsx("p",{className:T({[n.be("current")]:d===l}),children:v},d))}):null})}function Tt(e){if(e){e=e.replace(/([^\]^\n])\[/g,(a,l)=>`${l}
|
|
25
25
|
[`);const t=e.split(`
|
|
26
|
-
`),r=[],n=t.length;for(let a=0;a<n;a++){const
|
|
26
|
+
`),r=[],n=t.length;for(let a=0;a<n;a++){const l=t[a].match(/\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g),p=t[a].replace(/.*\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g,"").replace(/<(\d{2}):(\d{2})(\.(\d{2,3}))?>/g,"").replace(/^\s+|\s+$/g,"");if(l){const v=l.length;for(let d=0;d<v;d++){const h=/\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/.exec(l[d]),b=h[1]*60,c=Number.parseInt(h[2]),y=h[4]?Number.parseInt(h[4])/(`${h[4]}`.length===2?100:1e3):0,g=b+c+y;r.push([g,p])}}}return r.sort((a,l)=>a[0]-l[0]),r}else return[]}var ue={exports:{}},pe={};/**
|
|
27
27
|
* @license React
|
|
28
28
|
* use-sync-external-store-shim.production.js
|
|
29
29
|
*
|
|
@@ -31,7 +31,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
31
31
|
*
|
|
32
32
|
* This source code is licensed under the MIT license found in the
|
|
33
33
|
* LICENSE file in the root directory of this source tree.
|
|
34
|
-
*/var
|
|
34
|
+
*/var Re;function jt(){if(Re)return pe;Re=1;var e=u;function t(c,y){return c===y&&(c!==0||1/c===1/y)||c!==c&&y!==y}var r=typeof Object.is=="function"?Object.is:t,n=e.useState,a=e.useEffect,l=e.useLayoutEffect,p=e.useDebugValue;function v(c,y){var g=y(),E=n({inst:{value:g,getSnapshot:y}}),s=E[0].inst,o=E[1];return l(function(){s.value=g,s.getSnapshot=y,d(s)&&o({inst:s})},[c,g,y]),a(function(){return d(s)&&o({inst:s}),c(function(){d(s)&&o({inst:s})})},[c]),p(g),g}function d(c){var y=c.getSnapshot;c=c.value;try{var g=y();return!r(c,g)}catch{return!0}}function h(c,y){return y()}var b=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?h:v;return pe.useSyncExternalStore=e.useSyncExternalStore!==void 0?e.useSyncExternalStore:b,pe}var ve={};/**
|
|
35
35
|
* @license React
|
|
36
36
|
* use-sync-external-store-shim.development.js
|
|
37
37
|
*
|
|
@@ -39,4 +39,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
39
39
|
*
|
|
40
40
|
* This source code is licensed under the MIT license found in the
|
|
41
41
|
* LICENSE file in the root directory of this source tree.
|
|
42
|
-
*/var je;function Et(){return je||(je=1,process.env.NODE_ENV!=="production"&&function(){function e(g,h){return g===h&&(g!==0||1/g===1/h)||g!==g&&h!==h}function t(g,h){l||a.startTransition===void 0||(l=!0,console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));var u=h();if(!v){var m=h();s(u,m)||(console.error("The result of getSnapshot should be cached to avoid an infinite loop"),v=!0)}m=f({inst:{value:u,getSnapshot:h}});var b=m[0].inst,_=m[1];return i(function(){b.value=u,b.getSnapshot=h,r(b)&&_({inst:b})},[g,u,h]),p(function(){return r(b)&&_({inst:b}),g(function(){r(b)&&_({inst:b})})},[g]),y(u),u}function r(g){var h=g.getSnapshot;g=g.value;try{var u=h();return!s(g,u)}catch{return!0}}function n(g,h){return h()}typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var a=c,s=typeof Object.is=="function"?Object.is:e,f=a.useState,p=a.useEffect,i=a.useLayoutEffect,y=a.useDebugValue,l=!1,v=!1,E=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?n:t;de.useSyncExternalStore=a.useSyncExternalStore!==void 0?a.useSyncExternalStore:E,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())}()),de}var we;function xt(){return we||(we=1,process.env.NODE_ENV==="production"?ne.exports=gt():ne.exports=Et()),ne.exports}var V=xt();const B=[];function St(e){const t=c.useRef(null);return c.useEffect(()=>{if(typeof window<"u"&&!t.current){const r=t.current=document.createElement("audio");typeof(e==null?void 0:e.src)<"u"&&(r.src=e.src),typeof(e==null?void 0:e.autoPlay)<"u"&&(r.autoplay=e.autoPlay),typeof(e==null?void 0:e.initialVolume)<"u"&&(r.volume=e.initialVolume),B.includes(r)||B.push(r)}},[e==null?void 0:e.autoPlay,e==null?void 0:e.initialVolume,e==null?void 0:e.src]),c.useEffect(()=>{if(typeof window>"u")return;const r=t.current;if(r&&(e!=null&&e.onError))return r.addEventListener("error",e.onError),()=>{r.removeEventListener("error",e.onError)}},[e==null?void 0:e.onError]),c.useEffect(()=>{if(typeof window>"u")return;const r=t.current;if(r&&(e!=null&&e.onEnded))return r.addEventListener("ended",e.onEnded),()=>{r.removeEventListener("ended",e.onEnded)}},[e==null?void 0:e.onEnded]),c.useEffect(()=>()=>{const r=t.current;if(r){r.pause(),r.currentTime=0;const n=B.indexOf(r);n!==-1&&B.splice(n,1)}t.current=null},[]),t}function Tt(e){const t=St(e),r=c.useCallback(u=>{for(let m=0;m<B.length;m++){const b=B[m];b!==u&&!b.paused&&b.pause()}},[]),n=c.useCallback(async u=>{var b;const m=t.current;if(m){e.mutex&&r(m),m.src!==u&&(m.pause(),m.currentTime=0,m.src=u);try{await((b=t.current)==null?void 0:b.play())}catch{}}},[t,e.mutex,r]),a=c.useCallback(u=>{const m=t.current;m&&(m.paused?n(u):m.pause())},[t,n]),s=c.useCallback(u=>{Number.isFinite(u)&&(t.current.currentTime=u)},[t]),f=c.useCallback(()=>{t.current&&(t.current.muted=!t.current.muted)},[t]),p=c.useCallback(u=>{t.current&&(t.current.volume=u)},[t]),i=V.useSyncExternalStore(c.useCallback(u=>{var m;return(m=t.current)==null||m.addEventListener("volumechange",u),()=>{var b;(b=t.current)==null||b.removeEventListener("volumechange",u)}},[t]),()=>{var u;return(u=t.current)==null?void 0:u.volume},()=>{}),y=V.useSyncExternalStore(c.useCallback(u=>{var m;return(m=t.current)==null||m.addEventListener("volumechange",u),()=>{var b;(b=t.current)==null||b.removeEventListener("volumechange",u)}},[t]),()=>{var u;return(u=t.current)==null?void 0:u.muted},()=>{}),l=V.useSyncExternalStore(c.useCallback(u=>{var m;return(m=t.current)==null||m.addEventListener("timeupdate",u),()=>{var b;(b=t.current)==null||b.removeEventListener("timeupdate",u)}},[t]),()=>{if(t.current)return Math.round(t.current.currentTime)},()=>{}),v=V.useSyncExternalStore(c.useCallback(u=>{var m;return(m=t.current)==null||m.addEventListener("durationchange",u),()=>{var b;(b=t.current)==null||b.removeEventListener("durationchange",u)}},[t]),()=>{var u;return(u=t.current)==null?void 0:u.duration},()=>{}),E=V.useSyncExternalStore(c.useCallback(u=>{var m;return(m=t.current)==null||m.addEventListener("progress",u),()=>{var b;(b=t.current)==null||b.removeEventListener("progress",u)}},[t]),()=>{const u=t.current;return u&&u.buffered.length>0?u.buffered.end(u.buffered.length-1):0},()=>{}),g=V.useSyncExternalStore(c.useCallback(u=>{var m,b;return(m=t.current)==null||m.addEventListener("play",u),(b=t.current)==null||b.addEventListener("pause",u),()=>{var _,S;(_=t.current)==null||_.removeEventListener("play",u),(S=t.current)==null||S.removeEventListener("pause",u)}},[t]),()=>{const u=t.current;return u?!u.paused:!1},()=>{}),h=V.useSyncExternalStore(c.useCallback(u=>{var m,b;return(m=t.current)==null||m.addEventListener("playing",u),(b=t.current)==null||b.addEventListener("waiting",u),()=>{var _,S;(_=t.current)==null||_.removeEventListener("playing",u),(S=t.current)==null||S.removeEventListener("waiting",u)}},[t]),()=>{const u=t.current;return u?u.networkState===u.NETWORK_LOADING:!1},()=>{});return{audio:t.current,playAudio:n,togglePlay:a,seek:s,toggleMuted:f,setVolume:p,volume:i,muted:y,currentTime:l,duration:v,bufferedSeconds:E,isPlaying:g,isLoading:h}}function jt(e,t){return c.useMemo(()=>{const r={...t};for(const n in e)e[n]!==void 0&&(r[n]=e[n]);return r},[e,t])}function wt(e){const[t,r]=c.useState(e);return c.useEffect(()=>{r(e)},[e]),{mini:t,setMini:r}}function Ae(){const e=c.useRef([]);return c.useEffect(()=>{const r=e.current;return()=>{for(const n of r)clearTimeout(n)}},[]),c.useCallback((r,n)=>{const a=setTimeout(r,n);return e.current.push(a),a},[])}function _t(){const e=c.useRef(null),[t,r]=c.useState({text:"",style:{opacity:0}}),n=Ae(),a=c.useCallback((s,f=2e3)=>{e.current&&clearTimeout(e.current),r({text:s,style:{opacity:1}}),e.current=n(()=>{r({text:s,style:{opacity:0}})},f)},[n]);return[t,a]}function Ot(e){const t=jt(e,{appearance:"normal",volume:.7,autoPlay:!1,listMaxHeight:250,mini:!1,mutex:!0,listFolded:!1,theme:"light",border:!1}),{audio:r,appearance:n,initialLoop:a,initialOrder:s,volume:f,autoPlay:p,listMaxHeight:i,listFolded:y,mutex:l,theme:v,border:E}=t,g=c.useMemo(()=>Array.isArray(r)?r:[r],[r]),h=At(g,{initialLoop:a,initialOrder:s}),[u,m]=_t(),{mini:b,setMini:_}=wt(t.mini),S=Ae(),j=c.useRef(null),$=c.useCallback(()=>{j.current&&(clearTimeout(j.current),j.current=null)},[]),k=c.useRef(!1),A=Tt({src:h.currentSong.url,initialVolume:f,autoPlay:p,mutex:l,onError(P){const{error:o}=P.target;o&&m("An audio error has occurred, player will skip forward in 2 seconds."),h.hasNextSong&&(j.current=S(()=>{h.next()},2e3))},onEnded(){const{list:P,currentSong:o,loop:x,prioritize:T,hasNextSong:R}=h,{audio:C}=A;if(x==="one"){T({...o});return}if(!R&&x==="none"){k.current=!0,C.currentTime=0,C.pause(),C.src=P[0].url,T(P[0]);return}h.next()}}),I=h.length>1,O=c.useCallback(()=>{$(),A.togglePlay(h.currentSong.url)},[A,$,h.currentSong.url]),{prioritize:Q}=h,F=c.useCallback(P=>{$(),Q(P)},[$,Q]),[Z,oe]=c.useState(()=>I&&!y),[Y,ee]=c.useState(n!=="fixed"),z=c.useRef(null);c.useEffect(()=>{p&&A.playAudio(h.currentSong.url)},[]);const U=c.useRef(!0),W=c.useRef(h.currentSong);return c.useEffect(()=>{if(U.current){U.current=!1;return}if(k.current){k.current=!1;return}h.currentSong&&(h.loop==="one"||h.currentSong!==W.current)&&(W.current=h.currentSong,A.playAudio(h.currentSong.url))},[h.currentSong]),c.useEffect(()=>{if(n==="fixed"&&z.current){const P=z.current;return P.style.width="400px",()=>{P.removeAttribute("style")}}},[n]),{bodyRef:z,appearance:n,volume:f,listMaxHeight:i,theme:v,border:E,notice:u,audioControl:A,audio:g,handlePlayButtonClick:O,handlePlayAudioFromList:F,isPlaylistOpen:Z,setPlaylistOpen:oe,mini:b,displayLyrics:Y,setDisplayLyrics:ee,setMini:_,playlist:h,hasPlaylist:I}}function Rt(e){return Lt(e.slice())}function Lt(e){let t=e.length,r;for(;t!==0;)r=Math.floor(Math.random()*t),t--,[e[t],e[r]]=[e[r],e[t]];return e}function At(e,t){const{initialLoop:r="all",initialOrder:n="list"}=t,[a,s]=c.useState(r),[f,p]=c.useState(n),i=c.useMemo(()=>f==="list"?e:Rt(e),[e,f]),[y,l]=c.useState(i[0]),v=c.useCallback(m=>m.url,[]),E=c.useMemo(()=>i.findIndex(b=>v(b)===v(y))<i.length-1||a!=="none",[i,y,a,v]),g=c.useCallback(()=>{l(m=>{const b=i.findIndex(_=>v(_)===v(m));return b<i.length-1?i[b+1]:{...i[0]}})},[a,i,v]),h=c.useCallback(()=>{l(m=>{const b=i.indexOf(m);return b>0?i[b-1]:m})},[i]),u=c.useCallback(m=>{l(m)},[]);return c.useEffect(()=>{const m=i.find(b=>v(b)===v(y));l(m||i[0])},[i,v,y]),{list:i,currentSong:y,hasNextSong:E,next:g,previous:h,prioritize:u,order:f,setOrder:p,loop:a,setLoop:s,length:i.length}}function Nt(e){var k,A,I;const t=q("aplayer"),{bodyRef:r,appearance:n,volume:a,listMaxHeight:s,theme:f,border:p,notice:i,audio:y,audioControl:l,handlePlayButtonClick:v,handlePlayAudioFromList:E,isPlaylistOpen:g,setPlaylistOpen:h,mini:u,displayLyrics:m,setDisplayLyrics:b,setMini:_,playlist:S,hasPlaylist:j}=Ot(e),$=c.useCallback(O=>O?typeof O=="string"?O:O.url?d.jsx("a",{href:O.url,target:"_blank",rel:"noreferrer",children:O.name??"Audio artist"}):O.name??"Audio artist":"Audio artist",[]);return d.jsxs("div",{className:w(t.b(),{[t.bs(f)]:!0,[t.bs("vars")]:!0,[t.bm(n)]:!0,[t.bm("loading")]:l.isLoading,[t.bm("withlist")]:j,[t.bm("list-folded")]:!g,[t.bm("withlrc")]:!!S.currentSong.lrc&&n!=="fixed",[t.bm("narrow")]:u,[t.bm("border")]:p}),role:"region","aria-label":"Audio Player",children:[d.jsxs("div",{ref:r,className:t.be("body"),children:[d.jsx("div",{className:t.be("pic"),onClick:v,style:{backgroundImage:`url("${(k=S.currentSong)==null?void 0:k.cover}")`},role:"button","aria-label":l.isPlaying?"Pause audio":"Play audio",children:d.jsx("div",{className:w(t.be("button"),l.isPlaying?t.bm("pause"):t.bm("play")),role:"presentation",children:l.isPlaying?d.jsx(et,{}):d.jsx(mt,{})})}),d.jsxs("div",{className:w(t.be("info")),children:[d.jsxs("div",{className:w(t.be("music")),children:[d.jsx("span",{className:w(t.be("title")),children:((A=S.currentSong)==null?void 0:A.name)??"Audio name"}),d.jsxs("span",{className:w(t.be("author")),children:[" ","-"," ",$((I=S.currentSong)==null?void 0:I.artist)]})]}),n==="fixed"?null:d.jsx(Se,{show:m,lrcText:S.currentSong.lrc,currentTime:l.currentTime??0}),d.jsx(ht,{volume:l.volume??a,onChangeVolume:l.setVolume,muted:l.muted??!1,onToggleMuted:()=>l.toggleMuted(),currentTime:l.currentTime,audioDurationSeconds:l.duration,bufferedSeconds:l.bufferedSeconds,onSeek:O=>l.seek(O),onToggleMenu:()=>h(O=>!O),order:S.order,onOrderChange:S.setOrder,loop:S.loop,onLoopChange:S.setLoop,isPlaying:l.isPlaying??!1,onTogglePlay:v,onSkipForward:()=>{S.hasNextSong&&S.next()},onSkipBack:()=>{S.previous()},showLyrics:m,onToggleLyrics:()=>{b(O=>!O)}})]}),d.jsx("div",{className:t.be("notice"),style:i.style,children:i.text}),d.jsx("div",{className:t.be("miniswitcher"),onClick:()=>_(O=>!O),children:d.jsx("button",{className:w(t.bs("icon"),t.bs("icon-right")),type:"button",children:d.jsx(Ze,{})})})]}),j?d.jsx(yt,{open:g,audio:y,playingAudioUrl:S.currentSong.url,onPlayAudio:E,listMaxHeight:s,mini:u}):null,n==="fixed"&&d.jsx(Se,{show:m,lrcText:S.currentSong.lrc,currentTime:l.currentTime??0})]})}exports.TwistAPlayer=Nt;
|
|
42
|
+
*/var Le;function wt(){return Le||(Le=1,process.env.NODE_ENV!=="production"&&function(){function e(g,E){return g===E&&(g!==0||1/g===1/E)||g!==g&&E!==E}function t(g,E){b||a.startTransition===void 0||(b=!0,console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));var s=E();if(!c){var o=E();l(s,o)||(console.error("The result of getSnapshot should be cached to avoid an infinite loop"),c=!0)}o=p({inst:{value:s,getSnapshot:E}});var m=o[0].inst,_=o[1];return d(function(){m.value=s,m.getSnapshot=E,r(m)&&_({inst:m})},[g,s,E]),v(function(){return r(m)&&_({inst:m}),g(function(){r(m)&&_({inst:m})})},[g]),h(s),s}function r(g){var E=g.getSnapshot;g=g.value;try{var s=E();return!l(g,s)}catch{return!0}}function n(g,E){return E()}typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var a=u,l=typeof Object.is=="function"?Object.is:e,p=a.useState,v=a.useEffect,d=a.useLayoutEffect,h=a.useDebugValue,b=!1,c=!1,y=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?n:t;ve.useSyncExternalStore=a.useSyncExternalStore!==void 0?a.useSyncExternalStore:y,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())}()),ve}var Ce;function _t(){return Ce||(Ce=1,process.env.NODE_ENV==="production"?ue.exports=jt():ue.exports=wt()),ue.exports}var Y=_t();const K=[];function Ot(e){const t=u.useRef(null);return u.useEffect(()=>{if(typeof window<"u"&&!t.current){const r=t.current=document.createElement("audio");typeof(e==null?void 0:e.src)<"u"&&(r.src=e.src),typeof(e==null?void 0:e.autoPlay)<"u"&&(r.autoplay=e.autoPlay),typeof(e==null?void 0:e.initialVolume)<"u"&&(r.volume=e.initialVolume),K.includes(r)||K.push(r)}},[e==null?void 0:e.autoPlay,e==null?void 0:e.initialVolume,e==null?void 0:e.src]),u.useEffect(()=>{if(typeof window>"u")return;const r=t.current;if(r&&(e!=null&&e.onError))return r.addEventListener("error",e.onError),()=>{r.removeEventListener("error",e.onError)}},[e==null?void 0:e.onError]),u.useEffect(()=>{if(typeof window>"u")return;const r=t.current;if(r&&(e!=null&&e.onEnded))return r.addEventListener("ended",e.onEnded),()=>{r.removeEventListener("ended",e.onEnded)}},[e==null?void 0:e.onEnded]),u.useEffect(()=>()=>{const r=t.current;if(r){r.pause(),r.currentTime=0;const n=K.indexOf(r);n!==-1&&K.splice(n,1)}t.current=null},[]),t}function Mt(e){const t=Ot(e),r=u.useCallback(s=>{for(let o=0;o<K.length;o++){const m=K[o];m!==s&&!m.paused&&m.pause()}},[]),n=u.useCallback(async s=>{var m;const o=t.current;if(o){e.mutex&&r(o),o.src!==s&&(o.pause(),o.currentTime=0,o.src=s);try{await((m=t.current)==null?void 0:m.play())}catch{}}},[t,e.mutex,r]),a=u.useCallback(s=>{const o=t.current;o&&(o.paused?n(s):o.pause())},[t,n]),l=u.useCallback(s=>{Number.isFinite(s)&&(t.current.currentTime=s)},[t]),p=u.useCallback(()=>{t.current&&(t.current.muted=!t.current.muted)},[t]),v=u.useCallback(s=>{t.current&&(t.current.volume=s)},[t]),d=Y.useSyncExternalStore(u.useCallback(s=>{var o;return(o=t.current)==null||o.addEventListener("volumechange",s),()=>{var m;(m=t.current)==null||m.removeEventListener("volumechange",s)}},[t]),()=>{var s;return(s=t.current)==null?void 0:s.volume},()=>{}),h=Y.useSyncExternalStore(u.useCallback(s=>{var o;return(o=t.current)==null||o.addEventListener("volumechange",s),()=>{var m;(m=t.current)==null||m.removeEventListener("volumechange",s)}},[t]),()=>{var s;return(s=t.current)==null?void 0:s.muted},()=>{}),b=Y.useSyncExternalStore(u.useCallback(s=>{var o;return(o=t.current)==null||o.addEventListener("timeupdate",s),()=>{var m;(m=t.current)==null||m.removeEventListener("timeupdate",s)}},[t]),()=>{if(t.current)return Math.round(t.current.currentTime)},()=>{}),c=Y.useSyncExternalStore(u.useCallback(s=>{var o;return(o=t.current)==null||o.addEventListener("durationchange",s),()=>{var m;(m=t.current)==null||m.removeEventListener("durationchange",s)}},[t]),()=>{var s;return(s=t.current)==null?void 0:s.duration},()=>{}),y=Y.useSyncExternalStore(u.useCallback(s=>{var o;return(o=t.current)==null||o.addEventListener("progress",s),()=>{var m;(m=t.current)==null||m.removeEventListener("progress",s)}},[t]),()=>{const s=t.current;return s&&s.buffered.length>0?s.buffered.end(s.buffered.length-1):0},()=>{}),g=Y.useSyncExternalStore(u.useCallback(s=>{var o,m;return(o=t.current)==null||o.addEventListener("play",s),(m=t.current)==null||m.addEventListener("pause",s),()=>{var _,O;(_=t.current)==null||_.removeEventListener("play",s),(O=t.current)==null||O.removeEventListener("pause",s)}},[t]),()=>{const s=t.current;return s?!s.paused:!1},()=>{}),E=Y.useSyncExternalStore(u.useCallback(s=>{var o,m;return(o=t.current)==null||o.addEventListener("playing",s),(m=t.current)==null||m.addEventListener("waiting",s),()=>{var _,O;(_=t.current)==null||_.removeEventListener("playing",s),(O=t.current)==null||O.removeEventListener("waiting",s)}},[t]),()=>{const s=t.current;return s?s.networkState===s.NETWORK_LOADING:!1},()=>{});return{audio:t.current,playAudio:n,togglePlay:a,seek:l,toggleMuted:p,setVolume:v,volume:d,muted:h,currentTime:b,duration:c,bufferedSeconds:y,isPlaying:g,isLoading:E}}function Rt(e,t){return u.useMemo(()=>{const r={...t};for(const n in e)e[n]!==void 0&&(r[n]=e[n]);return r},[e,t])}function Lt(e){const[t,r]=u.useState(e),[n,a]=u.useState(!1);return u.useEffect(()=>{r(e)},[e]),{mini:t,setMini:r,expanded:n,setExpanded:a,toggleExpanded:()=>a(v=>!v),isMiniCollapsed:t&&!n,isMiniExpanded:t&&n}}function Ct(e){const[t,r]=u.useState(e),[n,a]=u.useState(!1);return u.useEffect(()=>{r(e)},[e]),{superMini:t,setSuperMini:r,expanded:n,setExpanded:a,toggleExpanded:()=>a(v=>!v),isSuperMiniCollapsed:t&&!n,isSuperMiniExpanded:t&&n}}function $e(){const e=u.useRef([]);return u.useEffect(()=>{const r=e.current;return()=>{for(const n of r)clearTimeout(n)}},[]),u.useCallback((r,n)=>{const a=setTimeout(r,n);return e.current.push(a),a},[])}function Nt(){const e=u.useRef(null),[t,r]=u.useState({text:"",style:{opacity:0}}),n=$e(),a=u.useCallback((l,p=2e3)=>{e.current&&clearTimeout(e.current),r({text:l,style:{opacity:1}}),e.current=n(()=>{r({text:l,style:{opacity:0}})},p)},[n]);return[t,a]}function Pt(e){const t=Rt(e,{appearance:"normal",volume:.7,autoPlay:!1,listMaxHeight:250,mini:!1,superMini:!1,mutex:!0,listFolded:!1,theme:"light",border:!1}),{audio:r,appearance:n,initialLoop:a,initialOrder:l,volume:p,autoPlay:v,listMaxHeight:d,listFolded:h,mutex:b,theme:c,border:y,mini:g,superMini:E}=t,s=u.useMemo(()=>Array.isArray(r)?r:[r],[r]),o=$t(s,{initialLoop:a,initialOrder:l}),[m,_]=Nt(),{mini:O,expanded:j,toggleExpanded:D,isMiniCollapsed:B,isMiniExpanded:N}=Lt(g),{superMini:I,expanded:Q,toggleExpanded:Z,isSuperMiniCollapsed:V,isSuperMiniExpanded:U}=Ct(E),W=!I&&O,z=I&&!O,H=$e(),w=u.useRef(null),F=u.useCallback(()=>{w.current&&(clearTimeout(w.current),w.current=null)},[]),G=u.useRef(!1),k=Mt({src:o.currentSong.url,initialVolume:p,autoPlay:v,mutex:b,onError(P){const{error:ce}=P.target;ce&&_("An audio error has occurred, player will skip forward in 2 seconds."),o.hasNextSong&&(w.current=H(()=>{o.next()},2e3))},onEnded(){const{list:P,currentSong:ce,loop:he,prioritize:ye,hasNextSong:qe}=o,{audio:de}=k;if(he==="one"){ye({...ce});return}if(!qe&&he==="none"){G.current=!0,de.currentTime=0,de.pause(),de.src=P[0].url,ye(P[0]);return}o.next()}}),i=o.length>1,x=u.useCallback(()=>{F(),k.togglePlay(o.currentSong.url)},[k,F,o.currentSong.url]),{prioritize:S}=o,R=u.useCallback(P=>{F(),S(P)},[F,S]),[A,C]=u.useState(()=>i&&!h),[ee,te]=u.useState(n!=="fixed"),M=u.useRef(null);u.useEffect(()=>{v&&k.playAudio(o.currentSong.url)},[]);const $=u.useRef(!0),J=u.useRef(o.currentSong);return u.useEffect(()=>{if($.current){$.current=!1;return}if(G.current){G.current=!1;return}o.currentSong&&(o.loop==="one"||o.currentSong!==J.current)&&(J.current=o.currentSong,k.playAudio(o.currentSong.url))},[o.currentSong]),u.useEffect(()=>{if(n==="fixed"&&M.current){const P=M.current;return P.style.width="400px",()=>{P.removeAttribute("style")}}},[n]),{bodyRef:M,appearance:n,volume:p,listMaxHeight:d,theme:c,border:y,notice:m,audioControl:k,audio:s,handlePlayButtonClick:x,handlePlayAudioFromList:R,isPlaylistOpen:A,setPlaylistOpen:C,mini:O,displayLyrics:ee,setDisplayLyrics:te,playlist:o,hasPlaylist:i,superMini:I,showSuperMini:z,superMiniExpanded:Q,toggleSuperMiniExpanded:Z,isSuperMiniCollapsed:V,isSuperMiniExpanded:U,showMini:W,miniExpanded:j,toggleMiniExpanded:D,isMiniCollapsed:B,isMiniExpanded:N}}function At(e){return kt(e.slice())}function kt(e){let t=e.length,r;for(;t!==0;)r=Math.floor(Math.random()*t),t--,[e[t],e[r]]=[e[r],e[t]];return e}function $t(e,t){const{initialLoop:r="all",initialOrder:n="list"}=t,[a,l]=u.useState(r),[p,v]=u.useState(n),d=u.useMemo(()=>p==="list"?e:At(e),[e,p]),[h,b]=u.useState(d[0]),c=u.useCallback(o=>o.url,[]),y=u.useMemo(()=>d.findIndex(m=>c(m)===c(h))<d.length-1||a!=="none",[d,h,a,c]),g=u.useCallback(()=>{b(o=>{const m=d.findIndex(_=>c(_)===c(o));return m<d.length-1?d[m+1]:{...d[0]}})},[a,d,c]),E=u.useCallback(()=>{b(o=>{const m=d.indexOf(o);return m>0?d[m-1]:o})},[d]),s=u.useCallback(o=>{b(o)},[]);return u.useEffect(()=>{const o=d.find(m=>c(m)===c(h));b(o||d[0])},[d,c,h]),{list:d,currentSong:h,hasNextSong:y,next:g,previous:E,prioritize:s,order:p,setOrder:v,loop:a,setLoop:l,length:d.length}}function qt(e){var W,z,H;const t=q("aplayer"),{bodyRef:r,appearance:n,volume:a,listMaxHeight:l,theme:p,border:v,notice:d,audio:h,audioControl:b,handlePlayButtonClick:c,handlePlayAudioFromList:y,isPlaylistOpen:g,setPlaylistOpen:E,displayLyrics:s,setDisplayLyrics:o,playlist:m,hasPlaylist:_,showSuperMini:O,superMiniExpanded:j,toggleSuperMiniExpanded:D,isSuperMiniCollapsed:B,isSuperMiniExpanded:N,showMini:I,toggleMiniExpanded:Q,isMiniCollapsed:Z,isMiniExpanded:V}=Pt(e),U=u.useCallback(w=>w?typeof w=="string"?w:w.url?f.jsx("a",{href:w.url,target:"_blank",rel:"noreferrer",children:w.name??"Audio artist"}):w.name??"Audio artist":"Audio artist",[]);return f.jsxs("div",{className:T(t.b(),{[t.bs(p)]:!0,[t.bs("vars")]:!0,[t.bm(n)]:!0,[t.bm("loading")]:b.isLoading,[t.bm("withlist")]:_,[t.bm("list-collapsed")]:!g,[t.bm("withlrc")]:!!m.currentSong.lrc&&n!=="fixed",[t.bm("border")]:v,[t.bm("mini")]:I,[t.bm("mini-collapsed")]:Z,[t.bm("mini-expanded")]:V,[t.bm("super-mini")]:O,[t.bm("super-mini-collapsed")]:B,[t.bm("super-mini-expanded")]:N}),role:"region","aria-label":"Audio Player",children:[f.jsxs("div",{ref:r,className:t.be("body"),children:[f.jsx("div",{className:t.be("pic"),onClick:c,style:{backgroundImage:`url("${(W=m.currentSong)==null?void 0:W.cover}")`},role:"button","aria-label":b.isPlaying?"Pause audio":"Play audio",children:f.jsx("div",{className:T(t.be("button"),b.isPlaying?t.bm("pause"):t.bm("play")),role:"presentation",children:b.isPlaying?f.jsx(st,{}):f.jsx(yt,{})})}),f.jsxs("div",{className:T(t.be("info")),children:[f.jsxs("div",{className:T(t.be("music")),children:[f.jsx("span",{className:T(t.be("title")),children:((z=m.currentSong)==null?void 0:z.name)??"Audio name"}),f.jsxs("span",{className:T(t.be("author")),children:[" ","-"," ",U((H=m.currentSong)==null?void 0:H.artist)]})]}),n==="fixed"?null:f.jsx(Me,{show:s,lrcText:m.currentSong.lrc,currentTime:b.currentTime??0}),f.jsx(Et,{volume:b.volume??a,onChangeVolume:b.setVolume,muted:b.muted??!1,onToggleMuted:()=>b.toggleMuted(),currentTime:b.currentTime,audioDurationSeconds:b.duration,bufferedSeconds:b.bufferedSeconds,onSeek:w=>b.seek(w),onToggleMenu:()=>E(w=>!w),order:m.order,onOrderChange:m.setOrder,loop:m.loop,onLoopChange:m.setLoop,isPlaying:b.isPlaying??!1,onTogglePlay:c,onSkipForward:()=>{m.hasNextSong&&m.next()},onSkipBack:()=>{m.previous()},showLyrics:s,onToggleLyrics:()=>{o(w=>!w)}})]}),f.jsx("div",{className:t.be("notice"),style:d.style,children:d.text}),f.jsx("div",{className:t.be("miniswitcher"),onClick:Q,children:f.jsx("button",{className:T(t.bs("icon"),t.bs("icon-right")),type:"button",children:f.jsx(_e,{})})}),f.jsx("div",{className:t.be("super-miniswitcher"),onClick:D,children:f.jsx("button",{className:T(t.bs("icon"),t.bs("icon-right")),type:"button",children:f.jsx(_e,{})})})]}),_?f.jsx(St,{open:g,audio:h,playingAudioUrl:m.currentSong.url,onPlayAudio:y,listMaxHeight:l,isMiniExpanded:V,isSuperMiniExpanded:j}):null,f.jsx(Me,{show:s,lrcText:m.currentSong.lrc,currentTime:b.currentTime??0})]})}exports.TwistAPlayer=qt;
|
package/dist/index.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.twist-aplayer-icon{width:var(--tp-icon-width);height:var(--tp-icon-width);border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;vertical-align:middle;padding:0;font-size:var(--tp-icon-font-size);margin:0;display:inline-block}.twist-aplayer-icon path{transition:all var(--tp-icon-transition-timing) var(--tp-icon-transition-function)}.twist-aplayer .twist-aplayer-icon-lrc-inactivity svg{opacity:.4}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-right{display:flex;justify-content:center;align-items:center}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-back,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-forward,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-lrc,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-play{display:inline-block}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-back,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-forward,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-menu,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-play{position:absolute;bottom:27px;width:20px;height:20px;font-size:20px}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-back{right:75px}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-play{right:50px}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-forward{right:25px}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-menu{right:0%}.twist-aplayer--withlist .twist-aplayer-icon-order,.twist-aplayer--withlist .twist-aplayer-icon-menu{display:inline}.twist-aplayer--fixed.twist-aplayer--narrow .twist-aplayer-icon{transform:rotateY(0)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.twist-aplayer-bar{margin:0 0 0 5px;padding:4px 0;cursor:pointer!important;flex:1;transition:all .2s ease-in-out}.twist-aplayer-bar-vars{--tp-bar-width: 100%;--tp-bar-height: 2px;--tp-bar-background: hsl(var(--tp-primary) / .2);--tp-bar-played-background: hsl(var(--tp-accent-foreground));--tp-bar-loaded-background: hsl(var(--tp-secondary));--tp-bar-loaded-transition-timing: .5s;--tp-bar-loaded-transition-function: ease;--tp-bar-thumb-width: 10px;--tp-bar-thumb-height: 10px;--tp-bar-thumb-margin-top: -4px;--tp-bar-thumb-margin-right: -10px;--tp-bar-thumb-transition-function: ease-in-out;--tp-bar-thumb-transition-timing: .3s;--tp-bar-thumb-hover-scale: 1;--tp-bar-thumb-border-radius: 50%;--tp-bar-thumb-background: hsl(var(--tp-foreground))}.twist-aplayer-bar__inner{position:relative;width:var(--tp-bar-width);height:var(--tp-bar-height);background:var(--tp-bar-background)}.twist-aplayer-bar__loaded{position:absolute;left:0;top:0;bottom:0;height:var(--tp-bar-height);background:var(--tp-bar-loaded-background);transition:all var(--tp-bar-loaded-transition-timing) var(--tp-bar-loaded-transition-function)}.twist-aplayer-bar__played{position:absolute;left:0;top:0;bottom:0;height:var(--tp-bar-height);background-color:var(--tp-bar-played-background)}.twist-aplayer-bar__thumb{position:absolute;top:0;right:5px;margin-top:var(--tp-bar-thumb-margin-top);margin-right:var(--tp-bar-thumb-margin-right);width:var(--tp-bar-thumb-width);height:var(--tp-bar-thumb-height);border-radius:var(--tp-bar-thumb-border-radius);cursor:pointer;background-color:var(--tp-bar-thumb-background);transition:all var(--tp-bar-thumb-transition-timing) var(--tp-bar-thumb-transition-function);transform:scale(0);-webkit-transform:scale(0)}.twist-aplayer-bar:hover .twist-aplayer-bar__thumb{transform:scale(var(--tp-bar-thumb-hover-scale));-webkit-transform:scale(var(--tp-bar-thumb-hover-scale))}.twist-aplayer-volumn{position:relative;display:inline-block;margin-left:3px;cursor:pointer!important}.twist-aplayer-volumn-vars{--tp-volume-bar-background: hsl(var(--tp-primary) / .3);--tp-volume-bar-width: 5px;--tp-volume-bar-height: 35px;--tp-volume-bar-border-radius: 2.5px;--tp-volume-thumb-width: 5px;--tp-volume-thumb-background: hsl(var(--tp-primary));--tp-volume-thumb-transition-function: ease;--tp-volume-bar-wrap-transition-function: ease-in-out;--tp-volume-bar-wrap-timing: .2s;--tp-volume-thumb-timing: .1s}.twist-aplayer-volumn__bar-wrap{position:absolute;bottom:15px;right:-3px;width:25px;height:0;z-index:99;overflow:hidden;transition:all var(--tp-volume-bar-wrap-timing) var(--tp-volume-bar-wrap-transition-function)}.twist-aplayer-volumn:hover .twist-aplayer-volumn__bar-wrap,.twist-aplayer-volumn__bar-wrap--active{height:40px}.twist-aplayer-volumn__bar{position:absolute;bottom:0;right:10px;width:var(--tp-volume-bar-width);height:var(--tp-volume-bar-height);background:var(--tp-volume-bar-background);border-radius:var(--tp-volume-bar-border-radius);overflow:hidden}.twist-aplayer-volumn__thumb{position:absolute;bottom:0;right:0;width:var(--tp-volume-thumb-width);background-color:var(--tp-volume-thumb-background);transition:all var(--tp-volume-thumb-timing) var(--tp-volume-thumb-transition-function)}.twist-aplayer-list{overflow:auto;transition:all .5s ease;will-change:height;display:none;background-color:hsl(var(--tp-background));overflow:hidden}.twist-aplayer-list-vars{--tp-list-scrollbar-thumb-color: #8884;--tp-list-scrollbar-thumb-hover-color: hsl(var(--tp-muted-foreground) / .6)}.twist-aplayer-list--hide{max-height:0!important}.twist-aplayer-list ol{list-style-type:none;margin:0;padding:0;overflow-y:auto}.twist-aplayer-list ol li{position:relative;height:32px;line-height:32px;padding:0 15px;font-size:12px;border-top:1px solid hsl(var(--tp-border));cursor:pointer;transition:all .2s ease;overflow:hidden;margin:0;background-color:hsl(var(--tp-background))}.twist-aplayer-list ol li.twist-aplayer-list--active{background-color:hsl(var(--tp-secondary))}.twist-aplayer-list ol li:first-child{border:none}.twist-aplayer-list ol li:hover{background-color:hsl(var(--tp-secondary)/.8)}.twist-aplayer-list ol::-webkit-scrollbar{width:5px}.twist-aplayer-list ol::-webkit-scrollbar-thumb{border-radius:3px;background-color:var(--tp-list-scrollbar-thumb-color)}.twist-aplayer-list ol::-webkit-scrollbar-thumb:hover{background-color:var(--tp-list-scrollbar-thumb-hover-color)}.twist-aplayer-list__cur{display:none;width:3px;height:22px;position:absolute;left:0;top:5px;cursor:pointer;background-color:hsl(var(--tp-accent-foreground))}.twist-aplayer-list--active .twist-aplayer-list__cur{display:inline-block}.twist-aplayer-list__index{color:hsl(var(--tp-muted-foreground));margin-right:12px;cursor:pointer}.twist-aplayer-list__title{color:hsl(var(--tp-secondary-foreground))}.twist-aplayer-list__author{color:hsl(var(--tp-muted-foreground));float:right;cursor:pointer}.twist-aplayer-lrc{display:none;position:relative;height:30px;text-align:center;overflow:hidden;margin:-10px 0 7px}.twist-aplayer-lrc:after,.twist-aplayer-lrc:before{content:" ";position:absolute;z-index:1;display:block;overflow:hidden;width:100%}.twist-aplayer-lrc:before{top:0;height:10%;background:linear-gradient(180deg,hsl(var(--tp-background)) 0,#fff0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=0)}.twist-aplayer-lrc:after{bottom:0;height:33%;background:linear-gradient(180deg,#fff0 0,hsl(var(--tp-background)));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ccffffff",GradientType=0)}.twist-aplayer-lrc p{font-size:12px;color:hsl(var(--tp-secondary-foreground));line-height:16px!important;height:16px!important;padding:0!important;margin:0!important;transition:all .5s ease-out;opacity:.4;overflow:hidden;text-shadow:none}.twist-aplayer-lrc__contents{width:100%;transition:all .5s ease-out;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:default}.twist-aplayer-lrc p.twist-aplayer-lrc__current{opacity:1;overflow:visible;height:auto!important;min-height:16px}.twist-aplayer-lrc.twist-aplayer-lrc--hide{display:none}.twist-aplayer-light{--tp-background: 0 0% 100%;--tp-foreground: 240 10% 3.9%;--tp-card: 0 0% 100%;--tp-card-foreground: 240 10% 3.9%;--tp-primary: 240 5.9% 10%;--tp-primary-foreground: 0 0% 98%;--tp-secondary: 240 4.8% 95.9%;--tp-secondary-foreground: 240 5.9% 10%;--tp-muted: 240 4.8% 95.9%;--tp-muted-foreground: 240 3.8% 46.1%;--tp-accent: 240 4.8% 95.9%;--tp-accent-foreground: 240 5.9% 10%;--tp-border: 240 5.9% 90%}.twist-aplayer-dark{--tp-background: 240 10% 3.9%;--tp-foreground: 0 0% 98%;--tp-card: 240 10% 3.9%;--tp-card-foreground: 0 0% 98%;--tp-primary: 0 0% 98%;--tp-primary-foreground: 240 5.9% 10%;--tp-secondary: 240 3.7% 15.9%;--tp-secondary-foreground: 0 0% 98%;--tp-muted: 240 3.7% 15.9%;--tp-muted-foreground: 240 5% 64.9%;--tp-accent: 240 3.7% 15.9%;--tp-accent-foreground: 0 0% 98%;--tp-border: 240 3.7% 15.9%}.twist-aplayer-vars{--tp-icon-width: 15px;--tp-icon-height: 15px;--tp-icon-font-size: 15px;--tp-icon-transition-function: ease-in-out;--tp-icon-transition-timing: .2s;--tp-max-width: 400px;--tp-zIndex: 99;--tp-pic-width: 66px;--tp-pic-height: 66px;--tp-pic-transition-function: ease;--tp-pic-transition-timing: .3s;--tp-pic-zIndex: 99;--tp-button-background: rgba(0, 0, 0, .2);--tp-box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tp-user-border: hsl(var(--tp-border) / .3)}.twist-aplayer{font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:normal;border-radius:2px;margin:5px;box-shadow:var(--tp-box-shadow);overflow:hidden}.twist-aplayer *{box-sizing:content-box}.twist-aplayer__body{background-color:hsl(var(--tp-background))}.twist-aplayer__pic{position:relative;float:left;z-index:var(--tp-pic-zIndex);width:var(--tp-pic-width);height:var(--tp-pic-height);background-size:cover;background-position:50%;transition:all var(--tp-pic-transition-timing) var(--tp-pic-transition-function);cursor:pointer}.twist-aplayer__button{position:absolute;border-radius:50%;opacity:.8;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px #0003;background:hsl(var(--tp-primary-foreground));transition:all .1s ease}.twist-aplayer--play{width:28px;height:28px;bottom:50%;right:50%;margin:0 -15px -15px 0}.twist-aplayer--play svg{position:absolute;top:4px;left:5px;height:20px;width:20px}.twist-aplayer--pause{font-size:12px;width:18px;height:18px;bottom:4px;right:4px}.twist-aplayer--pause svg{position:absolute;top:3px;left:3px;height:12px;width:12px}.twist-aplayer--play path,.twist-aplayer--pause path{fill:hsl(var(--tp-accent-foreground))}.twist-aplayer__info{margin-left:66px;padding:14px 7px 0 10px;height:66px;box-sizing:border-box}.twist-aplayer__music{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 13px 5px;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:default;padding-bottom:2px;height:20px}.twist-aplayer__title{color:hsl(var(--tp-secondary-foreground));font-size:14px}.twist-aplayer__author{font-size:12px;color:hsl(var(--tp-muted-foreground))}.twist-aplayer__author>a{color:inherit;text-decoration:none}.twist-aplayer-controller{position:relative;display:flex}.twist-aplayer-controller__time{position:relative;right:0;bottom:4px;height:17px;font-size:11px;padding-left:7px}.twist-aplayer-controller__time-inner{color:hsl(var(--tp-muted-foreground));vertical-align:middle}.twist-aplayer-controller__time .twist-aplayer-icon{cursor:pointer;transition:all .2s ease}.twist-aplayer-controller__time .twist-aplayer-icon path{fill:hsl(var(--tp-muted-foreground))}.twist-aplayer-controller__time .twist-aplayer-icon:hover path{fill:hsl(var(--tp-primary))}.twist-aplayer__notice{opacity:0;position:absolute;top:50%;left:50%;z-index:100;transform:translate(-50%,-50%);font-size:12px;border-radius:4px;padding:5px 10px;transition:all .3s ease-in-out;overflow:hidden;pointer-events:none;background-color:hsl(var(--tp-accent));color:hsl(var(--tp-accent-foreground))}.twist-aplayer__miniswitcher{display:none;position:absolute;top:0;right:0;bottom:0;height:100%;background:hsl(var(--tp-accent));width:18px;border-radius:0 2px 2px 0}.twist-aplayer__miniswitcher .twist-aplayer-icon{height:100%;width:100%;transform:rotateY(180deg);transition:all .3s ease}.twist-aplayer__miniswitcher .twist-aplayer-icon path{fill:hsl(var(--tp-muted-foreground))}.twist-aplayer-icon-lrc-inactivity svg{opacity:.4}.twist-aplayer-icon-loading{display:none}.twist-aplayer-icon-loading svg{position:absolute;top:1px;left:1px;width:8px;height:8px;animation:rotate 1s linear infinite}.twist-aplayer-icon-loading svg path{fill:hsl(var(--tp-background))}.twist-aplayer-icon-back,.twist-aplayer-icon-forward,.twist-aplayer-icon-lrc,.twist-aplayer-icon-order,.twist-aplayer-icon-play{display:none}.twist-aplayer--border{border:1px solid var(--tp-user-border)}.twist-aplayer.twist-aplayer--fixed{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:var(--tp-zIndex);overflow:visible;max-width:var(--tp-max-width);box-shadow:none;max-width:400px}.twist-aplayer.twist-aplayer--fixed .twist-aplayer__body{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:99;padding-right:18px;transition:all .3s ease;max-width:400px}.twist-aplayer.twist-aplayer--fixed .twist-aplayer__info{transform:scaleX(1);transform-origin:0 0;transition:all .3s ease;border-bottom:none;border-top:1px solid hsl(var(--tp-border))}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-list{margin-bottom:65px;border:1px solid hsl(var(--tp-border));border-bottom:none}.twist-aplayer.twist-aplayer--fixed .twist-aplayer__music{width:calc(100% - 105px)}.twist-aplayer.twist-aplayer--fixed .twist-aplayer.twist-aplayer--border.twist-aplayer--list-folded .twist-aplayer__info,.twist-aplayer.twist-aplayer--fixed .twist-aplayer--list-folded .twist-aplayer__info{border-top:none}.twist-aplayer.twist-aplayer--fixed .twist-aplayer--border.twist-aplayer--list-folded .twist-aplayer__info,.twist-aplayer.twist-aplayer--fixed .twist-aplayer--list-folded .twist-aplayer__info{border-bottom:none}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-lrc{display:block;position:fixed;bottom:10px;left:0;right:0;margin:0;z-index:98;pointer-events:none;text-shadow:-1px -1px 0 #fff}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-lrc:after,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-lrc:before{display:none}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-lrc.twist-aplayer-lrc--hide{display:none}.twist-aplayer.twist-aplayer--fixed .twist-aplayer__miniswitcher{display:block}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-list--hide.twist-aplayer-list{border-top:none}.twist-aplayer.twist-aplayer--fixed.twist-aplayer--narrow .twist-aplayer__info,.twist-aplayer.twist-aplayer--fixed.twist-aplayer--narrow .twist-aplayer-list{display:none}.twist-aplayer.twist-aplayer--fixed.twist-aplayer--narrow .twist-aplayer__body,.twist-aplayer.twist-aplayer--fixed.twist-aplayer--narrow .twist-aplayer__pic{width:66px!important;height:66px!important}.twist-aplayer.twist-aplayer--withlist .twist-aplayer-list{display:block}.twist-aplayer.twist-aplayer--withlist .twist-aplayer__info{border-bottom:1px solid hsl(var(--tp-border))}.twist-aplayer.twist-aplayer--withlrc .twist-aplayer__info{margin-left:90px;height:90px;padding:10px 7px 0}.twist-aplayer.twist-aplayer--withlrc .twist-aplayer__pic{width:90px;height:90px}.twist-aplayer.twist-aplayer--withlrc .twist-aplayer-lrc,.twist-aplayer--loading .twist-aplayer-icon-loading{display:block}.twist-aplayer--normal.twist-aplayer--border.twist-aplayer--list-folded .twist-aplayer__info,.twist-aplayer--withlist.twist-aplayer--list-folded .twist-aplayer__info{border-bottom:none}
|
|
1
|
+
.twist-aplayer-icon{width:var(--tp-icon-width);height:var(--tp-icon-width);border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;vertical-align:middle;padding:0;font-size:var(--tp-icon-font-size);margin:0;display:inline-block}.twist-aplayer-icon path{transition:all var(--tp-icon-transition-timing) var(--tp-icon-transition-function)}.twist-aplayer .twist-aplayer-icon-lrc-inactivity svg{opacity:.4}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-right{display:flex;justify-content:center;align-items:center}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-back,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-forward,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-lrc,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-play{display:inline-block}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-back,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-forward,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-menu,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-play{position:absolute;bottom:27px;width:20px;height:20px;font-size:20px}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-back{right:75px}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-play{right:50px}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-forward{right:25px}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-menu{right:0%}.twist-aplayer--withlist .twist-aplayer-icon-order,.twist-aplayer--withlist .twist-aplayer-icon-menu{display:inline}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.twist-aplayer-bar{margin:0 0 0 5px;padding:4px 0;cursor:pointer!important;flex:1;transition:all .2s ease-in-out}.twist-aplayer-bar-vars{--tp-bar-width: 100%;--tp-bar-height: 2px;--tp-bar-background: hsl(var(--tp-primary) / .2);--tp-bar-played-background: hsl(var(--tp-accent-foreground));--tp-bar-loaded-background: hsl(var(--tp-secondary));--tp-bar-loaded-transition-timing: .5s;--tp-bar-loaded-transition-function: ease;--tp-bar-thumb-width: 10px;--tp-bar-thumb-height: 10px;--tp-bar-thumb-margin-top: -4px;--tp-bar-thumb-margin-right: -10px;--tp-bar-thumb-transition-function: ease-in-out;--tp-bar-thumb-transition-timing: .3s;--tp-bar-thumb-hover-scale: 1;--tp-bar-thumb-border-radius: 50%;--tp-bar-thumb-background: hsl(var(--tp-foreground))}.twist-aplayer-bar__inner{position:relative;width:var(--tp-bar-width);height:var(--tp-bar-height);background:var(--tp-bar-background)}.twist-aplayer-bar__loaded{position:absolute;left:0;top:0;bottom:0;height:var(--tp-bar-height);background:var(--tp-bar-loaded-background);transition:all var(--tp-bar-loaded-transition-timing) var(--tp-bar-loaded-transition-function)}.twist-aplayer-bar__played{position:absolute;left:0;top:0;bottom:0;height:var(--tp-bar-height);background-color:var(--tp-bar-played-background)}.twist-aplayer-bar__thumb{position:absolute;top:0;right:5px;margin-top:var(--tp-bar-thumb-margin-top);margin-right:var(--tp-bar-thumb-margin-right);width:var(--tp-bar-thumb-width);height:var(--tp-bar-thumb-height);border-radius:var(--tp-bar-thumb-border-radius);cursor:pointer;background-color:var(--tp-bar-thumb-background);transition:all var(--tp-bar-thumb-transition-timing) var(--tp-bar-thumb-transition-function);transform:scale(0);-webkit-transform:scale(0)}.twist-aplayer-bar:hover .twist-aplayer-bar__thumb{transform:scale(var(--tp-bar-thumb-hover-scale));-webkit-transform:scale(var(--tp-bar-thumb-hover-scale))}.twist-aplayer-volumn{position:relative;display:inline-block;margin-left:3px;cursor:pointer!important}.twist-aplayer-volumn-vars{--tp-volume-bar-background: hsl(var(--tp-primary) / .3);--tp-volume-bar-width: 5px;--tp-volume-bar-height: 35px;--tp-volume-bar-border-radius: 2.5px;--tp-volume-thumb-width: 5px;--tp-volume-thumb-background: hsl(var(--tp-primary));--tp-volume-thumb-transition-function: ease;--tp-volume-bar-wrap-transition-function: ease-in-out;--tp-volume-bar-wrap-timing: .2s;--tp-volume-thumb-timing: .1s}.twist-aplayer-volumn__bar-wrap{position:absolute;bottom:15px;right:-3px;width:25px;height:0;z-index:99;overflow:hidden;transition:all var(--tp-volume-bar-wrap-timing) var(--tp-volume-bar-wrap-transition-function)}.twist-aplayer-volumn:hover .twist-aplayer-volumn__bar-wrap,.twist-aplayer-volumn__bar-wrap--active{height:40px}.twist-aplayer-volumn__bar{position:absolute;bottom:0;right:10px;width:var(--tp-volume-bar-width);height:var(--tp-volume-bar-height);background:var(--tp-volume-bar-background);border-radius:var(--tp-volume-bar-border-radius);overflow:hidden}.twist-aplayer-volumn__thumb{position:absolute;bottom:0;right:0;width:var(--tp-volume-thumb-width);background-color:var(--tp-volume-thumb-background);transition:all var(--tp-volume-thumb-timing) var(--tp-volume-thumb-transition-function)}.twist-aplayer-list{overflow:auto;transition:all .5s ease;will-change:height;display:none;background-color:hsl(var(--tp-background));overflow:hidden}.twist-aplayer-list-vars{--tp-list-scrollbar-thumb-color: #8884;--tp-list-scrollbar-thumb-hover-color: hsl(var(--tp-muted-foreground) / .6)}.twist-aplayer-list--hide{max-height:0!important}.twist-aplayer-list ol{list-style-type:none;margin:0;padding:0;overflow-y:auto}.twist-aplayer-list ol li{position:relative;height:32px;line-height:32px;padding:0 15px;font-size:12px;border-top:1px solid hsl(var(--tp-border));cursor:pointer;transition:all .2s ease;overflow:hidden;margin:0;background-color:hsl(var(--tp-background))}.twist-aplayer-list ol li.twist-aplayer-list--active{background-color:hsl(var(--tp-secondary))}.twist-aplayer-list ol li:first-child{border:none}.twist-aplayer-list ol li:hover{background-color:hsl(var(--tp-secondary)/.8)}.twist-aplayer-list ol::-webkit-scrollbar{width:5px}.twist-aplayer-list ol::-webkit-scrollbar-thumb{border-radius:3px;background-color:var(--tp-list-scrollbar-thumb-color)}.twist-aplayer-list ol::-webkit-scrollbar-thumb:hover{background-color:var(--tp-list-scrollbar-thumb-hover-color)}.twist-aplayer-list__cur{display:none;width:3px;height:22px;position:absolute;left:0;top:5px;cursor:pointer;background-color:hsl(var(--tp-accent-foreground))}.twist-aplayer-list--active .twist-aplayer-list__cur{display:inline-block}.twist-aplayer-list__index{color:hsl(var(--tp-muted-foreground));margin-right:12px;cursor:pointer}.twist-aplayer-list__title{color:hsl(var(--tp-secondary-foreground))}.twist-aplayer-list__author{color:hsl(var(--tp-muted-foreground));float:right;cursor:pointer}.twist-aplayer-lrc{display:none;position:relative;height:30px;text-align:center;overflow:hidden;margin:-10px 0 7px}.twist-aplayer-lrc:after,.twist-aplayer-lrc:before{content:" ";position:absolute;z-index:1;display:block;overflow:hidden;width:100%}.twist-aplayer-lrc:before{top:0;height:10%;background:linear-gradient(180deg,hsl(var(--tp-background)) 0,#fff0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=0)}.twist-aplayer-lrc:after{bottom:0;height:33%;background:linear-gradient(180deg,#fff0 0,hsl(var(--tp-background)));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ccffffff",GradientType=0)}.twist-aplayer-lrc p{font-size:12px;color:hsl(var(--tp-secondary-foreground));line-height:16px!important;height:16px!important;padding:0!important;margin:0!important;transition:all .5s ease-out;opacity:.4;overflow:hidden;text-shadow:none}.twist-aplayer-lrc__contents{width:100%;transition:all .5s ease-out;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:default}.twist-aplayer-lrc p.twist-aplayer-lrc__current{opacity:1;overflow:visible;height:auto!important;min-height:16px}.twist-aplayer-lrc.twist-aplayer-lrc--hide{display:none}.twist-aplayer-light{--tp-background: 0 0% 100%;--tp-foreground: 240 10% 3.9%;--tp-card: 0 0% 100%;--tp-card-foreground: 240 10% 3.9%;--tp-primary: 240 5.9% 10%;--tp-primary-foreground: 0 0% 98%;--tp-secondary: 240 4.8% 95.9%;--tp-secondary-foreground: 240 5.9% 10%;--tp-muted: 240 4.8% 95.9%;--tp-muted-foreground: 240 3.8% 46.1%;--tp-accent: 240 4.8% 95.9%;--tp-accent-foreground: 240 5.9% 10%;--tp-border: 240 5.9% 90%}.twist-aplayer-dark{--tp-background: 240 10% 3.9%;--tp-foreground: 0 0% 98%;--tp-card: 240 10% 3.9%;--tp-card-foreground: 0 0% 98%;--tp-primary: 0 0% 98%;--tp-primary-foreground: 240 5.9% 10%;--tp-secondary: 240 3.7% 15.9%;--tp-secondary-foreground: 0 0% 98%;--tp-muted: 240 3.7% 15.9%;--tp-muted-foreground: 240 5% 64.9%;--tp-accent: 240 3.7% 15.9%;--tp-accent-foreground: 0 0% 98%;--tp-border: 240 3.7% 15.9%}.twist-aplayer-vars{--tp-icon-width: 15px;--tp-icon-height: 15px;--tp-icon-font-size: 15px;--tp-icon-transition-function: ease-in-out;--tp-icon-transition-timing: .2s;--tp-max-width: 400px;--tp-zIndex: 99;--tp-pic-width: 66px;--tp-height: 66px;--tp-mini-switcher-width: 18px;--tp-mini-switcher-height: var(--tp-height);--tp-pic-transition-function: ease;--tp-pic-transition-timing: .3s;--tp-pic-zIndex: 99;--tp-button-background: rgba(0, 0, 0, .2);--tp-box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tp-user-border: hsl(var(--tp-border) / .3);--tp-mini-switcher-border: 0 2px 2px 0;--tp-lrc-zIndex: 98}.twist-aplayer{font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:normal;border-radius:2px;margin:5px;box-shadow:var(--tp-box-shadow);overflow:hidden}.twist-aplayer *{box-sizing:content-box}.twist-aplayer__body{background-color:hsl(var(--tp-background));overflow:hidden}.twist-aplayer__pic{position:relative;float:left;z-index:var(--tp-pic-zIndex);width:var(--tp-pic-width);height:var(--tp-height);background-size:cover;background-position:50%;transition:all var(--tp-pic-transition-timing) var(--tp-pic-transition-function);cursor:pointer}.twist-aplayer__button{position:absolute;border-radius:50%;opacity:.8;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px #0003;background:hsl(var(--tp-primary-foreground));transition:all .1s ease}.twist-aplayer--play{width:28px;height:28px;bottom:50%;right:50%;margin:0 -15px -15px 0}.twist-aplayer--play svg{position:absolute;top:4px;left:5px;height:20px;width:20px}.twist-aplayer--pause{font-size:12px;width:18px;height:18px;bottom:4px;right:4px}.twist-aplayer--pause svg{position:absolute;top:3px;left:3px;height:12px;width:12px}.twist-aplayer--play path,.twist-aplayer--pause path{fill:hsl(var(--tp-accent-foreground))}.twist-aplayer__info{margin-left:66px;padding:14px 7px 0 10px;height:var(--tp-height);box-sizing:border-box}.twist-aplayer__music{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 13px 5px;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:default;padding-bottom:2px;height:20px}.twist-aplayer__title{color:hsl(var(--tp-secondary-foreground));font-size:14px}.twist-aplayer__author{font-size:12px;color:hsl(var(--tp-muted-foreground))}.twist-aplayer__author>a{color:inherit;text-decoration:none}.twist-aplayer-controller{position:relative;display:flex}.twist-aplayer-controller__time{position:relative;right:0;bottom:4px;height:17px;font-size:11px;padding-left:7px}.twist-aplayer-controller__time-inner{color:hsl(var(--tp-muted-foreground));vertical-align:middle}.twist-aplayer-controller__time .twist-aplayer-icon{cursor:pointer;transition:all .2s ease}.twist-aplayer-controller__time .twist-aplayer-icon path{fill:hsl(var(--tp-muted-foreground))}.twist-aplayer-controller__time .twist-aplayer-icon:hover path{fill:hsl(var(--tp-primary))}.twist-aplayer__notice{opacity:0;position:absolute;top:50%;left:50%;z-index:100;transform:translate(-50%,-50%);font-size:12px;border-radius:4px;padding:5px 10px;transition:all .3s ease-in-out;overflow:hidden;pointer-events:none;background-color:hsl(var(--tp-accent));color:hsl(var(--tp-accent-foreground))}.twist-aplayer__miniswitcher{display:none;position:absolute;top:0;right:0;bottom:0;height:100%;background:hsl(var(--tp-accent));width:18px;border-radius:var(--tp-mini-switcher-border)}.twist-aplayer__miniswitcher .twist-aplayer-icon{height:100%;width:100%;transition:all .3s ease}.twist-aplayer__miniswitcher .twist-aplayer-icon path{fill:hsl(var(--tp-muted-foreground))}.twist-aplayer__super-miniswitcher{display:none;position:fixed;left:0;bottom:0;width:var(--tp-mini-switcher-width);height:var(--tp-mini-switcher-height);background:hsl(var(--tp-accent));border-radius:var(--tp-mini-switcher-border)}.twist-aplayer__super-miniswitcher .twist-aplayer-icon{height:100%;width:100%;transition:all .3s ease}.twist-aplayer__super-miniswitcher .twist-aplayer-icon path{fill:hsl(var(--tp-muted-foreground))}.twist-aplayer-icon-lrc-inactivity svg{opacity:.4}.twist-aplayer-icon-loading{display:none}.twist-aplayer-icon-loading svg{position:absolute;top:1px;left:1px;width:8px;height:8px;animation:rotate 1s linear infinite}.twist-aplayer-icon-loading svg path{fill:hsl(var(--tp-background))}.twist-aplayer-icon-back,.twist-aplayer-icon-forward,.twist-aplayer-icon-lrc,.twist-aplayer-icon-order,.twist-aplayer-icon-play{display:none}.twist-aplayer--border{border:1px solid var(--tp-user-border)}.twist-aplayer.twist-aplayer--fixed{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:var(--tp-zIndex);overflow:visible;max-width:var(--tp-max-width);box-shadow:none;max-width:400px}.twist-aplayer.twist-aplayer--fixed .twist-aplayer__body{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:var(--tp-zIndex);padding-right:18px;transition:all .3s ease;max-width:400px}.twist-aplayer.twist-aplayer--fixed .twist-aplayer__info{transform:scaleX(1);transform-origin:0 0;transition:all .3s ease;border-bottom:none;border-top:1px solid hsl(var(--tp-border))}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-list{margin-bottom:65px;border:1px solid hsl(var(--tp-border));border-bottom:none}.twist-aplayer.twist-aplayer--fixed .twist-aplayer__music{width:calc(100% - 105px)}.twist-aplayer.twist-aplayer--fixed .twist-aplayer.twist-aplayer--border.twist-aplayer--list-collapsed .twist-aplayer__info,.twist-aplayer.twist-aplayer--fixed .twist-aplayer--list-collapsed .twist-aplayer__info{border-top:none}.twist-aplayer.twist-aplayer--fixed .twist-aplayer--border.twist-aplayer--list-collapsed .twist-aplayer__info,.twist-aplayer.twist-aplayer--fixed .twist-aplayer--list-collapsed .twist-aplayer__info{border-bottom:none}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-lrc{display:block;position:fixed;bottom:10px;left:0;right:0;margin:0;z-index:var(--tp-lrc-zIndex);pointer-events:none;text-shadow:-1px -1px 0 #fff}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-lrc:after,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-lrc:before{display:none}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-lrc.twist-aplayer-lrc--hide{display:none}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-list--hide.twist-aplayer-list{border-top:none}.twist-aplayer.twist-aplayer--fixed.twist-aplayer--mini .twist-aplayer__miniswitcher{display:block}.twist-aplayer.twist-aplayer--fixed.twist-aplayer--mini .twist-aplayer__super-miniswitcher,.twist-aplayer.twist-aplayer--fixed.twist-aplayer--mini-collapsed .twist-aplayer__info,.twist-aplayer.twist-aplayer--fixed.twist-aplayer--mini-collapsed .twist-aplayer-list{display:none}.twist-aplayer.twist-aplayer--fixed.twist-aplayer--mini-collapsed .twist-aplayer__body,.twist-aplayer.twist-aplayer--fixed.twist-aplayer--mini-collapsed .twist-aplayer__pic{width:66px!important;height:66px!important}.twist-aplayer.twist-aplayer--fixed.twist-aplayer--mini-expanded .twist-aplayer__miniswitcher .twist-aplayer-icon{transform:rotateY(180deg)}.twist-aplayer.twist-aplayer--fixed.twist-aplayer--super-mini .twist-aplayer__miniswitcher{display:none}.twist-aplayer.twist-aplayer--fixed.twist-aplayer--super-mini .twist-aplayer__super-miniswitcher{display:block}.twist-aplayer.twist-aplayer--fixed.twist-aplayer--super-mini-collapsed .twist-aplayer__info,.twist-aplayer.twist-aplayer--fixed.twist-aplayer--super-mini-collapsed .twist-aplayer-list,.twist-aplayer.twist-aplayer--fixed.twist-aplayer--super-mini-collapsed .twist-aplayer__pic{display:none}.twist-aplayer.twist-aplayer--fixed.twist-aplayer--super-mini-expanded .twist-aplayer__super-miniswitcher{position:absolute;top:auto;left:auto;right:0;bottom:0}.twist-aplayer.twist-aplayer--fixed.twist-aplayer--super-mini-expanded .twist-aplayer__super-miniswitcher .twist-aplayer-icon{height:100%;width:100%;transform:rotateY(180deg)}.twist-aplayer.twist-aplayer--withlist .twist-aplayer-list{display:block}.twist-aplayer.twist-aplayer--withlist .twist-aplayer__info{border-bottom:1px solid hsl(var(--tp-border))}.twist-aplayer.twist-aplayer--withlrc .twist-aplayer__info{margin-left:90px;height:90px;padding:10px 7px 0}.twist-aplayer.twist-aplayer--withlrc .twist-aplayer__pic{width:90px;height:90px}.twist-aplayer--loading .twist-aplayer-icon-loading{display:block}.twist-aplayer--normal.twist-aplayer--border.twist-aplayer--list-collapsed .twist-aplayer__info,.twist-aplayer--withlist.twist-aplayer--list-collapsed .twist-aplayer__info{border-bottom:none}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
|