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