twist-aplayer 1.3.2 → 1.4.0
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/LICENSE.md +20 -20
- package/README.md +139 -139
- package/dist/index.d.ts +4 -4
- package/dist/index.js +15 -15
- package/dist/index.min.css +1 -1
- package/dist/index.mjs +1054 -986
- package/dist/twist-aplayer.umd.js +15 -15
- package/package.json +83 -84
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 l=require("react");function qr(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const ee=qr(l);var be={exports:{}},oe={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.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 Je;function Dr(){if(Je)return oe;Je=1;var e=l,r=Symbol.for("react.element"),n=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,i=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function p(E,s,f){var d,y={},S=null,x=null;f!==void 0&&(S=""+f),s.key!==void 0&&(S=""+s.key),s.ref!==void 0&&(x=s.ref);for(d in s)a.call(s,d)&&!c.hasOwnProperty(d)&&(y[d]=s[d]);if(E&&E.defaultProps)for(d in s=E.defaultProps,s)y[d]===void 0&&(y[d]=s[d]);return{$$typeof:r,type:E,key:S,ref:x,props:y,_owner:i.current}}return oe.Fragment=n,oe.jsx=p,oe.jsxs=p,oe}var ue={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,19 +14,19 @@
|
|
|
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
|
|
18
|
-
`+
|
|
19
|
-
`),
|
|
20
|
-
`),$=
|
|
21
|
-
`+
|
|
17
|
+
*/var Xe;function Ir(){return Xe||(Xe=1,process.env.NODE_ENV!=="production"&&function(){var e=l,r=Symbol.for("react.element"),n=Symbol.for("react.portal"),a=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),c=Symbol.for("react.profiler"),p=Symbol.for("react.provider"),E=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),f=Symbol.for("react.suspense"),d=Symbol.for("react.suspense_list"),y=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),x=Symbol.for("react.offscreen"),g=Symbol.iterator,u="@@iterator";function m(t){if(t===null||typeof t!="object")return null;var o=g&&t[g]||t[u];return typeof o=="function"?o:null}var b=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function j(t){{for(var o=arguments.length,h=new Array(o>1?o-1:0),_=1;_<o;_++)h[_-1]=arguments[_];O("error",t,h)}}function O(t,o,h){{var _=b.ReactDebugCurrentFrame,R=_.getStackAddendum();R!==""&&(o+="%s",h=h.concat([R]));var C=h.map(function(w){return String(w)});C.unshift("Warning: "+o),Function.prototype.apply.call(console[t],console,C)}}var P=!1,V=!1,F=!1,N=!1,U=!1,M;M=Symbol.for("react.module.reference");function ce(t){return!!(typeof t=="string"||typeof t=="function"||t===a||t===c||U||t===i||t===f||t===d||N||t===x||P||V||F||typeof t=="object"&&t!==null&&(t.$$typeof===S||t.$$typeof===y||t.$$typeof===p||t.$$typeof===E||t.$$typeof===s||t.$$typeof===M||t.getModuleId!==void 0))}function Se(t,o,h){var _=t.displayName;if(_)return _;var R=o.displayName||o.name||"";return R!==""?h+"("+R+")":h}function fe(t){return t.displayName||"Context"}function B(t){if(t==null)return null;if(typeof t.tag=="number"&&j("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case a:return"Fragment";case n:return"Portal";case c:return"Profiler";case i:return"StrictMode";case f:return"Suspense";case d:return"SuspenseList"}if(typeof t=="object")switch(t.$$typeof){case E:var o=t;return fe(o)+".Consumer";case p:var h=t;return fe(h._context)+".Provider";case s:return Se(t,t.render,"ForwardRef");case y:var _=t.displayName||null;return _!==null?_:B(t.type)||"Memo";case S:{var R=t,C=R._payload,w=R._init;try{return B(w(C))}catch{return null}}}return null}var z=Object.assign,Y=0,K,re,te,D,J,ne,ae;function de(){}de.__reactDisabledLog=!0;function ie(){{if(Y===0){K=console.log,re=console.info,te=console.warn,D=console.error,J=console.group,ne=console.groupCollapsed,ae=console.groupEnd;var t={configurable:!0,enumerable:!0,value:de,writable:!0};Object.defineProperties(console,{info:t,log:t,warn:t,error:t,group:t,groupCollapsed:t,groupEnd:t})}Y++}}function vr(){{if(Y--,Y===0){var t={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:z({},t,{value:K}),info:z({},t,{value:re}),warn:z({},t,{value:te}),error:z({},t,{value:D}),group:z({},t,{value:J}),groupCollapsed:z({},t,{value:ne}),groupEnd:z({},t,{value:ae})})}Y<0&&j("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var _e=b.ReactCurrentDispatcher,Te;function ve(t,o,h){{if(Te===void 0)try{throw Error()}catch(R){var _=R.stack.trim().match(/\n( *(at )?)/);Te=_&&_[1]||""}return`
|
|
18
|
+
`+Te+t}}var we=!1,me;{var mr=typeof WeakMap=="function"?WeakMap:Map;me=new mr}function ke(t,o){if(!t||we)return"";{var h=me.get(t);if(h!==void 0)return h}var _;we=!0;var R=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var C;C=_e.current,_e.current=null,ie();try{if(o){var w=function(){throw Error()};if(Object.defineProperty(w.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(w,[])}catch(H){_=H}Reflect.construct(t,[],w)}else{try{w.call()}catch(H){_=H}t.call(w.prototype)}}else{try{throw Error()}catch(H){_=H}t()}}catch(H){if(H&&_&&typeof H.stack=="string"){for(var T=H.stack.split(`
|
|
19
|
+
`),q=_.stack.split(`
|
|
20
|
+
`),$=T.length-1,A=q.length-1;$>=1&&A>=0&&T[$]!==q[A];)A--;for(;$>=1&&A>=0;$--,A--)if(T[$]!==q[A]){if($!==1||A!==1)do if($--,A--,A<0||T[$]!==q[A]){var I=`
|
|
21
|
+
`+T[$].replace(" at new "," at ");return t.displayName&&I.includes("<anonymous>")&&(I=I.replace("<anonymous>",t.displayName)),typeof t=="function"&&me.set(t,I),I}while($>=1&&A>=0);break}}}finally{we=!1,_e.current=C,vr(),Error.prepareStackTrace=R}var Q=t?t.displayName||t.name:"",Ke=Q?ve(Q):"";return typeof t=="function"&&me.set(t,Ke),Ke}function hr(t,o,h){return ke(t,!1)}function pr(t){var o=t.prototype;return!!(o&&o.isReactComponent)}function he(t,o,h){if(t==null)return"";if(typeof t=="function")return ke(t,pr(t));if(typeof t=="string")return ve(t);switch(t){case f:return ve("Suspense");case d:return ve("SuspenseList")}if(typeof t=="object")switch(t.$$typeof){case s:return hr(t.render);case y:return he(t.type,o,h);case S:{var _=t,R=_._payload,C=_._init;try{return he(C(R),o,h)}catch{}}}return""}var pe=Object.prototype.hasOwnProperty,Ne={},qe=b.ReactDebugCurrentFrame;function ye(t){if(t){var o=t._owner,h=he(t.type,t._source,o?o.type:null);qe.setExtraStackFrame(h)}else qe.setExtraStackFrame(null)}function yr(t,o,h,_,R){{var C=Function.call.bind(pe);for(var w in t)if(C(t,w)){var T=void 0;try{if(typeof t[w]!="function"){var q=Error((_||"React class")+": "+h+" type `"+w+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof t[w]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw q.name="Invariant Violation",q}T=t[w](o,w,_,h,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch($){T=$}T&&!(T instanceof Error)&&(ye(R),j("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",_||"React class",h,w,typeof T),ye(null)),T instanceof Error&&!(T.message in Ne)&&(Ne[T.message]=!0,ye(R),j("Failed %s type: %s",h,T.message),ye(null))}}}var br=Array.isArray;function je(t){return br(t)}function gr(t){{var o=typeof Symbol=="function"&&Symbol.toStringTag,h=o&&t[Symbol.toStringTag]||t.constructor.name||"Object";return h}}function Er(t){try{return De(t),!1}catch{return!0}}function De(t){return""+t}function Ie(t){if(Er(t))return j("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",gr(t)),De(t)}var Ve=b.ReactCurrentOwner,xr={key:!0,ref:!0,__self:!0,__source:!0},Fe,Be;function Sr(t){if(pe.call(t,"ref")){var o=Object.getOwnPropertyDescriptor(t,"ref").get;if(o&&o.isReactWarning)return!1}return t.ref!==void 0}function _r(t){if(pe.call(t,"key")){var o=Object.getOwnPropertyDescriptor(t,"key").get;if(o&&o.isReactWarning)return!1}return t.key!==void 0}function Tr(t,o){typeof t.ref=="string"&&Ve.current}function wr(t,o){{var h=function(){Fe||(Fe=!0,j("%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://reactjs.org/link/special-props)",o))};h.isReactWarning=!0,Object.defineProperty(t,"key",{get:h,configurable:!0})}}function jr(t,o){{var h=function(){Be||(Be=!0,j("%s: `ref` 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://reactjs.org/link/special-props)",o))};h.isReactWarning=!0,Object.defineProperty(t,"ref",{get:h,configurable:!0})}}var Or=function(t,o,h,_,R,C,w){var T={$$typeof:r,type:t,key:o,ref:h,props:w,_owner:C};return T._store={},Object.defineProperty(T._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(T,"_self",{configurable:!1,enumerable:!1,writable:!1,value:_}),Object.defineProperty(T,"_source",{configurable:!1,enumerable:!1,writable:!1,value:R}),Object.freeze&&(Object.freeze(T.props),Object.freeze(T)),T};function Rr(t,o,h,_,R){{var C,w={},T=null,q=null;h!==void 0&&(Ie(h),T=""+h),_r(o)&&(Ie(o.key),T=""+o.key),Sr(o)&&(q=o.ref,Tr(o,R));for(C in o)pe.call(o,C)&&!xr.hasOwnProperty(C)&&(w[C]=o[C]);if(t&&t.defaultProps){var $=t.defaultProps;for(C in $)w[C]===void 0&&(w[C]=$[C])}if(T||q){var A=typeof t=="function"?t.displayName||t.name||"Unknown":t;T&&wr(w,A),q&&jr(w,A)}return Or(t,T,q,R,_,Ve.current,w)}}var Oe=b.ReactCurrentOwner,ze=b.ReactDebugCurrentFrame;function X(t){if(t){var o=t._owner,h=he(t.type,t._source,o?o.type:null);ze.setExtraStackFrame(h)}else ze.setExtraStackFrame(null)}var Re;Re=!1;function Ce(t){return typeof t=="object"&&t!==null&&t.$$typeof===r}function He(){{if(Oe.current){var t=B(Oe.current.type);if(t)return`
|
|
22
22
|
|
|
23
|
-
Check the render method of \``+
|
|
23
|
+
Check the render method of \``+t+"`."}return""}}function Cr(t){return""}var We={};function Pr(t){{var o=He();if(!o){var h=typeof t=="string"?t:t.displayName||t.name;h&&(o=`
|
|
24
24
|
|
|
25
|
-
Check the top-level render call using <`+h+">.")}return
|
|
26
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Wr(e,
|
|
27
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var f,b=!0,E=!1;return{s:function(){n=n.call(e)},n:function(){var v=n.next();return b=v.done,v},e:function(v){E=!0,f=v},f:function(){try{b||n.return==null||n.return()}finally{if(E)throw f}}}}function cr(e,t){if(e){if(typeof e=="string")return tr(e,t);var n={}.toString.call(e).slice(8,-1);return n==="Object"&&e.constructor&&(n=e.constructor.name),n==="Map"||n==="Set"?Array.from(e):n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?tr(e,t):void 0}}function tr(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function _e(){return _e=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},_e.apply(null,arguments)}function nr(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),n.push.apply(n,a)}return n}function fe(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?nr(Object(n),!0).forEach(function(a){Gr(e,a,n[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):nr(Object(n)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(n,a))})}return e}function Gr(e,t,n){return(t=Kr(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Kr(e){var t=Jr(e,"string");return ce(t)=="symbol"?t:t+""}function Jr(e,t){if(ce(e)!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var a=n.call(e,t);if(ce(a)!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Xr(e,t){if(e==null)return{};var n,a,i=Qr(e,t);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(e);for(a=0;a<f.length;a++)n=f[a],t.includes(n)||{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function Qr(e,t){if(e==null)return{};var n={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(t.includes(a))continue;n[a]=e[a]}return n}function Zr(e){var t=e.attrs,n=e.size,a=e.title,i=e.spin,f=e.rotate,b=e.color,E=Xr(e,Br),s=function(x){var g=n||x.size||"1em",d,l="",T="";return x.className&&(d=x.className),e.className&&(d=d?"".concat(d," ").concat(e.className):e.className),i&&(d?d+=" twist-icon-loading":d="twist-icon-loading"),f&&(l="rotate(".concat(f,"deg)"),T="rotate(".concat(f,"deg)")),Q.createElement("svg",_e({xmlns:"http://www.w3.org/2000/svg"},x.attrs,t,E,{className:d,style:fe(fe({color:b||x.color,msTransform:l,transform:T},x.style),e.style),width:g,height:g}),a&&Q.createElement("title",null,a),e.children)};return ke!==void 0?Q.createElement(ke.Consumer,null,function(v){return s(v)}):s(lr)}function et(e){var t={},n=e.split(";"),a=Yr(n),i;try{for(a.s();!(i=a.n()).done;){var f=i.value,b=f.split(":"),E=zr(b,2),s=E[0],v=E[1];if(s&&v){var x=s.trim().replace(/-./g,function(g){return g.charAt(1).toUpperCase()});t[x]=v.trim()}}}catch(g){a.e(g)}finally{a.f()}return t}function fr(e){return e&&e.map(function(t,n){return Q.createElement(t.tag,fe(fe({},t.attrs),{},{key:n,style:t.attrs.style?et(t.attrs.style):null}),fr(t.children))})}function k(e){return function(t){return Q.createElement(Zr,_e({attrs:fe({},e.attrs)},t),fr(e.children))}}function rt(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M12 2.25c-5.384 0-9.75 4.366-9.75 9.75s4.366 9.75 9.75 9.75v-2.437A7.312 7.312 0 1 1 19.313 12h2.437c0-5.384-4.366-9.75-9.75-9.75"}}]})(e)}function tt(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M18.25 12L8.5 17.629V6.37z"}}]})(e)}function dr(e){var t,n,a="";if(typeof e=="string"||typeof e=="number")a+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(n=dr(e[t]))&&(a&&(a+=" "),a+=n)}else for(n in e)e[n]&&(a&&(a+=" "),a+=n);return a}function L(){for(var e,t,n=0,a="",i=arguments.length;n<i;n++)(e=arguments[n])&&(t=dr(e))&&(a&&(a+=" "),a+=t);return a}function nt({bufferedPercentage:e,playedPercentage:t,onSeek:n}){const a=z("aplayer-bar"),i=z("aplayer-icon"),f=c.useRef(null),[b,E]=c.useState(t),s=c.useRef(!1);c.useEffect(()=>{s.current||E(t)},[t]);const v=c.useCallback(x=>{s.current=!0;const g=Le(x,f);E(g);const d=T=>{const o=Le(T,f);E(o)},l=T=>{document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",l);const o=Le(T,f);E(o),n==null||n(o),s.current=!1};document.addEventListener("mousemove",d),document.addEventListener("mouseup",l)},[n]);return m.jsx("div",{ref:f,className:L(a.b(),a.bs("vars")),onMouseDown:v,role:"slider","aria-label":"Audio progress","aria-valuenow":b?b*100:0,"aria-valuemin":0,"aria-valuemax":100,"aria-live":"polite",children:m.jsxs("div",{className:a.be("inner"),children:[typeof e<"u"?m.jsx("div",{className:a.be("loaded"),style:{width:`${e*100}%`}}):null,typeof b<"u"?m.jsx("div",{className:a.be("played"),style:{width:`${b*100}%`},children:m.jsx("span",{className:a.be("thumb"),children:m.jsx("span",{className:L(i.bs("loading")),children:m.jsx(rt,{})})})}):null]})})}function at(e){return k({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 it(e){return k({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 k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14 19V5h4v14zm-8 0V5h4v14z"}}]})(e)}function ot(e){return k({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 st(e){return k({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 k({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 k({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 k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7 15V9h4l5-5v16l-5-5z"}}]})(e)}function dt(e){return k({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 vt({volume:e,muted:t,onToggleMuted:n,onChangeVolume:a}){const i=z("aplayer-volumn"),f=z("aplayer-icon"),b=c.useRef(null),[E,s]=c.useState(!1),v=c.useCallback(x=>{a($e(x,b)),s(!0);const g=l=>{a($e(l,b))},d=l=>{document.removeEventListener("mouseup",d),document.removeEventListener("mousemove",g),s(!1),a($e(l,b))};document.addEventListener("mousemove",g),document.addEventListener("mouseup",d)},[a]);return m.jsxs("div",{className:L(i.b(),i.bs("vars")),children:[m.jsx("button",{type:"button",className:L(f.b(),f.bs("volume-down")),onClick:()=>n(),"aria-label":t||!e?"Muted":"unMuted",children:t||!e?m.jsx(ft,{}):e>=1?m.jsx(dt,{}):m.jsx(ct,{})}),m.jsx("div",{className:L(i.be("bar-wrap"),{[i.bem("bar-wrap","active")]:E}),ref:b,onMouseDown:v,children:m.jsx("div",{className:i.be("bar"),children:m.jsx("div",{className:i.be("thumb"),style:{height:t?0:`${e*100}%`}})})})]})}function ar(e){if(typeof e>"u")return"--:--";if(Number.isNaN(e))return"00:00";const t=b=>b<10?`0${b}`:`${b}`,n=Math.trunc(e/60),a=Math.trunc(e-n*60),i=Math.trunc(n/60),f=Math.trunc(e/60-60*Math.trunc(e/60/60));return e>=3600?`${t(i)}:${t(f)}:${t(a)}`:`${t(n)}:${t(a)}`}function mt(e){return k({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 ht(e){return k({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 pt(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"}}]})(e)}function yt(e){return k({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 bt(e){return k({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 gt({volume:e,onChangeVolume:t,muted:n,currentTime:a,audioDurationSeconds:i,bufferedSeconds:f,onToggleMenu:b,onToggleMuted:E,order:s,onOrderChange:v,loop:x,onLoopChange:g,onSeek:d,isPlaying:l,onTogglePlay:T,onSkipForward:o,onSkipBack:p,showLyrics:y=!0,onToggleLyrics:O}){const M=z("aplayer-controller"),_=z("aplayer-icon"),U=c.useCallback(()=>{const D={list:"random",random:"list"}[s];v(D)},[s,v]),Z=c.useCallback(()=>{const D={all:"one",one:"none",none:"all"}[x];g(D)},[x,g]);return m.jsxs("div",{className:L(M.b(),M.bs("vars")),role:"group","aria-label":"Audio Controls",children:[m.jsx(nt,{playedPercentage:typeof a>"u"||typeof i>"u"?void 0:a/i,bufferedPercentage:typeof f>"u"||typeof i>"u"?void 0:f/i,onSeek:D=>d==null?void 0:d(D*i)}),m.jsxs("div",{className:M.be("time"),children:[m.jsxs("span",{className:M.be("time-inner"),"aria-live":"polite",children:[m.jsx("span",{className:M.be("ptime"),children:ar(a)})," / ",m.jsx("span",{className:M.be("dtime"),children:ar(i)})]}),m.jsx("button",{className:L(_.b(),_.bs("back")),onClick:p,type:"button","aria-label":"Previous track",children:m.jsx(mt,{})}),m.jsx("button",{className:L(_.b(),_.bs("play")),onClick:T,type:"button","aria-label":l?"Pause audio":"Play audio",children:l?m.jsx(ut,{}):m.jsx(ot,{})}),m.jsx("button",{className:L(_.b(),_.bs("forward")),onClick:o,type:"button","aria-label":"Next track",children:m.jsx(ht,{})}),m.jsx(vt,{volume:e,muted:n,onToggleMuted:E,onChangeVolume:t}),m.jsx("button",{className:L(_.b(),_.bs("order")),onClick:U,type:"button","aria-label":`Playback order: ${s}`,children:{list:m.jsx(at,{}),random:m.jsx(bt,{})}[s]}),m.jsx("button",{className:L(_.b(),_.bs("order")),onClick:Z,type:"button","aria-label":`Loop mode: ${x}`,children:{all:m.jsx(lt,{}),one:m.jsx(st,{}),none:m.jsx(yt,{})}[x]}),m.jsx("button",{type:"button",className:L(_.b(),_.bs("menu")),onClick:()=>b==null?void 0:b(),"aria-label":"Toggle playlist menu",children:m.jsx(pt,{})}),m.jsx("button",{type:"button",className:L(_.b(),_.bs("lrc"),{[_.ns("lrc-inactivity")]:!y}),onClick:O,"aria-label":y?"Hide lyrics":"Show lyrics","aria-pressed":y,children:m.jsx(it,{})})]})]})}function Et({open:e,audio:t,playingAudioUrl:n,onPlayAudio:a,listMaxHeight:i}){const f=z("aplayer-list"),b=i?{maxHeight:i}:void 0,E=c.useCallback(v=>v?typeof v=="string"?v:v.name??"Audio artist":"Audio artist",[]),s=c.useRef(null);return c.useEffect(()=>{if(s.current){const v=s.current;return v.style.maxHeight=`${Math.min(v.scrollHeight,i??1/0)}px`,()=>{v.removeAttribute("style")}}},[i]),m.jsx("div",{ref:s,className:L(f.b(),{[f.bm("hide")]:!e}),"aria-label":"Audio playlist","aria-live":"polite",children:m.jsx("ol",{style:b,children:t.map((v,x)=>m.jsxs("li",{className:L({[f.bm("active")]:v.url===n}),onClick:()=>{v.url!==n&&(a==null||a(v))},role:"button","aria-label":`${v.name??"Audio name"} by ${E(v.artist)}}`,children:[m.jsx("span",{className:f.be("cur")}),m.jsx("span",{className:f.be("index"),children:x+1}),m.jsx("span",{className:f.be("title"),children:v.name??"Audio name"}),m.jsx("span",{className:f.be("author"),children:E(v.artist)})]},v.name||x))})})}function ir({show:e,lrcText:t,currentTime:n}){const a=z("aplayer-lrc"),i=c.useMemo(()=>xt(t),[t]),f=c.useMemo(()=>{for(let E=0;E<i.length;E++){const s=i[E],v=i[E+1];if(n>=s[0]&&(!v||n<v[0]))return E}return 0},[n,i]),b=c.useMemo(()=>({transform:`translateY(${-f*16}px)`,WebkitTransform:`translateY(${-f*16}px)`}),[f]);return m.jsx("div",{className:L(a.b(),{[a.bm("hide")]:!e}),children:t?m.jsx("div",{className:a.be("contents"),style:b,children:i.map(([,E],s)=>m.jsx("p",{className:L({[a.be("current")]:s===f}),children:E},s))}):null})}function xt(e){if(e){e=e.replace(/([^\]^\n])\[/g,(i,f)=>`${f}
|
|
28
|
-
[`);const
|
|
29
|
-
`),n=[],a=
|
|
25
|
+
Check the top-level render call using <`+h+">.")}return o}}function Ue(t,o){{if(!t._store||t._store.validated||t.key!=null)return;t._store.validated=!0;var h=Pr(o);if(We[h])return;We[h]=!0;var _="";t&&t._owner&&t._owner!==Oe.current&&(_=" It was passed a child from "+B(t._owner.type)+"."),X(t),j('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',h,_),X(null)}}function Ye(t,o){{if(typeof t!="object")return;if(je(t))for(var h=0;h<t.length;h++){var _=t[h];Ce(_)&&Ue(_,o)}else if(Ce(t))t._store&&(t._store.validated=!0);else if(t){var R=m(t);if(typeof R=="function"&&R!==t.entries)for(var C=R.call(t),w;!(w=C.next()).done;)Ce(w.value)&&Ue(w.value,o)}}}function Lr(t){{var o=t.type;if(o==null||typeof o=="string")return;var h;if(typeof o=="function")h=o.propTypes;else if(typeof o=="object"&&(o.$$typeof===s||o.$$typeof===y))h=o.propTypes;else return;if(h){var _=B(o);yr(h,t.props,"prop",_,t)}else if(o.PropTypes!==void 0&&!Re){Re=!0;var R=B(o);j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",R||"Unknown")}typeof o.getDefaultProps=="function"&&!o.getDefaultProps.isReactClassApproved&&j("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function $r(t){{for(var o=Object.keys(t.props),h=0;h<o.length;h++){var _=o[h];if(_!=="children"&&_!=="key"){X(t),j("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",_),X(null);break}}t.ref!==null&&(X(t),j("Invalid attribute `ref` supplied to `React.Fragment`."),X(null))}}function Ge(t,o,h,_,R,C){{var w=ce(t);if(!w){var T="";(t===void 0||typeof t=="object"&&t!==null&&Object.keys(t).length===0)&&(T+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var q=Cr();q?T+=q:T+=He();var $;t===null?$="null":je(t)?$="array":t!==void 0&&t.$$typeof===r?($="<"+(B(t.type)||"Unknown")+" />",T=" Did you accidentally export a JSX literal instead of a component?"):$=typeof t,j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",$,T)}var A=Rr(t,o,h,R,C);if(A==null)return A;if(w){var I=o.children;if(I!==void 0)if(_)if(je(I)){for(var Q=0;Q<I.length;Q++)Ye(I[Q],t);Object.freeze&&Object.freeze(I)}else j("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 Ye(I,t)}return t===a?$r(A):Lr(A),A}}function Mr(t,o,h){return Ge(t,o,h,!0)}function Ar(t,o,h){return Ge(t,o,h,!1)}var kr=Ar,Nr=Mr;ue.Fragment=a,ue.jsx=kr,ue.jsxs=Nr}()),ue}var Qe;function Vr(){return Qe||(Qe=1,process.env.NODE_ENV==="production"?be.exports=Dr():be.exports=Ir()),be.exports}var v=Vr(),ge=e=>`--${e}`,Ze=e=>`var(--${e})`,er=(e,r)=>`--${e}: ${r};`;function Fr(e,r){const n=a=>r;return{b:()=>`${n()}-${e}`,be:a=>`${n()}-${e}__${a}`,bm:a=>`${n()}-${e}--${a}`,bem:(a,i)=>`${n()}-${e}__${a}--${i}`,bs:a=>`${n()}-${e}-${a}`,ns:a=>`${n()}-${a}`,cb:()=>`.${n()}-${e}`,cbe:a=>`.${n()}-${e}__${a}`,cbm:a=>`.${n()}-${e}--${a}`,cbem:(a,i)=>`.${n()}-${e}__${a}--${i}`,cbs:a=>`.${n()}-${e}-${a}`,cns:a=>`.${n()}-${a}`,cv:a=>ge(`${n()}-${e}-${a}`),cvm:(a,i={})=>{const c=n();for(const p of Object.keys(a))i[ge(`${c}-${e}-${p}`)]=a[p];return i},gcv:a=>Ze(`${n()}-${e}-${a}`),scv:(a,i)=>er(`${n()}-${e}-${a}`,i),nv:a=>ge(`${n()}-${a}`),nvm:(a,i={})=>{const c=n();for(const p of Object.keys(a))i[ge(`${c}-${p}`)]=a[p];return i},gnv:a=>Ze(`${n()}-${a}`),snv:(a,i)=>er(`${n()}-${a}`,i)}}function W(e){return l.useMemo(()=>Fr(e,"twist"),[e])}var sr={color:void 0,size:void 0,className:void 0,style:void 0,attrs:void 0},Ae=ee.createContext(sr);Ae.Provider;function se(e){"@babel/helpers - typeof";return se=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(r){return typeof r}:function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},se(e)}var Br=["attrs","size","title","spin","rotate","color"];function zr(e,r){return Ur(e)||Wr(e,r)||lr(e,r)||Hr()}function Hr(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
26
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Wr(e,r){var n=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n!=null){var a,i,c,p,E=[],s=!0,f=!1;try{if(c=(n=n.call(e)).next,r!==0)for(;!(s=(a=c.call(n)).done)&&(E.push(a.value),E.length!==r);s=!0);}catch(d){f=!0,i=d}finally{try{if(!s&&n.return!=null&&(p=n.return(),Object(p)!==p))return}finally{if(f)throw i}}return E}}function Ur(e){if(Array.isArray(e))return e}function Yr(e,r){var n=typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=lr(e))||r){n&&(e=n);var a=0,i=function(){};return{s:i,n:function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}},e:function(f){throw f},f:i}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
|
|
27
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var c,p=!0,E=!1;return{s:function(){n=n.call(e)},n:function(){var f=n.next();return p=f.done,f},e:function(f){E=!0,c=f},f:function(){try{p||n.return==null||n.return()}finally{if(E)throw c}}}}function lr(e,r){if(e){if(typeof e=="string")return rr(e,r);var n={}.toString.call(e).slice(8,-1);return n==="Object"&&e.constructor&&(n=e.constructor.name),n==="Map"||n==="Set"?Array.from(e):n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?rr(e,r):void 0}}function rr(e,r){(r==null||r>e.length)&&(r=e.length);for(var n=0,a=Array(r);n<r;n++)a[n]=e[n];return a}function xe(){return xe=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},xe.apply(null,arguments)}function tr(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),n.push.apply(n,a)}return n}function le(e){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?tr(Object(n),!0).forEach(function(a){Gr(e,a,n[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tr(Object(n)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(n,a))})}return e}function Gr(e,r,n){return(r=Kr(r))in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function Kr(e){var r=Jr(e,"string");return se(r)=="symbol"?r:r+""}function Jr(e,r){if(se(e)!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var a=n.call(e,r);if(se(a)!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function Xr(e,r){if(e==null)return{};var n,a,i=Qr(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(a=0;a<c.length;a++)n=c[a],r.includes(n)||{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function Qr(e,r){if(e==null)return{};var n={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(r.includes(a))continue;n[a]=e[a]}return n}function Zr(e){var r=e.attrs,n=e.size,a=e.title,i=e.spin,c=e.rotate,p=e.color,E=Xr(e,Br),s=function(d){var y=n||d.size||"1em",S,x="",g="";return d.className&&(S=d.className),e.className&&(S=S?"".concat(S," ").concat(e.className):e.className),i&&(S?S+=" twist-icon-loading":S="twist-icon-loading"),c&&(x="rotate(".concat(c,"deg)"),g="rotate(".concat(c,"deg)")),ee.createElement("svg",xe({xmlns:"http://www.w3.org/2000/svg"},d.attrs,r,E,{className:S,style:le(le({color:p||d.color,msTransform:x,transform:g},d.style),e.style),width:y,height:y}),a&&ee.createElement("title",null,a),e.children)};return Ae!==void 0?ee.createElement(Ae.Consumer,null,function(f){return s(f)}):s(sr)}function et(e){var r={},n=e.split(";"),a=Yr(n),i;try{for(a.s();!(i=a.n()).done;){var c=i.value,p=c.split(":"),E=zr(p,2),s=E[0],f=E[1];if(s&&f){var d=s.trim().replace(/-./g,function(y){return y.charAt(1).toUpperCase()});r[d]=f.trim()}}}catch(y){a.e(y)}finally{a.f()}return r}function cr(e){return e&&e.map(function(r,n){return ee.createElement(r.tag,le(le({},r.attrs),{},{key:n,style:r.attrs.style?et(r.attrs.style):null}),cr(r.children))})}function k(e){return function(r){return ee.createElement(Zr,xe({attrs:le({},e.attrs)},r),cr(e.children))}}function rt(e){return k({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 tt(e){return k({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 nt(e){return k({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 at(e){return k({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 it(e){return k({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 ot(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"}}]})(e)}function ut(e){return k({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 st(e){return k({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 k({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 k({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 ft(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14 19V5h4v14zm-8 0V5h4v14z"}}]})(e)}function dt(e){return k({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 vt(e){return k({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 mt(e){return k({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 ht(e){return k({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 pt(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7 15V9h4l5-5v16l-5-5z"}}]})(e)}function yt(e){return k({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 bt(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M18.25 12L8.5 17.629V6.37z"}}]})(e)}function Pe(e,r){if(!r.current)return 0;let n=(e.clientX-r.current.getBoundingClientRect().left)/r.current.clientWidth;return n=Math.max(n,0),n=Math.min(n,1),n=Math.floor(n*100)/100,n}function Le(e,r){if(!r.current)return 0;let n=1-(e.clientY-r.current.getBoundingClientRect().top)/r.current.clientHeight;return n=Math.max(n,0),n=Math.min(n,1),n=Math.floor(n*100)/100,n}function fr(e){var r,n,a="";if(typeof e=="string"||typeof e=="number")a+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(r=0;r<i;r++)e[r]&&(n=fr(e[r]))&&(a&&(a+=" "),a+=n)}else for(n in e)e[n]&&(a&&(a+=" "),a+=n);return a}function L(){for(var e,r,n=0,a="",i=arguments.length;n<i;n++)(e=arguments[n])&&(r=fr(e))&&(a&&(a+=" "),a+=r);return a}function gt({bufferedPercentage:e,playedPercentage:r,onSeek:n}){const a=W("aplayer-bar"),i=W("aplayer-icon"),c=l.useRef(null),[p,E]=l.useState(r),s=l.useRef(!1);l.useEffect(()=>{s.current||E(r)},[r]);const f=l.useCallback(d=>{s.current=!0;const y=Pe(d,c);E(y);const S=g=>{const u=Pe(g,c);E(u)},x=g=>{document.removeEventListener("mousemove",S),document.removeEventListener("mouseup",x);const u=Pe(g,c);E(u),n==null||n(u),s.current=!1};document.addEventListener("mousemove",S),document.addEventListener("mouseup",x)},[n]);return v.jsx("div",{ref:c,className:L(a.b(),a.bs("vars")),onMouseDown:f,role:"slider","aria-label":"Audio progress","aria-valuenow":p?p*100:0,"aria-valuemin":0,"aria-valuemax":100,"aria-live":"polite",children:v.jsxs("div",{className:a.be("inner"),children:[typeof e<"u"?v.jsx("div",{className:a.be("loaded"),style:{width:`${e*100}%`}}):null,typeof p<"u"?v.jsx("div",{className:a.be("played"),style:{width:`${p*100}%`},children:v.jsx("span",{className:a.be("thumb"),children:v.jsx("span",{className:L(i.bs("loading")),children:v.jsx(nt,{})})})}):null]})})}function Et({volume:e,muted:r,onToggleMuted:n,onChangeVolume:a}){const i=W("aplayer-volumn"),c=W("aplayer-icon"),p=l.useRef(null),[E,s]=l.useState(!1),f=l.useCallback(d=>{a(Le(d,p)),s(!0);const y=x=>{a(Le(x,p))},S=x=>{document.removeEventListener("mouseup",S),document.removeEventListener("mousemove",y),s(!1),a(Le(x,p))};document.addEventListener("mousemove",y),document.addEventListener("mouseup",S)},[a]);return v.jsxs("div",{className:L(i.b(),i.bs("vars")),children:[v.jsx("button",{type:"button",className:L(c.b(),c.bs("volume-down")),onClick:()=>n(),"aria-label":r||!e?"Muted":"unMuted",children:r||!e?v.jsx(pt,{}):e>=1?v.jsx(yt,{}):v.jsx(ht,{})}),v.jsx("div",{className:L(i.be("bar-wrap"),{[i.bem("bar-wrap","active")]:E}),ref:p,onMouseDown:f,children:v.jsx("div",{className:i.be("bar"),children:v.jsx("div",{className:i.be("thumb"),style:{height:r?0:`${e*100}%`}})})})]})}function nr(e){if(typeof e>"u")return"--:--";if(Number.isNaN(e))return"00:00";const r=p=>p<10?`0${p}`:`${p}`,n=Math.trunc(e/60),a=Math.trunc(e-n*60),i=Math.trunc(n/60),c=Math.trunc(e/60-60*Math.trunc(e/60/60));return e>=3600?`${r(i)}:${r(c)}:${r(a)}`:`${r(n)}:${r(a)}`}function xt({volume:e,onChangeVolume:r,muted:n,currentTime:a,audioDurationSeconds:i,bufferedSeconds:c,onToggleMenu:p,onToggleMuted:E,order:s,onOrderChange:f,loop:d,onLoopChange:y,onSeek:S,isPlaying:x,onTogglePlay:g,onSkipForward:u,onSkipBack:m,showLyrics:b=!0,onToggleLyrics:j}){const O=W("aplayer-controller"),P=W("aplayer-icon"),V=l.useCallback(()=>{const N={list:"random",random:"list"}[s];f(N)},[s,f]),F=l.useCallback(()=>{const N={all:"one",one:"none",none:"all"}[d];y(N)},[d,y]);return v.jsxs("div",{className:L(O.b(),O.bs("vars")),role:"group","aria-label":"Audio Controls",children:[v.jsx(gt,{playedPercentage:typeof a>"u"||typeof i>"u"?void 0:a/i,bufferedPercentage:typeof c>"u"||typeof i>"u"?void 0:c/i,onSeek:N=>S==null?void 0:S(N*i)}),v.jsxs("div",{className:O.be("time"),children:[v.jsxs("span",{className:O.be("time-inner"),"aria-live":"polite",children:[v.jsx("span",{className:O.be("ptime"),children:nr(a)})," / ",v.jsx("span",{className:O.be("dtime"),children:nr(i)})]}),v.jsx("button",{className:L(P.b(),P.bs("back")),onClick:m,type:"button","aria-label":"Previous track",children:v.jsx(rt,{})}),v.jsx("button",{className:L(P.b(),P.bs("play")),onClick:g,type:"button","aria-label":x?"Pause audio":"Play audio",children:x?v.jsx(ft,{}):v.jsx(dt,{})}),v.jsx("button",{className:L(P.b(),P.bs("forward")),onClick:u,type:"button","aria-label":"Next track",children:v.jsx(tt,{})}),v.jsx(Et,{volume:e,muted:n,onToggleMuted:E,onChangeVolume:r}),v.jsx("button",{className:L(P.b(),P.bs("order")),onClick:V,type:"button","aria-label":`Playback order: ${s}`,children:{list:v.jsx(lt,{}),random:v.jsx(st,{})}[s]}),v.jsx("button",{className:L(P.b(),P.bs("order")),onClick:F,type:"button","aria-label":`Loop mode: ${d}`,children:{all:v.jsx(mt,{}),one:v.jsx(vt,{}),none:v.jsx(ut,{})}[d]}),v.jsx("button",{type:"button",className:L(P.b(),P.bs("menu")),onClick:()=>p==null?void 0:p(),"aria-label":"Toggle playlist menu",children:v.jsx(ot,{})}),v.jsx("button",{type:"button",className:L(P.b(),P.bs("lrc"),{[P.ns("lrc-inactivity")]:!b}),onClick:j,"aria-label":b?"Hide lyrics":"Show lyrics","aria-pressed":b,children:v.jsx(ct,{})})]})]})}function St({open:e,audio:r,playingAudioUrl:n,onPlayAudio:a,listMaxHeight:i}){const c=W("aplayer-list"),p=i?{maxHeight:i}:void 0,E=l.useCallback(f=>f?typeof f=="string"?f:f.name??"Audio artist":"Audio artist",[]),s=l.useRef(null);return l.useEffect(()=>{if(s.current){const f=s.current;return f.style.maxHeight=`${Math.min(f.scrollHeight,i??1/0)}px`,()=>{f.removeAttribute("style")}}},[i]),v.jsx("div",{ref:s,className:L(c.b(),{[c.bm("hide")]:!e}),"aria-label":"Audio playlist","aria-live":"polite",children:v.jsx("ol",{style:p,children:r.map((f,d)=>v.jsxs("li",{className:L({[c.bm("active")]:f.url===n}),onClick:()=>{f.url!==n&&(a==null||a(f))},role:"button","aria-label":`${f.name??"Audio name"} by ${E(f.artist)}}`,children:[v.jsx("span",{className:c.be("cur")}),v.jsx("span",{className:c.be("index"),children:d+1}),v.jsx("span",{className:c.be("title"),children:f.name??"Audio name"}),v.jsx("span",{className:c.be("author"),children:E(f.artist)})]},f.name||d))})})}function ar({show:e,lrcText:r,currentTime:n}){const a=W("aplayer-lrc"),i=l.useMemo(()=>_t(r),[r]),c=l.useMemo(()=>{for(let E=0;E<i.length;E++){const s=i[E],f=i[E+1];if(n>=s[0]&&(!f||n<f[0]))return E}return 0},[n,i]),p=l.useMemo(()=>({transform:`translateY(${-c*16}px)`,WebkitTransform:`translateY(${-c*16}px)`}),[c]);return v.jsx("div",{className:L(a.b(),{[a.bm("hide")]:!e}),children:r?v.jsx("div",{className:a.be("contents"),style:p,children:i.map(([,E],s)=>v.jsx("p",{className:L({[a.be("current")]:s===c}),children:E},s))}):null})}function _t(e){if(e){e=e.replace(/([^\]^\n])\[/g,(i,c)=>`${c}
|
|
28
|
+
[`);const r=e.split(`
|
|
29
|
+
`),n=[],a=r.length;for(let i=0;i<a;i++){const c=r[i].match(/\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g),p=r[i].replace(/.*\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g,"").replace(/<(\d{2}):(\d{2})(\.(\d{2,3}))?>/g,"").replace(/^\s+|\s+$/g,"");if(c){const E=c.length;for(let s=0;s<E;s++){const f=/\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/.exec(c[s]),d=f[1]*60,y=Number.parseInt(f[2]),S=f[4]?Number.parseInt(f[4])/(`${f[4]}`.length===2?100:1e3):0,x=d+y+S;n.push([x,p])}}}return n.sort((i,c)=>i[0]-c[0]),n}else return[]}var Ee={exports:{}},$e={};/**
|
|
30
30
|
* @license React
|
|
31
31
|
* use-sync-external-store-shim.production.js
|
|
32
32
|
*
|
|
@@ -34,7 +34,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
34
34
|
*
|
|
35
35
|
* This source code is licensed under the MIT license found in the
|
|
36
36
|
* LICENSE file in the root directory of this source tree.
|
|
37
|
-
*/var
|
|
37
|
+
*/var ir;function Tt(){if(ir)return $e;ir=1;var e=l;function r(y,S){return y===S&&(y!==0||1/y===1/S)||y!==y&&S!==S}var n=typeof Object.is=="function"?Object.is:r,a=e.useState,i=e.useEffect,c=e.useLayoutEffect,p=e.useDebugValue;function E(y,S){var x=S(),g=a({inst:{value:x,getSnapshot:S}}),u=g[0].inst,m=g[1];return c(function(){u.value=x,u.getSnapshot=S,s(u)&&m({inst:u})},[y,x,S]),i(function(){return s(u)&&m({inst:u}),y(function(){s(u)&&m({inst:u})})},[y]),p(x),x}function s(y){var S=y.getSnapshot;y=y.value;try{var x=S();return!n(y,x)}catch{return!0}}function f(y,S){return S()}var d=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?f:E;return $e.useSyncExternalStore=e.useSyncExternalStore!==void 0?e.useSyncExternalStore:d,$e}var Me={};/**
|
|
38
38
|
* @license React
|
|
39
39
|
* use-sync-external-store-shim.development.js
|
|
40
40
|
*
|
|
@@ -42,4 +42,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
42
42
|
*
|
|
43
43
|
* This source code is licensed under the MIT license found in the
|
|
44
44
|
* LICENSE file in the root directory of this source tree.
|
|
45
|
-
*/var or;function _t(){return or||(or=1,process.env.NODE_ENV!=="production"&&function(){function e(l,T){return l===T&&(l!==0||1/l===1/T)||l!==l&&T!==T}function t(l,T){x||i.startTransition===void 0||(x=!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 o=T();if(!g){var p=T();f(o,p)||(console.error("The result of getSnapshot should be cached to avoid an infinite loop"),g=!0)}p=b({inst:{value:o,getSnapshot:T}});var y=p[0].inst,O=p[1];return s(function(){y.value=o,y.getSnapshot=T,n(y)&&O({inst:y})},[l,o,T]),E(function(){return n(y)&&O({inst:y}),l(function(){n(y)&&O({inst:y})})},[l]),v(o),o}function n(l){var T=l.getSnapshot;l=l.value;try{var o=T();return!f(l,o)}catch{return!0}}function a(l,T){return T()}typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var i=c,f=typeof Object.is=="function"?Object.is:e,b=i.useState,E=i.useEffect,s=i.useLayoutEffect,v=i.useDebugValue,x=!1,g=!1,d=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?a:t;Me.useSyncExternalStore=i.useSyncExternalStore!==void 0?i.useSyncExternalStore:d,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())}()),Me}var sr;function Tt(){return sr||(sr=1,process.env.NODE_ENV==="production"?Se.exports=St():Se.exports=_t()),Se.exports}var W=Tt();const X=[];function wt(e){const t=c.useRef();return c.useEffect(()=>{if(typeof window<"u"&&!t.current){const n=t.current=document.createElement("audio");typeof(e==null?void 0:e.src)<"u"&&(n.src=e.src),typeof(e==null?void 0:e.autoPlay)<"u"&&(n.autoplay=e.autoPlay),typeof(e==null?void 0:e.initialVolume)<"u"&&(n.volume=e.initialVolume),X.includes(n)||X.push(n)}},[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 n=t.current;if(n&&(e!=null&&e.onError))return n.addEventListener("error",e.onError),()=>{n.removeEventListener("error",e.onError)}},[e==null?void 0:e.onError]),c.useEffect(()=>{if(typeof window>"u")return;const n=t.current;if(n&&(e!=null&&e.onEnded))return n.addEventListener("ended",e.onEnded),()=>{n.removeEventListener("ended",e.onEnded)}},[e==null?void 0:e.onEnded]),c.useEffect(()=>()=>{const n=t.current;if(n){n.pause(),n.currentTime=0;const a=X.indexOf(n);a!==-1&&X.splice(a,1)}t.current=void 0},[]),t}function jt(e){const t=wt(e),n=c.useCallback(o=>{for(let p=0;p<X.length;p++){const y=X[p];y!==o&&!y.paused&&y.pause()}},[]),a=c.useCallback(async o=>{var y;const p=t.current;if(p){e.mutex&&n(p),p.src!==o&&(p.pause(),p.currentTime=0,p.src=o);try{await((y=t.current)==null?void 0:y.play())}catch{}}},[t,e.mutex,n]),i=c.useCallback(o=>{const p=t.current;p&&(p.paused?a(o):p.pause())},[t,a]),f=c.useCallback(o=>{t.current.currentTime=o},[t]),b=c.useCallback(()=>{t.current&&(t.current.muted=!t.current.muted)},[t]),E=c.useCallback(o=>{t.current&&(t.current.volume=o)},[t]),s=W.useSyncExternalStore(c.useCallback(o=>{var p;return(p=t.current)==null||p.addEventListener("volumechange",o),()=>{var y;(y=t.current)==null||y.removeEventListener("volumechange",o)}},[t]),()=>{var o;return(o=t.current)==null?void 0:o.volume},()=>{}),v=W.useSyncExternalStore(c.useCallback(o=>{var p;return(p=t.current)==null||p.addEventListener("volumechange",o),()=>{var y;(y=t.current)==null||y.removeEventListener("volumechange",o)}},[t]),()=>{var o;return(o=t.current)==null?void 0:o.muted},()=>{}),x=W.useSyncExternalStore(c.useCallback(o=>{var p;return(p=t.current)==null||p.addEventListener("timeupdate",o),()=>{var y;(y=t.current)==null||y.removeEventListener("timeupdate",o)}},[t]),()=>{if(t.current)return Math.round(t.current.currentTime)},()=>{}),g=W.useSyncExternalStore(c.useCallback(o=>{var p;return(p=t.current)==null||p.addEventListener("durationchange",o),()=>{var y;(y=t.current)==null||y.removeEventListener("durationchange",o)}},[t]),()=>{var o;return(o=t.current)==null?void 0:o.duration},()=>{}),d=W.useSyncExternalStore(c.useCallback(o=>{var p;return(p=t.current)==null||p.addEventListener("progress",o),()=>{var y;(y=t.current)==null||y.removeEventListener("progress",o)}},[t]),()=>{const o=t.current;return o&&o.buffered.length>0?o.buffered.end(o.buffered.length-1):0},()=>{}),l=W.useSyncExternalStore(c.useCallback(o=>{var p,y;return(p=t.current)==null||p.addEventListener("play",o),(y=t.current)==null||y.addEventListener("pause",o),()=>{var O,M;(O=t.current)==null||O.removeEventListener("play",o),(M=t.current)==null||M.removeEventListener("pause",o)}},[t]),()=>{const o=t.current;return o?!o.paused:!1},()=>{}),T=W.useSyncExternalStore(c.useCallback(o=>{var p,y;return(p=t.current)==null||p.addEventListener("playing",o),(y=t.current)==null||y.addEventListener("waiting",o),()=>{var O,M;(O=t.current)==null||O.removeEventListener("playing",o),(M=t.current)==null||M.removeEventListener("waiting",o)}},[t]),()=>{const o=t.current;return o?o.networkState===o.NETWORK_LOADING:!1},()=>{});return{audio:t.current,playAudio:a,togglePlay:i,seek:f,toggleMuted:b,setVolume:E,volume:s,muted:v,currentTime:x,duration:g,bufferedSeconds:d,isPlaying:l,isLoading:T}}function vr(){const e=c.useRef([]);return c.useEffect(()=>{const n=e.current;return()=>{for(const a of n)clearTimeout(a)}},[]),c.useCallback((n,a)=>{const i=setTimeout(n,a);return e.current.push(i),i},[])}function Ot(){const e=c.useRef(),[t,n]=c.useState({text:"",style:{opacity:0}}),a=vr(),i=c.useCallback((f,b=2e3)=>{e.current&&clearTimeout(e.current),n({text:f,style:{opacity:1}}),e.current=a(()=>{n({text:f,style:{opacity:0}})},b)},[a]);return[t,i]}function Rt(e){return Ct(e.slice())}function Ct(e){let t=e.length,n;for(;t!==0;)n=Math.floor(Math.random()*t),t--,[e[t],e[n]]=[e[n],e[t]];return e}function Pt(e,t){const{initialLoop:n="all",initialOrder:a="list"}=t,[i,f]=c.useState(n),[b,E]=c.useState(a),s=c.useMemo(()=>b==="list"?e:Rt(e),[e,b]),[v,x]=c.useState(s[0]),g=c.useCallback(p=>p.url,[]),d=c.useMemo(()=>s.findIndex(y=>g(y)===g(v))<s.length-1||i!=="none",[s,v,i,g]),l=c.useCallback(()=>{x(p=>{const y=s.findIndex(O=>g(O)===g(p));return y<s.length-1?s[y+1]:{...s[0]}})},[i,s,g]),T=c.useCallback(()=>{x(p=>{const y=s.indexOf(p);return y>0?s[y-1]:p})},[s]),o=c.useCallback(p=>{x(p)},[]);return c.useEffect(()=>{const p=s.find(y=>g(y)===g(v));x(p||s[0])},[s,g,v]),{list:s,currentSong:v,hasNextSong:d,next:l,previous:T,prioritize:o,order:b,setOrder:E,loop:i,setLoop:f,length:s.length}}function Lt(e){return k({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 $t(e){return k({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 At({audio:e,appearance:t="normal",volume:n=.7,initialLoop:a,initialOrder:i,autoPlay:f=!1,listMaxHeight:b=250,mini:E=!1,mutex:s=!0,listFolded:v=!1,theme:x="light",border:g=!1}){var ne,ae,ie;const d=z("aplayer"),l=Pt(Array.isArray(e)?e:[e],{initialLoop:a,initialOrder:i}),[T,o]=Ot(),p=vr(),y=c.useRef(),O=c.useCallback(()=>{y.current&&(clearTimeout(y.current),y.current=void 0)},[]),M=c.useRef(!1),_=jt({src:l.currentSong.url,initialVolume:n,autoPlay:f,mutex:s,onError(C){const{error:ue}=C.target;ue&&o("An audio error has occurred, player will skip forward in 2 seconds."),l.hasNextSong&&(y.current=p(()=>{l.next()},2e3))},onEnded(){const{list:C,currentSong:ue,loop:he,prioritize:G,hasNextSong:oe}=l,{audio:H}=_;if(he==="one"){G({...ue});return}if(!oe&&he==="none"){M.current=!0,H.currentTime=0,H.pause(),H.src=C[0].url,G(C[0]);return}l.next()}}),U=c.useCallback(()=>{O(),_.togglePlay(l.currentSong.url)},[_,O,l.currentSong.url]),Z=c.useCallback(C=>C?typeof C=="string"?C:C.url?m.jsx("a",{href:C.url,target:"_blank",rel:"noreferrer",children:C.name??"Audio artist"}):C.name??"Audio artist":"Audio artist",[]),D=l.length>1,Te=c.useMemo(()=>Array.isArray(e)?e:[e],[e]),{prioritize:ee}=l,we=c.useCallback(C=>{O(),ee(C)},[O,ee]),[de,ve]=c.useState(()=>D&&!v),[V,I]=c.useState(E),[F,me]=c.useState(!0),Y=c.useRef(null);c.useEffect(()=>{I(E)},[E]),c.useEffect(()=>{f&&_.playAudio(l.currentSong.url)},[]);const re=c.useRef(!0),te=c.useRef(l.currentSong);return c.useEffect(()=>{if(re.current){re.current=!1;return}if(M.current){M.current=!1;return}l.currentSong&&(l.loop==="one"||l.currentSong!==te.current)&&(te.current=l.currentSong,_.playAudio(l.currentSong.url))},[l.currentSong]),c.useEffect(()=>{if(t==="fixed"&&Y.current){const C=Y.current;return C.style.width=`${C.offsetWidth-18}px`,()=>{C.removeAttribute("style")}}},[t]),m.jsxs("div",{className:L(d.b(),{[d.bs(x)]:!0,[d.bs("vars")]:!0,[d.bm(t)]:!0,[d.bm("loading")]:_.isLoading,[d.bm("withlist")]:D,[d.bm("list-folded")]:!de,[d.bm("withlrc")]:!!l.currentSong.lrc&&t!=="fixed",[d.bm("narrow")]:V,[d.bm("border")]:g}),role:"region","aria-label":"Audio Player",children:[m.jsxs("div",{ref:Y,className:d.be("body"),children:[m.jsx("div",{className:d.be("pic"),onClick:U,style:{backgroundImage:`url("${(ne=l.currentSong)==null?void 0:ne.cover}")`},role:"button","aria-label":_.isPlaying?"Pause audio":"Play audio",children:m.jsx("div",{className:L(d.be("button"),_.isPlaying?d.bm("pause"):d.bm("play")),role:"presentation",children:_.isPlaying?m.jsx($t,{}):m.jsx(tt,{})})}),m.jsxs("div",{className:L(d.be("info")),children:[m.jsxs("div",{className:L(d.be("music")),children:[m.jsx("span",{className:L(d.be("title")),children:((ae=l.currentSong)==null?void 0:ae.name)??"Audio name"}),m.jsxs("span",{className:L(d.be("author")),children:[" ","-"," ",Z((ie=l.currentSong)==null?void 0:ie.artist)]})]}),t==="fixed"?null:m.jsx(ir,{show:F,lrcText:l.currentSong.lrc,currentTime:_.currentTime??0}),m.jsx(gt,{volume:_.volume??n,onChangeVolume:_.setVolume,muted:_.muted??!1,onToggleMuted:()=>_.toggleMuted(),currentTime:_.currentTime,audioDurationSeconds:_.duration,bufferedSeconds:_.bufferedSeconds,onSeek:C=>_.seek(C),onToggleMenu:()=>ve(C=>!C),order:l.order,onOrderChange:l.setOrder,loop:l.loop,onLoopChange:l.setLoop,isPlaying:_.isPlaying??!1,onTogglePlay:U,onSkipForward:()=>{l.hasNextSong&&l.next()},onSkipBack:()=>{l.previous()},showLyrics:F,onToggleLyrics:()=>{me(C=>!C)}})]}),m.jsx("div",{className:d.be("notice"),style:T.style,children:T.text}),m.jsx("div",{className:d.be("miniswitcher"),onClick:()=>I(C=>!C),children:m.jsx("button",{className:L(d.bs("icon"),d.bs("icon-right")),type:"button",children:m.jsx(Lt,{})})})]}),D?m.jsx(Et,{open:de,audio:Te,playingAudioUrl:l.currentSong.url,onPlayAudio:we,listMaxHeight:b}):null,t==="fixed"&&m.jsx(ir,{show:F,lrcText:l.currentSong.lrc,currentTime:_.currentTime??0})]})}exports.TwistAPlayer=At;
|
|
45
|
+
*/var or;function wt(){return or||(or=1,process.env.NODE_ENV!=="production"&&function(){function e(x,g){return x===g&&(x!==0||1/x===1/g)||x!==x&&g!==g}function r(x,g){d||i.startTransition===void 0||(d=!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=g();if(!y){var m=g();c(u,m)||(console.error("The result of getSnapshot should be cached to avoid an infinite loop"),y=!0)}m=p({inst:{value:u,getSnapshot:g}});var b=m[0].inst,j=m[1];return s(function(){b.value=u,b.getSnapshot=g,n(b)&&j({inst:b})},[x,u,g]),E(function(){return n(b)&&j({inst:b}),x(function(){n(b)&&j({inst:b})})},[x]),f(u),u}function n(x){var g=x.getSnapshot;x=x.value;try{var u=g();return!c(x,u)}catch{return!0}}function a(x,g){return g()}typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var i=l,c=typeof Object.is=="function"?Object.is:e,p=i.useState,E=i.useEffect,s=i.useLayoutEffect,f=i.useDebugValue,d=!1,y=!1,S=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?a:r;Me.useSyncExternalStore=i.useSyncExternalStore!==void 0?i.useSyncExternalStore:S,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())}()),Me}var ur;function jt(){return ur||(ur=1,process.env.NODE_ENV==="production"?Ee.exports=Tt():Ee.exports=wt()),Ee.exports}var G=jt();const Z=[];function Ot(e){const r=l.useRef();return l.useEffect(()=>{if(typeof window<"u"&&!r.current){const n=r.current=document.createElement("audio");typeof(e==null?void 0:e.src)<"u"&&(n.src=e.src),typeof(e==null?void 0:e.autoPlay)<"u"&&(n.autoplay=e.autoPlay),typeof(e==null?void 0:e.initialVolume)<"u"&&(n.volume=e.initialVolume),Z.includes(n)||Z.push(n)}},[e==null?void 0:e.autoPlay,e==null?void 0:e.initialVolume,e==null?void 0:e.src]),l.useEffect(()=>{if(typeof window>"u")return;const n=r.current;if(n&&(e!=null&&e.onError))return n.addEventListener("error",e.onError),()=>{n.removeEventListener("error",e.onError)}},[e==null?void 0:e.onError]),l.useEffect(()=>{if(typeof window>"u")return;const n=r.current;if(n&&(e!=null&&e.onEnded))return n.addEventListener("ended",e.onEnded),()=>{n.removeEventListener("ended",e.onEnded)}},[e==null?void 0:e.onEnded]),l.useEffect(()=>()=>{const n=r.current;if(n){n.pause(),n.currentTime=0;const a=Z.indexOf(n);a!==-1&&Z.splice(a,1)}r.current=void 0},[]),r}function Rt(e){const r=Ot(e),n=l.useCallback(u=>{for(let m=0;m<Z.length;m++){const b=Z[m];b!==u&&!b.paused&&b.pause()}},[]),a=l.useCallback(async u=>{var b;const m=r.current;if(m){e.mutex&&n(m),m.src!==u&&(m.pause(),m.currentTime=0,m.src=u);try{await((b=r.current)==null?void 0:b.play())}catch{}}},[r,e.mutex,n]),i=l.useCallback(u=>{const m=r.current;m&&(m.paused?a(u):m.pause())},[r,a]),c=l.useCallback(u=>{r.current.currentTime=u},[r]),p=l.useCallback(()=>{r.current&&(r.current.muted=!r.current.muted)},[r]),E=l.useCallback(u=>{r.current&&(r.current.volume=u)},[r]),s=G.useSyncExternalStore(l.useCallback(u=>{var m;return(m=r.current)==null||m.addEventListener("volumechange",u),()=>{var b;(b=r.current)==null||b.removeEventListener("volumechange",u)}},[r]),()=>{var u;return(u=r.current)==null?void 0:u.volume},()=>{}),f=G.useSyncExternalStore(l.useCallback(u=>{var m;return(m=r.current)==null||m.addEventListener("volumechange",u),()=>{var b;(b=r.current)==null||b.removeEventListener("volumechange",u)}},[r]),()=>{var u;return(u=r.current)==null?void 0:u.muted},()=>{}),d=G.useSyncExternalStore(l.useCallback(u=>{var m;return(m=r.current)==null||m.addEventListener("timeupdate",u),()=>{var b;(b=r.current)==null||b.removeEventListener("timeupdate",u)}},[r]),()=>{if(r.current)return Math.round(r.current.currentTime)},()=>{}),y=G.useSyncExternalStore(l.useCallback(u=>{var m;return(m=r.current)==null||m.addEventListener("durationchange",u),()=>{var b;(b=r.current)==null||b.removeEventListener("durationchange",u)}},[r]),()=>{var u;return(u=r.current)==null?void 0:u.duration},()=>{}),S=G.useSyncExternalStore(l.useCallback(u=>{var m;return(m=r.current)==null||m.addEventListener("progress",u),()=>{var b;(b=r.current)==null||b.removeEventListener("progress",u)}},[r]),()=>{const u=r.current;return u&&u.buffered.length>0?u.buffered.end(u.buffered.length-1):0},()=>{}),x=G.useSyncExternalStore(l.useCallback(u=>{var m,b;return(m=r.current)==null||m.addEventListener("play",u),(b=r.current)==null||b.addEventListener("pause",u),()=>{var j,O;(j=r.current)==null||j.removeEventListener("play",u),(O=r.current)==null||O.removeEventListener("pause",u)}},[r]),()=>{const u=r.current;return u?!u.paused:!1},()=>{}),g=G.useSyncExternalStore(l.useCallback(u=>{var m,b;return(m=r.current)==null||m.addEventListener("playing",u),(b=r.current)==null||b.addEventListener("waiting",u),()=>{var j,O;(j=r.current)==null||j.removeEventListener("playing",u),(O=r.current)==null||O.removeEventListener("waiting",u)}},[r]),()=>{const u=r.current;return u?u.networkState===u.NETWORK_LOADING:!1},()=>{});return{audio:r.current,playAudio:a,togglePlay:i,seek:c,toggleMuted:p,setVolume:E,volume:s,muted:f,currentTime:d,duration:y,bufferedSeconds:S,isPlaying:x,isLoading:g}}function Ct(e,r){return l.useMemo(()=>{const n={...r};for(const a in e)e[a]!==void 0&&(n[a]=e[a]);return n},[e,r])}function Pt(e){const[r,n]=l.useState(e);return l.useEffect(()=>{n(e)},[e]),{mini:r,setMini:n}}function dr(){const e=l.useRef([]);return l.useEffect(()=>{const n=e.current;return()=>{for(const a of n)clearTimeout(a)}},[]),l.useCallback((n,a)=>{const i=setTimeout(n,a);return e.current.push(i),i},[])}function Lt(){const e=l.useRef(),[r,n]=l.useState({text:"",style:{opacity:0}}),a=dr(),i=l.useCallback((c,p=2e3)=>{e.current&&clearTimeout(e.current),n({text:c,style:{opacity:1}}),e.current=a(()=>{n({text:c,style:{opacity:0}})},p)},[a]);return[r,i]}function $t(e){return Mt(e.slice())}function Mt(e){let r=e.length,n;for(;r!==0;)n=Math.floor(Math.random()*r),r--,[e[r],e[n]]=[e[n],e[r]];return e}function At(e,r){const{initialLoop:n="all",initialOrder:a="list"}=r,[i,c]=l.useState(n),[p,E]=l.useState(a),s=l.useMemo(()=>p==="list"?e:$t(e),[e,p]),[f,d]=l.useState(s[0]),y=l.useCallback(m=>m.url,[]),S=l.useMemo(()=>s.findIndex(b=>y(b)===y(f))<s.length-1||i!=="none",[s,f,i,y]),x=l.useCallback(()=>{d(m=>{const b=s.findIndex(j=>y(j)===y(m));return b<s.length-1?s[b+1]:{...s[0]}})},[i,s,y]),g=l.useCallback(()=>{d(m=>{const b=s.indexOf(m);return b>0?s[b-1]:m})},[s]),u=l.useCallback(m=>{d(m)},[]);return l.useEffect(()=>{const m=s.find(b=>y(b)===y(f));d(m||s[0])},[s,y,f]),{list:s,currentSong:f,hasNextSong:S,next:x,previous:g,prioritize:u,order:p,setOrder:E,loop:i,setLoop:c,length:s.length}}function kt(e){const r=Ct(e,{appearance:"normal",volume:.7,autoPlay:!1,listMaxHeight:250,mini:!1,mutex:!0,listFolded:!1,theme:"light",border:!1}),{audio:n,appearance:a,initialLoop:i,initialOrder:c,volume:p,autoPlay:E,listMaxHeight:s,listFolded:f,mutex:d,theme:y,border:S}=r,x=l.useMemo(()=>Array.isArray(n)?n:[n],[n]),g=At(x,{initialLoop:i,initialOrder:c}),[u,m]=Lt(),{mini:b,setMini:j}=Pt(r.mini),O=dr(),P=l.useRef(),V=l.useCallback(()=>{P.current&&(clearTimeout(P.current),P.current=void 0)},[]),F=l.useRef(!1),N=Rt({src:g.currentSong.url,initialVolume:p,autoPlay:E,mutex:d,onError(D){const{error:J}=D.target;J&&m("An audio error has occurred, player will skip forward in 2 seconds."),g.hasNextSong&&(P.current=O(()=>{g.next()},2e3))},onEnded(){const{list:D,currentSong:J,loop:ne,prioritize:ae,hasNextSong:de}=g,{audio:ie}=N;if(ne==="one"){ae({...J});return}if(!de&&ne==="none"){F.current=!0,ie.currentTime=0,ie.pause(),ie.src=D[0].url,ae(D[0]);return}g.next()}}),U=g.length>1,M=l.useCallback(()=>{V(),N.togglePlay(g.currentSong.url)},[N,V,g.currentSong.url]),{prioritize:ce}=g,Se=l.useCallback(D=>{V(),ce(D)},[V,ce]),[fe,B]=l.useState(()=>U&&!f),[z,Y]=l.useState(!0),K=l.useRef(null);l.useEffect(()=>{E&&N.playAudio(g.currentSong.url)},[]);const re=l.useRef(!0),te=l.useRef(g.currentSong);return l.useEffect(()=>{if(re.current){re.current=!1;return}if(F.current){F.current=!1;return}g.currentSong&&(g.loop==="one"||g.currentSong!==te.current)&&(te.current=g.currentSong,N.playAudio(g.currentSong.url))},[g.currentSong]),l.useEffect(()=>{if(a==="fixed"&&K.current){const D=K.current;return D.style.width=`${D.offsetWidth-18}px`,()=>{D.removeAttribute("style")}}},[a]),{bodyRef:K,appearance:a,volume:p,listMaxHeight:s,theme:y,border:S,notice:u,audioControl:N,audio:x,handlePlayButtonClick:M,handlePlayAudioFromList:Se,isPlaylistOpen:fe,setPlaylistOpen:B,mini:b,displayLyrics:z,setDisplayLyrics:Y,setMini:j,playlist:g,hasPlaylist:U}}function Nt(e){var F,N,U;const r=W("aplayer"),{bodyRef:n,appearance:a,volume:i,listMaxHeight:c,theme:p,border:E,notice:s,audio:f,audioControl:d,handlePlayButtonClick:y,handlePlayAudioFromList:S,isPlaylistOpen:x,setPlaylistOpen:g,mini:u,displayLyrics:m,setDisplayLyrics:b,setMini:j,playlist:O,hasPlaylist:P}=kt(e),V=l.useCallback(M=>M?typeof M=="string"?M:M.url?v.jsx("a",{href:M.url,target:"_blank",rel:"noreferrer",children:M.name??"Audio artist"}):M.name??"Audio artist":"Audio artist",[]);return v.jsxs("div",{className:L(r.b(),{[r.bs(p)]:!0,[r.bs("vars")]:!0,[r.bm(a)]:!0,[r.bm("loading")]:d.isLoading,[r.bm("withlist")]:P,[r.bm("list-folded")]:!x,[r.bm("withlrc")]:!!O.currentSong.lrc&&a!=="fixed",[r.bm("narrow")]:u,[r.bm("border")]:E}),role:"region","aria-label":"Audio Player",children:[v.jsxs("div",{ref:n,className:r.be("body"),children:[v.jsx("div",{className:r.be("pic"),onClick:y,style:{backgroundImage:`url("${(F=O.currentSong)==null?void 0:F.cover}")`},role:"button","aria-label":d.isPlaying?"Pause audio":"Play audio",children:v.jsx("div",{className:L(r.be("button"),d.isPlaying?r.bm("pause"):r.bm("play")),role:"presentation",children:d.isPlaying?v.jsx(it,{}):v.jsx(bt,{})})}),v.jsxs("div",{className:L(r.be("info")),children:[v.jsxs("div",{className:L(r.be("music")),children:[v.jsx("span",{className:L(r.be("title")),children:((N=O.currentSong)==null?void 0:N.name)??"Audio name"}),v.jsxs("span",{className:L(r.be("author")),children:[" ","-"," ",V((U=O.currentSong)==null?void 0:U.artist)]})]}),a==="fixed"?null:v.jsx(ar,{show:m,lrcText:O.currentSong.lrc,currentTime:d.currentTime??0}),v.jsx(xt,{volume:d.volume??i,onChangeVolume:d.setVolume,muted:d.muted??!1,onToggleMuted:()=>d.toggleMuted(),currentTime:d.currentTime,audioDurationSeconds:d.duration,bufferedSeconds:d.bufferedSeconds,onSeek:M=>d.seek(M),onToggleMenu:()=>g(M=>!M),order:O.order,onOrderChange:O.setOrder,loop:O.loop,onLoopChange:O.setLoop,isPlaying:d.isPlaying??!1,onTogglePlay:y,onSkipForward:()=>{O.hasNextSong&&O.next()},onSkipBack:()=>{O.previous()},showLyrics:m,onToggleLyrics:()=>{b(M=>!M)}})]}),v.jsx("div",{className:r.be("notice"),style:s.style,children:s.text}),v.jsx("div",{className:r.be("miniswitcher"),onClick:()=>j(M=>!M),children:v.jsx("button",{className:L(r.bs("icon"),r.bs("icon-right")),type:"button",children:v.jsx(at,{})})})]}),P?v.jsx(St,{open:x,audio:f,playingAudioUrl:O.currentSong.url,onPlayAudio:S,listMaxHeight:c}):null,a==="fixed"&&v.jsx(ar,{show:m,lrcText:O.currentSong.lrc,currentTime:d.currentTime??0})]})}exports.TwistAPlayer=Nt;
|
package/dist/index.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.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-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;box-shadow:var(--tp-box-shadow);overflow:hidden}.twist-aplayer--border{border:1px solid var(--tp-user-border)}.twist-aplayer *{box-sizing:content-box}.twist-aplayer__body{background-color:hsl(var(--tp-background))}.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-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-icon path{transition:all var(--tp-icon-transition-timing) var(--tp-icon-transition-function)}.twist-aplayer-icon-lrc-inactivity svg{opacity:.4}.twist-aplayer-icon-loading{display:none}.twist-aplayer--loading .twist-aplayer-icon-loading{display:block}.twist-aplayer-icon-loading svg{position:absolute;width:10px;height:10px;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.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}.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--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--fixed.twist-aplayer--border.twist-aplayer--list-folded .twist-aplayer__info,.twist-aplayer--fixed.twist-aplayer--list-folded .twist-aplayer__info{border-top:none}.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}.twist-aplayer--fixed .twist-aplayer-list{margin-bottom:65px;border:1px solid hsl(var(--tp-border));border-bottom:none}.twist-aplayer--withlist .twist-aplayer-list{display:block}.twist-aplayer--fixed .twist-aplayer-list--hide.twist-aplayer-list{border-top:none}.twist-aplayer--withlist .twist-aplayer-icon-order,.twist-aplayer--withlist .twist-aplayer-icon-menu{display:inline}.twist-aplayer--fixed .twist-aplayer-icon-right{display:flex;justify-content:center;align-items:center}.twist-aplayer--fixed .twist-aplayer-icon-back,.twist-aplayer--fixed .twist-aplayer-icon-forward,.twist-aplayer--fixed .twist-aplayer-icon-lrc,.twist-aplayer--fixed .twist-aplayer-icon-play{display:inline-block}.twist-aplayer--fixed .twist-aplayer-icon-back,.twist-aplayer--fixed .twist-aplayer-icon-forward,.twist-aplayer--fixed .twist-aplayer-icon-menu,.twist-aplayer--fixed .twist-aplayer-icon-play{position:absolute;bottom:27px;width:20px;height:20px}.twist-aplayer--fixed .twist-aplayer-icon-back,.twist-aplayer--fixed .twist-aplayer-icon-forward,.twist-aplayer--fixed .twist-aplayer-icon-play,.twist-aplayer--fixed .twist-aplayer-icon-menu{font-size:20px}.twist-aplayer--fixed .twist-aplayer-icon-back{right:75px}.twist-aplayer--fixed .twist-aplayer-icon-play{right:50px}.twist-aplayer--fixed .twist-aplayer-icon-forward{right:25px}.twist-aplayer--fixed .twist-aplayer-icon-menu{right:0%}.twist-aplayer--narrow{width:66px}.twist-aplayer--narrow .twist-aplayer__info,.twist-aplayer--narrow .twist-aplayer-list{display:none}.twist-aplayer--narrow .twist-aplayer__body,.twist-aplayer--narrow .twist-aplayer__pic{width:66px!important;height:66px!important}.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--fixed .twist-aplayer-lrc:after,.twist-aplayer--fixed .twist-aplayer-lrc:before{display:none}.twist-aplayer--withlrc .twist-aplayer-lrc{display:block}.twist-aplayer--withlrc .twist-aplayer__info{margin-left:90px;height:90px;padding:10px 7px 0}.twist-aplayer--withlrc .twist-aplayer__pic{height:90px;width:90px}.twist-aplayer__pic{position:relative;float:left;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-controller__time .twist-aplayer-icon{cursor:pointer;transition:all .2s ease}.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--fixed .twist-aplayer__miniswitcher{display:block}.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--fixed.twist-aplayer--narrow .twist-aplayer-icon{transform:rotateY(0)}.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-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-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-list{overflow:auto;transition:all .5s ease;will-change:height;display:none;overflow:hidden}.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__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}
|
|
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;overflow:hidden}.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__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-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;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}.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{width:66px}.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}
|