twist-aplayer 1.4.3 → 1.4.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +5 -1
- package/dist/index.js +18 -13
- package/dist/index.min.css +1 -1
- package/dist/index.mjs +799 -782
- package/dist/twist-aplayer.umd.js +18 -13
- package/package.json +5 -8
package/dist/index.d.ts
CHANGED
|
@@ -15,6 +15,10 @@ export declare interface AudioInfo {
|
|
|
15
15
|
type?: 'auto' | 'hls' | 'normal';
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
+
export declare type NullableType<T> = {
|
|
19
|
+
[P in keyof T]: T[P] | null;
|
|
20
|
+
};
|
|
21
|
+
|
|
18
22
|
/**
|
|
19
23
|
* @type all
|
|
20
24
|
* @description List loop, when the last songs is ended the first songs will played.
|
|
@@ -88,7 +92,7 @@ export declare interface TwistAPlayerProps {
|
|
|
88
92
|
*/
|
|
89
93
|
mutex?: boolean;
|
|
90
94
|
/**
|
|
91
|
-
* @description indicate whether list should folded at first
|
|
95
|
+
* @description indicate whether list should folded at first render
|
|
92
96
|
* @default false
|
|
93
97
|
*/
|
|
94
98
|
listFolded?: boolean;
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function Fr(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 re=Fr(c);var ge={exports:{}},se={};/**
|
|
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 Qe;function Br(){if(Qe)return se;Qe=1;var e=c,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,h={key:!0,ref:!0,__self:!0,__source:!0};function f(E,s,b){var l,p={},S=null,x=null;b!==void 0&&(S=""+b),s.key!==void 0&&(S=""+s.key),s.ref!==void 0&&(x=s.ref);for(l in s)a.call(s,l)&&!h.hasOwnProperty(l)&&(p[l]=s[l]);if(E&&E.defaultProps)for(l in s=E.defaultProps,s)p[l]===void 0&&(p[l]=s[l]);return{$$typeof:r,type:E,key:S,ref:x,props:p,_owner:i.current}}return se.Fragment=n,se.jsx=f,se.jsxs=f,se}var le={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,19 +14,24 @@
|
|
|
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
|
-
`+
|
|
17
|
+
*/var Ze;function zr(){return Ze||(Ze=1,process.env.NODE_ENV!=="production"&&function(){var e=c,r=Symbol.for("react.element"),n=Symbol.for("react.portal"),a=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),h=Symbol.for("react.profiler"),f=Symbol.for("react.provider"),E=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),b=Symbol.for("react.suspense"),l=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),S=Symbol.for("react.lazy"),x=Symbol.for("react.offscreen"),g=Symbol.iterator,o="@@iterator";function v(t){if(t===null||typeof t!="object")return null;var u=g&&t[g]||t[o];return typeof u=="function"?u:null}var y=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function j(t){{for(var u=arguments.length,m=new Array(u>1?u-1:0),_=1;_<u;_++)m[_-1]=arguments[_];O("error",t,m)}}function O(t,u,m){{var _=y.ReactDebugCurrentFrame,R=_.getStackAddendum();R!==""&&(u+="%s",m=m.concat([R]));var C=m.map(function(w){return String(w)});C.unshift("Warning: "+u),Function.prototype.apply.call(console[t],console,C)}}var P=!1,F=!1,B=!1,N=!1,U=!1,A;A=Symbol.for("react.module.reference");function de(t){return!!(typeof t=="string"||typeof t=="function"||t===a||t===h||U||t===i||t===b||t===l||N||t===x||P||F||B||typeof t=="object"&&t!==null&&(t.$$typeof===S||t.$$typeof===p||t.$$typeof===f||t.$$typeof===E||t.$$typeof===s||t.$$typeof===A||t.getModuleId!==void 0))}function _e(t,u,m){var _=t.displayName;if(_)return _;var R=u.displayName||u.name||"";return R!==""?m+"("+R+")":m}function ve(t){return t.displayName||"Context"}function z(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 h:return"Profiler";case i:return"StrictMode";case b:return"Suspense";case l:return"SuspenseList"}if(typeof t=="object")switch(t.$$typeof){case E:var u=t;return ve(u)+".Consumer";case f:var m=t;return ve(m._context)+".Provider";case s:return _e(t,t.render,"ForwardRef");case p:var _=t.displayName||null;return _!==null?_:z(t.type)||"Memo";case S:{var R=t,C=R._payload,w=R._init;try{return z(w(C))}catch{return null}}}return null}var H=Object.assign,Y=0,J,te,ne,I,X,ae,ie;function me(){}me.__reactDisabledLog=!0;function ue(){{if(Y===0){J=console.log,te=console.info,ne=console.warn,I=console.error,X=console.group,ae=console.groupCollapsed,ie=console.groupEnd;var t={configurable:!0,enumerable:!0,value:me,writable:!0};Object.defineProperties(console,{info:t,log:t,warn:t,error:t,group:t,groupCollapsed:t,groupEnd:t})}Y++}}function hr(){{if(Y--,Y===0){var t={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:H({},t,{value:J}),info:H({},t,{value:te}),warn:H({},t,{value:ne}),error:H({},t,{value:I}),group:H({},t,{value:X}),groupCollapsed:H({},t,{value:ae}),groupEnd:H({},t,{value:ie})})}Y<0&&j("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var Te=y.ReactCurrentDispatcher,we;function he(t,u,m){{if(we===void 0)try{throw Error()}catch(R){var _=R.stack.trim().match(/\n( *(at )?)/);we=_&&_[1]||""}return`
|
|
18
|
+
`+we+t}}var je=!1,pe;{var pr=typeof WeakMap=="function"?WeakMap:Map;pe=new pr}function qe(t,u){if(!t||je)return"";{var m=pe.get(t);if(m!==void 0)return m}var _;je=!0;var R=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var C;C=Te.current,Te.current=null,ue();try{if(u){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(D){_=D}Reflect.construct(t,[],w)}else{try{w.call()}catch(D){_=D}t.call(w.prototype)}}else{try{throw Error()}catch(D){_=D}t()}}catch(D){if(D&&_&&typeof D.stack=="string"){for(var T=D.stack.split(`
|
|
19
19
|
`),q=_.stack.split(`
|
|
20
|
-
`),$=T.length-1,
|
|
21
|
-
`+T[$].replace(" at new "," at ");return t.displayName&&
|
|
20
|
+
`),$=T.length-1,M=q.length-1;$>=1&&M>=0&&T[$]!==q[M];)M--;for(;$>=1&&M>=0;$--,M--)if(T[$]!==q[M]){if($!==1||M!==1)do if($--,M--,M<0||T[$]!==q[M]){var V=`
|
|
21
|
+
`+T[$].replace(" at new "," at ");return t.displayName&&V.includes("<anonymous>")&&(V=V.replace("<anonymous>",t.displayName)),typeof t=="function"&&pe.set(t,V),V}while($>=1&&M>=0);break}}}finally{je=!1,Te.current=C,hr(),Error.prepareStackTrace=R}var Z=t?t.displayName||t.name:"",G=Z?he(Z):"";return typeof t=="function"&&pe.set(t,G),G}function yr(t,u,m){return qe(t,!1)}function br(t){var u=t.prototype;return!!(u&&u.isReactComponent)}function ye(t,u,m){if(t==null)return"";if(typeof t=="function")return qe(t,br(t));if(typeof t=="string")return he(t);switch(t){case b:return he("Suspense");case l:return he("SuspenseList")}if(typeof t=="object")switch(t.$$typeof){case s:return yr(t.render);case p:return ye(t.type,u,m);case S:{var _=t,R=_._payload,C=_._init;try{return ye(C(R),u,m)}catch{}}}return""}var oe=Object.prototype.hasOwnProperty,De={},Ie=y.ReactDebugCurrentFrame;function be(t){if(t){var u=t._owner,m=ye(t.type,t._source,u?u.type:null);Ie.setExtraStackFrame(m)}else Ie.setExtraStackFrame(null)}function gr(t,u,m,_,R){{var C=Function.call.bind(oe);for(var w in t)if(C(t,w)){var T=void 0;try{if(typeof t[w]!="function"){var q=Error((_||"React class")+": "+m+" 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](u,w,_,m,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch($){T=$}T&&!(T instanceof Error)&&(be(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",m,w,typeof T),be(null)),T instanceof Error&&!(T.message in De)&&(De[T.message]=!0,be(R),j("Failed %s type: %s",m,T.message),be(null))}}}var Er=Array.isArray;function Oe(t){return Er(t)}function xr(t){{var u=typeof Symbol=="function"&&Symbol.toStringTag,m=u&&t[Symbol.toStringTag]||t.constructor.name||"Object";return m}}function Sr(t){try{return Ve(t),!1}catch{return!0}}function Ve(t){return""+t}function Fe(t){if(Sr(t))return j("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",xr(t)),Ve(t)}var Be=y.ReactCurrentOwner,_r={key:!0,ref:!0,__self:!0,__source:!0},ze,He;function Tr(t){if(oe.call(t,"ref")){var u=Object.getOwnPropertyDescriptor(t,"ref").get;if(u&&u.isReactWarning)return!1}return t.ref!==void 0}function wr(t){if(oe.call(t,"key")){var u=Object.getOwnPropertyDescriptor(t,"key").get;if(u&&u.isReactWarning)return!1}return t.key!==void 0}function jr(t,u){typeof t.ref=="string"&&Be.current}function Or(t,u){{var m=function(){ze||(ze=!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)",u))};m.isReactWarning=!0,Object.defineProperty(t,"key",{get:m,configurable:!0})}}function Rr(t,u){{var m=function(){He||(He=!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)",u))};m.isReactWarning=!0,Object.defineProperty(t,"ref",{get:m,configurable:!0})}}var Cr=function(t,u,m,_,R,C,w){var T={$$typeof:r,type:t,key:u,ref:m,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 Pr(t,u,m,_,R){{var C,w={},T=null,q=null;m!==void 0&&(Fe(m),T=""+m),wr(u)&&(Fe(u.key),T=""+u.key),Tr(u)&&(q=u.ref,jr(u,R));for(C in u)oe.call(u,C)&&!_r.hasOwnProperty(C)&&(w[C]=u[C]);if(t&&t.defaultProps){var $=t.defaultProps;for(C in $)w[C]===void 0&&(w[C]=$[C])}if(T||q){var M=typeof t=="function"?t.displayName||t.name||"Unknown":t;T&&Or(w,M),q&&Rr(w,M)}return Cr(t,T,q,R,_,Be.current,w)}}var Re=y.ReactCurrentOwner,We=y.ReactDebugCurrentFrame;function Q(t){if(t){var u=t._owner,m=ye(t.type,t._source,u?u.type:null);We.setExtraStackFrame(m)}else We.setExtraStackFrame(null)}var Ce;Ce=!1;function Pe(t){return typeof t=="object"&&t!==null&&t.$$typeof===r}function Ue(){{if(Re.current){var t=z(Re.current.type);if(t)return`
|
|
22
22
|
|
|
23
|
-
Check the render method of \``+t+"`."}return""}}function
|
|
23
|
+
Check the render method of \``+t+"`."}return""}}function Lr(t){return""}var Ye={};function $r(t){{var u=Ue();if(!u){var m=typeof t=="string"?t:t.displayName||t.name;m&&(u=`
|
|
24
24
|
|
|
25
|
-
Check the top-level render call using <`+
|
|
26
|
-
|
|
27
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var l,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,l=f},f:function(){try{p||n.return==null||n.return()}finally{if(E)throw l}}}}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 l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)n=l[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,l=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"),l&&(x="rotate(".concat(l,"deg)"),g="rotate(".concat(l,"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 l=i.value,p=l.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"),l=c.useRef(null),[p,E]=c.useState(r),s=c.useRef(!1);c.useEffect(()=>{s.current||E(r)},[r]);const f=c.useCallback(d=>{s.current=!0;const y=Pe(d,l);E(y);const S=g=>{const u=Pe(g,l);E(u)},x=g=>{document.removeEventListener("mousemove",S),document.removeEventListener("mouseup",x);const u=Pe(g,l);E(u),n==null||n(u),s.current=!1};document.addEventListener("mousemove",S),document.addEventListener("mouseup",x)},[n]);return v.jsx("div",{ref:l,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"),l=W("aplayer-icon"),p=c.useRef(null),[E,s]=c.useState(!1),f=c.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(l.b(),l.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),l=Math.trunc(e/60-60*Math.trunc(e/60/60));return e>=3600?`${r(i)}:${r(l)}:${r(a)}`:`${r(n)}:${r(a)}`}function xt({volume:e,onChangeVolume:r,muted:n,currentTime:a,audioDurationSeconds:i,bufferedSeconds:l,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=c.useCallback(()=>{const N={list:"random",random:"list"}[s];f(N)},[s,f]),F=c.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 l>"u"||typeof i>"u"?void 0:l/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 l=W("aplayer-list"),p=i?{maxHeight:i}:void 0,E=c.useCallback(f=>f?typeof f=="string"?f:f.name??"Audio artist":"Audio artist",[]),s=c.useRef(null);return c.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(l.b(),{[l.bm("hide")]:!e,[l.bs("vars")]:!0}),"aria-label":"Audio playlist","aria-live":"polite",children:v.jsx("ol",{style:p,children:r.map((f,d)=>v.jsxs("li",{className:L({[l.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:l.be("cur")}),v.jsx("span",{className:l.be("index"),children:d+1}),v.jsx("span",{className:l.be("title"),children:f.name??"Audio name"}),v.jsx("span",{className:l.be("author"),children:E(f.artist)})]},f.name||d))})})}function ar({show:e,lrcText:r,currentTime:n}){const a=W("aplayer-lrc"),i=c.useMemo(()=>_t(r),[r]),l=c.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=c.useMemo(()=>({transform:`translateY(${-l*16}px)`,WebkitTransform:`translateY(${-l*16}px)`}),[l]);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===l}),children:E},s))}):null})}function _t(e){if(e){e=e.replace(/([^\]^\n])\[/g,(i,l)=>`${l}
|
|
25
|
+
Check the top-level render call using <`+m+">.")}return u}}function Ge(t,u){{if(!t._store||t._store.validated||t.key!=null)return;t._store.validated=!0;var m=$r(u);if(Ye[m])return;Ye[m]=!0;var _="";t&&t._owner&&t._owner!==Re.current&&(_=" It was passed a child from "+z(t._owner.type)+"."),Q(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.',m,_),Q(null)}}function Ke(t,u){{if(typeof t!="object")return;if(Oe(t))for(var m=0;m<t.length;m++){var _=t[m];Pe(_)&&Ge(_,u)}else if(Pe(t))t._store&&(t._store.validated=!0);else if(t){var R=v(t);if(typeof R=="function"&&R!==t.entries)for(var C=R.call(t),w;!(w=C.next()).done;)Pe(w.value)&&Ge(w.value,u)}}}function Ar(t){{var u=t.type;if(u==null||typeof u=="string")return;var m;if(typeof u=="function")m=u.propTypes;else if(typeof u=="object"&&(u.$$typeof===s||u.$$typeof===p))m=u.propTypes;else return;if(m){var _=z(u);gr(m,t.props,"prop",_,t)}else if(u.PropTypes!==void 0&&!Ce){Ce=!0;var R=z(u);j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",R||"Unknown")}typeof u.getDefaultProps=="function"&&!u.getDefaultProps.isReactClassApproved&&j("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Mr(t){{for(var u=Object.keys(t.props),m=0;m<u.length;m++){var _=u[m];if(_!=="children"&&_!=="key"){Q(t),j("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",_),Q(null);break}}t.ref!==null&&(Q(t),j("Invalid attribute `ref` supplied to `React.Fragment`."),Q(null))}}var Je={};function Xe(t,u,m,_,R,C){{var w=de(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=Lr();q?T+=q:T+=Ue();var $;t===null?$="null":Oe(t)?$="array":t!==void 0&&t.$$typeof===r?($="<"+(z(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 M=Pr(t,u,m,R,C);if(M==null)return M;if(w){var V=u.children;if(V!==void 0)if(_)if(Oe(V)){for(var Z=0;Z<V.length;Z++)Ke(V[Z],t);Object.freeze&&Object.freeze(V)}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 Ke(V,t)}if(oe.call(u,"key")){var G=z(t),D=Object.keys(u).filter(function(Vr){return Vr!=="key"}),Le=D.length>0?"{key: someKey, "+D.join(": ..., ")+": ...}":"{key: someKey}";if(!Je[G+Le]){var Ir=D.length>0?"{"+D.join(": ..., ")+": ...}":"{}";j(`A props object containing a "key" prop is being spread into JSX:
|
|
26
|
+
let props = %s;
|
|
27
|
+
<%s {...props} />
|
|
28
|
+
React keys must be passed directly to JSX without using spread:
|
|
29
|
+
let props = %s;
|
|
30
|
+
<%s key={someKey} {...props} />`,Le,G,Ir,G),Je[G+Le]=!0}}return t===a?Mr(M):Ar(M),M}}function kr(t,u,m){return Xe(t,u,m,!0)}function Nr(t,u,m){return Xe(t,u,m,!1)}var qr=Nr,Dr=kr;le.Fragment=a,le.jsx=qr,le.jsxs=Dr}()),le}var er;function Hr(){return er||(er=1,process.env.NODE_ENV==="production"?ge.exports=Br():ge.exports=zr()),ge.exports}var d=Hr(),Ee=e=>`--${e}`,rr=e=>`var(--${e})`,tr=(e,r)=>`--${e}: ${r};`;function Wr(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=>Ee(`${n()}-${e}-${a}`),cvm:(a,i={})=>{const h=n();for(const f of Object.keys(a))i[Ee(`${h}-${e}-${f}`)]=a[f];return i},gcv:a=>rr(`${n()}-${e}-${a}`),scv:(a,i)=>tr(`${n()}-${e}-${a}`,i),nv:a=>Ee(`${n()}-${a}`),nvm:(a,i={})=>{const h=n();for(const f of Object.keys(a))i[Ee(`${h}-${f}`)]=a[f];return i},gnv:a=>rr(`${n()}-${a}`),snv:(a,i)=>tr(`${n()}-${a}`,i)}}function W(e){return c.useMemo(()=>Wr(e,"twist"),[e])}var cr={color:void 0,size:void 0,className:void 0,style:void 0,attrs:void 0},Ne=re.createContext(cr);Ne.Provider;function ce(e){"@babel/helpers - typeof";return ce=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},ce(e)}var Ur=["attrs","size","title","spin","rotate","color"];function Yr(e,r){return Jr(e)||Kr(e,r)||fr(e,r)||Gr()}function Gr(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
31
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Kr(e,r){var n=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n!=null){var a,i,h,f,E=[],s=!0,b=!1;try{if(h=(n=n.call(e)).next,r!==0)for(;!(s=(a=h.call(n)).done)&&(E.push(a.value),E.length!==r);s=!0);}catch(l){b=!0,i=l}finally{try{if(!s&&n.return!=null&&(f=n.return(),Object(f)!==f))return}finally{if(b)throw i}}return E}}function Jr(e){if(Array.isArray(e))return e}function Xr(e,r){var n=typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=fr(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(b){throw b},f:i}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
|
|
32
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var h,f=!0,E=!1;return{s:function(){n=n.call(e)},n:function(){var b=n.next();return f=b.done,b},e:function(b){E=!0,h=b},f:function(){try{f||n.return==null||n.return()}finally{if(E)throw h}}}}function fr(e,r){if(e){if(typeof e=="string")return nr(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)?nr(e,r):void 0}}function nr(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 Se(){return Se=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},Se.apply(null,arguments)}function ar(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 fe(e){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?ar(Object(n),!0).forEach(function(a){Qr(e,a,n[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ar(Object(n)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(n,a))})}return e}function Qr(e,r,n){return(r=Zr(r))in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function Zr(e){var r=et(e,"string");return ce(r)=="symbol"?r:r+""}function et(e,r){if(ce(e)!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var a=n.call(e,r);if(ce(a)!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function rt(e,r){if(e==null)return{};var n,a,i=tt(e,r);if(Object.getOwnPropertySymbols){var h=Object.getOwnPropertySymbols(e);for(a=0;a<h.length;a++)n=h[a],r.includes(n)||{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function tt(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 nt(e){var r=e.attrs,n=e.size,a=e.title,i=e.spin,h=e.rotate,f=e.color,E=rt(e,Ur),s=function(l){var p=n||l.size||"1em",S,x="",g="";return l.className&&(S=l.className),e.className&&(S=S?"".concat(S," ").concat(e.className):e.className),i&&(S?S+=" twist-icon-loading":S="twist-icon-loading"),h&&(x="rotate(".concat(h,"deg)"),g="rotate(".concat(h,"deg)")),re.createElement("svg",Se({xmlns:"http://www.w3.org/2000/svg"},l.attrs,r,E,{className:S,style:fe(fe({color:f||l.color,msTransform:x,transform:g},l.style),e.style),width:p,height:p}),a&&re.createElement("title",null,a),e.children)};return Ne!==void 0?re.createElement(Ne.Consumer,null,function(b){return s(b)}):s(cr)}function at(e){var r={},n=e.split(";"),a=Xr(n),i;try{for(a.s();!(i=a.n()).done;){var h=i.value,f=h.split(":"),E=Yr(f,2),s=E[0],b=E[1];if(s&&b){var l=s.trim().replace(/-./g,function(p){return p.charAt(1).toUpperCase()});r[l]=b.trim()}}}catch(p){a.e(p)}finally{a.f()}return r}function dr(e){return e&&e.map(function(r,n){return re.createElement(r.tag,fe(fe({},r.attrs),{},{key:n,style:r.attrs.style?at(r.attrs.style):null}),dr(r.children))})}function k(e){return function(r){return re.createElement(nt,Se({attrs:fe({},e.attrs)},r),dr(e.children))}}function it(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 ut(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 ot(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 st(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 lt(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 ct(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"}}]})(e)}function ft(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 dt(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 vt(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 mt(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 ht(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14 19V5h4v14zm-8 0V5h4v14z"}}]})(e)}function pt(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 yt(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 bt(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 gt(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 Et(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7 15V9h4l5-5v16l-5-5z"}}]})(e)}function xt(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 St(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 $e(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 Ae(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 vr(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=vr(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=vr(e))&&(a&&(a+=" "),a+=r);return a}function _t({bufferedPercentage:e,playedPercentage:r,onSeek:n}){const a=W("aplayer-bar"),i=W("aplayer-icon"),h=c.useRef(null),[f,E]=c.useState(r),s=c.useRef(!1);c.useEffect(()=>{s.current||E(r)},[r]);const b=c.useCallback(l=>{s.current=!0;const p=$e(l,h);E(p);const S=g=>{const o=$e(g,h);E(o)},x=g=>{document.removeEventListener("mousemove",S),document.removeEventListener("mouseup",x);const o=$e(g,h);E(o),n==null||n(o),s.current=!1};document.addEventListener("mousemove",S),document.addEventListener("mouseup",x)},[n]);return d.jsx("div",{ref:h,className:L(a.b(),a.bs("vars")),onMouseDown:b,role:"slider","aria-label":"Audio progress","aria-valuenow":f?f*100:0,"aria-valuemin":0,"aria-valuemax":100,"aria-live":"polite",children:d.jsxs("div",{className:a.be("inner"),children:[typeof e<"u"?d.jsx("div",{className:a.be("loaded"),style:{width:`${e*100}%`}}):null,typeof f<"u"?d.jsx("div",{className:a.be("played"),style:{width:`${f*100}%`},children:d.jsx("span",{className:a.be("thumb"),children:d.jsx("span",{className:L(i.bs("loading")),children:d.jsx(ot,{})})})}):null]})})}function Tt({volume:e,muted:r,onToggleMuted:n,onChangeVolume:a}){const i=W("aplayer-volumn"),h=W("aplayer-icon"),f=c.useRef(null),[E,s]=c.useState(!1),b=c.useCallback(l=>{a(Ae(l,f)),s(!0);const p=x=>{a(Ae(x,f))},S=x=>{document.removeEventListener("mouseup",S),document.removeEventListener("mousemove",p),s(!1),a(Ae(x,f))};document.addEventListener("mousemove",p),document.addEventListener("mouseup",S)},[a]);return d.jsxs("div",{className:L(i.b(),i.bs("vars")),children:[d.jsx("button",{type:"button",className:L(h.b(),h.bs("volume-down")),onClick:()=>n(),"aria-label":r||!e?"Muted":"unMuted",children:r||!e?d.jsx(Et,{}):e>=1?d.jsx(xt,{}):d.jsx(gt,{})}),d.jsx("div",{className:L(i.be("bar-wrap"),{[i.bem("bar-wrap","active")]:E}),ref:f,onMouseDown:b,children:d.jsx("div",{className:i.be("bar"),children:d.jsx("div",{className:i.be("thumb"),style:{height:r?0:`${e*100}%`}})})})]})}function ir(e){if(typeof e>"u")return"--:--";if(Number.isNaN(e))return"00:00";const r=f=>f<10?`0${f}`:`${f}`,n=Math.trunc(e/60),a=Math.trunc(e-n*60),i=Math.trunc(n/60),h=Math.trunc(e/60-60*Math.trunc(e/60/60));return e>=3600?`${r(i)}:${r(h)}:${r(a)}`:`${r(n)}:${r(a)}`}function wt({volume:e,onChangeVolume:r,muted:n,currentTime:a,audioDurationSeconds:i,bufferedSeconds:h,onToggleMenu:f,onToggleMuted:E,order:s,onOrderChange:b,loop:l,onLoopChange:p,onSeek:S,isPlaying:x,onTogglePlay:g,onSkipForward:o,onSkipBack:v,showLyrics:y=!0,onToggleLyrics:j}){const O=W("aplayer-controller"),P=W("aplayer-icon"),F=c.useCallback(()=>{const N={list:"random",random:"list"}[s];b(N)},[s,b]),B=c.useCallback(()=>{const N={all:"one",one:"none",none:"all"}[l];p(N)},[l,p]);return d.jsxs("div",{className:L(O.b(),O.bs("vars")),role:"group","aria-label":"Audio Controls",children:[d.jsx(_t,{playedPercentage:typeof a>"u"||typeof i>"u"?void 0:a/i,bufferedPercentage:typeof h>"u"||typeof i>"u"?void 0:h/i,onSeek:N=>S==null?void 0:S(N*i)}),d.jsxs("div",{className:O.be("time"),children:[d.jsxs("span",{className:O.be("time-inner"),"aria-live":"polite",children:[d.jsx("span",{className:O.be("ptime"),children:ir(a)})," / ",d.jsx("span",{className:O.be("dtime"),children:ir(i)})]}),d.jsx("button",{className:L(P.b(),P.bs("back")),onClick:v,type:"button","aria-label":"Previous track",children:d.jsx(it,{})}),d.jsx("button",{className:L(P.b(),P.bs("play")),onClick:g,type:"button","aria-label":x?"Pause audio":"Play audio",children:x?d.jsx(ht,{}):d.jsx(pt,{})}),d.jsx("button",{className:L(P.b(),P.bs("forward")),onClick:o,type:"button","aria-label":"Next track",children:d.jsx(ut,{})}),d.jsx(Tt,{volume:e,muted:n,onToggleMuted:E,onChangeVolume:r}),d.jsx("button",{className:L(P.b(),P.bs("order")),onClick:F,type:"button","aria-label":`Playback order: ${s}`,children:{list:d.jsx(vt,{}),random:d.jsx(dt,{})}[s]}),d.jsx("button",{className:L(P.b(),P.bs("order")),onClick:B,type:"button","aria-label":`Loop mode: ${l}`,children:{all:d.jsx(bt,{}),one:d.jsx(yt,{}),none:d.jsx(ft,{})}[l]}),d.jsx("button",{type:"button",className:L(P.b(),P.bs("menu")),onClick:()=>f==null?void 0:f(),"aria-label":"Toggle playlist menu",children:d.jsx(ct,{})}),d.jsx("button",{type:"button",className:L(P.b(),P.bs("lrc"),{[P.ns("lrc-inactivity")]:!y}),onClick:j,"aria-label":y?"Hide lyrics":"Show lyrics","aria-pressed":y,children:d.jsx(mt,{})})]})]})}function jt({open:e,audio:r,playingAudioUrl:n,onPlayAudio:a,listMaxHeight:i,mini:h}){const f=W("aplayer-list"),E=i?{maxHeight:i}:void 0,s=c.useCallback(l=>l?typeof l=="string"?l:l.name??"Audio artist":"Audio artist",[]),b=c.useRef(null);return c.useEffect(()=>{if(b.current){const l=b.current;return l.style.maxHeight=`${Math.min(l.scrollHeight,i??1/0)}px`,()=>{l.removeAttribute("style")}}},[i,h]),d.jsx("div",{ref:b,className:L(f.b(),{[f.bm("hide")]:!e,[f.bs("vars")]:!0}),"aria-label":"Audio playlist","aria-live":"polite",children:d.jsx("ol",{style:E,children:r.map((l,p)=>d.jsxs("li",{className:L({[f.bm("active")]:l.url===n}),onClick:()=>{l.url!==n&&(a==null||a(l))},role:"button","aria-label":`${l.name??"Audio name"} by ${s(l.artist)}}`,children:[d.jsx("span",{className:f.be("cur")}),d.jsx("span",{className:f.be("index"),children:p+1}),d.jsx("span",{className:f.be("title"),children:l.name??"Audio name"}),d.jsx("span",{className:f.be("author"),children:s(l.artist)})]},l.name||p))})})}function ur({show:e,lrcText:r,currentTime:n}){const a=W("aplayer-lrc"),i=c.useMemo(()=>Ot(r),[r]),h=c.useMemo(()=>{for(let E=0;E<i.length;E++){const s=i[E],b=i[E+1];if(n>=s[0]&&(!b||n<b[0]))return E}return 0},[n,i]),f=c.useMemo(()=>({transform:`translateY(${-h*16}px)`,WebkitTransform:`translateY(${-h*16}px)`}),[h]);return d.jsx("div",{className:L(a.b(),{[a.bm("hide")]:!e}),children:r?d.jsx("div",{className:a.be("contents"),style:f,children:i.map(([,E],s)=>d.jsx("p",{className:L({[a.be("current")]:s===h}),children:E},s))}):null})}function Ot(e){if(e){e=e.replace(/([^\]^\n])\[/g,(i,h)=>`${h}
|
|
28
33
|
[`);const r=e.split(`
|
|
29
|
-
`),n=[],a=r.length;for(let i=0;i<a;i++){const
|
|
34
|
+
`),n=[],a=r.length;for(let i=0;i<a;i++){const h=r[i].match(/\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g),f=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(h){const E=h.length;for(let s=0;s<E;s++){const b=/\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/.exec(h[s]),l=b[1]*60,p=Number.parseInt(b[2]),S=b[4]?Number.parseInt(b[4])/(`${b[4]}`.length===2?100:1e3):0,x=l+p+S;n.push([x,f])}}}return n.sort((i,h)=>i[0]-h[0]),n}else return[]}var xe={exports:{}},Me={};/**
|
|
30
35
|
* @license React
|
|
31
36
|
* use-sync-external-store-shim.production.js
|
|
32
37
|
*
|
|
@@ -34,7 +39,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
34
39
|
*
|
|
35
40
|
* This source code is licensed under the MIT license found in the
|
|
36
41
|
* LICENSE file in the root directory of this source tree.
|
|
37
|
-
*/var
|
|
42
|
+
*/var or;function Rt(){if(or)return Me;or=1;var e=c;function r(p,S){return p===S&&(p!==0||1/p===1/S)||p!==p&&S!==S}var n=typeof Object.is=="function"?Object.is:r,a=e.useState,i=e.useEffect,h=e.useLayoutEffect,f=e.useDebugValue;function E(p,S){var x=S(),g=a({inst:{value:x,getSnapshot:S}}),o=g[0].inst,v=g[1];return h(function(){o.value=x,o.getSnapshot=S,s(o)&&v({inst:o})},[p,x,S]),i(function(){return s(o)&&v({inst:o}),p(function(){s(o)&&v({inst:o})})},[p]),f(x),x}function s(p){var S=p.getSnapshot;p=p.value;try{var x=S();return!n(p,x)}catch{return!0}}function b(p,S){return S()}var l=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?b:E;return Me.useSyncExternalStore=e.useSyncExternalStore!==void 0?e.useSyncExternalStore:l,Me}var ke={};/**
|
|
38
43
|
* @license React
|
|
39
44
|
* use-sync-external-store-shim.development.js
|
|
40
45
|
*
|
|
@@ -42,4 +47,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
42
47
|
*
|
|
43
48
|
* This source code is licensed under the MIT license found in the
|
|
44
49
|
* LICENSE file in the root directory of this source tree.
|
|
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();l(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!l(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=c,l=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=c.useRef();return c.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]),c.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]),c.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]),c.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=c.useCallback(u=>{for(let m=0;m<Z.length;m++){const b=Z[m];b!==u&&!b.paused&&b.pause()}},[]),a=c.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=c.useCallback(u=>{const m=r.current;m&&(m.paused?a(u):m.pause())},[r,a]),l=c.useCallback(u=>{r.current.currentTime=u},[r]),p=c.useCallback(()=>{r.current&&(r.current.muted=!r.current.muted)},[r]),E=c.useCallback(u=>{r.current&&(r.current.volume=u)},[r]),s=G.useSyncExternalStore(c.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(c.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(c.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(c.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(c.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(c.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(c.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:l,toggleMuted:p,setVolume:E,volume:s,muted:f,currentTime:d,duration:y,bufferedSeconds:S,isPlaying:x,isLoading:g}}function Ct(e,r){return c.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]=c.useState(e);return c.useEffect(()=>{n(e)},[e]),{mini:r,setMini:n}}function dr(){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 Lt(){const e=c.useRef(),[r,n]=c.useState({text:"",style:{opacity:0}}),a=dr(),i=c.useCallback((l,p=2e3)=>{e.current&&clearTimeout(e.current),n({text:l,style:{opacity:1}}),e.current=a(()=>{n({text:l,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,l]=c.useState(n),[p,E]=c.useState(a),s=c.useMemo(()=>p==="list"?e:$t(e),[e,p]),[f,d]=c.useState(s[0]),y=c.useCallback(m=>m.url,[]),S=c.useMemo(()=>s.findIndex(b=>y(b)===y(f))<s.length-1||i!=="none",[s,f,i,y]),x=c.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=c.useCallback(()=>{d(m=>{const b=s.indexOf(m);return b>0?s[b-1]:m})},[s]),u=c.useCallback(m=>{d(m)},[]);return c.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:l,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:l,volume:p,autoPlay:E,listMaxHeight:s,listFolded:f,mutex:d,theme:y,border:S}=r,x=c.useMemo(()=>Array.isArray(n)?n:[n],[n]),g=At(x,{initialLoop:i,initialOrder:l}),[u,m]=Lt(),{mini:b,setMini:j}=Pt(r.mini),O=dr(),P=c.useRef(),V=c.useCallback(()=>{P.current&&(clearTimeout(P.current),P.current=void 0)},[]),F=c.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=c.useCallback(()=>{V(),N.togglePlay(g.currentSong.url)},[N,V,g.currentSong.url]),{prioritize:ce}=g,Se=c.useCallback(D=>{V(),ce(D)},[V,ce]),[fe,B]=c.useState(()=>U&&!f),[z,Y]=c.useState(!0),K=c.useRef(null);c.useEffect(()=>{E&&N.playAudio(g.currentSong.url)},[]);const re=c.useRef(!0),te=c.useRef(g.currentSong);return c.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]),c.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:l,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=c.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:l}):null,a==="fixed"&&v.jsx(ar,{show:m,lrcText:O.currentSong.lrc,currentTime:d.currentTime??0})]})}exports.TwistAPlayer=Nt;
|
|
50
|
+
*/var sr;function Ct(){return sr||(sr=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){l||i.startTransition===void 0||(l=!0,console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));var o=g();if(!p){var v=g();h(o,v)||(console.error("The result of getSnapshot should be cached to avoid an infinite loop"),p=!0)}v=f({inst:{value:o,getSnapshot:g}});var y=v[0].inst,j=v[1];return s(function(){y.value=o,y.getSnapshot=g,n(y)&&j({inst:y})},[x,o,g]),E(function(){return n(y)&&j({inst:y}),x(function(){n(y)&&j({inst:y})})},[x]),b(o),o}function n(x){var g=x.getSnapshot;x=x.value;try{var o=g();return!h(x,o)}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=c,h=typeof Object.is=="function"?Object.is:e,f=i.useState,E=i.useEffect,s=i.useLayoutEffect,b=i.useDebugValue,l=!1,p=!1,S=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?a:r;ke.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())}()),ke}var lr;function Pt(){return lr||(lr=1,process.env.NODE_ENV==="production"?xe.exports=Rt():xe.exports=Ct()),xe.exports}var K=Pt();const ee=[];function Lt(e){const r=c.useRef();return c.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),ee.includes(n)||ee.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=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]),c.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]),c.useEffect(()=>()=>{const n=r.current;if(n){n.pause(),n.currentTime=0;const a=ee.indexOf(n);a!==-1&&ee.splice(a,1)}r.current=void 0},[]),r}function $t(e){const r=Lt(e),n=c.useCallback(o=>{for(let v=0;v<ee.length;v++){const y=ee[v];y!==o&&!y.paused&&y.pause()}},[]),a=c.useCallback(async o=>{var y;const v=r.current;if(v){e.mutex&&n(v),v.src!==o&&(v.pause(),v.currentTime=0,v.src=o);try{await((y=r.current)==null?void 0:y.play())}catch{}}},[r,e.mutex,n]),i=c.useCallback(o=>{const v=r.current;v&&(v.paused?a(o):v.pause())},[r,a]),h=c.useCallback(o=>{r.current.currentTime=o},[r]),f=c.useCallback(()=>{r.current&&(r.current.muted=!r.current.muted)},[r]),E=c.useCallback(o=>{r.current&&(r.current.volume=o)},[r]),s=K.useSyncExternalStore(c.useCallback(o=>{var v;return(v=r.current)==null||v.addEventListener("volumechange",o),()=>{var y;(y=r.current)==null||y.removeEventListener("volumechange",o)}},[r]),()=>{var o;return(o=r.current)==null?void 0:o.volume},()=>{}),b=K.useSyncExternalStore(c.useCallback(o=>{var v;return(v=r.current)==null||v.addEventListener("volumechange",o),()=>{var y;(y=r.current)==null||y.removeEventListener("volumechange",o)}},[r]),()=>{var o;return(o=r.current)==null?void 0:o.muted},()=>{}),l=K.useSyncExternalStore(c.useCallback(o=>{var v;return(v=r.current)==null||v.addEventListener("timeupdate",o),()=>{var y;(y=r.current)==null||y.removeEventListener("timeupdate",o)}},[r]),()=>{if(r.current)return Math.round(r.current.currentTime)},()=>{}),p=K.useSyncExternalStore(c.useCallback(o=>{var v;return(v=r.current)==null||v.addEventListener("durationchange",o),()=>{var y;(y=r.current)==null||y.removeEventListener("durationchange",o)}},[r]),()=>{var o;return(o=r.current)==null?void 0:o.duration},()=>{}),S=K.useSyncExternalStore(c.useCallback(o=>{var v;return(v=r.current)==null||v.addEventListener("progress",o),()=>{var y;(y=r.current)==null||y.removeEventListener("progress",o)}},[r]),()=>{const o=r.current;return o&&o.buffered.length>0?o.buffered.end(o.buffered.length-1):0},()=>{}),x=K.useSyncExternalStore(c.useCallback(o=>{var v,y;return(v=r.current)==null||v.addEventListener("play",o),(y=r.current)==null||y.addEventListener("pause",o),()=>{var j,O;(j=r.current)==null||j.removeEventListener("play",o),(O=r.current)==null||O.removeEventListener("pause",o)}},[r]),()=>{const o=r.current;return o?!o.paused:!1},()=>{}),g=K.useSyncExternalStore(c.useCallback(o=>{var v,y;return(v=r.current)==null||v.addEventListener("playing",o),(y=r.current)==null||y.addEventListener("waiting",o),()=>{var j,O;(j=r.current)==null||j.removeEventListener("playing",o),(O=r.current)==null||O.removeEventListener("waiting",o)}},[r]),()=>{const o=r.current;return o?o.networkState===o.NETWORK_LOADING:!1},()=>{});return{audio:r.current,playAudio:a,togglePlay:i,seek:h,toggleMuted:f,setVolume:E,volume:s,muted:b,currentTime:l,duration:p,bufferedSeconds:S,isPlaying:x,isLoading:g}}function At(e,r){return c.useMemo(()=>{const n={...r};for(const a in e)e[a]!==void 0&&(n[a]=e[a]);return n},[e,r])}function Mt(e){const[r,n]=c.useState(e);return c.useEffect(()=>{n(e)},[e]),{mini:r,setMini:n}}function mr(){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 kt(){const e=c.useRef(null),[r,n]=c.useState({text:"",style:{opacity:0}}),a=mr(),i=c.useCallback((h,f=2e3)=>{e.current&&clearTimeout(e.current),n({text:h,style:{opacity:1}}),e.current=a(()=>{n({text:h,style:{opacity:0}})},f)},[a]);return[r,i]}function Nt(e){const r=At(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:h,volume:f,autoPlay:E,listMaxHeight:s,listFolded:b,mutex:l,theme:p,border:S}=r,x=c.useMemo(()=>Array.isArray(n)?n:[n],[n]),g=It(x,{initialLoop:i,initialOrder:h}),[o,v]=kt(),{mini:y,setMini:j}=Mt(r.mini),O=mr(),P=c.useRef(null),F=c.useCallback(()=>{P.current&&(clearTimeout(P.current),P.current=null)},[]),B=c.useRef(!1),N=$t({src:g.currentSong.url,initialVolume:f,autoPlay:E,mutex:l,onError(I){const{error:X}=I.target;X&&v("An audio error has occurred, player will skip forward in 2 seconds."),g.hasNextSong&&(P.current=O(()=>{g.next()},2e3))},onEnded(){const{list:I,currentSong:X,loop:ae,prioritize:ie,hasNextSong:me}=g,{audio:ue}=N;if(ae==="one"){ie({...X});return}if(!me&&ae==="none"){B.current=!0,ue.currentTime=0,ue.pause(),ue.src=I[0].url,ie(I[0]);return}g.next()}}),U=g.length>1,A=c.useCallback(()=>{F(),N.togglePlay(g.currentSong.url)},[N,F,g.currentSong.url]),{prioritize:de}=g,_e=c.useCallback(I=>{F(),de(I)},[F,de]),[ve,z]=c.useState(()=>U&&!b),[H,Y]=c.useState(!0),J=c.useRef(null);c.useEffect(()=>{E&&N.playAudio(g.currentSong.url)},[]);const te=c.useRef(!0),ne=c.useRef(g.currentSong);return c.useEffect(()=>{if(te.current){te.current=!1;return}if(B.current){B.current=!1;return}g.currentSong&&(g.loop==="one"||g.currentSong!==ne.current)&&(ne.current=g.currentSong,N.playAudio(g.currentSong.url))},[g.currentSong]),c.useEffect(()=>{if(a==="fixed"&&J.current){const I=J.current;return I.style.width="400px",()=>{I.removeAttribute("style")}}},[a]),{bodyRef:J,appearance:a,volume:f,listMaxHeight:s,theme:p,border:S,notice:o,audioControl:N,audio:x,handlePlayButtonClick:A,handlePlayAudioFromList:_e,isPlaylistOpen:ve,setPlaylistOpen:z,mini:y,displayLyrics:H,setDisplayLyrics:Y,setMini:j,playlist:g,hasPlaylist:U}}function qt(e){return Dt(e.slice())}function Dt(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 It(e,r){const{initialLoop:n="all",initialOrder:a="list"}=r,[i,h]=c.useState(n),[f,E]=c.useState(a),s=c.useMemo(()=>f==="list"?e:qt(e),[e,f]),[b,l]=c.useState(s[0]),p=c.useCallback(v=>v.url,[]),S=c.useMemo(()=>s.findIndex(y=>p(y)===p(b))<s.length-1||i!=="none",[s,b,i,p]),x=c.useCallback(()=>{l(v=>{const y=s.findIndex(j=>p(j)===p(v));return y<s.length-1?s[y+1]:{...s[0]}})},[i,s,p]),g=c.useCallback(()=>{l(v=>{const y=s.indexOf(v);return y>0?s[y-1]:v})},[s]),o=c.useCallback(v=>{l(v)},[]);return c.useEffect(()=>{const v=s.find(y=>p(y)===p(b));l(v||s[0])},[s,p,b]),{list:s,currentSong:b,hasNextSong:S,next:x,previous:g,prioritize:o,order:f,setOrder:E,loop:i,setLoop:h,length:s.length}}function Vt(e){var B,N,U;const r=W("aplayer"),{bodyRef:n,appearance:a,volume:i,listMaxHeight:h,theme:f,border:E,notice:s,audio:b,audioControl:l,handlePlayButtonClick:p,handlePlayAudioFromList:S,isPlaylistOpen:x,setPlaylistOpen:g,mini:o,displayLyrics:v,setDisplayLyrics:y,setMini:j,playlist:O,hasPlaylist:P}=Nt(e),F=c.useCallback(A=>A?typeof A=="string"?A:A.url?d.jsx("a",{href:A.url,target:"_blank",rel:"noreferrer",children:A.name??"Audio artist"}):A.name??"Audio artist":"Audio artist",[]);return d.jsxs("div",{className:L(r.b(),{[r.bs(f)]:!0,[r.bs("vars")]:!0,[r.bm(a)]:!0,[r.bm("loading")]:l.isLoading,[r.bm("withlist")]:P,[r.bm("list-folded")]:!x,[r.bm("withlrc")]:!!O.currentSong.lrc&&a!=="fixed",[r.bm("narrow")]:o,[r.bm("border")]:E}),role:"region","aria-label":"Audio Player",children:[d.jsxs("div",{ref:n,className:r.be("body"),children:[d.jsx("div",{className:r.be("pic"),onClick:p,style:{backgroundImage:`url("${(B=O.currentSong)==null?void 0:B.cover}")`},role:"button","aria-label":l.isPlaying?"Pause audio":"Play audio",children:d.jsx("div",{className:L(r.be("button"),l.isPlaying?r.bm("pause"):r.bm("play")),role:"presentation",children:l.isPlaying?d.jsx(lt,{}):d.jsx(St,{})})}),d.jsxs("div",{className:L(r.be("info")),children:[d.jsxs("div",{className:L(r.be("music")),children:[d.jsx("span",{className:L(r.be("title")),children:((N=O.currentSong)==null?void 0:N.name)??"Audio name"}),d.jsxs("span",{className:L(r.be("author")),children:[" ","-"," ",F((U=O.currentSong)==null?void 0:U.artist)]})]}),a==="fixed"?null:d.jsx(ur,{show:v,lrcText:O.currentSong.lrc,currentTime:l.currentTime??0}),d.jsx(wt,{volume:l.volume??i,onChangeVolume:l.setVolume,muted:l.muted??!1,onToggleMuted:()=>l.toggleMuted(),currentTime:l.currentTime,audioDurationSeconds:l.duration,bufferedSeconds:l.bufferedSeconds,onSeek:A=>l.seek(A),onToggleMenu:()=>g(A=>!A),order:O.order,onOrderChange:O.setOrder,loop:O.loop,onLoopChange:O.setLoop,isPlaying:l.isPlaying??!1,onTogglePlay:p,onSkipForward:()=>{O.hasNextSong&&O.next()},onSkipBack:()=>{O.previous()},showLyrics:v,onToggleLyrics:()=>{y(A=>!A)}})]}),d.jsx("div",{className:r.be("notice"),style:s.style,children:s.text}),d.jsx("div",{className:r.be("miniswitcher"),onClick:()=>j(A=>!A),children:d.jsx("button",{className:L(r.bs("icon"),r.bs("icon-right")),type:"button",children:d.jsx(st,{})})})]}),P?d.jsx(jt,{open:x,audio:b,playingAudioUrl:O.currentSong.url,onPlayAudio:S,listMaxHeight:h,mini:o}):null,a==="fixed"&&d.jsx(ur,{show:v,lrcText:O.currentSong.lrc,currentTime:l.currentTime??0})]})}exports.TwistAPlayer=Vt;
|
package/dist/index.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.twist-aplayer-icon{width:var(--tp-icon-width);height:var(--tp-icon-width);border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;vertical-align:middle;padding:0;font-size:var(--tp-icon-font-size);margin:0;display:inline-block}.twist-aplayer-icon path{transition:all var(--tp-icon-transition-timing) var(--tp-icon-transition-function)}.twist-aplayer .twist-aplayer-icon-lrc-inactivity svg{opacity:.4}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-right{display:flex;justify-content:center;align-items:center}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-back,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-forward,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-lrc,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-play{display:inline-block}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-back,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-forward,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-menu,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-play{position:absolute;bottom:27px;width:20px;height:20px;font-size:20px}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-back{right:75px}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-play{right:50px}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-forward{right:25px}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-icon-menu{right:0%}.twist-aplayer--withlist .twist-aplayer-icon-order,.twist-aplayer--withlist .twist-aplayer-icon-menu{display:inline}.twist-aplayer--fixed.twist-aplayer--narrow .twist-aplayer-icon{transform:rotateY(0)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.twist-aplayer-bar{margin:0 0 0 5px;padding:4px 0;cursor:pointer!important;flex:1;transition:all .2s ease-in-out}.twist-aplayer-bar-vars{--tp-bar-width: 100%;--tp-bar-height: 2px;--tp-bar-background: hsl(var(--tp-primary) / .2);--tp-bar-played-background: hsl(var(--tp-accent-foreground));--tp-bar-loaded-background: hsl(var(--tp-secondary));--tp-bar-loaded-transition-timing: .5s;--tp-bar-loaded-transition-function: ease;--tp-bar-thumb-width: 10px;--tp-bar-thumb-height: 10px;--tp-bar-thumb-margin-top: -4px;--tp-bar-thumb-margin-right: -10px;--tp-bar-thumb-transition-function: ease-in-out;--tp-bar-thumb-transition-timing: .3s;--tp-bar-thumb-hover-scale: 1;--tp-bar-thumb-border-radius: 50%;--tp-bar-thumb-background: hsl(var(--tp-foreground))}.twist-aplayer-bar__inner{position:relative;width:var(--tp-bar-width);height:var(--tp-bar-height);background:var(--tp-bar-background)}.twist-aplayer-bar__loaded{position:absolute;left:0;top:0;bottom:0;height:var(--tp-bar-height);background:var(--tp-bar-loaded-background);transition:all var(--tp-bar-loaded-transition-timing) var(--tp-bar-loaded-transition-function)}.twist-aplayer-bar__played{position:absolute;left:0;top:0;bottom:0;height:var(--tp-bar-height);background-color:var(--tp-bar-played-background)}.twist-aplayer-bar__thumb{position:absolute;top:0;right:5px;margin-top:var(--tp-bar-thumb-margin-top);margin-right:var(--tp-bar-thumb-margin-right);width:var(--tp-bar-thumb-width);height:var(--tp-bar-thumb-height);border-radius:var(--tp-bar-thumb-border-radius);cursor:pointer;background-color:var(--tp-bar-thumb-background);transition:all var(--tp-bar-thumb-transition-timing) var(--tp-bar-thumb-transition-function);transform:scale(0);-webkit-transform:scale(0)}.twist-aplayer-bar:hover .twist-aplayer-bar__thumb{transform:scale(var(--tp-bar-thumb-hover-scale));-webkit-transform:scale(var(--tp-bar-thumb-hover-scale))}.twist-aplayer-volumn{position:relative;display:inline-block;margin-left:3px;cursor:pointer!important}.twist-aplayer-volumn-vars{--tp-volume-bar-background: hsl(var(--tp-primary) / .3);--tp-volume-bar-width: 5px;--tp-volume-bar-height: 35px;--tp-volume-bar-border-radius: 2.5px;--tp-volume-thumb-width: 5px;--tp-volume-thumb-background: hsl(var(--tp-primary));--tp-volume-thumb-transition-function: ease;--tp-volume-bar-wrap-transition-function: ease-in-out;--tp-volume-bar-wrap-timing: .2s;--tp-volume-thumb-timing: .1s}.twist-aplayer-volumn__bar-wrap{position:absolute;bottom:15px;right:-3px;width:25px;height:0;z-index:99;overflow:hidden;transition:all var(--tp-volume-bar-wrap-timing) var(--tp-volume-bar-wrap-transition-function)}.twist-aplayer-volumn:hover .twist-aplayer-volumn__bar-wrap,.twist-aplayer-volumn__bar-wrap--active{height:40px}.twist-aplayer-volumn__bar{position:absolute;bottom:0;right:10px;width:var(--tp-volume-bar-width);height:var(--tp-volume-bar-height);background:var(--tp-volume-bar-background);border-radius:var(--tp-volume-bar-border-radius);overflow:hidden}.twist-aplayer-volumn__thumb{position:absolute;bottom:0;right:0;width:var(--tp-volume-thumb-width);background-color:var(--tp-volume-thumb-background);transition:all var(--tp-volume-thumb-timing) var(--tp-volume-thumb-transition-function)}.twist-aplayer-list{overflow:auto;transition:all .5s ease;will-change:height;display:none;overflow:hidden}.twist-aplayer-list-vars{--tp-list-scrollbar-thumb-color: #8884;--tp-list-scrollbar-thumb-hover-color: hsl(var(--tp-muted-foreground) / .6)}.twist-aplayer-list--hide{max-height:0!important}.twist-aplayer-list ol{list-style-type:none;margin:0;padding:0;overflow-y:auto}.twist-aplayer-list ol li{position:relative;height:32px;line-height:32px;padding:0 15px;font-size:12px;border-top:1px solid hsl(var(--tp-border));cursor:pointer;transition:all .2s ease;overflow:hidden;margin:0;background-color:hsl(var(--tp-background))}.twist-aplayer-list ol li.twist-aplayer-list--active{background-color:hsl(var(--tp-secondary))}.twist-aplayer-list ol li:first-child{border:none}.twist-aplayer-list ol li:hover{background-color:hsl(var(--tp-secondary)/.8)}.twist-aplayer-list ol::-webkit-scrollbar{width:5px}.twist-aplayer-list ol::-webkit-scrollbar-thumb{border-radius:3px;background-color:var(--tp-list-scrollbar-thumb-color)}.twist-aplayer-list ol::-webkit-scrollbar-thumb:hover{background-color:var(--tp-list-scrollbar-thumb-hover-color)}.twist-aplayer-list__cur{display:none;width:3px;height:22px;position:absolute;left:0;top:5px;cursor:pointer;background-color:hsl(var(--tp-accent-foreground))}.twist-aplayer-list--active .twist-aplayer-list__cur{display:inline-block}.twist-aplayer-list__index{color:hsl(var(--tp-muted-foreground));margin-right:12px;cursor:pointer}.twist-aplayer-list__title{color:hsl(var(--tp-secondary-foreground))}.twist-aplayer-list__author{color:hsl(var(--tp-muted-foreground));float:right;cursor:pointer}.twist-aplayer-lrc{display:none;position:relative;height:30px;text-align:center;overflow:hidden;margin:-10px 0 7px}.twist-aplayer-lrc:after,.twist-aplayer-lrc:before{content:" ";position:absolute;z-index:1;display:block;overflow:hidden;width:100%}.twist-aplayer-lrc:before{top:0;height:10%;background:linear-gradient(180deg,hsl(var(--tp-background)) 0,#fff0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=0)}.twist-aplayer-lrc:after{bottom:0;height:33%;background:linear-gradient(180deg,#fff0 0,hsl(var(--tp-background)));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ccffffff",GradientType=0)}.twist-aplayer-lrc p{font-size:12px;color:hsl(var(--tp-secondary-foreground));line-height:16px!important;height:16px!important;padding:0!important;margin:0!important;transition:all .5s ease-out;opacity:.4;overflow:hidden;text-shadow:none}.twist-aplayer-lrc__contents{width:100%;transition:all .5s ease-out;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:default}.twist-aplayer-lrc p.twist-aplayer-lrc__current{opacity:1;overflow:visible;height:auto!important;min-height:16px}.twist-aplayer-lrc.twist-aplayer-lrc--hide{display:none}.twist-aplayer-light{--tp-background: 0 0% 100%;--tp-foreground: 240 10% 3.9%;--tp-card: 0 0% 100%;--tp-card-foreground: 240 10% 3.9%;--tp-primary: 240 5.9% 10%;--tp-primary-foreground: 0 0% 98%;--tp-secondary: 240 4.8% 95.9%;--tp-secondary-foreground: 240 5.9% 10%;--tp-muted: 240 4.8% 95.9%;--tp-muted-foreground: 240 3.8% 46.1%;--tp-accent: 240 4.8% 95.9%;--tp-accent-foreground: 240 5.9% 10%;--tp-border: 240 5.9% 90%}.twist-aplayer-dark{--tp-background: 240 10% 3.9%;--tp-foreground: 0 0% 98%;--tp-card: 240 10% 3.9%;--tp-card-foreground: 0 0% 98%;--tp-primary: 0 0% 98%;--tp-primary-foreground: 240 5.9% 10%;--tp-secondary: 240 3.7% 15.9%;--tp-secondary-foreground: 0 0% 98%;--tp-muted: 240 3.7% 15.9%;--tp-muted-foreground: 240 5% 64.9%;--tp-accent: 240 3.7% 15.9%;--tp-accent-foreground: 0 0% 98%;--tp-border: 240 3.7% 15.9%}.twist-aplayer-vars{--tp-icon-width: 15px;--tp-icon-height: 15px;--tp-icon-font-size: 15px;--tp-icon-transition-function: ease-in-out;--tp-icon-transition-timing: .2s;--tp-max-width: 400px;--tp-zIndex: 99;--tp-pic-width: 66px;--tp-pic-height: 66px;--tp-pic-transition-function: ease;--tp-pic-transition-timing: .3s;--tp-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}
|
|
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-vars{--tp-list-scrollbar-thumb-color: #8884;--tp-list-scrollbar-thumb-hover-color: hsl(var(--tp-muted-foreground) / .6)}.twist-aplayer-list--hide{max-height:0!important}.twist-aplayer-list ol{list-style-type:none;margin:0;padding:0;overflow-y:auto}.twist-aplayer-list ol li{position:relative;height:32px;line-height:32px;padding:0 15px;font-size:12px;border-top:1px solid hsl(var(--tp-border));cursor:pointer;transition:all .2s ease;overflow:hidden;margin:0;background-color:hsl(var(--tp-background))}.twist-aplayer-list ol li.twist-aplayer-list--active{background-color:hsl(var(--tp-secondary))}.twist-aplayer-list ol li:first-child{border:none}.twist-aplayer-list ol li:hover{background-color:hsl(var(--tp-secondary)/.8)}.twist-aplayer-list ol::-webkit-scrollbar{width:5px}.twist-aplayer-list ol::-webkit-scrollbar-thumb{border-radius:3px;background-color:var(--tp-list-scrollbar-thumb-color)}.twist-aplayer-list ol::-webkit-scrollbar-thumb:hover{background-color:var(--tp-list-scrollbar-thumb-hover-color)}.twist-aplayer-list__cur{display:none;width:3px;height:22px;position:absolute;left:0;top:5px;cursor:pointer;background-color:hsl(var(--tp-accent-foreground))}.twist-aplayer-list--active .twist-aplayer-list__cur{display:inline-block}.twist-aplayer-list__index{color:hsl(var(--tp-muted-foreground));margin-right:12px;cursor:pointer}.twist-aplayer-list__title{color:hsl(var(--tp-secondary-foreground))}.twist-aplayer-list__author{color:hsl(var(--tp-muted-foreground));float:right;cursor:pointer}.twist-aplayer-lrc{display:none;position:relative;height:30px;text-align:center;overflow:hidden;margin:-10px 0 7px}.twist-aplayer-lrc:after,.twist-aplayer-lrc:before{content:" ";position:absolute;z-index:1;display:block;overflow:hidden;width:100%}.twist-aplayer-lrc:before{top:0;height:10%;background:linear-gradient(180deg,hsl(var(--tp-background)) 0,#fff0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=0)}.twist-aplayer-lrc:after{bottom:0;height:33%;background:linear-gradient(180deg,#fff0 0,hsl(var(--tp-background)));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ccffffff",GradientType=0)}.twist-aplayer-lrc p{font-size:12px;color:hsl(var(--tp-secondary-foreground));line-height:16px!important;height:16px!important;padding:0!important;margin:0!important;transition:all .5s ease-out;opacity:.4;overflow:hidden;text-shadow:none}.twist-aplayer-lrc__contents{width:100%;transition:all .5s ease-out;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:default}.twist-aplayer-lrc p.twist-aplayer-lrc__current{opacity:1;overflow:visible;height:auto!important;min-height:16px}.twist-aplayer-lrc.twist-aplayer-lrc--hide{display:none}.twist-aplayer-light{--tp-background: 0 0% 100%;--tp-foreground: 240 10% 3.9%;--tp-card: 0 0% 100%;--tp-card-foreground: 240 10% 3.9%;--tp-primary: 240 5.9% 10%;--tp-primary-foreground: 0 0% 98%;--tp-secondary: 240 4.8% 95.9%;--tp-secondary-foreground: 240 5.9% 10%;--tp-muted: 240 4.8% 95.9%;--tp-muted-foreground: 240 3.8% 46.1%;--tp-accent: 240 4.8% 95.9%;--tp-accent-foreground: 240 5.9% 10%;--tp-border: 240 5.9% 90%}.twist-aplayer-dark{--tp-background: 240 10% 3.9%;--tp-foreground: 0 0% 98%;--tp-card: 240 10% 3.9%;--tp-card-foreground: 0 0% 98%;--tp-primary: 0 0% 98%;--tp-primary-foreground: 240 5.9% 10%;--tp-secondary: 240 3.7% 15.9%;--tp-secondary-foreground: 0 0% 98%;--tp-muted: 240 3.7% 15.9%;--tp-muted-foreground: 240 5% 64.9%;--tp-accent: 240 3.7% 15.9%;--tp-accent-foreground: 0 0% 98%;--tp-border: 240 3.7% 15.9%}.twist-aplayer-vars{--tp-icon-width: 15px;--tp-icon-height: 15px;--tp-icon-font-size: 15px;--tp-icon-transition-function: ease-in-out;--tp-icon-transition-timing: .2s;--tp-max-width: 400px;--tp-zIndex: 99;--tp-pic-width: 66px;--tp-pic-height: 66px;--tp-pic-transition-function: ease;--tp-pic-transition-timing: .3s;--tp-pic-zIndex: 99;--tp-button-background: rgba(0, 0, 0, .2);--tp-box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tp-user-border: hsl(var(--tp-border) / .3)}.twist-aplayer{font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:normal;border-radius:2px;margin:5px;box-shadow:var(--tp-box-shadow);overflow:hidden}.twist-aplayer *{box-sizing:content-box}.twist-aplayer__body{background-color:hsl(var(--tp-background))}.twist-aplayer__pic{position:relative;float:left;z-index:var(--tp-pic-zIndex);width:var(--tp-pic-width);height:var(--tp-pic-height);background-size:cover;background-position:50%;transition:all var(--tp-pic-transition-timing) var(--tp-pic-transition-function);cursor:pointer}.twist-aplayer__button{position:absolute;border-radius:50%;opacity:.8;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px #0003;background:hsl(var(--tp-primary-foreground));transition:all .1s ease}.twist-aplayer--play{width:28px;height:28px;bottom:50%;right:50%;margin:0 -15px -15px 0}.twist-aplayer--play svg{position:absolute;top:4px;left:5px;height:20px;width:20px}.twist-aplayer--pause{font-size:12px;width:18px;height:18px;bottom:4px;right:4px}.twist-aplayer--pause svg{position:absolute;top:3px;left:3px;height:12px;width:12px}.twist-aplayer--play path,.twist-aplayer--pause path{fill:hsl(var(--tp-accent-foreground))}.twist-aplayer__info{margin-left:66px;padding:14px 7px 0 10px;height:66px;box-sizing:border-box}.twist-aplayer__music{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 13px 5px;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:default;padding-bottom:2px;height:20px}.twist-aplayer__title{color:hsl(var(--tp-secondary-foreground));font-size:14px}.twist-aplayer__author{font-size:12px;color:hsl(var(--tp-muted-foreground))}.twist-aplayer__author>a{color:inherit;text-decoration:none}.twist-aplayer-controller{position:relative;display:flex}.twist-aplayer-controller__time{position:relative;right:0;bottom:4px;height:17px;font-size:11px;padding-left:7px}.twist-aplayer-controller__time-inner{color:hsl(var(--tp-muted-foreground));vertical-align:middle}.twist-aplayer-controller__time .twist-aplayer-icon{cursor:pointer;transition:all .2s ease}.twist-aplayer-controller__time .twist-aplayer-icon path{fill:hsl(var(--tp-muted-foreground))}.twist-aplayer-controller__time .twist-aplayer-icon:hover path{fill:hsl(var(--tp-primary))}.twist-aplayer__notice{opacity:0;position:absolute;top:50%;left:50%;z-index:100;transform:translate(-50%,-50%);font-size:12px;border-radius:4px;padding:5px 10px;transition:all .3s ease-in-out;overflow:hidden;pointer-events:none;background-color:hsl(var(--tp-accent));color:hsl(var(--tp-accent-foreground))}.twist-aplayer__miniswitcher{display:none;position:absolute;top:0;right:0;bottom:0;height:100%;background:hsl(var(--tp-accent));width:18px;border-radius:0 2px 2px 0}.twist-aplayer__miniswitcher .twist-aplayer-icon{height:100%;width:100%;transform:rotateY(180deg);transition:all .3s ease}.twist-aplayer__miniswitcher .twist-aplayer-icon path{fill:hsl(var(--tp-muted-foreground))}.twist-aplayer-icon-lrc-inactivity svg{opacity:.4}.twist-aplayer-icon-loading{display:none}.twist-aplayer-icon-loading svg{position:absolute;top:1px;left:1px;width:8px;height:8px;animation:rotate 1s linear infinite}.twist-aplayer-icon-loading svg path{fill:hsl(var(--tp-background))}.twist-aplayer-icon-back,.twist-aplayer-icon-forward,.twist-aplayer-icon-lrc,.twist-aplayer-icon-order,.twist-aplayer-icon-play{display:none}.twist-aplayer--border{border:1px solid var(--tp-user-border)}.twist-aplayer.twist-aplayer--fixed{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:var(--tp-zIndex);overflow:visible;max-width:var(--tp-max-width);box-shadow:none;max-width:400px}.twist-aplayer.twist-aplayer--fixed .twist-aplayer__body{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:99;padding-right:18px;transition:all .3s ease;max-width:400px}.twist-aplayer.twist-aplayer--fixed .twist-aplayer__info{transform:scaleX(1);transform-origin:0 0;transition:all .3s ease;border-bottom:none;border-top:1px solid hsl(var(--tp-border))}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-list{margin-bottom:65px;border:1px solid hsl(var(--tp-border));border-bottom:none}.twist-aplayer.twist-aplayer--fixed .twist-aplayer__music{width:calc(100% - 105px)}.twist-aplayer.twist-aplayer--fixed .twist-aplayer.twist-aplayer--border.twist-aplayer--list-folded .twist-aplayer__info,.twist-aplayer.twist-aplayer--fixed .twist-aplayer--list-folded .twist-aplayer__info{border-top:none}.twist-aplayer.twist-aplayer--fixed .twist-aplayer--border.twist-aplayer--list-folded .twist-aplayer__info,.twist-aplayer.twist-aplayer--fixed .twist-aplayer--list-folded .twist-aplayer__info{border-bottom:none}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-lrc{display:block;position:fixed;bottom:10px;left:0;right:0;margin:0;z-index:98;pointer-events:none;text-shadow:-1px -1px 0 #fff}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-lrc:after,.twist-aplayer.twist-aplayer--fixed .twist-aplayer-lrc:before{display:none}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-lrc.twist-aplayer-lrc--hide{display:none}.twist-aplayer.twist-aplayer--fixed .twist-aplayer__miniswitcher{display:block}.twist-aplayer.twist-aplayer--fixed .twist-aplayer-list--hide.twist-aplayer-list{border-top:none}.twist-aplayer.twist-aplayer--fixed.twist-aplayer--narrow .twist-aplayer__info,.twist-aplayer.twist-aplayer--fixed.twist-aplayer--narrow .twist-aplayer-list{display:none}.twist-aplayer.twist-aplayer--fixed.twist-aplayer--narrow .twist-aplayer__body,.twist-aplayer.twist-aplayer--fixed.twist-aplayer--narrow .twist-aplayer__pic{width:66px!important;height:66px!important}.twist-aplayer.twist-aplayer--withlist .twist-aplayer-list{display:block}.twist-aplayer.twist-aplayer--withlist .twist-aplayer__info{border-bottom:1px solid hsl(var(--tp-border))}.twist-aplayer.twist-aplayer--withlrc .twist-aplayer__info{margin-left:90px;height:90px;padding:10px 7px 0}.twist-aplayer.twist-aplayer--withlrc .twist-aplayer__pic{width:90px;height:90px}.twist-aplayer.twist-aplayer--withlrc .twist-aplayer-lrc,.twist-aplayer--loading .twist-aplayer-icon-loading{display:block}.twist-aplayer--normal.twist-aplayer--border.twist-aplayer--list-folded .twist-aplayer__info,.twist-aplayer--withlist.twist-aplayer--list-folded .twist-aplayer__info{border-bottom:none}
|