twist-aplayer 1.1.0 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.js +8 -8
- package/dist/index.mjs +107 -107
- package/dist/twist-aplayer.umd.js +9 -9
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.twist-aplayer-light{--tp-background: 0 0% 100%;--tp-foreground: 240 10% 3.9%;--tp-card: 0 0% 100%;--tp-card-foreground: 240 10% 3.9%;--tp-primary: 240 5.9% 10%;--tp-primary-foreground: 0 0% 98%;--tp-secondary: 240 4.8% 95.9%;--tp-secondary-foreground: 240 5.9% 10%;--tp-muted: 240 4.8% 95.9%;--tp-muted-foreground: 240 3.8% 46.1%;--tp-accent: 240 4.8% 95.9%;--tp-accent-foreground: 240 5.9% 10%;--tp-border: 240 5.9% 90%}.twist-aplayer-dark{--tp-background: 240 10% 3.9%;--tp-foreground: 0 0% 98%;--tp-card: 240 10% 3.9%;--tp-card-foreground: 0 0% 98%;--tp-primary: 0 0% 98%;--tp-primary-foreground: 240 5.9% 10%;--tp-secondary: 240 3.7% 15.9%;--tp-secondary-foreground: 0 0% 98%;--tp-muted: 240 3.7% 15.9%;--tp-muted-foreground: 240 5% 64.9%;--tp-accent: 240 3.7% 15.9%;--tp-accent-foreground: 0 0% 98%;--tp-border: 240 3.7% 15.9%}.twist-aplayer-vars{--tp-icon-width: 15px;--tp-icon-height: 15px;--tp-icon-font-size: 15px;--tp-icon-transition-function: ease-in-out;--tp-icon-transition-timing: .2s;--tp-max-width: 400px;--tp-zIndex: 99;--tp-pic-width: 66px;--tp-pic-height: 66px;--tp-pic-transition-function: ease;--tp-pic-transition-timing: .3s;--tp-button-background: rgba(0, 0, 0, .2);--tp-box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tp-user-border: hsl(var(--tp-border) / .3)}.twist-aplayer{font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:normal;border-radius:2px;box-shadow:var(--tp-box-shadow);overflow:hidden}.twist-aplayer--border{border:1px solid var(--tp-user-border)}.twist-aplayer *{box-sizing:content-box}.twist-aplayer__body{background-color:hsl(var(--tp-background))}.twist-aplayer-icon{width:var(--tp-icon-width);height:var(--tp-icon-width);border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;vertical-align:middle;padding:0;font-size:var(--tp-icon-font-size);margin:0;display:inline-block}.twist-aplayer-controller__time .twist-aplayer-icon path{fill:hsl(var(--tp-muted-foreground))}.twist-aplayer-controller__time .twist-aplayer-icon:hover path{fill:hsl(var(--tp-primary))}.twist-aplayer-icon path{transition:all var(--tp-icon-transition-timing) var(--tp-icon-transition-function)}.twist-aplayer-icon-lrc-inactivity svg{opacity:.4}.twist-aplayer-icon-loading{display:none}.twist-aplayer--loading .twist-aplayer-icon-loading{display:block}.twist-aplayer-icon-loading svg{position:absolute;width:10px;height:10px;animation:rotate 1s linear infinite}.twist-aplayer-icon-loading svg path{fill:hsl(var(--tp-background))}.twist-aplayer-icon-back,.twist-aplayer-icon-forward,.twist-aplayer-icon-lrc,.twist-aplayer-icon-order,.twist-aplayer-icon-play{display:none}.twist-aplayer.twist-aplayer--fixed{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:var(--tp-zIndex);overflow:visible;max-width:var(--tp-max-width);box-shadow:none}.twist-aplayer--fixed .twist-aplayer__body{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:99;padding-right:18px;transition:all .3s ease;max-width:400px}.twist-aplayer--fixed .twist-aplayer__info{transform:scaleX(1);transform-origin:0 0;transition:all .3s ease;border-bottom:none;border-top:1px solid hsl(var(--tp-border))}.twist-aplayer--fixed.twist-aplayer--border.twist-aplayer--list-folded .twist-aplayer__info,.twist-aplayer--fixed.twist-aplayer--list-folded .twist-aplayer__info{border-top:none}.twist-aplayer--normal.twist-aplayer--withlist .twist-aplayer__info{border-bottom:1px solid hsl(var(--tp-border))}.twist-aplayer--normal.twist-aplayer--border.twist-aplayer--list-folded .twist-aplayer__info,.twist-aplayer--withlist.twist-aplayer--list-folded .twist-aplayer__info{border-bottom:none}.twist-aplayer--fixed .twist-aplayer-list{margin-bottom:65px;border:1px solid hsl(var(--tp-border));border-bottom:none}.twist-aplayer--withlist .twist-aplayer-list{display:block}.twist-aplayer--fixed .twist-aplayer-list--hide.twist-aplayer-list{border-top:none}.twist-aplayer--withlist .twist-aplayer-icon-order,.twist-aplayer--withlist .twist-aplayer-icon-menu{display:inline}.twist-aplayer--fixed .twist-aplayer-icon-back,.twist-aplayer--fixed .twist-aplayer-icon-forward,.twist-aplayer--fixed .twist-aplayer-icon-lrc,.twist-aplayer--fixed .twist-aplayer-icon-play{display:inline-block}.twist-aplayer--fixed .twist-aplayer-icon-back,.twist-aplayer--fixed .twist-aplayer-icon-forward,.twist-aplayer--fixed .twist-aplayer-icon-menu,.twist-aplayer--fixed .twist-aplayer-icon-play{position:absolute;bottom:27px;width:20px;height:20px}.twist-aplayer--fixed .twist-aplayer-icon-back,.twist-aplayer--fixed .twist-aplayer-icon-forward,.twist-aplayer--fixed .twist-aplayer-icon-play,.twist-aplayer--fixed .twist-aplayer-icon-menu{font-size:20px}.twist-aplayer--fixed .twist-aplayer-icon-back{right:75px}.twist-aplayer--fixed .twist-aplayer-icon-play{right:50px}.twist-aplayer--fixed .twist-aplayer-icon-forward{right:25px}.twist-aplayer--fixed .twist-aplayer-icon-menu{right:0%}.twist-aplayer--narrow{width:66px}.twist-aplayer--narrow .twist-aplayer__info,.twist-aplayer--narrow .twist-aplayer-list{display:none}.twist-aplayer--narrow .twist-aplayer__body,.twist-aplayer--narrow .twist-aplayer__pic{width:66px!important;height:66px!important}.twist-aplayer--fixed .twist-aplayer-lrc{display:block;position:fixed;bottom:10px;left:0;right:0;margin:0;z-index:98;pointer-events:none;text-shadow:-1px -1px 0 #fff}.twist-aplayer--fixed .twist-aplayer-lrc:after,.twist-aplayer--fixed .twist-aplayer-lrc:before{display:none}.twist-aplayer--withlrc .twist-aplayer-lrc{display:block}.twist-aplayer--withlrc .twist-aplayer__info{margin-left:90px;height:90px;padding:10px 7px 0}.twist-aplayer--withlrc .twist-aplayer__pic{height:90px;width:90px}.twist-aplayer__pic{position:relative;float:left;width:var(--tp-pic-width);height:var(--tp-pic-height);background-size:cover;background-position:50%;transition:all var(--tp-pic-transition-timing) var(--tp-pic-transition-function);cursor:pointer}.twist-aplayer__button{position:absolute;border-radius:50%;opacity:.8;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px #0003;background:hsl(var(--tp-primary-foreground));transition:all .1s ease}.twist-aplayer--play{width:28px;height:28px;bottom:50%;right:50%;margin:0 -15px -15px 0}.twist-aplayer--play svg{position:absolute;top:4px;left:5px;height:20px;width:20px}.twist-aplayer--pause{font-size:12px;width:18px;height:18px;bottom:4px;right:4px}.twist-aplayer--pause svg{position:absolute;top:3px;left:3px;height:12px;width:12px}.twist-aplayer--play path,.twist-aplayer--pause path{fill:hsl(var(--tp-accent-foreground))}.twist-aplayer__info{margin-left:66px;padding:14px 7px 0 10px;height:66px;box-sizing:border-box}.twist-aplayer__music{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 13px 5px;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:default;padding-bottom:2px;height:20px}.twist-aplayer-controller__time .twist-aplayer-icon{cursor:pointer;transition:all .2s ease}.twist-aplayer__notice{opacity:0;position:absolute;top:50%;left:50%;z-index:100;transform:translate(-50%,-50%);font-size:12px;border-radius:4px;padding:5px 10px;transition:all .3s ease-in-out;overflow:hidden;pointer-events:none;background-color:hsl(var(--tp-accent));color:hsl(var(--tp-accent-foreground))}.twist-aplayer--fixed .twist-aplayer__miniswitcher{display:block}.twist-aplayer__miniswitcher{display:none;position:absolute;top:0;right:0;bottom:0;height:100%;background:hsl(var(--tp-accent));width:18px;border-radius:0 2px 2px 0}.twist-aplayer__miniswitcher .twist-aplayer-icon{height:100%;width:100%;transform:rotateY(180deg);transition:all .3s ease}.twist-aplayer__miniswitcher .twist-aplayer-icon path{fill:hsl(var(--tp-muted-foreground))}.twist-aplayer--fixed.twist-aplayer--narrow .twist-aplayer-icon{transform:rotateY(0)}.twist-aplayer__title{color:hsl(var(--tp-secondary-foreground));font-size:14px}.twist-aplayer__author{font-size:12px;color:hsl(var(--tp-muted-foreground))}.twist-aplayer__author>a{color:inherit;text-decoration:none}.twist-aplayer-bar{margin:0 0 0 5px;padding:4px 0;cursor:pointer!important;flex:1;transition:all .2s ease-in-out}.twist-aplayer-bar-vars{--tp-bar-width: 100%;--tp-bar-height: 2px;--tp-bar-background: hsl(var(--tp-primary) / .2);--tp-bar-played-background: hsl(var(--tp-primary));--tp-bar-loaded-background: hsl(var(--tp-foreground));--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-backgroun)}.twist-aplayer-bar__thumb{position:absolute;top:0;right:5px;margin-top:var(--tp-bar-thumb-margin-top);margin-right:var(--tp-bar-thumb-margin-right);width:var(--tp-bar-thumb-width);height:var(--tp-bar-thumb-height);border-radius:var(--tp-bar-thumb-border-radius);cursor:pointer;background-color:var(--tp-bar-thumb-background);transition:all var(--tp-bar-thumb-transition-timing) var(--tp-bar-thumb-transition-function);transform:scale(0);-webkit-transform:scale(0)}.twist-aplayer-bar:hover .twist-aplayer-bar__thumb{transform:scale(var(--tp-bar-thumb-hover-scale));-webkit-transform:scale(var(--tp-bar-thumb-hover-scale))}.twist-aplayer-volumn{position:relative;display:inline-block;margin-left:3px;cursor:pointer!important}.twist-aplayer-volumn-vars{--tp-volume-bar-background: hsl(var(--tp-primary) / .3);--tp-volume-bar-width: 5px;--tp-volume-bar-height: 35px;--tp-volume-bar-border-radius: 2.5px;--tp-volume-thumb-width: 5px;--tp-volume-thumb-background: hsl(var(--tp-primary));--tp-volume-thumb-transition-function: ease;--tp-volume-bar-wrap-transition-function: ease-in-out;--tp-volume-bar-wrap-timing: .2s;--tp-volume-thumb-timing: .1s}.twist-aplayer-volumn__bar-wrap{position:absolute;bottom:15px;right:-3px;width:25px;height:0;z-index:99;overflow:hidden;transition:all var(--tp-volume-bar-wrap-timing) var(--tp-volume-bar-wrap-transition-function)}.twist-aplayer-volumn:hover .twist-aplayer-volumn__bar-wrap,.twist-aplayer-volumn__bar-wrap--active{height:40px}.twist-aplayer-volumn__bar{position:absolute;bottom:0;right:10px;width:var(--tp-volume-bar-width);height:var(--tp-volume-bar-height);background:var(--tp-volume-bar-background);border-radius:var(--tp-volume-bar-border-radius);overflow:hidden}.twist-aplayer-volumn__thumb{position:absolute;bottom:0;right:0;width:var(--tp-volume-thumb-width);background-color:var(--tp-volume-thumb-background);transition:all var(--tp-volume-thumb-timing) var(--tp-volume-thumb-transition-function)}.twist-aplayer-controller{position:relative;display:flex}.twist-aplayer-controller__time{position:relative;right:0;bottom:4px;height:17px;font-size:11px;padding-left:7px}.twist-aplayer-controller__time-inner{color:hsl(var(--tp-muted-foreground));vertical-align:middle}.twist-aplayer-list{overflow:auto;transition:all .5s ease;will-change:height;display:none;overflow:hidden}.twist-aplayer-list--hide{max-height:0!important}.twist-aplayer-list ol{list-style-type:none;margin:0;padding:0;overflow-y:auto}.twist-aplayer-list ol li{position:relative;height:32px;line-height:32px;padding:0 15px;font-size:12px;border-top:1px solid hsl(var(--tp-border));cursor:pointer;transition:all .2s ease;overflow:hidden;margin:0;background-color:hsl(var(--tp-background))}.twist-aplayer-list ol li.twist-aplayer-list--active{background-color:hsl(var(--tp-secondary))}.twist-aplayer-list ol li:first-child{border:none}.twist-aplayer-list__cur{display:none;width:3px;height:22px;position:absolute;left:0;top:5px;cursor:pointer;background-color:hsl(var(--tp-accent-foreground))}.twist-aplayer-list--active .twist-aplayer-list__cur{display:inline-block}.twist-aplayer-list__index{color:hsl(var(--tp-muted-foreground));margin-right:12px;cursor:pointer}.twist-aplayer-list__title{color:hsl(var(--tp-secondary-foreground))}.twist-aplayer-list__author{color:hsl(var(--tp-muted-foreground));float:right;cursor:pointer}.twist-aplayer-lrc{display:none;position:relative;height:30px;text-align:center;overflow:hidden;margin:-10px 0 7px}.twist-aplayer-lrc:after,.twist-aplayer-lrc:before{content:" ";position:absolute;z-index:1;display:block;overflow:hidden;width:100%}.twist-aplayer-lrc:before{top:0;height:10%;background:linear-gradient(180deg,hsl(var(--tp-background)) 0,#fff0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=0)}.twist-aplayer-lrc:after{bottom:0;height:33%;background:linear-gradient(180deg,#fff0 0,hsl(var(--tp-background)));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ccffffff",GradientType=0)}.twist-aplayer-lrc p{font-size:12px;color:hsl(var(--tp-secondary-foreground));line-height:16px!important;height:16px!important;padding:0!important;margin:0!important;transition:all .5s ease-out;opacity:.4;overflow:hidden;text-shadow:none}.twist-aplayer-lrc__contents{width:100%;transition:all .5s ease-out;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:default}.twist-aplayer-lrc p.twist-aplayer-lrc__current{opacity:1;overflow:visible;height:auto!important;min-height:16px}.twist-aplayer-lrc.twist-aplayer-lrc--hide{display:none}
|
|
1
|
+
@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.twist-aplayer-light{--tp-background: 0 0% 100%;--tp-foreground: 240 10% 3.9%;--tp-card: 0 0% 100%;--tp-card-foreground: 240 10% 3.9%;--tp-primary: 240 5.9% 10%;--tp-primary-foreground: 0 0% 98%;--tp-secondary: 240 4.8% 95.9%;--tp-secondary-foreground: 240 5.9% 10%;--tp-muted: 240 4.8% 95.9%;--tp-muted-foreground: 240 3.8% 46.1%;--tp-accent: 240 4.8% 95.9%;--tp-accent-foreground: 240 5.9% 10%;--tp-border: 240 5.9% 90%}.twist-aplayer-dark{--tp-background: 240 10% 3.9%;--tp-foreground: 0 0% 98%;--tp-card: 240 10% 3.9%;--tp-card-foreground: 0 0% 98%;--tp-primary: 0 0% 98%;--tp-primary-foreground: 240 5.9% 10%;--tp-secondary: 240 3.7% 15.9%;--tp-secondary-foreground: 0 0% 98%;--tp-muted: 240 3.7% 15.9%;--tp-muted-foreground: 240 5% 64.9%;--tp-accent: 240 3.7% 15.9%;--tp-accent-foreground: 0 0% 98%;--tp-border: 240 3.7% 15.9%}.twist-aplayer-vars{--tp-icon-width: 15px;--tp-icon-height: 15px;--tp-icon-font-size: 15px;--tp-icon-transition-function: ease-in-out;--tp-icon-transition-timing: .2s;--tp-max-width: 400px;--tp-zIndex: 99;--tp-pic-width: 66px;--tp-pic-height: 66px;--tp-pic-transition-function: ease;--tp-pic-transition-timing: .3s;--tp-button-background: rgba(0, 0, 0, .2);--tp-box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tp-user-border: hsl(var(--tp-border) / .3)}.twist-aplayer{font-family:Arial,Helvetica,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:normal;border-radius:2px;box-shadow:var(--tp-box-shadow);overflow:hidden}.twist-aplayer--border{border:1px solid var(--tp-user-border)}.twist-aplayer *{box-sizing:content-box}.twist-aplayer__body{background-color:hsl(var(--tp-background))}.twist-aplayer-icon{width:var(--tp-icon-width);height:var(--tp-icon-width);border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;vertical-align:middle;padding:0;font-size:var(--tp-icon-font-size);margin:0;display:inline-block}.twist-aplayer-controller__time .twist-aplayer-icon path{fill:hsl(var(--tp-muted-foreground))}.twist-aplayer-controller__time .twist-aplayer-icon:hover path{fill:hsl(var(--tp-primary))}.twist-aplayer-icon path{transition:all var(--tp-icon-transition-timing) var(--tp-icon-transition-function)}.twist-aplayer-icon-lrc-inactivity svg{opacity:.4}.twist-aplayer-icon-loading{display:none}.twist-aplayer--loading .twist-aplayer-icon-loading{display:block}.twist-aplayer-icon-loading svg{position:absolute;width:10px;height:10px;animation:rotate 1s linear infinite}.twist-aplayer-icon-loading svg path{fill:hsl(var(--tp-background))}.twist-aplayer-icon-back,.twist-aplayer-icon-forward,.twist-aplayer-icon-lrc,.twist-aplayer-icon-order,.twist-aplayer-icon-play{display:none}.twist-aplayer.twist-aplayer--fixed{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:var(--tp-zIndex);overflow:visible;max-width:var(--tp-max-width);box-shadow:none}.twist-aplayer--fixed .twist-aplayer__body{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:99;padding-right:18px;transition:all .3s ease;max-width:400px}.twist-aplayer--fixed .twist-aplayer__info{transform:scaleX(1);transform-origin:0 0;transition:all .3s ease;border-bottom:none;border-top:1px solid hsl(var(--tp-border))}.twist-aplayer--fixed.twist-aplayer--border.twist-aplayer--list-folded .twist-aplayer__info,.twist-aplayer--fixed.twist-aplayer--list-folded .twist-aplayer__info{border-top:none}.twist-aplayer--normal.twist-aplayer--withlist .twist-aplayer__info{border-bottom:1px solid hsl(var(--tp-border))}.twist-aplayer--normal.twist-aplayer--border.twist-aplayer--list-folded .twist-aplayer__info,.twist-aplayer--withlist.twist-aplayer--list-folded .twist-aplayer__info{border-bottom:none}.twist-aplayer--fixed .twist-aplayer-list{margin-bottom:65px;border:1px solid hsl(var(--tp-border));border-bottom:none}.twist-aplayer--withlist .twist-aplayer-list{display:block}.twist-aplayer--fixed .twist-aplayer-list--hide.twist-aplayer-list{border-top:none}.twist-aplayer--withlist .twist-aplayer-icon-order,.twist-aplayer--withlist .twist-aplayer-icon-menu{display:inline}.twist-aplayer--fixed .twist-aplayer-icon-right{display:flex;justify-content:center;align-items:center}.twist-aplayer--fixed .twist-aplayer-icon-back,.twist-aplayer--fixed .twist-aplayer-icon-forward,.twist-aplayer--fixed .twist-aplayer-icon-lrc,.twist-aplayer--fixed .twist-aplayer-icon-play{display:inline-block}.twist-aplayer--fixed .twist-aplayer-icon-back,.twist-aplayer--fixed .twist-aplayer-icon-forward,.twist-aplayer--fixed .twist-aplayer-icon-menu,.twist-aplayer--fixed .twist-aplayer-icon-play{position:absolute;bottom:27px;width:20px;height:20px}.twist-aplayer--fixed .twist-aplayer-icon-back,.twist-aplayer--fixed .twist-aplayer-icon-forward,.twist-aplayer--fixed .twist-aplayer-icon-play,.twist-aplayer--fixed .twist-aplayer-icon-menu{font-size:20px}.twist-aplayer--fixed .twist-aplayer-icon-back{right:75px}.twist-aplayer--fixed .twist-aplayer-icon-play{right:50px}.twist-aplayer--fixed .twist-aplayer-icon-forward{right:25px}.twist-aplayer--fixed .twist-aplayer-icon-menu{right:0%}.twist-aplayer--narrow{width:66px}.twist-aplayer--narrow .twist-aplayer__info,.twist-aplayer--narrow .twist-aplayer-list{display:none}.twist-aplayer--narrow .twist-aplayer__body,.twist-aplayer--narrow .twist-aplayer__pic{width:66px!important;height:66px!important}.twist-aplayer--fixed .twist-aplayer-lrc{display:block;position:fixed;bottom:10px;left:0;right:0;margin:0;z-index:98;pointer-events:none;text-shadow:-1px -1px 0 #fff}.twist-aplayer--fixed .twist-aplayer-lrc:after,.twist-aplayer--fixed .twist-aplayer-lrc:before{display:none}.twist-aplayer--withlrc .twist-aplayer-lrc{display:block}.twist-aplayer--withlrc .twist-aplayer__info{margin-left:90px;height:90px;padding:10px 7px 0}.twist-aplayer--withlrc .twist-aplayer__pic{height:90px;width:90px}.twist-aplayer__pic{position:relative;float:left;width:var(--tp-pic-width);height:var(--tp-pic-height);background-size:cover;background-position:50%;transition:all var(--tp-pic-transition-timing) var(--tp-pic-transition-function);cursor:pointer}.twist-aplayer__button{position:absolute;border-radius:50%;opacity:.8;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px #0003;background:hsl(var(--tp-primary-foreground));transition:all .1s ease}.twist-aplayer--play{width:28px;height:28px;bottom:50%;right:50%;margin:0 -15px -15px 0}.twist-aplayer--play svg{position:absolute;top:4px;left:5px;height:20px;width:20px}.twist-aplayer--pause{font-size:12px;width:18px;height:18px;bottom:4px;right:4px}.twist-aplayer--pause svg{position:absolute;top:3px;left:3px;height:12px;width:12px}.twist-aplayer--play path,.twist-aplayer--pause path{fill:hsl(var(--tp-accent-foreground))}.twist-aplayer__info{margin-left:66px;padding:14px 7px 0 10px;height:66px;box-sizing:border-box}.twist-aplayer__music{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 13px 5px;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:default;padding-bottom:2px;height:20px}.twist-aplayer-controller__time .twist-aplayer-icon{cursor:pointer;transition:all .2s ease}.twist-aplayer__notice{opacity:0;position:absolute;top:50%;left:50%;z-index:100;transform:translate(-50%,-50%);font-size:12px;border-radius:4px;padding:5px 10px;transition:all .3s ease-in-out;overflow:hidden;pointer-events:none;background-color:hsl(var(--tp-accent));color:hsl(var(--tp-accent-foreground))}.twist-aplayer--fixed .twist-aplayer__miniswitcher{display:block}.twist-aplayer__miniswitcher{display:none;position:absolute;top:0;right:0;bottom:0;height:100%;background:hsl(var(--tp-accent));width:18px;border-radius:0 2px 2px 0}.twist-aplayer__miniswitcher .twist-aplayer-icon{height:100%;width:100%;transform:rotateY(180deg);transition:all .3s ease}.twist-aplayer__miniswitcher .twist-aplayer-icon path{fill:hsl(var(--tp-muted-foreground))}.twist-aplayer--fixed.twist-aplayer--narrow .twist-aplayer-icon{transform:rotateY(0)}.twist-aplayer__title{color:hsl(var(--tp-secondary-foreground));font-size:14px}.twist-aplayer__author{font-size:12px;color:hsl(var(--tp-muted-foreground))}.twist-aplayer__author>a{color:inherit;text-decoration:none}.twist-aplayer-bar{margin:0 0 0 5px;padding:4px 0;cursor:pointer!important;flex:1;transition:all .2s ease-in-out}.twist-aplayer-bar-vars{--tp-bar-width: 100%;--tp-bar-height: 2px;--tp-bar-background: hsl(var(--tp-primary) / .2);--tp-bar-played-background: hsl(var(--tp-primary));--tp-bar-loaded-background: hsl(var(--tp-foreground));--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-backgroun)}.twist-aplayer-bar__thumb{position:absolute;top:0;right:5px;margin-top:var(--tp-bar-thumb-margin-top);margin-right:var(--tp-bar-thumb-margin-right);width:var(--tp-bar-thumb-width);height:var(--tp-bar-thumb-height);border-radius:var(--tp-bar-thumb-border-radius);cursor:pointer;background-color:var(--tp-bar-thumb-background);transition:all var(--tp-bar-thumb-transition-timing) var(--tp-bar-thumb-transition-function);transform:scale(0);-webkit-transform:scale(0)}.twist-aplayer-bar:hover .twist-aplayer-bar__thumb{transform:scale(var(--tp-bar-thumb-hover-scale));-webkit-transform:scale(var(--tp-bar-thumb-hover-scale))}.twist-aplayer-volumn{position:relative;display:inline-block;margin-left:3px;cursor:pointer!important}.twist-aplayer-volumn-vars{--tp-volume-bar-background: hsl(var(--tp-primary) / .3);--tp-volume-bar-width: 5px;--tp-volume-bar-height: 35px;--tp-volume-bar-border-radius: 2.5px;--tp-volume-thumb-width: 5px;--tp-volume-thumb-background: hsl(var(--tp-primary));--tp-volume-thumb-transition-function: ease;--tp-volume-bar-wrap-transition-function: ease-in-out;--tp-volume-bar-wrap-timing: .2s;--tp-volume-thumb-timing: .1s}.twist-aplayer-volumn__bar-wrap{position:absolute;bottom:15px;right:-3px;width:25px;height:0;z-index:99;overflow:hidden;transition:all var(--tp-volume-bar-wrap-timing) var(--tp-volume-bar-wrap-transition-function)}.twist-aplayer-volumn:hover .twist-aplayer-volumn__bar-wrap,.twist-aplayer-volumn__bar-wrap--active{height:40px}.twist-aplayer-volumn__bar{position:absolute;bottom:0;right:10px;width:var(--tp-volume-bar-width);height:var(--tp-volume-bar-height);background:var(--tp-volume-bar-background);border-radius:var(--tp-volume-bar-border-radius);overflow:hidden}.twist-aplayer-volumn__thumb{position:absolute;bottom:0;right:0;width:var(--tp-volume-thumb-width);background-color:var(--tp-volume-thumb-background);transition:all var(--tp-volume-thumb-timing) var(--tp-volume-thumb-transition-function)}.twist-aplayer-controller{position:relative;display:flex}.twist-aplayer-controller__time{position:relative;right:0;bottom:4px;height:17px;font-size:11px;padding-left:7px}.twist-aplayer-controller__time-inner{color:hsl(var(--tp-muted-foreground));vertical-align:middle}.twist-aplayer-list{overflow:auto;transition:all .5s ease;will-change:height;display:none;overflow:hidden}.twist-aplayer-list--hide{max-height:0!important}.twist-aplayer-list ol{list-style-type:none;margin:0;padding:0;overflow-y:auto}.twist-aplayer-list ol li{position:relative;height:32px;line-height:32px;padding:0 15px;font-size:12px;border-top:1px solid hsl(var(--tp-border));cursor:pointer;transition:all .2s ease;overflow:hidden;margin:0;background-color:hsl(var(--tp-background))}.twist-aplayer-list ol li.twist-aplayer-list--active{background-color:hsl(var(--tp-secondary))}.twist-aplayer-list ol li:first-child{border:none}.twist-aplayer-list__cur{display:none;width:3px;height:22px;position:absolute;left:0;top:5px;cursor:pointer;background-color:hsl(var(--tp-accent-foreground))}.twist-aplayer-list--active .twist-aplayer-list__cur{display:inline-block}.twist-aplayer-list__index{color:hsl(var(--tp-muted-foreground));margin-right:12px;cursor:pointer}.twist-aplayer-list__title{color:hsl(var(--tp-secondary-foreground))}.twist-aplayer-list__author{color:hsl(var(--tp-muted-foreground));float:right;cursor:pointer}.twist-aplayer-lrc{display:none;position:relative;height:30px;text-align:center;overflow:hidden;margin:-10px 0 7px}.twist-aplayer-lrc:after,.twist-aplayer-lrc:before{content:" ";position:absolute;z-index:1;display:block;overflow:hidden;width:100%}.twist-aplayer-lrc:before{top:0;height:10%;background:linear-gradient(180deg,hsl(var(--tp-background)) 0,#fff0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=0)}.twist-aplayer-lrc:after{bottom:0;height:33%;background:linear-gradient(180deg,#fff0 0,hsl(var(--tp-background)));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#ccffffff",GradientType=0)}.twist-aplayer-lrc p{font-size:12px;color:hsl(var(--tp-secondary-foreground));line-height:16px!important;height:16px!important;padding:0!important;margin:0!important;transition:all .5s ease-out;opacity:.4;overflow:hidden;text-shadow:none}.twist-aplayer-lrc__contents{width:100%;transition:all .5s ease-out;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:default}.twist-aplayer-lrc p.twist-aplayer-lrc__current{opacity:1;overflow:visible;height:auto!important;min-height:16px}.twist-aplayer-lrc.twist-aplayer-lrc--hide{display:none}
|
package/dist/index.js
CHANGED
|
@@ -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 Ke;function Dr(){if(Ke)return te;Ke=1;var e=v,t=Symbol.for("react.element"),n=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,i=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function y(g,s,
|
|
9
|
+
*/var Ke;function Dr(){if(Ke)return te;Ke=1;var e=v,t=Symbol.for("react.element"),n=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,i=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c={key:!0,ref:!0,__self:!0,__source:!0};function y(g,s,d){var E,p={},f=null,l=null;d!==void 0&&(f=""+d),s.key!==void 0&&(f=""+s.key),s.ref!==void 0&&(l=s.ref);for(E in s)a.call(s,E)&&!c.hasOwnProperty(E)&&(p[E]=s[E]);if(g&&g.defaultProps)for(E in s=g.defaultProps,s)p[E]===void 0&&(p[E]=s[E]);return{$$typeof:t,type:g,key:f,ref:l,props:p,_owner:i.current}}return te.Fragment=n,te.jsx=y,te.jsxs=y,te}var ne={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,19 +14,19 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var Je;function Vr(){return Je||(Je=1,process.env.NODE_ENV!=="production"&&function(){var e=v,t=Symbol.for("react.element"),n=Symbol.for("react.portal"),a=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),c=Symbol.for("react.profiler"),y=Symbol.for("react.provider"),g=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),
|
|
17
|
+
*/var Je;function Vr(){return Je||(Je=1,process.env.NODE_ENV!=="production"&&function(){var e=v,t=Symbol.for("react.element"),n=Symbol.for("react.portal"),a=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),c=Symbol.for("react.profiler"),y=Symbol.for("react.provider"),g=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),E=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),f=Symbol.for("react.lazy"),l=Symbol.for("react.offscreen"),_=Symbol.iterator,u="@@iterator";function b(r){if(r===null||typeof r!="object")return null;var o=_&&r[_]||r[u];return typeof o=="function"?o:null}var x=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function O(r){{for(var o=arguments.length,h=new Array(o>1?o-1:0),S=1;S<o;S++)h[S-1]=arguments[S];w("error",r,h)}}function w(r,o,h){{var S=x.ReactDebugCurrentFrame,R=S.getStackAddendum();R!==""&&(o+="%s",h=h.concat([R]));var P=h.map(function(j){return String(j)});P.unshift("Warning: "+o),Function.prototype.apply.call(console[r],console,P)}}var A=!1,W=!1,X=!1,D=!1,ge=!1,Q;Q=Symbol.for("react.module.reference");function Ee(r){return!!(typeof r=="string"||typeof r=="function"||r===a||r===c||ge||r===i||r===d||r===E||D||r===l||A||W||X||typeof r=="object"&&r!==null&&(r.$$typeof===f||r.$$typeof===p||r.$$typeof===y||r.$$typeof===g||r.$$typeof===s||r.$$typeof===Q||r.getModuleId!==void 0))}function ue(r,o,h){var S=r.displayName;if(S)return S;var R=o.displayName||o.name||"";return R!==""?h+"("+R+")":h}function oe(r){return r.displayName||"Context"}function I(r){if(r==null)return null;if(typeof r.tag=="number"&&O("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof r=="function")return r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case a:return"Fragment";case n:return"Portal";case c:return"Profiler";case i:return"StrictMode";case d:return"Suspense";case E:return"SuspenseList"}if(typeof r=="object")switch(r.$$typeof){case g:var o=r;return oe(o)+".Consumer";case y:var h=r;return oe(h._context)+".Provider";case s:return ue(r,r.render,"ForwardRef");case p:var S=r.displayName||null;return S!==null?S:I(r.type)||"Memo";case f:{var R=r,P=R._payload,j=R._init;try{return I(j(P))}catch{return null}}}return null}var V=Object.assign,F=0,se,U,Z,ee,re,C,le;function Ae(){}Ae.__reactDisabledLog=!0;function dr(){{if(F===0){se=console.log,U=console.info,Z=console.warn,ee=console.error,re=console.group,C=console.groupCollapsed,le=console.groupEnd;var r={configurable:!0,enumerable:!0,value:Ae,writable:!0};Object.defineProperties(console,{info:r,log:r,warn:r,error:r,group:r,groupCollapsed:r,groupEnd:r})}F++}}function vr(){{if(F--,F===0){var r={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:V({},r,{value:se}),info:V({},r,{value:U}),warn:V({},r,{value:Z}),error:V({},r,{value:ee}),group:V({},r,{value:re}),groupCollapsed:V({},r,{value:C}),groupEnd:V({},r,{value:le})})}F<0&&O("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var xe=x.ReactCurrentDispatcher,Se;function ce(r,o,h){{if(Se===void 0)try{throw Error()}catch(R){var S=R.stack.trim().match(/\n( *(at )?)/);Se=S&&S[1]||""}return`
|
|
18
18
|
`+Se+r}}var _e=!1,fe;{var mr=typeof WeakMap=="function"?WeakMap:Map;fe=new mr}function Me(r,o){if(!r||_e)return"";{var h=fe.get(r);if(h!==void 0)return h}var S;_e=!0;var R=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var P;P=xe.current,xe.current=null,dr();try{if(o){var j=function(){throw Error()};if(Object.defineProperty(j.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(j,[])}catch(B){S=B}Reflect.construct(r,[],j)}else{try{j.call()}catch(B){S=B}r.call(j.prototype)}}else{try{throw Error()}catch(B){S=B}r()}}catch(B){if(B&&S&&typeof B.stack=="string"){for(var T=B.stack.split(`
|
|
19
19
|
`),N=S.stack.split(`
|
|
20
20
|
`),$=T.length-1,M=N.length-1;$>=1&&M>=0&&T[$]!==N[M];)M--;for(;$>=1&&M>=0;$--,M--)if(T[$]!==N[M]){if($!==1||M!==1)do if($--,M--,M<0||T[$]!==N[M]){var q=`
|
|
21
|
-
`+T[$].replace(" at new "," at ");return r.displayName&&q.includes("<anonymous>")&&(q=q.replace("<anonymous>",r.displayName)),typeof r=="function"&&fe.set(r,q),q}while($>=1&&M>=0);break}}}finally{_e=!1,xe.current=P,vr(),Error.prepareStackTrace=R}var G=r?r.displayName||r.name:"",Ge=G?ce(G):"";return typeof r=="function"&&fe.set(r,Ge),Ge}function hr(r,o,h){return Me(r,!1)}function yr(r){var o=r.prototype;return!!(o&&o.isReactComponent)}function de(r,o,h){if(r==null)return"";if(typeof r=="function")return Me(r,yr(r));if(typeof r=="string")return ce(r);switch(r){case
|
|
21
|
+
`+T[$].replace(" at new "," at ");return r.displayName&&q.includes("<anonymous>")&&(q=q.replace("<anonymous>",r.displayName)),typeof r=="function"&&fe.set(r,q),q}while($>=1&&M>=0);break}}}finally{_e=!1,xe.current=P,vr(),Error.prepareStackTrace=R}var G=r?r.displayName||r.name:"",Ge=G?ce(G):"";return typeof r=="function"&&fe.set(r,Ge),Ge}function hr(r,o,h){return Me(r,!1)}function yr(r){var o=r.prototype;return!!(o&&o.isReactComponent)}function de(r,o,h){if(r==null)return"";if(typeof r=="function")return Me(r,yr(r));if(typeof r=="string")return ce(r);switch(r){case d:return ce("Suspense");case E:return ce("SuspenseList")}if(typeof r=="object")switch(r.$$typeof){case s:return hr(r.render);case p:return de(r.type,o,h);case f:{var S=r,R=S._payload,P=S._init;try{return de(P(R),o,h)}catch{}}}return""}var ve=Object.prototype.hasOwnProperty,ke={},Ne=x.ReactDebugCurrentFrame;function me(r){if(r){var o=r._owner,h=de(r.type,r._source,o?o.type:null);Ne.setExtraStackFrame(h)}else Ne.setExtraStackFrame(null)}function br(r,o,h,S,R){{var P=Function.call.bind(ve);for(var j in r)if(P(r,j)){var T=void 0;try{if(typeof r[j]!="function"){var N=Error((S||"React class")+": "+h+" type `"+j+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof r[j]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw N.name="Invariant Violation",N}T=r[j](o,j,S,h,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch($){T=$}T&&!(T instanceof Error)&&(me(R),O("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",S||"React class",h,j,typeof T),me(null)),T instanceof Error&&!(T.message in ke)&&(ke[T.message]=!0,me(R),O("Failed %s type: %s",h,T.message),me(null))}}}var pr=Array.isArray;function Te(r){return pr(r)}function gr(r){{var o=typeof Symbol=="function"&&Symbol.toStringTag,h=o&&r[Symbol.toStringTag]||r.constructor.name||"Object";return h}}function Er(r){try{return qe(r),!1}catch{return!0}}function qe(r){return""+r}function De(r){if(Er(r))return O("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",gr(r)),qe(r)}var Ve=x.ReactCurrentOwner,xr={key:!0,ref:!0,__self:!0,__source:!0},Ie,Fe;function Sr(r){if(ve.call(r,"ref")){var o=Object.getOwnPropertyDescriptor(r,"ref").get;if(o&&o.isReactWarning)return!1}return r.ref!==void 0}function _r(r){if(ve.call(r,"key")){var o=Object.getOwnPropertyDescriptor(r,"key").get;if(o&&o.isReactWarning)return!1}return r.key!==void 0}function Tr(r,o){typeof r.ref=="string"&&Ve.current}function wr(r,o){{var h=function(){Ie||(Ie=!0,O("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",o))};h.isReactWarning=!0,Object.defineProperty(r,"key",{get:h,configurable:!0})}}function jr(r,o){{var h=function(){Fe||(Fe=!0,O("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",o))};h.isReactWarning=!0,Object.defineProperty(r,"ref",{get:h,configurable:!0})}}var Or=function(r,o,h,S,R,P,j){var T={$$typeof:t,type:r,key:o,ref:h,props:j,_owner:P};return T._store={},Object.defineProperty(T._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(T,"_self",{configurable:!1,enumerable:!1,writable:!1,value:S}),Object.defineProperty(T,"_source",{configurable:!1,enumerable:!1,writable:!1,value:R}),Object.freeze&&(Object.freeze(T.props),Object.freeze(T)),T};function Rr(r,o,h,S,R){{var P,j={},T=null,N=null;h!==void 0&&(De(h),T=""+h),_r(o)&&(De(o.key),T=""+o.key),Sr(o)&&(N=o.ref,Tr(o,R));for(P in o)ve.call(o,P)&&!xr.hasOwnProperty(P)&&(j[P]=o[P]);if(r&&r.defaultProps){var $=r.defaultProps;for(P in $)j[P]===void 0&&(j[P]=$[P])}if(T||N){var M=typeof r=="function"?r.displayName||r.name||"Unknown":r;T&&wr(j,M),N&&jr(j,M)}return Or(r,T,N,R,S,Ve.current,j)}}var we=x.ReactCurrentOwner,Be=x.ReactDebugCurrentFrame;function Y(r){if(r){var o=r._owner,h=de(r.type,r._source,o?o.type:null);Be.setExtraStackFrame(h)}else Be.setExtraStackFrame(null)}var je;je=!1;function Oe(r){return typeof r=="object"&&r!==null&&r.$$typeof===t}function ze(){{if(we.current){var r=I(we.current.type);if(r)return`
|
|
22
22
|
|
|
23
23
|
Check the render method of \``+r+"`."}return""}}function Cr(r){return""}var He={};function Pr(r){{var o=ze();if(!o){var h=typeof r=="string"?r:r.displayName||r.name;h&&(o=`
|
|
24
24
|
|
|
25
25
|
Check the top-level render call using <`+h+">.")}return o}}function We(r,o){{if(!r._store||r._store.validated||r.key!=null)return;r._store.validated=!0;var h=Pr(o);if(He[h])return;He[h]=!0;var S="";r&&r._owner&&r._owner!==we.current&&(S=" It was passed a child from "+I(r._owner.type)+"."),Y(r),O('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',h,S),Y(null)}}function Ue(r,o){{if(typeof r!="object")return;if(Te(r))for(var h=0;h<r.length;h++){var S=r[h];Oe(S)&&We(S,o)}else if(Oe(r))r._store&&(r._store.validated=!0);else if(r){var R=b(r);if(typeof R=="function"&&R!==r.entries)for(var P=R.call(r),j;!(j=P.next()).done;)Oe(j.value)&&We(j.value,o)}}}function Lr(r){{var o=r.type;if(o==null||typeof o=="string")return;var h;if(typeof o=="function")h=o.propTypes;else if(typeof o=="object"&&(o.$$typeof===s||o.$$typeof===p))h=o.propTypes;else return;if(h){var S=I(o);br(h,r.props,"prop",S,r)}else if(o.PropTypes!==void 0&&!je){je=!0;var R=I(o);O("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",R||"Unknown")}typeof o.getDefaultProps=="function"&&!o.getDefaultProps.isReactClassApproved&&O("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function $r(r){{for(var o=Object.keys(r.props),h=0;h<o.length;h++){var S=o[h];if(S!=="children"&&S!=="key"){Y(r),O("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",S),Y(null);break}}r.ref!==null&&(Y(r),O("Invalid attribute `ref` supplied to `React.Fragment`."),Y(null))}}function Ye(r,o,h,S,R,P){{var j=Ee(r);if(!j){var T="";(r===void 0||typeof r=="object"&&r!==null&&Object.keys(r).length===0)&&(T+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var N=Cr();N?T+=N:T+=ze();var $;r===null?$="null":Te(r)?$="array":r!==void 0&&r.$$typeof===t?($="<"+(I(r.type)||"Unknown")+" />",T=" Did you accidentally export a JSX literal instead of a component?"):$=typeof r,O("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",$,T)}var M=Rr(r,o,h,R,P);if(M==null)return M;if(j){var q=o.children;if(q!==void 0)if(S)if(Te(q)){for(var G=0;G<q.length;G++)Ue(q[G],r);Object.freeze&&Object.freeze(q)}else O("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 Ue(q,r)}return r===a?$r(M):Lr(M),M}}function Ar(r,o,h){return Ye(r,o,h,!0)}function Mr(r,o,h){return Ye(r,o,h,!1)}var kr=Mr,Nr=Ar;ne.Fragment=a,ne.jsx=kr,ne.jsxs=Nr}()),ne}var Xe;function Ir(){return Xe||(Xe=1,process.env.NODE_ENV==="production"?he.exports=Dr():he.exports=Vr()),he.exports}var m=Ir(),ye=e=>`--${e}`,Qe=e=>`var(--${e})`,Ze=(e,t)=>`--${e}: ${t};`;function Fr(e,t){const n=a=>t;return{b:()=>`${n()}-${e}`,be:a=>`${n()}-${e}__${a}`,bm:a=>`${n()}-${e}--${a}`,bem:(a,i)=>`${n()}-${e}__${a}--${i}`,bs:a=>`${n()}-${e}-${a}`,ns:a=>`${n()}-${a}`,cb:()=>`.${n()}-${e}`,cbe:a=>`.${n()}-${e}__${a}`,cbm:a=>`.${n()}-${e}--${a}`,cbem:(a,i)=>`.${n()}-${e}__${a}--${i}`,cbs:a=>`.${n()}-${e}-${a}`,cns:a=>`.${n()}-${a}`,cv:a=>ye(`${n()}-${e}-${a}`),cvm:(a,i={})=>{const c=n();for(const y of Object.keys(a))i[ye(`${c}-${e}-${y}`)]=a[y];return i},gcv:a=>Qe(`${n()}-${e}-${a}`),scv:(a,i)=>Ze(`${n()}-${e}-${a}`,i),nv:a=>ye(`${n()}-${a}`),nvm:(a,i={})=>{const c=n();for(const y of Object.keys(a))i[ye(`${c}-${y}`)]=a[y];return i},gnv:a=>Qe(`${n()}-${a}`),snv:(a,i)=>Ze(`${n()}-${a}`,i)}}function z(e){return v.useMemo(()=>Fr(e,"twist"),[e])}function Re(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 Ce(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}var or={color:void 0,size:void 0,className:void 0,style:void 0,attrs:void 0},$e=J.createContext(or);$e.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 Br=["attrs","size","title","spin","rotate","color"];function zr(e,t){return Ur(e)||Wr(e,t)||sr(e,t)||Hr()}function Hr(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
26
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Wr(e,t){var n=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n!=null){var a,i,c,y,g=[],s=!0,
|
|
27
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var c,y=!0,g=!1;return{s:function(){n=n.call(e)},n:function(){var f=n.next();return y=f.done,f},e:function(f){g=!0,c=f},f:function(){try{y||n.return==null||n.return()}finally{if(g)throw c}}}}function sr(e,t){if(e){if(typeof e=="string")return er(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)?er(e,t):void 0}}function er(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function pe(){return pe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},pe.apply(null,arguments)}function rr(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),n.push.apply(n,a)}return n}function ie(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?rr(Object(n),!0).forEach(function(a){Gr(e,a,n[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):rr(Object(n)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(n,a))})}return e}function Gr(e,t,n){return(t=Kr(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Kr(e){var t=Jr(e,"string");return ae(t)=="symbol"?t:t+""}function Jr(e,t){if(ae(e)!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var a=n.call(e,t);if(ae(a)!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Xr(e,t){if(e==null)return{};var n,a,i=Qr(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(a=0;a<c.length;a++)n=c[a],t.includes(n)||{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function Qr(e,t){if(e==null)return{};var n={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(t.includes(a))continue;n[a]=e[a]}return n}function Zr(e){var t=e.attrs,n=e.size,a=e.title,i=e.spin,c=e.rotate,y=e.color,g=Xr(e,Br),s=function(E){var p=n||E.size||"1em",d,l="",_="";return E.className&&(d=E.className),e.className&&(d=d?"".concat(d," ").concat(e.className):e.className),i&&(d?d+=" twist-icon-loading":d="twist-icon-loading"),c&&(l="rotate(".concat(c,"deg)"),_="rotate(".concat(c,"deg)")),J.createElement("svg",pe({xmlns:"http://www.w3.org/2000/svg"},E.attrs,t,g,{className:d,style:ie(ie({color:y||E.color,msTransform:l,transform:_},E.style),e.style),width:p,height:p}),a&&J.createElement("title",null,a),e.children)};return $e!==void 0?J.createElement($e.Consumer,null,function(f){return s(f)}):s(or)}function et(e){var t={},n=e.split(";"),a=Yr(n),i;try{for(a.s();!(i=a.n()).done;){var c=i.value,y=c.split(":"),g=zr(y,2),s=g[0],f=g[1];if(s&&f){var E=s.trim().replace(/-./g,function(p){return p.charAt(1).toUpperCase()});t[E]=f.trim()}}}catch(p){a.e(p)}finally{a.f()}return t}function lr(e){return e&&e.map(function(t,n){return J.createElement(t.tag,ie(ie({},t.attrs),{},{key:n,style:t.attrs.style?et(t.attrs.style):null}),lr(t.children))})}function k(e){return function(t){return J.createElement(Zr,pe({attrs:ie({},e.attrs)},t),lr(e.children))}}function rt(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M12 2.25c-5.384 0-9.75 4.366-9.75 9.75s4.366 9.75 9.75 9.75v-2.437A7.312 7.312 0 1 1 19.313 12h2.437c0-5.384-4.366-9.75-9.75-9.75"}}]})(e)}function tt(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M18.25 12L8.5 17.629V6.37z"}}]})(e)}function cr(e){var t,n,a="";if(typeof e=="string"||typeof e=="number")a+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(n=cr(e[t]))&&(a&&(a+=" "),a+=n)}else for(n in e)e[n]&&(a&&(a+=" "),a+=n);return a}function L(){for(var e,t,n=0,a="",i=arguments.length;n<i;n++)(e=arguments[n])&&(t=cr(e))&&(a&&(a+=" "),a+=t);return a}function nt({bufferedPercentage:e,playedPercentage:t,onSeek:n}){const a=z("aplayer-bar"),i=z("aplayer-icon"),c=v.useRef(null),[y,g]=v.useState(t),s=v.useRef(!1);v.useEffect(()=>{s.current||g(t)},[t]);const f=v.useCallback(E=>{s.current=!0;const p=Re(E,c);g(p);const d=_=>{const u=Re(_,c);g(u)},l=_=>{document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",l);const u=Re(_,c);g(u),n==null||n(u),s.current=!1};document.addEventListener("mousemove",d),document.addEventListener("mouseup",l)},[n]);return m.jsx("div",{ref:c,className:L(a.b(),a.bs("vars")),onMouseDown:f,role:"slider","aria-label":"Audio progress","aria-valuenow":y?y*100:0,"aria-valuemin":0,"aria-valuemax":100,"aria-live":"polite",children:m.jsxs("div",{className:a.be("inner"),children:[typeof e<"u"?m.jsx("div",{className:a.be("loaded"),style:{width:`${e*100}%`}}):null,typeof y<"u"?m.jsx("div",{className:a.be("played"),style:{width:`${y*100}%`},children:m.jsx("span",{className:a.be("thumb"),children:m.jsx("span",{className:L(i.bs("loading")),children:m.jsx(rt,{})})})}):null]})})}function at(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M16.15 13H5q-.425 0-.712-.288T4 12t.288-.712T5 11h11.15L13.3 8.15q-.3-.3-.288-.7t.288-.7q.3-.3.713-.312t.712.287L19.3 11.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-4.575 4.575q-.3.3-.712.288t-.713-.313q-.275-.3-.288-.7t.288-.7z"}}]})(e)}function it(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M10.5 17q1.05 0 1.775-.725T13 14.5V9h3V7h-4v5.5q-.325-.225-.7-.363T10.5 12q-1.05 0-1.775.725T8 14.5t.725 1.775T10.5 17M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20z"}}]})(e)}function ut(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14 19V5h4v14zm-8 0V5h4v14z"}}]})(e)}function ot(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M8 17.175V6.825q0-.425.3-.713t.7-.287q.125 0 .263.037t.262.113l8.15 5.175q.225.15.338.375t.112.475t-.112.475t-.338.375l-8.15 5.175q-.125.075-.262.113T9 18.175q-.4 0-.7-.288t-.3-.712"}}]})(e)}function st(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.5 10.5h-.75q-.325 0-.537-.213T10 9.75t.213-.537T10.75 9H12q.425 0 .713.288T13 10v4.25q0 .325-.213.538T12.25 15t-.537-.213t-.213-.537zM6.85 19l.85.85q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L3.7 18.7q-.15-.15-.213-.325T3.426 18t.063-.375t.212-.325l2.575-2.575q.3-.3.713-.287t.712.312q.275.3.288.7t-.288.7l-.85.85H17v-3q0-.425.288-.712T18 13t.713.288T19 14v3q0 .825-.587 1.413T17 19zm10.3-12H7v3q0 .425-.288.713T6 11t-.712-.288T5 10V7q0-.825.588-1.412T7 5h10.15l-.85-.85q-.3-.3-.288-.7t.288-.7q.3-.3.712-.312t.713.287L20.3 5.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.575 2.575q-.3.3-.712.288T16.3 9.25q-.275-.3-.288-.7t.288-.7z"}}]})(e)}function lt(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"m6.85 19l.85.85q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L3.7 18.7q-.15-.15-.213-.325T3.426 18t.063-.375t.212-.325l2.575-2.575q.3-.3.713-.287t.712.312q.275.3.288.7t-.288.7l-.85.85H17v-3q0-.425.288-.712T18 13t.713.288T19 14v3q0 .825-.587 1.413T17 19zm10.3-12H7v3q0 .425-.288.713T6 11t-.712-.288T5 10V7q0-.825.588-1.412T7 5h10.15l-.85-.85q-.3-.3-.288-.7t.288-.7q.3-.3.712-.312t.713.287L20.3 5.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.575 2.575q-.3.3-.712.288T16.3 9.25q-.275-.3-.288-.7t.288-.7z"}}]})(e)}function ct(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M9 15H6q-.425 0-.712-.288T5 14v-4q0-.425.288-.712T6 9h3l3.3-3.3q.475-.475 1.088-.213t.612.938v11.15q0 .675-.612.938T12.3 18.3zm9.5-3q0 1.05-.475 1.988t-1.25 1.537q-.25.15-.512.013T16 15.1V8.85q0-.3.263-.437t.512.012q.775.625 1.25 1.575t.475 2"}}]})(e)}function ft(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7 15V9h4l5-5v16l-5-5z"}}]})(e)}function dt(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M19 11.975q0-2.075-1.1-3.787t-2.95-2.563q-.375-.175-.55-.537t-.05-.738q.15-.4.538-.575t.787 0Q18.1 4.85 19.55 7.063T21 11.974t-1.45 4.913t-3.875 3.287q-.4.175-.788 0t-.537-.575q-.125-.375.05-.737t.55-.538q1.85-.85 2.95-2.562t1.1-3.788M7 15H4q-.425 0-.712-.288T3 14v-4q0-.425.288-.712T4 9h3l3.3-3.3q.475-.475 1.088-.213t.612.938v11.15q0 .675-.612.938T10.3 18.3zm9.5-3q0 1.05-.475 1.988t-1.25 1.537q-.25.15-.513.013T14 15.1V8.85q0-.3.263-.437t.512.012q.775.625 1.25 1.575t.475 2"}}]})(e)}function vt({volume:e,muted:t,onToggleMuted:n,onChangeVolume:a}){const i=z("aplayer-volumn"),c=z("aplayer-icon"),y=v.useRef(null),[g,s]=v.useState(!1),f=v.useCallback(E=>{a(Ce(E,y)),s(!0);const p=l=>{a(Ce(l,y))},d=l=>{document.removeEventListener("mouseup",d),document.removeEventListener("mousemove",p),s(!1),a(Ce(l,y))};document.addEventListener("mousemove",p),document.addEventListener("mouseup",d)},[a]);return m.jsxs("div",{className:L(i.b(),i.bs("vars")),children:[m.jsx("button",{type:"button",className:L(c.b(),c.bs("volume-down")),onClick:()=>n(),"aria-label":t||!e?"Muted":"unMuted",children:t||!e?m.jsx(ft,{}):e>=1?m.jsx(dt,{}):m.jsx(ct,{})}),m.jsx("div",{className:L(i.be("bar-wrap"),{[i.bem("bar-wrap","active")]:g}),ref:y,onMouseDown:f,children:m.jsx("div",{className:i.be("bar"),children:m.jsx("div",{className:i.be("thumb"),style:{height:t?0:`${e*100}%`}})})})]})}function tr(e){if(typeof e>"u")return"--:--";if(Number.isNaN(e))return"00:00";const t=y=>y<10?`0${y}`:`${y}`,n=Math.trunc(e/60),a=Math.trunc(e-n*60),i=Math.trunc(n/60),c=Math.trunc(e/60-60*Math.trunc(e/60/60));return e>=3600?`${t(i)}:${t(c)}:${t(a)}`:`${t(n)}:${t(a)}`}function mt(e){return k({attrs:{viewBox:"0 0 1024 1024"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M485.6 249.9L198.2 498c-8.3 7.1-8.3 20.8 0 27.9l287.4 248.2c10.7 9.2 26.4.9 26.4-14V263.8c0-14.8-15.7-23.2-26.4-13.9m320 0L518.2 498a18.6 18.6 0 0 0-6.2 14c0 5.2 2.1 10.4 6.2 14l287.4 248.2c10.7 9.2 26.4.9 26.4-14V263.8c0-14.8-15.7-23.2-26.4-13.9"}}]})(e)}function ht(e){return k({attrs:{viewBox:"0 0 1024 1024"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M825.8 498L538.4 249.9c-10.7-9.2-26.4-.9-26.4 14v496.3c0 14.9 15.7 23.2 26.4 14L825.8 526c8.3-7.2 8.3-20.8 0-28m-320 0L218.4 249.9c-10.7-9.2-26.4-.9-26.4 14v496.3c0 14.9 15.7 23.2 26.4 14L505.8 526c4.1-3.6 6.2-8.8 6.2-14s-2.1-10.4-6.2-14"}}]})(e)}function yt(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"}}]})(e)}function bt(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2 5.27L3.28 4L20 20.72L18.73 22l-3-3H7v3l-4-4l4-4v3h6.73L7 10.27V11H5V8.27zM17 13h2v4.18l-2-2zm0-8V2l4 4l-4 4V7H8.82l-2-2z"}}]})(e)}function pt(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"m17 3l5.25 4.5L17 12l5.25 4.5L17 21v-3h-2.74l-2.82-2.82l2.12-2.12L15.5 15H17V9h-1.5l-9 9H2v-3h3.26l9-9H17zM2 6h4.5l2.82 2.82l-2.12 2.12L5.26 9H2z"}}]})(e)}function gt({volume:e,onChangeVolume:t,muted:n,currentTime:a,audioDurationSeconds:i,bufferedSeconds:c,onToggleMenu:y,onToggleMuted:g,order:s,onOrderChange:f,loop:E,onLoopChange:p,onSeek:d,isPlaying:l,onTogglePlay:_,onSkipForward:u,onSkipBack:b,showLyrics:x=!0,onToggleLyrics:O}){const w=z("aplayer-controller"),A=z("aplayer-icon"),W=v.useCallback(()=>{const D={list:"random",random:"list"}[s];f(D)},[s,f]),X=v.useCallback(()=>{const D={all:"one",one:"none",none:"all"}[E];p(D)},[E,p]);return m.jsxs("div",{className:L(w.b(),w.bs("vars")),role:"group","aria-label":"Audio Controls",children:[m.jsx(nt,{playedPercentage:typeof a>"u"||typeof i>"u"?void 0:a/i,bufferedPercentage:typeof c>"u"||typeof i>"u"?void 0:c/i,onSeek:D=>d==null?void 0:d(D*i)}),m.jsxs("div",{className:w.be("time"),children:[m.jsxs("span",{className:w.be("time-inner"),"aria-live":"polite",children:[m.jsx("span",{className:w.be("ptime"),children:tr(a)})," / ",m.jsx("span",{className:w.be("dtime"),children:tr(i)})]}),m.jsx("button",{className:L(A.b(),A.bs("back")),onClick:b,type:"button","aria-label":"Previous track",children:m.jsx(mt,{})}),m.jsx("button",{className:L(A.b(),A.bs("play")),onClick:_,type:"button","aria-label":l?"Pause audio":"Play audio",children:l?m.jsx(ut,{}):m.jsx(ot,{})}),m.jsx("button",{className:L(A.b(),A.bs("forward")),onClick:u,type:"button","aria-label":"Next track",children:m.jsx(ht,{})}),m.jsx(vt,{volume:e,muted:n,onToggleMuted:g,onChangeVolume:t}),m.jsx("button",{className:L(A.b(),A.bs("order")),onClick:W,type:"button","aria-label":`Playback order: ${s}`,children:{list:m.jsx(at,{}),random:m.jsx(pt,{})}[s]}),m.jsx("button",{className:L(A.b(),A.bs("order")),onClick:X,type:"button","aria-label":`Loop mode: ${E}`,children:{all:m.jsx(lt,{}),one:m.jsx(st,{}),none:m.jsx(bt,{})}[E]}),m.jsx("button",{type:"button",className:L(A.b(),A.bs("menu")),onClick:()=>y==null?void 0:y(),"aria-label":"Toggle playlist menu",children:m.jsx(yt,{})}),m.jsx("button",{type:"button",className:L(A.b(),A.bs("lrc"),{[A.ns("lrc-inactivity")]:!x}),onClick:O,"aria-label":x?"Hide lyrics":"Show lyrics","aria-pressed":x,children:m.jsx(it,{})})]})]})}function Et({open:e,audio:t,playingAudioUrl:n,onPlayAudio:a,listMaxHeight:i}){const c=z("aplayer-list"),y=i?{maxHeight:i}:void 0,g=v.useCallback(f=>f?typeof f=="string"?f:f.name??"Audio artist":"Audio artist",[]),s=v.useRef(null);return v.useEffect(()=>{if(s.current){const f=s.current;return f.style.maxHeight=`${Math.min(f.scrollHeight,i??1/0)}px`,()=>{f.removeAttribute("style")}}},[i]),m.jsx("div",{ref:s,className:L(c.b(),{[c.bm("hide")]:!e}),"aria-label":"Audio playlist","aria-live":"polite",children:m.jsx("ol",{style:y,children:t.map((f,E)=>m.jsxs("li",{className:L({[c.bm("active")]:f.url===n}),onClick:()=>{f.url!==n&&(a==null||a(f))},role:"button","aria-label":`${f.name??"Audio name"} by ${g(f.artist)}}`,children:[m.jsx("span",{className:c.be("cur")}),m.jsx("span",{className:c.be("index"),children:E+1}),m.jsx("span",{className:c.be("title"),children:f.name??"Audio name"}),m.jsx("span",{className:c.be("author"),children:g(f.artist)})]},f.name||E))})})}function nr({show:e,lrcText:t,currentTime:n}){const a=z("aplayer-lrc"),i=v.useMemo(()=>xt(t),[t]),c=v.useMemo(()=>{for(let g=0;g<i.length;g++){const s=i[g],f=i[g+1];if(n>=s[0]&&(!f||n<f[0]))return g}return 0},[n,i]),y=v.useMemo(()=>({transform:`translateY(${-c*16}px)`,WebkitTransform:`translateY(${-c*16}px)`}),[c]);return m.jsx("div",{className:L(a.b(),{[a.bm("hide")]:!e}),children:t?m.jsx("div",{className:a.be("contents"),style:y,children:i.map(([,g],s)=>m.jsx("p",{className:L({[a.be("current")]:s===c}),children:g},s))}):null})}function xt(e){if(e){e=e.replace(/([^\]^\n])\[/g,(i,c)=>`${c}
|
|
26
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Wr(e,t){var n=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n!=null){var a,i,c,y,g=[],s=!0,d=!1;try{if(c=(n=n.call(e)).next,t!==0)for(;!(s=(a=c.call(n)).done)&&(g.push(a.value),g.length!==t);s=!0);}catch(E){d=!0,i=E}finally{try{if(!s&&n.return!=null&&(y=n.return(),Object(y)!==y))return}finally{if(d)throw i}}return g}}function Ur(e){if(Array.isArray(e))return e}function Yr(e,t){var n=typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=sr(e))||t){n&&(e=n);var a=0,i=function(){};return{s:i,n:function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}},e:function(d){throw d},f:i}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
|
|
27
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var c,y=!0,g=!1;return{s:function(){n=n.call(e)},n:function(){var d=n.next();return y=d.done,d},e:function(d){g=!0,c=d},f:function(){try{y||n.return==null||n.return()}finally{if(g)throw c}}}}function sr(e,t){if(e){if(typeof e=="string")return er(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)?er(e,t):void 0}}function er(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function pe(){return pe=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},pe.apply(null,arguments)}function rr(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),n.push.apply(n,a)}return n}function ie(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?rr(Object(n),!0).forEach(function(a){Gr(e,a,n[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):rr(Object(n)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(n,a))})}return e}function Gr(e,t,n){return(t=Kr(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Kr(e){var t=Jr(e,"string");return ae(t)=="symbol"?t:t+""}function Jr(e,t){if(ae(e)!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var a=n.call(e,t);if(ae(a)!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Xr(e,t){if(e==null)return{};var n,a,i=Qr(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(a=0;a<c.length;a++)n=c[a],t.includes(n)||{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function Qr(e,t){if(e==null)return{};var n={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(t.includes(a))continue;n[a]=e[a]}return n}function Zr(e){var t=e.attrs,n=e.size,a=e.title,i=e.spin,c=e.rotate,y=e.color,g=Xr(e,Br),s=function(E){var p=n||E.size||"1em",f,l="",_="";return E.className&&(f=E.className),e.className&&(f=f?"".concat(f," ").concat(e.className):e.className),i&&(f?f+=" twist-icon-loading":f="twist-icon-loading"),c&&(l="rotate(".concat(c,"deg)"),_="rotate(".concat(c,"deg)")),J.createElement("svg",pe({xmlns:"http://www.w3.org/2000/svg"},E.attrs,t,g,{className:f,style:ie(ie({color:y||E.color,msTransform:l,transform:_},E.style),e.style),width:p,height:p}),a&&J.createElement("title",null,a),e.children)};return $e!==void 0?J.createElement($e.Consumer,null,function(d){return s(d)}):s(or)}function et(e){var t={},n=e.split(";"),a=Yr(n),i;try{for(a.s();!(i=a.n()).done;){var c=i.value,y=c.split(":"),g=zr(y,2),s=g[0],d=g[1];if(s&&d){var E=s.trim().replace(/-./g,function(p){return p.charAt(1).toUpperCase()});t[E]=d.trim()}}}catch(p){a.e(p)}finally{a.f()}return t}function lr(e){return e&&e.map(function(t,n){return J.createElement(t.tag,ie(ie({},t.attrs),{},{key:n,style:t.attrs.style?et(t.attrs.style):null}),lr(t.children))})}function k(e){return function(t){return J.createElement(Zr,pe({attrs:ie({},e.attrs)},t),lr(e.children))}}function rt(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M12 2.25c-5.384 0-9.75 4.366-9.75 9.75s4.366 9.75 9.75 9.75v-2.437A7.312 7.312 0 1 1 19.313 12h2.437c0-5.384-4.366-9.75-9.75-9.75"}}]})(e)}function tt(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M18.25 12L8.5 17.629V6.37z"}}]})(e)}function cr(e){var t,n,a="";if(typeof e=="string"||typeof e=="number")a+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(n=cr(e[t]))&&(a&&(a+=" "),a+=n)}else for(n in e)e[n]&&(a&&(a+=" "),a+=n);return a}function L(){for(var e,t,n=0,a="",i=arguments.length;n<i;n++)(e=arguments[n])&&(t=cr(e))&&(a&&(a+=" "),a+=t);return a}function nt({bufferedPercentage:e,playedPercentage:t,onSeek:n}){const a=z("aplayer-bar"),i=z("aplayer-icon"),c=v.useRef(null),[y,g]=v.useState(t),s=v.useRef(!1);v.useEffect(()=>{s.current||g(t)},[t]);const d=v.useCallback(E=>{s.current=!0;const p=Re(E,c);g(p);const f=_=>{const u=Re(_,c);g(u)},l=_=>{document.removeEventListener("mousemove",f),document.removeEventListener("mouseup",l);const u=Re(_,c);g(u),n==null||n(u),s.current=!1};document.addEventListener("mousemove",f),document.addEventListener("mouseup",l)},[n]);return m.jsx("div",{ref:c,className:L(a.b(),a.bs("vars")),onMouseDown:d,role:"slider","aria-label":"Audio progress","aria-valuenow":y?y*100:0,"aria-valuemin":0,"aria-valuemax":100,"aria-live":"polite",children:m.jsxs("div",{className:a.be("inner"),children:[typeof e<"u"?m.jsx("div",{className:a.be("loaded"),style:{width:`${e*100}%`}}):null,typeof y<"u"?m.jsx("div",{className:a.be("played"),style:{width:`${y*100}%`},children:m.jsx("span",{className:a.be("thumb"),children:m.jsx("span",{className:L(i.bs("loading")),children:m.jsx(rt,{})})})}):null]})})}function at(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M16.15 13H5q-.425 0-.712-.288T4 12t.288-.712T5 11h11.15L13.3 8.15q-.3-.3-.288-.7t.288-.7q.3-.3.713-.312t.712.287L19.3 11.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-4.575 4.575q-.3.3-.712.288t-.713-.313q-.275-.3-.288-.7t.288-.7z"}}]})(e)}function it(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M10.5 17q1.05 0 1.775-.725T13 14.5V9h3V7h-4v5.5q-.325-.225-.7-.363T10.5 12q-1.05 0-1.775.725T8 14.5t.725 1.775T10.5 17M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20z"}}]})(e)}function ut(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14 19V5h4v14zm-8 0V5h4v14z"}}]})(e)}function ot(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M8 17.175V6.825q0-.425.3-.713t.7-.287q.125 0 .263.037t.262.113l8.15 5.175q.225.15.338.375t.112.475t-.112.475t-.338.375l-8.15 5.175q-.125.075-.262.113T9 18.175q-.4 0-.7-.288t-.3-.712"}}]})(e)}function st(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.5 10.5h-.75q-.325 0-.537-.213T10 9.75t.213-.537T10.75 9H12q.425 0 .713.288T13 10v4.25q0 .325-.213.538T12.25 15t-.537-.213t-.213-.537zM6.85 19l.85.85q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L3.7 18.7q-.15-.15-.213-.325T3.426 18t.063-.375t.212-.325l2.575-2.575q.3-.3.713-.287t.712.312q.275.3.288.7t-.288.7l-.85.85H17v-3q0-.425.288-.712T18 13t.713.288T19 14v3q0 .825-.587 1.413T17 19zm10.3-12H7v3q0 .425-.288.713T6 11t-.712-.288T5 10V7q0-.825.588-1.412T7 5h10.15l-.85-.85q-.3-.3-.288-.7t.288-.7q.3-.3.712-.312t.713.287L20.3 5.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.575 2.575q-.3.3-.712.288T16.3 9.25q-.275-.3-.288-.7t.288-.7z"}}]})(e)}function lt(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"m6.85 19l.85.85q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L3.7 18.7q-.15-.15-.213-.325T3.426 18t.063-.375t.212-.325l2.575-2.575q.3-.3.713-.287t.712.312q.275.3.288.7t-.288.7l-.85.85H17v-3q0-.425.288-.712T18 13t.713.288T19 14v3q0 .825-.587 1.413T17 19zm10.3-12H7v3q0 .425-.288.713T6 11t-.712-.288T5 10V7q0-.825.588-1.412T7 5h10.15l-.85-.85q-.3-.3-.288-.7t.288-.7q.3-.3.712-.312t.713.287L20.3 5.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.575 2.575q-.3.3-.712.288T16.3 9.25q-.275-.3-.288-.7t.288-.7z"}}]})(e)}function ct(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M9 15H6q-.425 0-.712-.288T5 14v-4q0-.425.288-.712T6 9h3l3.3-3.3q.475-.475 1.088-.213t.612.938v11.15q0 .675-.612.938T12.3 18.3zm9.5-3q0 1.05-.475 1.988t-1.25 1.537q-.25.15-.512.013T16 15.1V8.85q0-.3.263-.437t.512.012q.775.625 1.25 1.575t.475 2"}}]})(e)}function ft(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7 15V9h4l5-5v16l-5-5z"}}]})(e)}function dt(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M19 11.975q0-2.075-1.1-3.787t-2.95-2.563q-.375-.175-.55-.537t-.05-.738q.15-.4.538-.575t.787 0Q18.1 4.85 19.55 7.063T21 11.974t-1.45 4.913t-3.875 3.287q-.4.175-.788 0t-.537-.575q-.125-.375.05-.737t.55-.538q1.85-.85 2.95-2.562t1.1-3.788M7 15H4q-.425 0-.712-.288T3 14v-4q0-.425.288-.712T4 9h3l3.3-3.3q.475-.475 1.088-.213t.612.938v11.15q0 .675-.612.938T10.3 18.3zm9.5-3q0 1.05-.475 1.988t-1.25 1.537q-.25.15-.513.013T14 15.1V8.85q0-.3.263-.437t.512.012q.775.625 1.25 1.575t.475 2"}}]})(e)}function vt({volume:e,muted:t,onToggleMuted:n,onChangeVolume:a}){const i=z("aplayer-volumn"),c=z("aplayer-icon"),y=v.useRef(null),[g,s]=v.useState(!1),d=v.useCallback(E=>{a(Ce(E,y)),s(!0);const p=l=>{a(Ce(l,y))},f=l=>{document.removeEventListener("mouseup",f),document.removeEventListener("mousemove",p),s(!1),a(Ce(l,y))};document.addEventListener("mousemove",p),document.addEventListener("mouseup",f)},[a]);return m.jsxs("div",{className:L(i.b(),i.bs("vars")),children:[m.jsx("button",{type:"button",className:L(c.b(),c.bs("volume-down")),onClick:()=>n(),"aria-label":t||!e?"Muted":"unMuted",children:t||!e?m.jsx(ft,{}):e>=1?m.jsx(dt,{}):m.jsx(ct,{})}),m.jsx("div",{className:L(i.be("bar-wrap"),{[i.bem("bar-wrap","active")]:g}),ref:y,onMouseDown:d,children:m.jsx("div",{className:i.be("bar"),children:m.jsx("div",{className:i.be("thumb"),style:{height:t?0:`${e*100}%`}})})})]})}function tr(e){if(typeof e>"u")return"--:--";if(Number.isNaN(e))return"00:00";const t=y=>y<10?`0${y}`:`${y}`,n=Math.trunc(e/60),a=Math.trunc(e-n*60),i=Math.trunc(n/60),c=Math.trunc(e/60-60*Math.trunc(e/60/60));return e>=3600?`${t(i)}:${t(c)}:${t(a)}`:`${t(n)}:${t(a)}`}function mt(e){return k({attrs:{viewBox:"0 0 1024 1024"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M485.6 249.9L198.2 498c-8.3 7.1-8.3 20.8 0 27.9l287.4 248.2c10.7 9.2 26.4.9 26.4-14V263.8c0-14.8-15.7-23.2-26.4-13.9m320 0L518.2 498a18.6 18.6 0 0 0-6.2 14c0 5.2 2.1 10.4 6.2 14l287.4 248.2c10.7 9.2 26.4.9 26.4-14V263.8c0-14.8-15.7-23.2-26.4-13.9"}}]})(e)}function ht(e){return k({attrs:{viewBox:"0 0 1024 1024"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M825.8 498L538.4 249.9c-10.7-9.2-26.4-.9-26.4 14v496.3c0 14.9 15.7 23.2 26.4 14L825.8 526c8.3-7.2 8.3-20.8 0-28m-320 0L218.4 249.9c-10.7-9.2-26.4-.9-26.4 14v496.3c0 14.9 15.7 23.2 26.4 14L505.8 526c4.1-3.6 6.2-8.8 6.2-14s-2.1-10.4-6.2-14"}}]})(e)}function yt(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"}}]})(e)}function bt(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2 5.27L3.28 4L20 20.72L18.73 22l-3-3H7v3l-4-4l4-4v3h6.73L7 10.27V11H5V8.27zM17 13h2v4.18l-2-2zm0-8V2l4 4l-4 4V7H8.82l-2-2z"}}]})(e)}function pt(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"m17 3l5.25 4.5L17 12l5.25 4.5L17 21v-3h-2.74l-2.82-2.82l2.12-2.12L15.5 15H17V9h-1.5l-9 9H2v-3h3.26l9-9H17zM2 6h4.5l2.82 2.82l-2.12 2.12L5.26 9H2z"}}]})(e)}function gt({volume:e,onChangeVolume:t,muted:n,currentTime:a,audioDurationSeconds:i,bufferedSeconds:c,onToggleMenu:y,onToggleMuted:g,order:s,onOrderChange:d,loop:E,onLoopChange:p,onSeek:f,isPlaying:l,onTogglePlay:_,onSkipForward:u,onSkipBack:b,showLyrics:x=!0,onToggleLyrics:O}){const w=z("aplayer-controller"),A=z("aplayer-icon"),W=v.useCallback(()=>{const D={list:"random",random:"list"}[s];d(D)},[s,d]),X=v.useCallback(()=>{const D={all:"one",one:"none",none:"all"}[E];p(D)},[E,p]);return m.jsxs("div",{className:L(w.b(),w.bs("vars")),role:"group","aria-label":"Audio Controls",children:[m.jsx(nt,{playedPercentage:typeof a>"u"||typeof i>"u"?void 0:a/i,bufferedPercentage:typeof c>"u"||typeof i>"u"?void 0:c/i,onSeek:D=>f==null?void 0:f(D*i)}),m.jsxs("div",{className:w.be("time"),children:[m.jsxs("span",{className:w.be("time-inner"),"aria-live":"polite",children:[m.jsx("span",{className:w.be("ptime"),children:tr(a)})," / ",m.jsx("span",{className:w.be("dtime"),children:tr(i)})]}),m.jsx("button",{className:L(A.b(),A.bs("back")),onClick:b,type:"button","aria-label":"Previous track",children:m.jsx(mt,{})}),m.jsx("button",{className:L(A.b(),A.bs("play")),onClick:_,type:"button","aria-label":l?"Pause audio":"Play audio",children:l?m.jsx(ut,{}):m.jsx(ot,{})}),m.jsx("button",{className:L(A.b(),A.bs("forward")),onClick:u,type:"button","aria-label":"Next track",children:m.jsx(ht,{})}),m.jsx(vt,{volume:e,muted:n,onToggleMuted:g,onChangeVolume:t}),m.jsx("button",{className:L(A.b(),A.bs("order")),onClick:W,type:"button","aria-label":`Playback order: ${s}`,children:{list:m.jsx(at,{}),random:m.jsx(pt,{})}[s]}),m.jsx("button",{className:L(A.b(),A.bs("order")),onClick:X,type:"button","aria-label":`Loop mode: ${E}`,children:{all:m.jsx(lt,{}),one:m.jsx(st,{}),none:m.jsx(bt,{})}[E]}),m.jsx("button",{type:"button",className:L(A.b(),A.bs("menu")),onClick:()=>y==null?void 0:y(),"aria-label":"Toggle playlist menu",children:m.jsx(yt,{})}),m.jsx("button",{type:"button",className:L(A.b(),A.bs("lrc"),{[A.ns("lrc-inactivity")]:!x}),onClick:O,"aria-label":x?"Hide lyrics":"Show lyrics","aria-pressed":x,children:m.jsx(it,{})})]})]})}function Et({open:e,audio:t,playingAudioUrl:n,onPlayAudio:a,listMaxHeight:i}){const c=z("aplayer-list"),y=i?{maxHeight:i}:void 0,g=v.useCallback(d=>d?typeof d=="string"?d:d.name??"Audio artist":"Audio artist",[]),s=v.useRef(null);return v.useEffect(()=>{if(s.current){const d=s.current;return d.style.maxHeight=`${Math.min(d.scrollHeight,i??1/0)}px`,()=>{d.removeAttribute("style")}}},[i]),m.jsx("div",{ref:s,className:L(c.b(),{[c.bm("hide")]:!e}),"aria-label":"Audio playlist","aria-live":"polite",children:m.jsx("ol",{style:y,children:t.map((d,E)=>m.jsxs("li",{className:L({[c.bm("active")]:d.url===n}),onClick:()=>{d.url!==n&&(a==null||a(d))},role:"button","aria-label":`${d.name??"Audio name"} by ${g(d.artist)}}`,children:[m.jsx("span",{className:c.be("cur")}),m.jsx("span",{className:c.be("index"),children:E+1}),m.jsx("span",{className:c.be("title"),children:d.name??"Audio name"}),m.jsx("span",{className:c.be("author"),children:g(d.artist)})]},d.name||E))})})}function nr({show:e,lrcText:t,currentTime:n}){const a=z("aplayer-lrc"),i=v.useMemo(()=>xt(t),[t]),c=v.useMemo(()=>{for(let g=0;g<i.length;g++){const s=i[g],d=i[g+1];if(n>=s[0]&&(!d||n<d[0]))return g}return 0},[n,i]),y=v.useMemo(()=>({transform:`translateY(${-c*16}px)`,WebkitTransform:`translateY(${-c*16}px)`}),[c]);return m.jsx("div",{className:L(a.b(),{[a.bm("hide")]:!e}),children:t?m.jsx("div",{className:a.be("contents"),style:y,children:i.map(([,g],s)=>m.jsx("p",{className:L({[a.be("current")]:s===c}),children:g},s))}):null})}function xt(e){if(e){e=e.replace(/([^\]^\n])\[/g,(i,c)=>`${c}
|
|
28
28
|
[`);const t=e.split(`
|
|
29
|
-
`),n=[],a=t.length;for(let i=0;i<a;i++){const c=t[i].match(/\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g),y=t[i].replace(/.*\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g,"").replace(/<(\d{2}):(\d{2})(\.(\d{2,3}))?>/g,"").replace(/^\s+|\s+$/g,"");if(c){const g=c.length;for(let s=0;s<g;s++){const
|
|
29
|
+
`),n=[],a=t.length;for(let i=0;i<a;i++){const c=t[i].match(/\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g),y=t[i].replace(/.*\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g,"").replace(/<(\d{2}):(\d{2})(\.(\d{2,3}))?>/g,"").replace(/^\s+|\s+$/g,"");if(c){const g=c.length;for(let s=0;s<g;s++){const d=/\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/.exec(c[s]),E=d[1]*60,p=Number.parseInt(d[2]),f=d[4]?Number.parseInt(d[4])/(`${d[4]}`.length===2?100:1e3):0,l=E+p+f;n.push([l,y])}}}return n.sort((i,c)=>i[0]-c[0]),n}else return[]}var be={exports:{}},Pe={};/**
|
|
30
30
|
* @license React
|
|
31
31
|
* use-sync-external-store-shim.production.js
|
|
32
32
|
*
|
|
@@ -34,7 +34,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
34
34
|
*
|
|
35
35
|
* This source code is licensed under the MIT license found in the
|
|
36
36
|
* LICENSE file in the root directory of this source tree.
|
|
37
|
-
*/var ar;function St(){if(ar)return Pe;ar=1;var e=v;function t(p,
|
|
37
|
+
*/var ar;function St(){if(ar)return Pe;ar=1;var e=v;function t(p,f){return p===f&&(p!==0||1/p===1/f)||p!==p&&f!==f}var n=typeof Object.is=="function"?Object.is:t,a=e.useState,i=e.useEffect,c=e.useLayoutEffect,y=e.useDebugValue;function g(p,f){var l=f(),_=a({inst:{value:l,getSnapshot:f}}),u=_[0].inst,b=_[1];return c(function(){u.value=l,u.getSnapshot=f,s(u)&&b({inst:u})},[p,l,f]),i(function(){return s(u)&&b({inst:u}),p(function(){s(u)&&b({inst:u})})},[p]),y(l),l}function s(p){var f=p.getSnapshot;p=p.value;try{var l=f();return!n(p,l)}catch{return!0}}function d(p,f){return f()}var E=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?d:g;return Pe.useSyncExternalStore=e.useSyncExternalStore!==void 0?e.useSyncExternalStore:E,Pe}var Le={};/**
|
|
38
38
|
* @license React
|
|
39
39
|
* use-sync-external-store-shim.development.js
|
|
40
40
|
*
|
|
@@ -42,4 +42,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
42
42
|
*
|
|
43
43
|
* This source code is licensed under the MIT license found in the
|
|
44
44
|
* LICENSE file in the root directory of this source tree.
|
|
45
|
-
*/var ir;function _t(){return ir||(ir=1,process.env.NODE_ENV!=="production"&&function(){function e(l,_){return l===_&&(l!==0||1/l===1/_)||l!==l&&_!==_}function t(l,_){E||i.startTransition===void 0||(E=!0,console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));var u=_();if(!p){var b=_();c(u,b)||(console.error("The result of getSnapshot should be cached to avoid an infinite loop"),p=!0)}b=y({inst:{value:u,getSnapshot:_}});var x=b[0].inst,O=b[1];return s(function(){x.value=u,x.getSnapshot=_,n(x)&&O({inst:x})},[l,u,_]),g(function(){return n(x)&&O({inst:x}),l(function(){n(x)&&O({inst:x})})},[l]),f(u),u}function n(l){var _=l.getSnapshot;l=l.value;try{var u=_();return!c(l,u)}catch{return!0}}function a(l,_){return _()}typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var i=v,c=typeof Object.is=="function"?Object.is:e,y=i.useState,g=i.useEffect,s=i.useLayoutEffect,f=i.useDebugValue,E=!1,p=!1,d=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?a:t;Le.useSyncExternalStore=i.useSyncExternalStore!==void 0?i.useSyncExternalStore:d,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())}()),Le}var ur;function Tt(){return ur||(ur=1,process.env.NODE_ENV==="production"?be.exports=St():be.exports=_t()),be.exports}var H=Tt();const K=[];function wt(e){const t=v.useRef();return v.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]),v.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]),v.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]),v.useEffect(()=>()=>{const n=t.current;if(n){n.pause(),n.currentTime=0;const a=K.indexOf(n);a!==-1&&K.splice(a,1)}t.current=void 0},[]),t}function jt(e){const t=wt(e),n=v.useCallback(u=>{for(let b=0;b<K.length;b++){const x=K[b];x!==u&&!x.paused&&x.pause()}},[]),a=v.useCallback(async u=>{var x;const b=t.current;if(b){e.mutex&&n(b),b.src!==u&&(b.pause(),b.currentTime=0,b.src=u);try{await((x=t.current)==null?void 0:x.play())}catch{}}},[t,e.mutex,n]),i=v.useCallback(u=>{const b=t.current;b&&(b.paused?a(u):b.pause())},[t,a]),c=v.useCallback(u=>{t.current.currentTime=u},[t]),y=v.useCallback(()=>{t.current&&(t.current.muted=!t.current.muted)},[t]),g=v.useCallback(u=>{t.current&&(t.current.volume=u)},[t]),s=H.useSyncExternalStore(v.useCallback(u=>{var b;return(b=t.current)==null||b.addEventListener("volumechange",u),()=>{var x;(x=t.current)==null||x.removeEventListener("volumechange",u)}},[t]),()=>{var u;return(u=t.current)==null?void 0:u.volume},()=>{}),f=H.useSyncExternalStore(v.useCallback(u=>{var b;return(b=t.current)==null||b.addEventListener("volumechange",u),()=>{var x;(x=t.current)==null||x.removeEventListener("volumechange",u)}},[t]),()=>{var u;return(u=t.current)==null?void 0:u.muted},()=>{}),E=H.useSyncExternalStore(v.useCallback(u=>{var b;return(b=t.current)==null||b.addEventListener("timeupdate",u),()=>{var x;(x=t.current)==null||x.removeEventListener("timeupdate",u)}},[t]),()=>{if(t.current)return Math.round(t.current.currentTime)},()=>{}),p=H.useSyncExternalStore(v.useCallback(u=>{var b;return(b=t.current)==null||b.addEventListener("durationchange",u),()=>{var x;(x=t.current)==null||x.removeEventListener("durationchange",u)}},[t]),()=>{var u;return(u=t.current)==null?void 0:u.duration},()=>{}),d=H.useSyncExternalStore(v.useCallback(u=>{var b;return(b=t.current)==null||b.addEventListener("progress",u),()=>{var x;(x=t.current)==null||x.removeEventListener("progress",u)}},[t]),()=>{const u=t.current;return u&&u.buffered.length>0?u.buffered.end(u.buffered.length-1):0},()=>{}),l=H.useSyncExternalStore(v.useCallback(u=>{var b,x;return(b=t.current)==null||b.addEventListener("play",u),(x=t.current)==null||x.addEventListener("pause",u),()=>{var O,w;(O=t.current)==null||O.removeEventListener("play",u),(w=t.current)==null||w.removeEventListener("pause",u)}},[t]),()=>{const u=t.current;return u?!u.paused:!1},()=>{}),_=H.useSyncExternalStore(v.useCallback(u=>{var b,x;return(b=t.current)==null||b.addEventListener("playing",u),(x=t.current)==null||x.addEventListener("waiting",u),()=>{var O,w;(O=t.current)==null||O.removeEventListener("playing",u),(w=t.current)==null||w.removeEventListener("waiting",u)}},[t]),()=>{const u=t.current;return u?u.networkState===u.NETWORK_LOADING:!1},()=>{});return{playAudio:a,togglePlay:i,seek:c,toggleMuted:y,setVolume:g,volume:s,muted:f,currentTime:E,duration:p,bufferedSeconds:d,isPlaying:l,isLoading:_}}function fr(){const e=v.useRef([]);return v.useEffect(()=>{const n=e.current;return()=>{for(const a of n)clearTimeout(a)}},[]),v.useCallback((n,a)=>{const i=setTimeout(n,a);return e.current.push(i),i},[])}function Ot(){const e=v.useRef(),[t,n]=v.useState({text:"",style:{opacity:0}}),a=fr(),i=v.useCallback((c,y=2e3)=>{e.current&&clearTimeout(e.current),n({text:c,style:{opacity:1}}),e.current=a(()=>{n({text:c,style:{opacity:0}})},y)},[a]);return[t,i]}function Rt(e){return Ct(e.slice())}function Ct(e){let t=e.length,n;for(;t!==0;)n=Math.floor(Math.random()*t),t--,[e[t],e[n]]=[e[n],e[t]];return e}function Pt(e,{initialLoop:t="all",initialOrder:n="list",getSongId:a}){const[i,c]=v.useState(t),[y,g]=v.useState(n),s=v.useMemo(()=>y==="list"?e:Rt(e),[e,y]),[f,E]=v.useState(s[0]);v.useEffect(()=>{const u=s.find(b=>a(b)===a(f));E(u||s[0])},[s,a,f]);const p=v.useMemo(()=>{if(i==="one")return{...f};const u=s.indexOf(f);if(u<s.length-1)return s[u+1];if(i!=="none")return s[0]},[s,f,i]),d=v.useCallback(()=>{p&&E(p)},[p,i]),l=v.useCallback(()=>{E(u=>{const b=s.indexOf(u);return b>0?s[b-1]:u})},[s]),_=v.useCallback(u=>{E(u)},[]);return{currentSong:f,hasNextSong:typeof p<"u",next:d,previous:l,prioritize:_,order:y,setOrder:g,loop:i,setLoop:c,length:s.length}}function Lt(e){return k({attrs:{viewBox:"0 0 512 512"},children:[{tag:"path",attrs:{d:"M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z",fill:"currentColor"}}]})(e)}function $t(e){return k({attrs:{viewBox:"0 0 512 512"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M208 432h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16m144 0h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16"}}]})(e)}function At({audio:e,appearance:t="normal",volume:n=.7,initialLoop:a,initialOrder:i,autoPlay:c=!1,listMaxHeight:y=250,mini:g=!1,mutex:s=!0,listFolded:f=!1,theme:E="light",border:p=!1}){var Z,ee,re;const d=z("aplayer"),l=Pt(Array.isArray(e)?e:[e],{initialLoop:a,initialOrder:i,getSongId:C=>C.url}),[_,u]=Ot(),b=fr(),x=v.useRef(),O=v.useCallback(()=>{x.current&&(clearTimeout(x.current),x.current=void 0)},[]),w=jt({src:l.currentSong.url,initialVolume:n,autoPlay:c,mutex:s,onError(C){const{error:le}=C.target;le&&u("An audio error has occurred, player will skip forward in 2 seconds."),l.hasNextSong&&(x.current=b(()=>{l.next()},2e3))},onEnded(){l.hasNextSong&&l.next()}});v.useEffect(()=>{c&&w.playAudio(l.currentSong.url)},[]);const A=v.useRef(!0);v.useEffect(()=>{A.current?A.current=!1:l.currentSong&&w.playAudio(l.currentSong.url)},[l.currentSong,w.playAudio]);const W=v.useCallback(()=>{O(),w.togglePlay(l.currentSong.url)},[w,O,l.currentSong.url]),X=v.useCallback(C=>C?typeof C=="string"?C:C.url?m.jsx("a",{href:C.url,target:"_blank",rel:"noreferrer",children:C.name??"Audio artist"}):C.name??"Audio artist":"Audio artist",[]),D=l.length>1,ge=v.useMemo(()=>Array.isArray(e)?e:[e],[e]),{prioritize:Q}=l,Ee=v.useCallback(C=>{O(),Q(C)},[O,Q]),[ue,oe]=v.useState(()=>D&&!f),[I,V]=v.useState(g),[F,se]=v.useState(!0),U=v.useRef(null);return v.useEffect(()=>{V(g)},[g]),v.useEffect(()=>{if(t==="fixed"&&U.current){const C=U.current;return C.style.width=`${C.offsetWidth-18}px`,()=>{C.removeAttribute("style")}}},[t]),m.jsxs("div",{className:L(d.b(),{[d.bs(E)]:!0,[d.bs("vars")]:!0,[d.bm(t)]:!0,[d.bm("loading")]:w.isLoading,[d.bm("withlist")]:D,[d.bm("list-folded")]:!ue,[d.bm("withlrc")]:!!l.currentSong.lrc&&t!=="fixed",[d.bm("narrow")]:I,[d.bm("border")]:p}),role:"region","aria-label":"Audio Player",children:[m.jsxs("div",{ref:U,className:d.be("body"),children:[m.jsx("div",{className:d.be("pic"),onClick:W,style:{backgroundImage:`url("${(Z=l.currentSong)==null?void 0:Z.cover}")`},role:"button","aria-label":w.isPlaying?"Pause audio":"Play audio",children:m.jsx("div",{className:L(d.be("button"),w.isPlaying?d.bm("pause"):d.bm("play")),role:"presentation",children:w.isPlaying?m.jsx($t,{}):m.jsx(tt,{})})}),m.jsxs("div",{className:L(d.be("info")),children:[m.jsxs("div",{className:L(d.be("music")),children:[m.jsx("span",{className:L(d.be("title")),children:((ee=l.currentSong)==null?void 0:ee.name)??"Audio name"}),m.jsxs("span",{className:L(d.be("author")),children:[" ","-"," ",X((re=l.currentSong)==null?void 0:re.artist)]})]}),t==="fixed"?null:m.jsx(nr,{show:F,lrcText:l.currentSong.lrc,currentTime:w.currentTime??0}),m.jsx(gt,{volume:w.volume??n,onChangeVolume:w.setVolume,muted:w.muted??!1,onToggleMuted:()=>w.toggleMuted(),currentTime:w.currentTime,audioDurationSeconds:w.duration,bufferedSeconds:w.bufferedSeconds,onSeek:C=>w.seek(C),onToggleMenu:()=>oe(C=>!C),order:l.order,onOrderChange:l.setOrder,loop:l.loop,onLoopChange:l.setLoop,isPlaying:w.isPlaying??!1,onTogglePlay:W,onSkipForward:()=>{l.hasNextSong&&l.next()},onSkipBack:()=>{l.previous()},showLyrics:F,onToggleLyrics:()=>{se(C=>!C)}})]}),m.jsx("div",{className:d.be("notice"),style:_.style,children:_.text}),m.jsx("div",{className:d.be("miniswitcher"),onClick:()=>V(C=>!C),children:m.jsx("button",{className:d.bs("icon"),type:"button",children:m.jsx(Lt,{})})})]}),D?m.jsx(Et,{open:ue,audio:ge,playingAudioUrl:l.currentSong.url,onPlayAudio:Ee,listMaxHeight:y}):null,t==="fixed"&&m.jsx(nr,{show:F,lrcText:l.currentSong.lrc,currentTime:w.currentTime??0})]})}exports.TwistAPlayer=At;
|
|
45
|
+
*/var ir;function _t(){return ir||(ir=1,process.env.NODE_ENV!=="production"&&function(){function e(l,_){return l===_&&(l!==0||1/l===1/_)||l!==l&&_!==_}function t(l,_){E||i.startTransition===void 0||(E=!0,console.error("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));var u=_();if(!p){var b=_();c(u,b)||(console.error("The result of getSnapshot should be cached to avoid an infinite loop"),p=!0)}b=y({inst:{value:u,getSnapshot:_}});var x=b[0].inst,O=b[1];return s(function(){x.value=u,x.getSnapshot=_,n(x)&&O({inst:x})},[l,u,_]),g(function(){return n(x)&&O({inst:x}),l(function(){n(x)&&O({inst:x})})},[l]),d(u),u}function n(l){var _=l.getSnapshot;l=l.value;try{var u=_();return!c(l,u)}catch{return!0}}function a(l,_){return _()}typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var i=v,c=typeof Object.is=="function"?Object.is:e,y=i.useState,g=i.useEffect,s=i.useLayoutEffect,d=i.useDebugValue,E=!1,p=!1,f=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?a:t;Le.useSyncExternalStore=i.useSyncExternalStore!==void 0?i.useSyncExternalStore:f,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())}()),Le}var ur;function Tt(){return ur||(ur=1,process.env.NODE_ENV==="production"?be.exports=St():be.exports=_t()),be.exports}var H=Tt();const K=[];function wt(e){const t=v.useRef();return v.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]),v.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]),v.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]),v.useEffect(()=>()=>{const n=t.current;if(n){n.pause(),n.currentTime=0;const a=K.indexOf(n);a!==-1&&K.splice(a,1)}t.current=void 0},[]),t}function jt(e){const t=wt(e),n=v.useCallback(u=>{for(let b=0;b<K.length;b++){const x=K[b];x!==u&&!x.paused&&x.pause()}},[]),a=v.useCallback(async u=>{var x;const b=t.current;if(b){e.mutex&&n(b),b.src!==u&&(b.pause(),b.currentTime=0,b.src=u);try{await((x=t.current)==null?void 0:x.play())}catch{}}},[t,e.mutex,n]),i=v.useCallback(u=>{const b=t.current;b&&(b.paused?a(u):b.pause())},[t,a]),c=v.useCallback(u=>{t.current.currentTime=u},[t]),y=v.useCallback(()=>{t.current&&(t.current.muted=!t.current.muted)},[t]),g=v.useCallback(u=>{t.current&&(t.current.volume=u)},[t]),s=H.useSyncExternalStore(v.useCallback(u=>{var b;return(b=t.current)==null||b.addEventListener("volumechange",u),()=>{var x;(x=t.current)==null||x.removeEventListener("volumechange",u)}},[t]),()=>{var u;return(u=t.current)==null?void 0:u.volume},()=>{}),d=H.useSyncExternalStore(v.useCallback(u=>{var b;return(b=t.current)==null||b.addEventListener("volumechange",u),()=>{var x;(x=t.current)==null||x.removeEventListener("volumechange",u)}},[t]),()=>{var u;return(u=t.current)==null?void 0:u.muted},()=>{}),E=H.useSyncExternalStore(v.useCallback(u=>{var b;return(b=t.current)==null||b.addEventListener("timeupdate",u),()=>{var x;(x=t.current)==null||x.removeEventListener("timeupdate",u)}},[t]),()=>{if(t.current)return Math.round(t.current.currentTime)},()=>{}),p=H.useSyncExternalStore(v.useCallback(u=>{var b;return(b=t.current)==null||b.addEventListener("durationchange",u),()=>{var x;(x=t.current)==null||x.removeEventListener("durationchange",u)}},[t]),()=>{var u;return(u=t.current)==null?void 0:u.duration},()=>{}),f=H.useSyncExternalStore(v.useCallback(u=>{var b;return(b=t.current)==null||b.addEventListener("progress",u),()=>{var x;(x=t.current)==null||x.removeEventListener("progress",u)}},[t]),()=>{const u=t.current;return u&&u.buffered.length>0?u.buffered.end(u.buffered.length-1):0},()=>{}),l=H.useSyncExternalStore(v.useCallback(u=>{var b,x;return(b=t.current)==null||b.addEventListener("play",u),(x=t.current)==null||x.addEventListener("pause",u),()=>{var O,w;(O=t.current)==null||O.removeEventListener("play",u),(w=t.current)==null||w.removeEventListener("pause",u)}},[t]),()=>{const u=t.current;return u?!u.paused:!1},()=>{}),_=H.useSyncExternalStore(v.useCallback(u=>{var b,x;return(b=t.current)==null||b.addEventListener("playing",u),(x=t.current)==null||x.addEventListener("waiting",u),()=>{var O,w;(O=t.current)==null||O.removeEventListener("playing",u),(w=t.current)==null||w.removeEventListener("waiting",u)}},[t]),()=>{const u=t.current;return u?u.networkState===u.NETWORK_LOADING:!1},()=>{});return{playAudio:a,togglePlay:i,seek:c,toggleMuted:y,setVolume:g,volume:s,muted:d,currentTime:E,duration:p,bufferedSeconds:f,isPlaying:l,isLoading:_}}function fr(){const e=v.useRef([]);return v.useEffect(()=>{const n=e.current;return()=>{for(const a of n)clearTimeout(a)}},[]),v.useCallback((n,a)=>{const i=setTimeout(n,a);return e.current.push(i),i},[])}function Ot(){const e=v.useRef(),[t,n]=v.useState({text:"",style:{opacity:0}}),a=fr(),i=v.useCallback((c,y=2e3)=>{e.current&&clearTimeout(e.current),n({text:c,style:{opacity:1}}),e.current=a(()=>{n({text:c,style:{opacity:0}})},y)},[a]);return[t,i]}function Rt(e){return Ct(e.slice())}function Ct(e){let t=e.length,n;for(;t!==0;)n=Math.floor(Math.random()*t),t--,[e[t],e[n]]=[e[n],e[t]];return e}function Pt(e,{initialLoop:t="all",initialOrder:n="list",getSongId:a}){const[i,c]=v.useState(t),[y,g]=v.useState(n),s=v.useMemo(()=>y==="list"?e:Rt(e),[e,y]),[d,E]=v.useState(s[0]);v.useEffect(()=>{const u=s.find(b=>a(b)===a(d));E(u||s[0])},[s,a,d]);const p=v.useMemo(()=>{if(i==="one")return{...d};const u=s.indexOf(d);if(u<s.length-1)return s[u+1];if(i!=="none")return s[0]},[s,d,i]),f=v.useCallback(()=>{p&&E(p)},[p,i]),l=v.useCallback(()=>{E(u=>{const b=s.indexOf(u);return b>0?s[b-1]:u})},[s]),_=v.useCallback(u=>{E(u)},[]);return{currentSong:d,hasNextSong:typeof p<"u",next:f,previous:l,prioritize:_,order:y,setOrder:g,loop:i,setLoop:c,length:s.length}}function Lt(e){return k({attrs:{viewBox:"0 0 512 512"},children:[{tag:"path",attrs:{d:"M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z",fill:"currentColor"}}]})(e)}function $t(e){return k({attrs:{viewBox:"0 0 512 512"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M208 432h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16m144 0h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16"}}]})(e)}function At({audio:e,appearance:t="normal",volume:n=.7,initialLoop:a,initialOrder:i,autoPlay:c=!1,listMaxHeight:y=250,mini:g=!1,mutex:s=!0,listFolded:d=!1,theme:E="light",border:p=!1}){var Z,ee,re;const f=z("aplayer"),l=Pt(Array.isArray(e)?e:[e],{initialLoop:a,initialOrder:i,getSongId:C=>C.url}),[_,u]=Ot(),b=fr(),x=v.useRef(),O=v.useCallback(()=>{x.current&&(clearTimeout(x.current),x.current=void 0)},[]),w=jt({src:l.currentSong.url,initialVolume:n,autoPlay:c,mutex:s,onError(C){const{error:le}=C.target;le&&u("An audio error has occurred, player will skip forward in 2 seconds."),l.hasNextSong&&(x.current=b(()=>{l.next()},2e3))},onEnded(){l.hasNextSong&&l.next()}});v.useEffect(()=>{c&&w.playAudio(l.currentSong.url)},[]);const A=v.useRef(!0);v.useEffect(()=>{A.current?A.current=!1:l.currentSong&&w.playAudio(l.currentSong.url)},[l.currentSong,w.playAudio]);const W=v.useCallback(()=>{O(),w.togglePlay(l.currentSong.url)},[w,O,l.currentSong.url]),X=v.useCallback(C=>C?typeof C=="string"?C:C.url?m.jsx("a",{href:C.url,target:"_blank",rel:"noreferrer",children:C.name??"Audio artist"}):C.name??"Audio artist":"Audio artist",[]),D=l.length>1,ge=v.useMemo(()=>Array.isArray(e)?e:[e],[e]),{prioritize:Q}=l,Ee=v.useCallback(C=>{O(),Q(C)},[O,Q]),[ue,oe]=v.useState(()=>D&&!d),[I,V]=v.useState(g),[F,se]=v.useState(!0),U=v.useRef(null);return v.useEffect(()=>{V(g)},[g]),v.useEffect(()=>{if(t==="fixed"&&U.current){const C=U.current;return C.style.width=`${C.offsetWidth-18}px`,()=>{C.removeAttribute("style")}}},[t]),m.jsxs("div",{className:L(f.b(),{[f.bs(E)]:!0,[f.bs("vars")]:!0,[f.bm(t)]:!0,[f.bm("loading")]:w.isLoading,[f.bm("withlist")]:D,[f.bm("list-folded")]:!ue,[f.bm("withlrc")]:!!l.currentSong.lrc&&t!=="fixed",[f.bm("narrow")]:I,[f.bm("border")]:p}),role:"region","aria-label":"Audio Player",children:[m.jsxs("div",{ref:U,className:f.be("body"),children:[m.jsx("div",{className:f.be("pic"),onClick:W,style:{backgroundImage:`url("${(Z=l.currentSong)==null?void 0:Z.cover}")`},role:"button","aria-label":w.isPlaying?"Pause audio":"Play audio",children:m.jsx("div",{className:L(f.be("button"),w.isPlaying?f.bm("pause"):f.bm("play")),role:"presentation",children:w.isPlaying?m.jsx($t,{}):m.jsx(tt,{})})}),m.jsxs("div",{className:L(f.be("info")),children:[m.jsxs("div",{className:L(f.be("music")),children:[m.jsx("span",{className:L(f.be("title")),children:((ee=l.currentSong)==null?void 0:ee.name)??"Audio name"}),m.jsxs("span",{className:L(f.be("author")),children:[" ","-"," ",X((re=l.currentSong)==null?void 0:re.artist)]})]}),t==="fixed"?null:m.jsx(nr,{show:F,lrcText:l.currentSong.lrc,currentTime:w.currentTime??0}),m.jsx(gt,{volume:w.volume??n,onChangeVolume:w.setVolume,muted:w.muted??!1,onToggleMuted:()=>w.toggleMuted(),currentTime:w.currentTime,audioDurationSeconds:w.duration,bufferedSeconds:w.bufferedSeconds,onSeek:C=>w.seek(C),onToggleMenu:()=>oe(C=>!C),order:l.order,onOrderChange:l.setOrder,loop:l.loop,onLoopChange:l.setLoop,isPlaying:w.isPlaying??!1,onTogglePlay:W,onSkipForward:()=>{l.hasNextSong&&l.next()},onSkipBack:()=>{l.previous()},showLyrics:F,onToggleLyrics:()=>{se(C=>!C)}})]}),m.jsx("div",{className:f.be("notice"),style:_.style,children:_.text}),m.jsx("div",{className:f.be("miniswitcher"),onClick:()=>V(C=>!C),children:m.jsx("button",{className:L(f.bs("icon"),f.bs("icon-right")),type:"button",children:m.jsx(Lt,{})})})]}),D?m.jsx(Et,{open:ue,audio:ge,playingAudioUrl:l.currentSong.url,onPlayAudio:Ee,listMaxHeight:y}):null,t==="fixed"&&m.jsx(nr,{show:F,lrcText:l.currentSong.lrc,currentTime:w.currentTime??0})]})}exports.TwistAPlayer=At;
|
package/dist/index.mjs
CHANGED
|
@@ -15,12 +15,12 @@ function Br() {
|
|
|
15
15
|
if (er) return oe;
|
|
16
16
|
er = 1;
|
|
17
17
|
var e = Se, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
18
|
-
function h(b, s,
|
|
19
|
-
var g, p = {},
|
|
20
|
-
|
|
18
|
+
function h(b, s, d) {
|
|
19
|
+
var g, p = {}, f = null, l = null;
|
|
20
|
+
d !== void 0 && (f = "" + d), s.key !== void 0 && (f = "" + s.key), s.ref !== void 0 && (l = s.ref);
|
|
21
21
|
for (g in s) a.call(s, g) && !c.hasOwnProperty(g) && (p[g] = s[g]);
|
|
22
22
|
if (b && b.defaultProps) for (g in s = b.defaultProps, s) p[g] === void 0 && (p[g] = s[g]);
|
|
23
|
-
return { $$typeof: t, type: b, key:
|
|
23
|
+
return { $$typeof: t, type: b, key: f, ref: l, props: p, _owner: i.current };
|
|
24
24
|
}
|
|
25
25
|
return oe.Fragment = n, oe.jsx = h, oe.jsxs = h, oe;
|
|
26
26
|
}
|
|
@@ -37,7 +37,7 @@ var ue = {};
|
|
|
37
37
|
var rr;
|
|
38
38
|
function zr() {
|
|
39
39
|
return rr || (rr = 1, process.env.NODE_ENV !== "production" && function() {
|
|
40
|
-
var e = Se, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), b = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"),
|
|
40
|
+
var e = Se, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), b = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), l = Symbol.for("react.offscreen"), _ = Symbol.iterator, o = "@@iterator";
|
|
41
41
|
function y(r) {
|
|
42
42
|
if (r === null || typeof r != "object")
|
|
43
43
|
return null;
|
|
@@ -65,7 +65,7 @@ function zr() {
|
|
|
65
65
|
var A = !1, K = !1, re = !1, V = !1, Te = !1, te;
|
|
66
66
|
te = Symbol.for("react.module.reference");
|
|
67
67
|
function we(r) {
|
|
68
|
-
return !!(typeof r == "string" || typeof r == "function" || r === a || r === c || Te || r === i || r ===
|
|
68
|
+
return !!(typeof r == "string" || typeof r == "function" || r === a || r === c || Te || r === i || r === d || r === g || V || r === l || A || K || re || typeof r == "object" && r !== null && (r.$$typeof === f || r.$$typeof === p || r.$$typeof === h || r.$$typeof === b || r.$$typeof === s || // This needs to include all possible module reference object
|
|
69
69
|
// types supported by any Flight configuration anywhere since
|
|
70
70
|
// we don't know which Flight build this will end up being used
|
|
71
71
|
// with.
|
|
@@ -97,7 +97,7 @@ function zr() {
|
|
|
97
97
|
return "Profiler";
|
|
98
98
|
case i:
|
|
99
99
|
return "StrictMode";
|
|
100
|
-
case
|
|
100
|
+
case d:
|
|
101
101
|
return "Suspense";
|
|
102
102
|
case g:
|
|
103
103
|
return "SuspenseList";
|
|
@@ -115,7 +115,7 @@ function zr() {
|
|
|
115
115
|
case p:
|
|
116
116
|
var x = r.displayName || null;
|
|
117
117
|
return x !== null ? x : B(r.type) || "Memo";
|
|
118
|
-
case
|
|
118
|
+
case f: {
|
|
119
119
|
var O = r, P = O._payload, w = O._init;
|
|
120
120
|
try {
|
|
121
121
|
return B(w(P));
|
|
@@ -293,7 +293,7 @@ function zr() {
|
|
|
293
293
|
if (typeof r == "string")
|
|
294
294
|
return me(r);
|
|
295
295
|
switch (r) {
|
|
296
|
-
case
|
|
296
|
+
case d:
|
|
297
297
|
return me("Suspense");
|
|
298
298
|
case g:
|
|
299
299
|
return me("SuspenseList");
|
|
@@ -304,7 +304,7 @@ function zr() {
|
|
|
304
304
|
return Er(r.render);
|
|
305
305
|
case p:
|
|
306
306
|
return ye(r.type, u, m);
|
|
307
|
-
case
|
|
307
|
+
case f: {
|
|
308
308
|
var x = r, O = x._payload, P = x._init;
|
|
309
309
|
try {
|
|
310
310
|
return ye(P(O), u, m);
|
|
@@ -689,16 +689,16 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
689
689
|
function Kr(e, t) {
|
|
690
690
|
var n = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
|
|
691
691
|
if (n != null) {
|
|
692
|
-
var a, i, c, h, b = [], s = !0,
|
|
692
|
+
var a, i, c, h, b = [], s = !0, d = !1;
|
|
693
693
|
try {
|
|
694
694
|
if (c = (n = n.call(e)).next, t !== 0) for (; !(s = (a = c.call(n)).done) && (b.push(a.value), b.length !== t); s = !0) ;
|
|
695
695
|
} catch (g) {
|
|
696
|
-
|
|
696
|
+
d = !0, i = g;
|
|
697
697
|
} finally {
|
|
698
698
|
try {
|
|
699
699
|
if (!s && n.return != null && (h = n.return(), Object(h) !== h)) return;
|
|
700
700
|
} finally {
|
|
701
|
-
if (
|
|
701
|
+
if (d) throw i;
|
|
702
702
|
}
|
|
703
703
|
}
|
|
704
704
|
return b;
|
|
@@ -716,8 +716,8 @@ function Xr(e, t) {
|
|
|
716
716
|
};
|
|
717
717
|
return { s: i, n: function() {
|
|
718
718
|
return a >= e.length ? { done: !0 } : { done: !1, value: e[a++] };
|
|
719
|
-
}, e: function(
|
|
720
|
-
throw
|
|
719
|
+
}, e: function(d) {
|
|
720
|
+
throw d;
|
|
721
721
|
}, f: i };
|
|
722
722
|
}
|
|
723
723
|
throw new TypeError(`Invalid attempt to iterate non-iterable instance.
|
|
@@ -727,10 +727,10 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
727
727
|
return { s: function() {
|
|
728
728
|
n = n.call(e);
|
|
729
729
|
}, n: function() {
|
|
730
|
-
var
|
|
731
|
-
return h =
|
|
732
|
-
}, e: function(
|
|
733
|
-
b = !0, c =
|
|
730
|
+
var d = n.next();
|
|
731
|
+
return h = d.done, d;
|
|
732
|
+
}, e: function(d) {
|
|
733
|
+
b = !0, c = d;
|
|
734
734
|
}, f: function() {
|
|
735
735
|
try {
|
|
736
736
|
h || n.return == null || n.return();
|
|
@@ -818,11 +818,11 @@ function tt(e, t) {
|
|
|
818
818
|
}
|
|
819
819
|
function nt(e) {
|
|
820
820
|
var t = e.attrs, n = e.size, a = e.title, i = e.spin, c = e.rotate, h = e.color, b = rt(e, Ur), s = function(g) {
|
|
821
|
-
var p = n || g.size || "1em",
|
|
822
|
-
return g.className && (
|
|
821
|
+
var p = n || g.size || "1em", f, l = "", _ = "";
|
|
822
|
+
return g.className && (f = g.className), e.className && (f = f ? "".concat(f, " ").concat(e.className) : e.className), i && (f ? f += " twist-icon-loading" : f = "twist-icon-loading"), c && (l = "rotate(".concat(c, "deg)"), _ = "rotate(".concat(c, "deg)")), /* @__PURE__ */ ee.createElement("svg", _e({
|
|
823
823
|
xmlns: "http://www.w3.org/2000/svg"
|
|
824
824
|
}, g.attrs, t, b, {
|
|
825
|
-
className:
|
|
825
|
+
className: f,
|
|
826
826
|
style: le(le({
|
|
827
827
|
color: h || g.color,
|
|
828
828
|
msTransform: l,
|
|
@@ -832,20 +832,20 @@ function nt(e) {
|
|
|
832
832
|
height: p
|
|
833
833
|
}), a && /* @__PURE__ */ ee.createElement("title", null, a), e.children);
|
|
834
834
|
};
|
|
835
|
-
return ke !== void 0 ? /* @__PURE__ */ ee.createElement(ke.Consumer, null, function(
|
|
836
|
-
return s(
|
|
835
|
+
return ke !== void 0 ? /* @__PURE__ */ ee.createElement(ke.Consumer, null, function(d) {
|
|
836
|
+
return s(d);
|
|
837
837
|
}) : s(dr);
|
|
838
838
|
}
|
|
839
839
|
function at(e) {
|
|
840
840
|
var t = {}, n = e.split(";"), a = Xr(n), i;
|
|
841
841
|
try {
|
|
842
842
|
for (a.s(); !(i = a.n()).done; ) {
|
|
843
|
-
var c = i.value, h = c.split(":"), b = Yr(h, 2), s = b[0],
|
|
844
|
-
if (s &&
|
|
843
|
+
var c = i.value, h = c.split(":"), b = Yr(h, 2), s = b[0], d = b[1];
|
|
844
|
+
if (s && d) {
|
|
845
845
|
var g = s.trim().replace(/-./g, function(p) {
|
|
846
846
|
return p.charAt(1).toUpperCase();
|
|
847
847
|
});
|
|
848
|
-
t[g] =
|
|
848
|
+
t[g] = d.trim();
|
|
849
849
|
}
|
|
850
850
|
}
|
|
851
851
|
} catch (p) {
|
|
@@ -898,20 +898,20 @@ function ut({
|
|
|
898
898
|
D(() => {
|
|
899
899
|
s.current || b(t);
|
|
900
900
|
}, [t]);
|
|
901
|
-
const
|
|
901
|
+
const d = L(
|
|
902
902
|
(g) => {
|
|
903
903
|
s.current = !0;
|
|
904
904
|
const p = Ae(g, c);
|
|
905
905
|
b(p);
|
|
906
|
-
const
|
|
906
|
+
const f = (_) => {
|
|
907
907
|
const o = Ae(_, c);
|
|
908
908
|
b(o);
|
|
909
909
|
}, l = (_) => {
|
|
910
|
-
document.removeEventListener("mousemove",
|
|
910
|
+
document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", l);
|
|
911
911
|
const o = Ae(_, c);
|
|
912
912
|
b(o), n == null || n(o), s.current = !1;
|
|
913
913
|
};
|
|
914
|
-
document.addEventListener("mousemove",
|
|
914
|
+
document.addEventListener("mousemove", f), document.addEventListener("mouseup", l);
|
|
915
915
|
},
|
|
916
916
|
[n]
|
|
917
917
|
);
|
|
@@ -920,7 +920,7 @@ function ut({
|
|
|
920
920
|
{
|
|
921
921
|
ref: c,
|
|
922
922
|
className: $(a.b(), a.bs("vars")),
|
|
923
|
-
onMouseDown:
|
|
923
|
+
onMouseDown: d,
|
|
924
924
|
role: "slider",
|
|
925
925
|
"aria-label": "Audio progress",
|
|
926
926
|
"aria-valuenow": h ? h * 100 : 0,
|
|
@@ -988,15 +988,15 @@ function pt({
|
|
|
988
988
|
onToggleMuted: n,
|
|
989
989
|
onChangeVolume: a
|
|
990
990
|
}) {
|
|
991
|
-
const i = U("aplayer-volumn"), c = U("aplayer-icon"), h = F(null), [b, s] = W(!1),
|
|
991
|
+
const i = U("aplayer-volumn"), c = U("aplayer-icon"), h = F(null), [b, s] = W(!1), d = L(
|
|
992
992
|
(g) => {
|
|
993
993
|
a(Ne(g, h)), s(!0);
|
|
994
994
|
const p = (l) => {
|
|
995
995
|
a(Ne(l, h));
|
|
996
|
-
},
|
|
997
|
-
document.removeEventListener("mouseup",
|
|
996
|
+
}, f = (l) => {
|
|
997
|
+
document.removeEventListener("mouseup", f), document.removeEventListener("mousemove", p), s(!1), a(Ne(l, h));
|
|
998
998
|
};
|
|
999
|
-
document.addEventListener("mousemove", p), document.addEventListener("mouseup",
|
|
999
|
+
document.addEventListener("mousemove", p), document.addEventListener("mouseup", f);
|
|
1000
1000
|
},
|
|
1001
1001
|
[a]
|
|
1002
1002
|
);
|
|
@@ -1018,7 +1018,7 @@ function pt({
|
|
|
1018
1018
|
[i.bem("bar-wrap", "active")]: b
|
|
1019
1019
|
}),
|
|
1020
1020
|
ref: h,
|
|
1021
|
-
onMouseDown:
|
|
1021
|
+
onMouseDown: d,
|
|
1022
1022
|
children: /* @__PURE__ */ v.jsx("div", { className: i.be("bar"), children: /* @__PURE__ */ v.jsx(
|
|
1023
1023
|
"div",
|
|
1024
1024
|
{
|
|
@@ -1067,10 +1067,10 @@ function St({
|
|
|
1067
1067
|
onToggleMenu: h,
|
|
1068
1068
|
onToggleMuted: b,
|
|
1069
1069
|
order: s,
|
|
1070
|
-
onOrderChange:
|
|
1070
|
+
onOrderChange: d,
|
|
1071
1071
|
loop: g,
|
|
1072
1072
|
onLoopChange: p,
|
|
1073
|
-
onSeek:
|
|
1073
|
+
onSeek: f,
|
|
1074
1074
|
isPlaying: l,
|
|
1075
1075
|
onTogglePlay: _,
|
|
1076
1076
|
onSkipForward: o,
|
|
@@ -1083,8 +1083,8 @@ function St({
|
|
|
1083
1083
|
list: "random",
|
|
1084
1084
|
random: "list"
|
|
1085
1085
|
}[s];
|
|
1086
|
-
|
|
1087
|
-
}, [s,
|
|
1086
|
+
d(V);
|
|
1087
|
+
}, [s, d]), re = L(() => {
|
|
1088
1088
|
const V = {
|
|
1089
1089
|
all: "one",
|
|
1090
1090
|
one: "none",
|
|
@@ -1104,7 +1104,7 @@ function St({
|
|
|
1104
1104
|
{
|
|
1105
1105
|
playedPercentage: typeof a > "u" || typeof i > "u" ? void 0 : a / i,
|
|
1106
1106
|
bufferedPercentage: typeof c > "u" || typeof i > "u" ? void 0 : c / i,
|
|
1107
|
-
onSeek: (V) =>
|
|
1107
|
+
onSeek: (V) => f == null ? void 0 : f(V * i)
|
|
1108
1108
|
}
|
|
1109
1109
|
),
|
|
1110
1110
|
/* @__PURE__ */ v.jsxs("div", { className: T.be("time"), children: [
|
|
@@ -1211,15 +1211,15 @@ function Tt({
|
|
|
1211
1211
|
onPlayAudio: a,
|
|
1212
1212
|
listMaxHeight: i
|
|
1213
1213
|
}) {
|
|
1214
|
-
const c = U("aplayer-list"), h = i ? { maxHeight: i } : void 0, b = L((
|
|
1214
|
+
const c = U("aplayer-list"), h = i ? { maxHeight: i } : void 0, b = L((d) => d ? typeof d == "string" ? d : d.name ?? "Audio artist" : "Audio artist", []), s = F(null);
|
|
1215
1215
|
return D(() => {
|
|
1216
1216
|
if (s.current) {
|
|
1217
|
-
const
|
|
1218
|
-
return
|
|
1219
|
-
|
|
1217
|
+
const d = s.current;
|
|
1218
|
+
return d.style.maxHeight = `${Math.min(
|
|
1219
|
+
d.scrollHeight,
|
|
1220
1220
|
i ?? 1 / 0
|
|
1221
1221
|
)}px`, () => {
|
|
1222
|
-
|
|
1222
|
+
d.removeAttribute("style");
|
|
1223
1223
|
};
|
|
1224
1224
|
}
|
|
1225
1225
|
}, [i]), /* @__PURE__ */ v.jsx(
|
|
@@ -1231,25 +1231,25 @@ function Tt({
|
|
|
1231
1231
|
}),
|
|
1232
1232
|
"aria-label": "Audio playlist",
|
|
1233
1233
|
"aria-live": "polite",
|
|
1234
|
-
children: /* @__PURE__ */ v.jsx("ol", { style: h, children: t.map((
|
|
1234
|
+
children: /* @__PURE__ */ v.jsx("ol", { style: h, children: t.map((d, g) => /* @__PURE__ */ v.jsxs(
|
|
1235
1235
|
"li",
|
|
1236
1236
|
{
|
|
1237
1237
|
className: $({
|
|
1238
|
-
[c.bm("active")]:
|
|
1238
|
+
[c.bm("active")]: d.url === n
|
|
1239
1239
|
}),
|
|
1240
1240
|
onClick: () => {
|
|
1241
|
-
|
|
1241
|
+
d.url !== n && (a == null || a(d));
|
|
1242
1242
|
},
|
|
1243
1243
|
role: "button",
|
|
1244
|
-
"aria-label": `${
|
|
1244
|
+
"aria-label": `${d.name ?? "Audio name"} by ${b(d.artist)}}`,
|
|
1245
1245
|
children: [
|
|
1246
1246
|
/* @__PURE__ */ v.jsx("span", { className: c.be("cur") }),
|
|
1247
1247
|
/* @__PURE__ */ v.jsx("span", { className: c.be("index"), children: g + 1 }),
|
|
1248
|
-
/* @__PURE__ */ v.jsx("span", { className: c.be("title"), children:
|
|
1249
|
-
/* @__PURE__ */ v.jsx("span", { className: c.be("author"), children: b(
|
|
1248
|
+
/* @__PURE__ */ v.jsx("span", { className: c.be("title"), children: d.name ?? "Audio name" }),
|
|
1249
|
+
/* @__PURE__ */ v.jsx("span", { className: c.be("author"), children: b(d.artist) })
|
|
1250
1250
|
]
|
|
1251
1251
|
},
|
|
1252
|
-
|
|
1252
|
+
d.name || g
|
|
1253
1253
|
)) })
|
|
1254
1254
|
}
|
|
1255
1255
|
);
|
|
@@ -1257,8 +1257,8 @@ function Tt({
|
|
|
1257
1257
|
function sr({ show: e, lrcText: t, currentTime: n }) {
|
|
1258
1258
|
const a = U("aplayer-lrc"), i = G(() => wt(t), [t]), c = G(() => {
|
|
1259
1259
|
for (let b = 0; b < i.length; b++) {
|
|
1260
|
-
const s = i[b],
|
|
1261
|
-
if (n >= s[0] && (!
|
|
1260
|
+
const s = i[b], d = i[b + 1];
|
|
1261
|
+
if (n >= s[0] && (!d || n < d[0]))
|
|
1262
1262
|
return b;
|
|
1263
1263
|
}
|
|
1264
1264
|
return 0;
|
|
@@ -1296,7 +1296,7 @@ function wt(e) {
|
|
|
1296
1296
|
if (c) {
|
|
1297
1297
|
const b = c.length;
|
|
1298
1298
|
for (let s = 0; s < b; s++) {
|
|
1299
|
-
const
|
|
1299
|
+
const d = /\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/.exec(c[s]), g = d[1] * 60, p = Number.parseInt(d[2]), f = d[4] ? Number.parseInt(d[4]) / (`${d[4]}`.length === 2 ? 100 : 1e3) : 0, l = g + p + f;
|
|
1300
1300
|
n.push([l, h]);
|
|
1301
1301
|
}
|
|
1302
1302
|
}
|
|
@@ -1320,17 +1320,17 @@ function jt() {
|
|
|
1320
1320
|
if (lr) return qe;
|
|
1321
1321
|
lr = 1;
|
|
1322
1322
|
var e = Se;
|
|
1323
|
-
function t(p,
|
|
1324
|
-
return p ===
|
|
1323
|
+
function t(p, f) {
|
|
1324
|
+
return p === f && (p !== 0 || 1 / p === 1 / f) || p !== p && f !== f;
|
|
1325
1325
|
}
|
|
1326
1326
|
var n = typeof Object.is == "function" ? Object.is : t, a = e.useState, i = e.useEffect, c = e.useLayoutEffect, h = e.useDebugValue;
|
|
1327
|
-
function b(p,
|
|
1328
|
-
var l =
|
|
1327
|
+
function b(p, f) {
|
|
1328
|
+
var l = f(), _ = a({ inst: { value: l, getSnapshot: f } }), o = _[0].inst, y = _[1];
|
|
1329
1329
|
return c(
|
|
1330
1330
|
function() {
|
|
1331
|
-
o.value = l, o.getSnapshot =
|
|
1331
|
+
o.value = l, o.getSnapshot = f, s(o) && y({ inst: o });
|
|
1332
1332
|
},
|
|
1333
|
-
[p, l,
|
|
1333
|
+
[p, l, f]
|
|
1334
1334
|
), i(
|
|
1335
1335
|
function() {
|
|
1336
1336
|
return s(o) && y({ inst: o }), p(function() {
|
|
@@ -1341,19 +1341,19 @@ function jt() {
|
|
|
1341
1341
|
), h(l), l;
|
|
1342
1342
|
}
|
|
1343
1343
|
function s(p) {
|
|
1344
|
-
var
|
|
1344
|
+
var f = p.getSnapshot;
|
|
1345
1345
|
p = p.value;
|
|
1346
1346
|
try {
|
|
1347
|
-
var l =
|
|
1347
|
+
var l = f();
|
|
1348
1348
|
return !n(p, l);
|
|
1349
1349
|
} catch {
|
|
1350
1350
|
return !0;
|
|
1351
1351
|
}
|
|
1352
1352
|
}
|
|
1353
|
-
function
|
|
1354
|
-
return
|
|
1353
|
+
function d(p, f) {
|
|
1354
|
+
return f();
|
|
1355
1355
|
}
|
|
1356
|
-
var g = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ?
|
|
1356
|
+
var g = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : b;
|
|
1357
1357
|
return qe.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : g, qe;
|
|
1358
1358
|
}
|
|
1359
1359
|
var Me = {};
|
|
@@ -1399,7 +1399,7 @@ function Ot() {
|
|
|
1399
1399
|
});
|
|
1400
1400
|
},
|
|
1401
1401
|
[l]
|
|
1402
|
-
),
|
|
1402
|
+
), d(o), o;
|
|
1403
1403
|
}
|
|
1404
1404
|
function n(l) {
|
|
1405
1405
|
var _ = l.getSnapshot;
|
|
@@ -1415,8 +1415,8 @@ function Ot() {
|
|
|
1415
1415
|
return _();
|
|
1416
1416
|
}
|
|
1417
1417
|
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
|
|
1418
|
-
var i = Se, c = typeof Object.is == "function" ? Object.is : e, h = i.useState, b = i.useEffect, s = i.useLayoutEffect,
|
|
1419
|
-
Me.useSyncExternalStore = i.useSyncExternalStore !== void 0 ? i.useSyncExternalStore :
|
|
1418
|
+
var i = Se, c = typeof Object.is == "function" ? Object.is : e, h = i.useState, b = i.useEffect, s = i.useLayoutEffect, d = i.useDebugValue, g = !1, p = !1, f = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? a : t;
|
|
1419
|
+
Me.useSyncExternalStore = i.useSyncExternalStore !== void 0 ? i.useSyncExternalStore : f, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
|
|
1420
1420
|
}()), Me;
|
|
1421
1421
|
}
|
|
1422
1422
|
var fr;
|
|
@@ -1516,7 +1516,7 @@ function Lt(e) {
|
|
|
1516
1516
|
},
|
|
1517
1517
|
() => {
|
|
1518
1518
|
}
|
|
1519
|
-
),
|
|
1519
|
+
), d = Y.useSyncExternalStore(
|
|
1520
1520
|
L(
|
|
1521
1521
|
(o) => {
|
|
1522
1522
|
var y;
|
|
@@ -1582,7 +1582,7 @@ function Lt(e) {
|
|
|
1582
1582
|
},
|
|
1583
1583
|
() => {
|
|
1584
1584
|
}
|
|
1585
|
-
),
|
|
1585
|
+
), f = Y.useSyncExternalStore(
|
|
1586
1586
|
L(
|
|
1587
1587
|
(o) => {
|
|
1588
1588
|
var y;
|
|
@@ -1650,10 +1650,10 @@ function Lt(e) {
|
|
|
1650
1650
|
toggleMuted: h,
|
|
1651
1651
|
setVolume: b,
|
|
1652
1652
|
volume: s,
|
|
1653
|
-
muted:
|
|
1653
|
+
muted: d,
|
|
1654
1654
|
currentTime: g,
|
|
1655
1655
|
duration: p,
|
|
1656
|
-
bufferedSeconds:
|
|
1656
|
+
bufferedSeconds: f,
|
|
1657
1657
|
isPlaying: l,
|
|
1658
1658
|
isLoading: _
|
|
1659
1659
|
};
|
|
@@ -1699,21 +1699,21 @@ function Nt(e, {
|
|
|
1699
1699
|
initialOrder: n = "list",
|
|
1700
1700
|
getSongId: a
|
|
1701
1701
|
}) {
|
|
1702
|
-
const [i, c] = W(t), [h, b] = W(n), s = G(() => h === "list" ? e : Ct(e), [e, h]), [
|
|
1702
|
+
const [i, c] = W(t), [h, b] = W(n), s = G(() => h === "list" ? e : Ct(e), [e, h]), [d, g] = W(s[0]);
|
|
1703
1703
|
D(() => {
|
|
1704
1704
|
const o = s.find(
|
|
1705
|
-
(y) => a(y) === a(
|
|
1705
|
+
(y) => a(y) === a(d)
|
|
1706
1706
|
);
|
|
1707
1707
|
g(o || s[0]);
|
|
1708
|
-
}, [s, a,
|
|
1708
|
+
}, [s, a, d]);
|
|
1709
1709
|
const p = G(() => {
|
|
1710
1710
|
if (i === "one")
|
|
1711
|
-
return { ...
|
|
1712
|
-
const o = s.indexOf(
|
|
1711
|
+
return { ...d };
|
|
1712
|
+
const o = s.indexOf(d);
|
|
1713
1713
|
if (o < s.length - 1)
|
|
1714
1714
|
return s[o + 1];
|
|
1715
1715
|
if (i !== "none") return s[0];
|
|
1716
|
-
}, [s,
|
|
1716
|
+
}, [s, d, i]), f = L(() => {
|
|
1717
1717
|
p && g(p);
|
|
1718
1718
|
}, [p, i]), l = L(() => {
|
|
1719
1719
|
g((o) => {
|
|
@@ -1724,9 +1724,9 @@ function Nt(e, {
|
|
|
1724
1724
|
g(o);
|
|
1725
1725
|
}, []);
|
|
1726
1726
|
return {
|
|
1727
|
-
currentSong:
|
|
1727
|
+
currentSong: d,
|
|
1728
1728
|
hasNextSong: typeof p < "u",
|
|
1729
|
-
next:
|
|
1729
|
+
next: f,
|
|
1730
1730
|
previous: l,
|
|
1731
1731
|
prioritize: _,
|
|
1732
1732
|
order: h,
|
|
@@ -1752,12 +1752,12 @@ function Dt({
|
|
|
1752
1752
|
listMaxHeight: h = 250,
|
|
1753
1753
|
mini: b = !1,
|
|
1754
1754
|
mutex: s = !0,
|
|
1755
|
-
listFolded:
|
|
1755
|
+
listFolded: d = !1,
|
|
1756
1756
|
theme: g = "light",
|
|
1757
1757
|
border: p = !1
|
|
1758
1758
|
}) {
|
|
1759
1759
|
var ne, ae, ie;
|
|
1760
|
-
const
|
|
1760
|
+
const f = U("aplayer"), l = Nt(Array.isArray(e) ? e : [e], {
|
|
1761
1761
|
initialLoop: a,
|
|
1762
1762
|
initialOrder: i,
|
|
1763
1763
|
getSongId: (R) => R.url
|
|
@@ -1797,7 +1797,7 @@ function Dt({
|
|
|
1797
1797
|
j(), te(R);
|
|
1798
1798
|
},
|
|
1799
1799
|
[j, te]
|
|
1800
|
-
), [ce, fe] = W(() => V && !
|
|
1800
|
+
), [ce, fe] = W(() => V && !d), [B, I] = W(b), [z, de] = W(!0), J = F(null);
|
|
1801
1801
|
return D(() => {
|
|
1802
1802
|
I(b);
|
|
1803
1803
|
}, [b]), D(() => {
|
|
@@ -1810,16 +1810,16 @@ function Dt({
|
|
|
1810
1810
|
}, [t]), /* @__PURE__ */ v.jsxs(
|
|
1811
1811
|
"div",
|
|
1812
1812
|
{
|
|
1813
|
-
className: $(
|
|
1814
|
-
[
|
|
1815
|
-
[
|
|
1816
|
-
[
|
|
1817
|
-
[
|
|
1818
|
-
[
|
|
1819
|
-
[
|
|
1820
|
-
[
|
|
1821
|
-
[
|
|
1822
|
-
[
|
|
1813
|
+
className: $(f.b(), {
|
|
1814
|
+
[f.bs(g)]: !0,
|
|
1815
|
+
[f.bs("vars")]: !0,
|
|
1816
|
+
[f.bm(t)]: !0,
|
|
1817
|
+
[f.bm("loading")]: T.isLoading,
|
|
1818
|
+
[f.bm("withlist")]: V,
|
|
1819
|
+
[f.bm("list-folded")]: !ce,
|
|
1820
|
+
[f.bm("withlrc")]: !!l.currentSong.lrc && t !== "fixed",
|
|
1821
|
+
[f.bm("narrow")]: B,
|
|
1822
|
+
[f.bm("border")]: p
|
|
1823
1823
|
}),
|
|
1824
1824
|
role: "region",
|
|
1825
1825
|
"aria-label": "Audio Player",
|
|
@@ -1828,12 +1828,12 @@ function Dt({
|
|
|
1828
1828
|
"div",
|
|
1829
1829
|
{
|
|
1830
1830
|
ref: J,
|
|
1831
|
-
className:
|
|
1831
|
+
className: f.be("body"),
|
|
1832
1832
|
children: [
|
|
1833
1833
|
/* @__PURE__ */ v.jsx(
|
|
1834
1834
|
"div",
|
|
1835
1835
|
{
|
|
1836
|
-
className:
|
|
1836
|
+
className: f.be("pic"),
|
|
1837
1837
|
onClick: K,
|
|
1838
1838
|
style: {
|
|
1839
1839
|
backgroundImage: `url("${(ne = l.currentSong) == null ? void 0 : ne.cover}")`
|
|
@@ -1844,8 +1844,8 @@ function Dt({
|
|
|
1844
1844
|
"div",
|
|
1845
1845
|
{
|
|
1846
1846
|
className: $(
|
|
1847
|
-
|
|
1848
|
-
T.isPlaying ?
|
|
1847
|
+
f.be("button"),
|
|
1848
|
+
T.isPlaying ? f.bm("pause") : f.bm("play")
|
|
1849
1849
|
),
|
|
1850
1850
|
role: "presentation",
|
|
1851
1851
|
children: T.isPlaying ? /* @__PURE__ */ v.jsx(Mt, {}) : /* @__PURE__ */ v.jsx(ot, {})
|
|
@@ -1853,10 +1853,10 @@ function Dt({
|
|
|
1853
1853
|
)
|
|
1854
1854
|
}
|
|
1855
1855
|
),
|
|
1856
|
-
/* @__PURE__ */ v.jsxs("div", { className: $(
|
|
1857
|
-
/* @__PURE__ */ v.jsxs("div", { className: $(
|
|
1858
|
-
/* @__PURE__ */ v.jsx("span", { className: $(
|
|
1859
|
-
/* @__PURE__ */ v.jsxs("span", { className: $(
|
|
1856
|
+
/* @__PURE__ */ v.jsxs("div", { className: $(f.be("info")), children: [
|
|
1857
|
+
/* @__PURE__ */ v.jsxs("div", { className: $(f.be("music")), children: [
|
|
1858
|
+
/* @__PURE__ */ v.jsx("span", { className: $(f.be("title")), children: ((ae = l.currentSong) == null ? void 0 : ae.name) ?? "Audio name" }),
|
|
1859
|
+
/* @__PURE__ */ v.jsxs("span", { className: $(f.be("author")), children: [
|
|
1860
1860
|
" ",
|
|
1861
1861
|
"-",
|
|
1862
1862
|
" ",
|
|
@@ -1902,13 +1902,13 @@ function Dt({
|
|
|
1902
1902
|
}
|
|
1903
1903
|
)
|
|
1904
1904
|
] }),
|
|
1905
|
-
/* @__PURE__ */ v.jsx("div", { className:
|
|
1905
|
+
/* @__PURE__ */ v.jsx("div", { className: f.be("notice"), style: _.style, children: _.text }),
|
|
1906
1906
|
/* @__PURE__ */ v.jsx(
|
|
1907
1907
|
"div",
|
|
1908
1908
|
{
|
|
1909
|
-
className:
|
|
1909
|
+
className: f.be("miniswitcher"),
|
|
1910
1910
|
onClick: () => I((R) => !R),
|
|
1911
|
-
children: /* @__PURE__ */ v.jsx("button", { className:
|
|
1911
|
+
children: /* @__PURE__ */ v.jsx("button", { className: $(f.bs("icon"), f.bs("icon-right")), type: "button", children: /* @__PURE__ */ v.jsx(qt, {}) })
|
|
1912
1912
|
}
|
|
1913
1913
|
)
|
|
1914
1914
|
]
|
|
@@ -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 Ne;function hr(){if(Ne)return Q;Ne=1;var e=c,t=Symbol.for("react.element"),n=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,o=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function y(
|
|
9
|
+
*/var Ne;function hr(){if(Ne)return Q;Ne=1;var e=c,t=Symbol.for("react.element"),n=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,o=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function y(p,s,d){var E,g={},f=null,h=null;d!==void 0&&(f=""+d),s.key!==void 0&&(f=""+s.key),s.ref!==void 0&&(h=s.ref);for(E in s)a.call(s,E)&&!l.hasOwnProperty(E)&&(g[E]=s[E]);if(p&&p.defaultProps)for(E in s=p.defaultProps,s)g[E]===void 0&&(g[E]=s[E]);return{$$typeof:t,type:p,key:f,ref:h,props:g,_owner:o.current}}return Q.Fragment=n,Q.jsx=y,Q.jsxs=y,Q}var Z={},ke;function yr(){if(ke)return Z;ke=1;var e={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,19 +14,19 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/return e.NODE_ENV!=="production"&&function(){var t=c,n=Symbol.for("react.element"),a=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),y=Symbol.for("react.profiler"),
|
|
17
|
+
*/return e.NODE_ENV!=="production"&&function(){var t=c,n=Symbol.for("react.element"),a=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),y=Symbol.for("react.profiler"),p=Symbol.for("react.provider"),s=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),E=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),h=Symbol.for("react.lazy"),T=Symbol.for("react.offscreen"),i=Symbol.iterator,b="@@iterator";function S(r){if(r===null||typeof r!="object")return null;var u=i&&r[i]||r[b];return typeof u=="function"?u:null}var C=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function x(r){{for(var u=arguments.length,m=new Array(u>1?u-1:0),_=1;_<u;_++)m[_-1]=arguments[_];M("error",r,m)}}function M(r,u,m){{var _=C.ReactDebugCurrentFrame,O=_.getStackAddendum();O!==""&&(u+="%s",m=m.concat([O]));var L=m.map(function(j){return String(j)});L.unshift("Warning: "+u),Function.prototype.apply.call(console[r],console,L)}}var G=!1,te=!1,D=!1,we=!1,ce=!1,fe;fe=Symbol.for("react.module.reference");function de(r){return!!(typeof r=="string"||typeof r=="function"||r===o||r===y||ce||r===l||r===E||r===g||we||r===T||G||te||D||typeof r=="object"&&r!==null&&(r.$$typeof===h||r.$$typeof===f||r.$$typeof===p||r.$$typeof===s||r.$$typeof===d||r.$$typeof===fe||r.getModuleId!==void 0))}function je(r,u,m){var _=r.displayName;if(_)return _;var O=u.displayName||u.name||"";return O!==""?m+"("+O+")":m}function ve(r){return r.displayName||"Context"}function I(r){if(r==null)return null;if(typeof r.tag=="number"&&x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof r=="function")return r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case o:return"Fragment";case a:return"Portal";case y:return"Profiler";case l:return"StrictMode";case E:return"Suspense";case g:return"SuspenseList"}if(typeof r=="object")switch(r.$$typeof){case s:var u=r;return ve(u)+".Consumer";case p:var m=r;return ve(m._context)+".Provider";case d:return je(r,r.render,"ForwardRef");case f:var _=r.displayName||null;return _!==null?_:I(r.type)||"Memo";case h:{var O=r,L=O._payload,j=O._init;try{return I(j(L))}catch{return null}}}return null}var V=Object.assign,W=0,K,ne,ae,ie,P,me,Xe;function Qe(){}Qe.__reactDisabledLog=!0;function ft(){{if(W===0){K=console.log,ne=console.info,ae=console.warn,ie=console.error,P=console.group,me=console.groupCollapsed,Xe=console.groupEnd;var r={configurable:!0,enumerable:!0,value:Qe,writable:!0};Object.defineProperties(console,{info:r,log:r,warn:r,error:r,group:r,groupCollapsed:r,groupEnd:r})}W++}}function dt(){{if(W--,W===0){var r={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:V({},r,{value:K}),info:V({},r,{value:ne}),warn:V({},r,{value:ae}),error:V({},r,{value:ie}),group:V({},r,{value:P}),groupCollapsed:V({},r,{value:me}),groupEnd:V({},r,{value:Xe})})}W<0&&x("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var Oe=C.ReactCurrentDispatcher,Ce;function he(r,u,m){{if(Ce===void 0)try{throw Error()}catch(O){var _=O.stack.trim().match(/\n( *(at )?)/);Ce=_&&_[1]||""}return`
|
|
18
18
|
`+Ce+r}}var Pe=!1,ye;{var vt=typeof WeakMap=="function"?WeakMap:Map;ye=new vt}function Ze(r,u){if(!r||Pe)return"";{var m=ye.get(r);if(m!==void 0)return m}var _;Pe=!0;var O=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var L;L=Oe.current,Oe.current=null,ft();try{if(u){var j=function(){throw Error()};if(Object.defineProperty(j.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(j,[])}catch(B){_=B}Reflect.construct(r,[],j)}else{try{j.call()}catch(B){_=B}r.call(j.prototype)}}else{try{throw Error()}catch(B){_=B}r()}}catch(B){if(B&&_&&typeof B.stack=="string"){for(var w=B.stack.split(`
|
|
19
19
|
`),q=_.stack.split(`
|
|
20
20
|
`),A=w.length-1,N=q.length-1;A>=1&&N>=0&&w[A]!==q[N];)N--;for(;A>=1&&N>=0;A--,N--)if(w[A]!==q[N]){if(A!==1||N!==1)do if(A--,N--,N<0||w[A]!==q[N]){var R=`
|
|
21
|
-
`+w[A].replace(" at new "," at ");return r.displayName&&R.includes("<anonymous>")&&(R=R.replace("<anonymous>",r.displayName)),typeof r=="function"&&ye.set(r,R),R}while(A>=1&&N>=0);break}}}finally{Pe=!1,Oe.current=L,dt(),Error.prepareStackTrace=O}var X=r?r.displayName||r.name:"",vr=X?he(X):"";return typeof r=="function"&&ye.set(r,vr),vr}function mt(r,u,m){return Ze(r,!1)}function ht(r){var u=r.prototype;return!!(u&&u.isReactComponent)}function
|
|
21
|
+
`+w[A].replace(" at new "," at ");return r.displayName&&R.includes("<anonymous>")&&(R=R.replace("<anonymous>",r.displayName)),typeof r=="function"&&ye.set(r,R),R}while(A>=1&&N>=0);break}}}finally{Pe=!1,Oe.current=L,dt(),Error.prepareStackTrace=O}var X=r?r.displayName||r.name:"",vr=X?he(X):"";return typeof r=="function"&&ye.set(r,vr),vr}function mt(r,u,m){return Ze(r,!1)}function ht(r){var u=r.prototype;return!!(u&&u.isReactComponent)}function be(r,u,m){if(r==null)return"";if(typeof r=="function")return Ze(r,ht(r));if(typeof r=="string")return he(r);switch(r){case E:return he("Suspense");case g:return he("SuspenseList")}if(typeof r=="object")switch(r.$$typeof){case d:return mt(r.render);case f:return be(r.type,u,m);case h:{var _=r,O=_._payload,L=_._init;try{return be(L(O),u,m)}catch{}}}return""}var pe=Object.prototype.hasOwnProperty,er={},rr=C.ReactDebugCurrentFrame;function ge(r){if(r){var u=r._owner,m=be(r.type,r._source,u?u.type:null);rr.setExtraStackFrame(m)}else rr.setExtraStackFrame(null)}function yt(r,u,m,_,O){{var L=Function.call.bind(pe);for(var j in r)if(L(r,j)){var w=void 0;try{if(typeof r[j]!="function"){var q=Error((_||"React class")+": "+m+" type `"+j+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof r[j]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw q.name="Invariant Violation",q}w=r[j](u,j,_,m,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(A){w=A}w&&!(w instanceof Error)&&(ge(O),x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",_||"React class",m,j,typeof w),ge(null)),w instanceof Error&&!(w.message in er)&&(er[w.message]=!0,ge(O),x("Failed %s type: %s",m,w.message),ge(null))}}}var bt=Array.isArray;function Le(r){return bt(r)}function pt(r){{var u=typeof Symbol=="function"&&Symbol.toStringTag,m=u&&r[Symbol.toStringTag]||r.constructor.name||"Object";return m}}function gt(r){try{return tr(r),!1}catch{return!0}}function tr(r){return""+r}function nr(r){if(gt(r))return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",pt(r)),tr(r)}var ar=C.ReactCurrentOwner,Et={key:!0,ref:!0,__self:!0,__source:!0},ir,or;function xt(r){if(pe.call(r,"ref")){var u=Object.getOwnPropertyDescriptor(r,"ref").get;if(u&&u.isReactWarning)return!1}return r.ref!==void 0}function _t(r){if(pe.call(r,"key")){var u=Object.getOwnPropertyDescriptor(r,"key").get;if(u&&u.isReactWarning)return!1}return r.key!==void 0}function St(r,u){typeof r.ref=="string"&&ar.current}function Tt(r,u){{var m=function(){ir||(ir=!0,x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",u))};m.isReactWarning=!0,Object.defineProperty(r,"key",{get:m,configurable:!0})}}function wt(r,u){{var m=function(){or||(or=!0,x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",u))};m.isReactWarning=!0,Object.defineProperty(r,"ref",{get:m,configurable:!0})}}var jt=function(r,u,m,_,O,L,j){var w={$$typeof:n,type:r,key:u,ref:m,props:j,_owner:L};return w._store={},Object.defineProperty(w._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(w,"_self",{configurable:!1,enumerable:!1,writable:!1,value:_}),Object.defineProperty(w,"_source",{configurable:!1,enumerable:!1,writable:!1,value:O}),Object.freeze&&(Object.freeze(w.props),Object.freeze(w)),w};function Ot(r,u,m,_,O){{var L,j={},w=null,q=null;m!==void 0&&(nr(m),w=""+m),_t(u)&&(nr(u.key),w=""+u.key),xt(u)&&(q=u.ref,St(u,O));for(L in u)pe.call(u,L)&&!Et.hasOwnProperty(L)&&(j[L]=u[L]);if(r&&r.defaultProps){var A=r.defaultProps;for(L in A)j[L]===void 0&&(j[L]=A[L])}if(w||q){var N=typeof r=="function"?r.displayName||r.name||"Unknown":r;w&&Tt(j,N),q&&wt(j,N)}return jt(r,w,q,O,_,ar.current,j)}}var $e=C.ReactCurrentOwner,ur=C.ReactDebugCurrentFrame;function J(r){if(r){var u=r._owner,m=be(r.type,r._source,u?u.type:null);ur.setExtraStackFrame(m)}else ur.setExtraStackFrame(null)}var Ae;Ae=!1;function Me(r){return typeof r=="object"&&r!==null&&r.$$typeof===n}function sr(){{if($e.current){var r=I($e.current.type);if(r)return`
|
|
22
22
|
|
|
23
23
|
Check the render method of \``+r+"`."}return""}}function Ct(r){return""}var lr={};function Pt(r){{var u=sr();if(!u){var m=typeof r=="string"?r:r.displayName||r.name;m&&(u=`
|
|
24
24
|
|
|
25
|
-
Check the top-level render call using <`+m+">.")}return u}}function cr(r,u){{if(!r._store||r._store.validated||r.key!=null)return;r._store.validated=!0;var m=Pt(u);if(lr[m])return;lr[m]=!0;var _="";r&&r._owner&&r._owner!==$e.current&&(_=" It was passed a child from "+I(r._owner.type)+"."),J(r),x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',m,_),J(null)}}function fr(r,u){{if(typeof r!="object")return;if(Le(r))for(var m=0;m<r.length;m++){var _=r[m];Me(_)&&cr(_,u)}else if(Me(r))r._store&&(r._store.validated=!0);else if(r){var O=S(r);if(typeof O=="function"&&O!==r.entries)for(var L=O.call(r),j;!(j=L.next()).done;)Me(j.value)&&cr(j.value,u)}}}function Lt(r){{var u=r.type;if(u==null||typeof u=="string")return;var m;if(typeof u=="function")m=u.propTypes;else if(typeof u=="object"&&(u.$$typeof===d||u.$$typeof===f))m=u.propTypes;else return;if(m){var _=I(u);yt(m,r.props,"prop",_,r)}else if(u.PropTypes!==void 0&&!Ae){Ae=!0;var O=I(u);x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",O||"Unknown")}typeof u.getDefaultProps=="function"&&!u.getDefaultProps.isReactClassApproved&&x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function $t(r){{for(var u=Object.keys(r.props),m=0;m<u.length;m++){var _=u[m];if(_!=="children"&&_!=="key"){J(r),x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",_),J(null);break}}r.ref!==null&&(J(r),x("Invalid attribute `ref` supplied to `React.Fragment`."),J(null))}}function dr(r,u,m,_,O,L){{var j=de(r);if(!j){var w="";(r===void 0||typeof r=="object"&&r!==null&&Object.keys(r).length===0)&&(w+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var q=Ct();q?w+=q:w+=sr();var A;r===null?A="null":Le(r)?A="array":r!==void 0&&r.$$typeof===n?(A="<"+(I(r.type)||"Unknown")+" />",w=" Did you accidentally export a JSX literal instead of a component?"):A=typeof r,x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",A,w)}var N=Ot(r,u,m,O,L);if(N==null)return N;if(j){var R=u.children;if(R!==void 0)if(_)if(Le(R)){for(var X=0;X<R.length;X++)fr(R[X],r);Object.freeze&&Object.freeze(R)}else x("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 fr(R,r)}return r===o?$t(N):Lt(N),N}}function At(r,u,m){return dr(r,u,m,!0)}function Mt(r,u,m){return dr(r,u,m,!1)}var Nt=Mt,kt=At;Z.Fragment=o,Z.jsx=Nt,Z.jsxs=kt}(),Z}var qe;function
|
|
26
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _r(e,t){var n=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n!=null){var a,o,l,y,
|
|
27
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var l,y=!0,b=!1;return{s:function(){n=n.call(e)},n:function(){var d=n.next();return y=d.done,d},e:function(d){b=!0,l=d},f:function(){try{y||n.return==null||n.return()}finally{if(b)throw l}}}}function Ie(e,t){if(e){if(typeof e=="string")return Fe(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)?Fe(e,t):void 0}}function Fe(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function se(){return se=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},se.apply(null,arguments)}function Be(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),n.push.apply(n,a)}return n}function re(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Be(Object(n),!0).forEach(function(a){wr(e,a,n[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Be(Object(n)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(n,a))})}return e}function wr(e,t,n){return(t=jr(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function jr(e){var t=Or(e,"string");return ee(t)=="symbol"?t:t+""}function Or(e,t){if(ee(e)!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var a=n.call(e,t);if(ee(a)!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Cr(e,t){if(e==null)return{};var n,a,o=Pr(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)n=l[a],t.includes(n)||{}.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function Pr(e,t){if(e==null)return{};var n={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(t.includes(a))continue;n[a]=e[a]}return n}function Lr(e){var t=e.attrs,n=e.size,a=e.title,o=e.spin,l=e.rotate,y=e.color,b=Cr(e,gr),s=function(E){var g=n||E.size||"1em",f,h="",T="";return E.className&&(f=E.className),e.className&&(f=f?"".concat(f," ").concat(e.className):e.className),o&&(f?f+=" twist-icon-loading":f="twist-icon-loading"),l&&(h="rotate(".concat(l,"deg)"),T="rotate(".concat(l,"deg)")),U.createElement("svg",se({xmlns:"http://www.w3.org/2000/svg"},E.attrs,t,b,{className:f,style:re(re({color:y||E.color,msTransform:h,transform:T},E.style),e.style),width:g,height:g}),a&&U.createElement("title",null,a),e.children)};return _e!==void 0?U.createElement(_e.Consumer,null,function(d){return s(d)}):s(Ve)}function $r(e){var t={},n=e.split(";"),a=Tr(n),o;try{for(a.s();!(o=a.n()).done;){var l=o.value,y=l.split(":"),b=Er(y,2),s=b[0],d=b[1];if(s&&d){var E=s.trim().replace(/-./g,function(g){return g.charAt(1).toUpperCase()});t[E]=d.trim()}}}catch(g){a.e(g)}finally{a.f()}return t}function ze(e){return e&&e.map(function(t,n){return U.createElement(t.tag,re(re({},t.attrs),{},{key:n,style:t.attrs.style?$r(t.attrs.style):null}),ze(t.children))})}function k(e){return function(t){return U.createElement(Lr,se({attrs:re({},e.attrs)},t),ze(e.children))}}function Ar(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M12 2.25c-5.384 0-9.75 4.366-9.75 9.75s4.366 9.75 9.75 9.75v-2.437A7.312 7.312 0 1 1 19.313 12h2.437c0-5.384-4.366-9.75-9.75-9.75"}}]})(e)}function Mr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M18.25 12L8.5 17.629V6.37z"}}]})(e)}function He(e){var t,n,a="";if(typeof e=="string"||typeof e=="number")a+=e;else if(typeof e=="object")if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(n=He(e[t]))&&(a&&(a+=" "),a+=n)}else for(n in e)e[n]&&(a&&(a+=" "),a+=n);return a}function $(){for(var e,t,n=0,a="",o=arguments.length;n<o;n++)(e=arguments[n])&&(t=He(e))&&(a&&(a+=" "),a+=t);return a}function Nr({bufferedPercentage:e,playedPercentage:t,onSeek:n}){const a=F("aplayer-bar"),o=F("aplayer-icon"),l=c.useRef(null),[y,b]=c.useState(t),s=c.useRef(!1);c.useEffect(()=>{s.current||b(t)},[t]);const d=c.useCallback(E=>{s.current=!0;const g=Ee(E,l);b(g);const f=T=>{const i=Ee(T,l);b(i)},h=T=>{document.removeEventListener("mousemove",f),document.removeEventListener("mouseup",h);const i=Ee(T,l);b(i),n==null||n(i),s.current=!1};document.addEventListener("mousemove",f),document.addEventListener("mouseup",h)},[n]);return v.jsx("div",{ref:l,className:$(a.b(),a.bs("vars")),onMouseDown:d,role:"slider","aria-label":"Audio progress","aria-valuenow":y?y*100:0,"aria-valuemin":0,"aria-valuemax":100,"aria-live":"polite",children:v.jsxs("div",{className:a.be("inner"),children:[typeof e<"u"?v.jsx("div",{className:a.be("loaded"),style:{width:`${e*100}%`}}):null,typeof y<"u"?v.jsx("div",{className:a.be("played"),style:{width:`${y*100}%`},children:v.jsx("span",{className:a.be("thumb"),children:v.jsx("span",{className:$(o.bs("loading")),children:v.jsx(Ar,{})})})}):null]})})}function kr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M16.15 13H5q-.425 0-.712-.288T4 12t.288-.712T5 11h11.15L13.3 8.15q-.3-.3-.288-.7t.288-.7q.3-.3.713-.312t.712.287L19.3 11.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-4.575 4.575q-.3.3-.712.288t-.713-.313q-.275-.3-.288-.7t.288-.7z"}}]})(e)}function qr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M10.5 17q1.05 0 1.775-.725T13 14.5V9h3V7h-4v5.5q-.325-.225-.7-.363T10.5 12q-1.05 0-1.775.725T8 14.5t.725 1.775T10.5 17M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20z"}}]})(e)}function Rr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14 19V5h4v14zm-8 0V5h4v14z"}}]})(e)}function Dr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M8 17.175V6.825q0-.425.3-.713t.7-.287q.125 0 .263.037t.262.113l8.15 5.175q.225.15.338.375t.112.475t-.112.475t-.338.375l-8.15 5.175q-.125.075-.262.113T9 18.175q-.4 0-.7-.288t-.3-.712"}}]})(e)}function Vr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.5 10.5h-.75q-.325 0-.537-.213T10 9.75t.213-.537T10.75 9H12q.425 0 .713.288T13 10v4.25q0 .325-.213.538T12.25 15t-.537-.213t-.213-.537zM6.85 19l.85.85q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L3.7 18.7q-.15-.15-.213-.325T3.426 18t.063-.375t.212-.325l2.575-2.575q.3-.3.713-.287t.712.312q.275.3.288.7t-.288.7l-.85.85H17v-3q0-.425.288-.712T18 13t.713.288T19 14v3q0 .825-.587 1.413T17 19zm10.3-12H7v3q0 .425-.288.713T6 11t-.712-.288T5 10V7q0-.825.588-1.412T7 5h10.15l-.85-.85q-.3-.3-.288-.7t.288-.7q.3-.3.712-.312t.713.287L20.3 5.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.575 2.575q-.3.3-.712.288T16.3 9.25q-.275-.3-.288-.7t.288-.7z"}}]})(e)}function Ir(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"m6.85 19l.85.85q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L3.7 18.7q-.15-.15-.213-.325T3.426 18t.063-.375t.212-.325l2.575-2.575q.3-.3.713-.287t.712.312q.275.3.288.7t-.288.7l-.85.85H17v-3q0-.425.288-.712T18 13t.713.288T19 14v3q0 .825-.587 1.413T17 19zm10.3-12H7v3q0 .425-.288.713T6 11t-.712-.288T5 10V7q0-.825.588-1.412T7 5h10.15l-.85-.85q-.3-.3-.288-.7t.288-.7q.3-.3.712-.312t.713.287L20.3 5.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.575 2.575q-.3.3-.712.288T16.3 9.25q-.275-.3-.288-.7t.288-.7z"}}]})(e)}function Fr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M9 15H6q-.425 0-.712-.288T5 14v-4q0-.425.288-.712T6 9h3l3.3-3.3q.475-.475 1.088-.213t.612.938v11.15q0 .675-.612.938T12.3 18.3zm9.5-3q0 1.05-.475 1.988t-1.25 1.537q-.25.15-.512.013T16 15.1V8.85q0-.3.263-.437t.512.012q.775.625 1.25 1.575t.475 2"}}]})(e)}function Br(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7 15V9h4l5-5v16l-5-5z"}}]})(e)}function zr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M19 11.975q0-2.075-1.1-3.787t-2.95-2.563q-.375-.175-.55-.537t-.05-.738q.15-.4.538-.575t.787 0Q18.1 4.85 19.55 7.063T21 11.974t-1.45 4.913t-3.875 3.287q-.4.175-.788 0t-.537-.575q-.125-.375.05-.737t.55-.538q1.85-.85 2.95-2.562t1.1-3.788M7 15H4q-.425 0-.712-.288T3 14v-4q0-.425.288-.712T4 9h3l3.3-3.3q.475-.475 1.088-.213t.612.938v11.15q0 .675-.612.938T10.3 18.3zm9.5-3q0 1.05-.475 1.988t-1.25 1.537q-.25.15-.513.013T14 15.1V8.85q0-.3.263-.437t.512.012q.775.625 1.25 1.575t.475 2"}}]})(e)}function Hr({volume:e,muted:t,onToggleMuted:n,onChangeVolume:a}){const o=F("aplayer-volumn"),l=F("aplayer-icon"),y=c.useRef(null),[b,s]=c.useState(!1),d=c.useCallback(E=>{a(xe(E,y)),s(!0);const g=h=>{a(xe(h,y))},f=h=>{document.removeEventListener("mouseup",f),document.removeEventListener("mousemove",g),s(!1),a(xe(h,y))};document.addEventListener("mousemove",g),document.addEventListener("mouseup",f)},[a]);return v.jsxs("div",{className:$(o.b(),o.bs("vars")),children:[v.jsx("button",{type:"button",className:$(l.b(),l.bs("volume-down")),onClick:()=>n(),"aria-label":t||!e?"Muted":"unMuted",children:t||!e?v.jsx(Br,{}):e>=1?v.jsx(zr,{}):v.jsx(Fr,{})}),v.jsx("div",{className:$(o.be("bar-wrap"),{[o.bem("bar-wrap","active")]:b}),ref:y,onMouseDown:d,children:v.jsx("div",{className:o.be("bar"),children:v.jsx("div",{className:o.be("thumb"),style:{height:t?0:`${e*100}%`}})})})]})}function We(e){if(typeof e>"u")return"--:--";if(Number.isNaN(e))return"00:00";const t=y=>y<10?`0${y}`:`${y}`,n=Math.trunc(e/60),a=Math.trunc(e-n*60),o=Math.trunc(n/60),l=Math.trunc(e/60-60*Math.trunc(e/60/60));return e>=3600?`${t(o)}:${t(l)}:${t(a)}`:`${t(n)}:${t(a)}`}function Wr(e){return k({attrs:{viewBox:"0 0 1024 1024"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M485.6 249.9L198.2 498c-8.3 7.1-8.3 20.8 0 27.9l287.4 248.2c10.7 9.2 26.4.9 26.4-14V263.8c0-14.8-15.7-23.2-26.4-13.9m320 0L518.2 498a18.6 18.6 0 0 0-6.2 14c0 5.2 2.1 10.4 6.2 14l287.4 248.2c10.7 9.2 26.4.9 26.4-14V263.8c0-14.8-15.7-23.2-26.4-13.9"}}]})(e)}function Ur(e){return k({attrs:{viewBox:"0 0 1024 1024"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M825.8 498L538.4 249.9c-10.7-9.2-26.4-.9-26.4 14v496.3c0 14.9 15.7 23.2 26.4 14L825.8 526c8.3-7.2 8.3-20.8 0-28m-320 0L218.4 249.9c-10.7-9.2-26.4-.9-26.4 14v496.3c0 14.9 15.7 23.2 26.4 14L505.8 526c4.1-3.6 6.2-8.8 6.2-14s-2.1-10.4-6.2-14"}}]})(e)}function Yr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"}}]})(e)}function Gr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2 5.27L3.28 4L20 20.72L18.73 22l-3-3H7v3l-4-4l4-4v3h6.73L7 10.27V11H5V8.27zM17 13h2v4.18l-2-2zm0-8V2l4 4l-4 4V7H8.82l-2-2z"}}]})(e)}function Kr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"m17 3l5.25 4.5L17 12l5.25 4.5L17 21v-3h-2.74l-2.82-2.82l2.12-2.12L15.5 15H17V9h-1.5l-9 9H2v-3h3.26l9-9H17zM2 6h4.5l2.82 2.82l-2.12 2.12L5.26 9H2z"}}]})(e)}function Jr({volume:e,onChangeVolume:t,muted:n,currentTime:a,audioDurationSeconds:o,bufferedSeconds:l,onToggleMenu:y,onToggleMuted:b,order:s,onOrderChange:d,loop:E,onLoopChange:g,onSeek:f,isPlaying:h,onTogglePlay:T,onSkipForward:i,onSkipBack:p,showLyrics:S=!0,onToggleLyrics:C}){const x=F("aplayer-controller"),M=F("aplayer-icon"),G=c.useCallback(()=>{const D={list:"random",random:"list"}[s];d(D)},[s,d]),te=c.useCallback(()=>{const D={all:"one",one:"none",none:"all"}[E];g(D)},[E,g]);return v.jsxs("div",{className:$(x.b(),x.bs("vars")),role:"group","aria-label":"Audio Controls",children:[v.jsx(Nr,{playedPercentage:typeof a>"u"||typeof o>"u"?void 0:a/o,bufferedPercentage:typeof l>"u"||typeof o>"u"?void 0:l/o,onSeek:D=>f==null?void 0:f(D*o)}),v.jsxs("div",{className:x.be("time"),children:[v.jsxs("span",{className:x.be("time-inner"),"aria-live":"polite",children:[v.jsx("span",{className:x.be("ptime"),children:We(a)})," / ",v.jsx("span",{className:x.be("dtime"),children:We(o)})]}),v.jsx("button",{className:$(M.b(),M.bs("back")),onClick:p,type:"button","aria-label":"Previous track",children:v.jsx(Wr,{})}),v.jsx("button",{className:$(M.b(),M.bs("play")),onClick:T,type:"button","aria-label":h?"Pause audio":"Play audio",children:h?v.jsx(Rr,{}):v.jsx(Dr,{})}),v.jsx("button",{className:$(M.b(),M.bs("forward")),onClick:i,type:"button","aria-label":"Next track",children:v.jsx(Ur,{})}),v.jsx(Hr,{volume:e,muted:n,onToggleMuted:b,onChangeVolume:t}),v.jsx("button",{className:$(M.b(),M.bs("order")),onClick:G,type:"button","aria-label":`Playback order: ${s}`,children:{list:v.jsx(kr,{}),random:v.jsx(Kr,{})}[s]}),v.jsx("button",{className:$(M.b(),M.bs("order")),onClick:te,type:"button","aria-label":`Loop mode: ${E}`,children:{all:v.jsx(Ir,{}),one:v.jsx(Vr,{}),none:v.jsx(Gr,{})}[E]}),v.jsx("button",{type:"button",className:$(M.b(),M.bs("menu")),onClick:()=>y==null?void 0:y(),"aria-label":"Toggle playlist menu",children:v.jsx(Yr,{})}),v.jsx("button",{type:"button",className:$(M.b(),M.bs("lrc"),{[M.ns("lrc-inactivity")]:!S}),onClick:C,"aria-label":S?"Hide lyrics":"Show lyrics","aria-pressed":S,children:v.jsx(qr,{})})]})]})}function Xr({open:e,audio:t,playingAudioUrl:n,onPlayAudio:a,listMaxHeight:o}){const l=F("aplayer-list"),y=o?{maxHeight:o}:void 0,b=c.useCallback(d=>d?typeof d=="string"?d:d.name??"Audio artist":"Audio artist",[]),s=c.useRef(null);return c.useEffect(()=>{if(s.current){const d=s.current;return d.style.maxHeight=`${Math.min(d.scrollHeight,o??1/0)}px`,()=>{d.removeAttribute("style")}}},[o]),v.jsx("div",{ref:s,className:$(l.b(),{[l.bm("hide")]:!e}),"aria-label":"Audio playlist","aria-live":"polite",children:v.jsx("ol",{style:y,children:t.map((d,E)=>v.jsxs("li",{className:$({[l.bm("active")]:d.url===n}),onClick:()=>{d.url!==n&&(a==null||a(d))},role:"button","aria-label":`${d.name??"Audio name"} by ${b(d.artist)}}`,children:[v.jsx("span",{className:l.be("cur")}),v.jsx("span",{className:l.be("index"),children:E+1}),v.jsx("span",{className:l.be("title"),children:d.name??"Audio name"}),v.jsx("span",{className:l.be("author"),children:b(d.artist)})]},d.name||E))})})}function Ue({show:e,lrcText:t,currentTime:n}){const a=F("aplayer-lrc"),o=c.useMemo(()=>Qr(t),[t]),l=c.useMemo(()=>{for(let b=0;b<o.length;b++){const s=o[b],d=o[b+1];if(n>=s[0]&&(!d||n<d[0]))return b}return 0},[n,o]),y=c.useMemo(()=>({transform:`translateY(${-l*16}px)`,WebkitTransform:`translateY(${-l*16}px)`}),[l]);return v.jsx("div",{className:$(a.b(),{[a.bm("hide")]:!e}),children:t?v.jsx("div",{className:a.be("contents"),style:y,children:o.map(([,b],s)=>v.jsx("p",{className:$({[a.be("current")]:s===l}),children:b},s))}):null})}function Qr(e){if(e){e=e.replace(/([^\]^\n])\[/g,(o,l)=>`${l}
|
|
25
|
+
Check the top-level render call using <`+m+">.")}return u}}function cr(r,u){{if(!r._store||r._store.validated||r.key!=null)return;r._store.validated=!0;var m=Pt(u);if(lr[m])return;lr[m]=!0;var _="";r&&r._owner&&r._owner!==$e.current&&(_=" It was passed a child from "+I(r._owner.type)+"."),J(r),x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',m,_),J(null)}}function fr(r,u){{if(typeof r!="object")return;if(Le(r))for(var m=0;m<r.length;m++){var _=r[m];Me(_)&&cr(_,u)}else if(Me(r))r._store&&(r._store.validated=!0);else if(r){var O=S(r);if(typeof O=="function"&&O!==r.entries)for(var L=O.call(r),j;!(j=L.next()).done;)Me(j.value)&&cr(j.value,u)}}}function Lt(r){{var u=r.type;if(u==null||typeof u=="string")return;var m;if(typeof u=="function")m=u.propTypes;else if(typeof u=="object"&&(u.$$typeof===d||u.$$typeof===f))m=u.propTypes;else return;if(m){var _=I(u);yt(m,r.props,"prop",_,r)}else if(u.PropTypes!==void 0&&!Ae){Ae=!0;var O=I(u);x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",O||"Unknown")}typeof u.getDefaultProps=="function"&&!u.getDefaultProps.isReactClassApproved&&x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function $t(r){{for(var u=Object.keys(r.props),m=0;m<u.length;m++){var _=u[m];if(_!=="children"&&_!=="key"){J(r),x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",_),J(null);break}}r.ref!==null&&(J(r),x("Invalid attribute `ref` supplied to `React.Fragment`."),J(null))}}function dr(r,u,m,_,O,L){{var j=de(r);if(!j){var w="";(r===void 0||typeof r=="object"&&r!==null&&Object.keys(r).length===0)&&(w+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var q=Ct();q?w+=q:w+=sr();var A;r===null?A="null":Le(r)?A="array":r!==void 0&&r.$$typeof===n?(A="<"+(I(r.type)||"Unknown")+" />",w=" Did you accidentally export a JSX literal instead of a component?"):A=typeof r,x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",A,w)}var N=Ot(r,u,m,O,L);if(N==null)return N;if(j){var R=u.children;if(R!==void 0)if(_)if(Le(R)){for(var X=0;X<R.length;X++)fr(R[X],r);Object.freeze&&Object.freeze(R)}else x("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 fr(R,r)}return r===o?$t(N):Lt(N),N}}function At(r,u,m){return dr(r,u,m,!0)}function Mt(r,u,m){return dr(r,u,m,!1)}var Nt=Mt,kt=At;Z.Fragment=o,Z.jsx=Nt,Z.jsxs=kt}(),Z}var qe;function br(){if(qe)return oe.exports;qe=1;var e={};return e.NODE_ENV==="production"?oe.exports=hr():oe.exports=yr(),oe.exports}var v=br(),ue=e=>`--${e}`,Re=e=>`var(--${e})`,De=(e,t)=>`--${e}: ${t};`;function pr(e,t){const n=a=>t;return{b:()=>`${n()}-${e}`,be:a=>`${n()}-${e}__${a}`,bm:a=>`${n()}-${e}--${a}`,bem:(a,o)=>`${n()}-${e}__${a}--${o}`,bs:a=>`${n()}-${e}-${a}`,ns:a=>`${n()}-${a}`,cb:()=>`.${n()}-${e}`,cbe:a=>`.${n()}-${e}__${a}`,cbm:a=>`.${n()}-${e}--${a}`,cbem:(a,o)=>`.${n()}-${e}__${a}--${o}`,cbs:a=>`.${n()}-${e}-${a}`,cns:a=>`.${n()}-${a}`,cv:a=>ue(`${n()}-${e}-${a}`),cvm:(a,o={})=>{const l=n();for(const y of Object.keys(a))o[ue(`${l}-${e}-${y}`)]=a[y];return o},gcv:a=>Re(`${n()}-${e}-${a}`),scv:(a,o)=>De(`${n()}-${e}-${a}`,o),nv:a=>ue(`${n()}-${a}`),nvm:(a,o={})=>{const l=n();for(const y of Object.keys(a))o[ue(`${l}-${y}`)]=a[y];return o},gnv:a=>Re(`${n()}-${a}`),snv:(a,o)=>De(`${n()}-${a}`,o)}}function F(e){return c.useMemo(()=>pr(e,"twist"),[e])}function Ee(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 xe(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}var Ve={color:void 0,size:void 0,className:void 0,style:void 0,attrs:void 0},_e=U.createContext(Ve);_e.Provider;function ee(e){"@babel/helpers - typeof";return ee=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},ee(e)}var gr=["attrs","size","title","spin","rotate","color"];function Er(e,t){return Sr(e)||_r(e,t)||Ie(e,t)||xr()}function xr(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
26
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _r(e,t){var n=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n!=null){var a,o,l,y,p=[],s=!0,d=!1;try{if(l=(n=n.call(e)).next,t!==0)for(;!(s=(a=l.call(n)).done)&&(p.push(a.value),p.length!==t);s=!0);}catch(E){d=!0,o=E}finally{try{if(!s&&n.return!=null&&(y=n.return(),Object(y)!==y))return}finally{if(d)throw o}}return p}}function Sr(e){if(Array.isArray(e))return e}function Tr(e,t){var n=typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=Ie(e))||t){n&&(e=n);var a=0,o=function(){};return{s:o,n:function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}},e:function(d){throw d},f:o}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
|
|
27
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var l,y=!0,p=!1;return{s:function(){n=n.call(e)},n:function(){var d=n.next();return y=d.done,d},e:function(d){p=!0,l=d},f:function(){try{y||n.return==null||n.return()}finally{if(p)throw l}}}}function Ie(e,t){if(e){if(typeof e=="string")return Fe(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)?Fe(e,t):void 0}}function Fe(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function se(){return se=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},se.apply(null,arguments)}function Be(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),n.push.apply(n,a)}return n}function re(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?Be(Object(n),!0).forEach(function(a){wr(e,a,n[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Be(Object(n)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(n,a))})}return e}function wr(e,t,n){return(t=jr(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function jr(e){var t=Or(e,"string");return ee(t)=="symbol"?t:t+""}function Or(e,t){if(ee(e)!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var a=n.call(e,t);if(ee(a)!="object")return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Cr(e,t){if(e==null)return{};var n,a,o=Pr(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)n=l[a],t.includes(n)||{}.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function Pr(e,t){if(e==null)return{};var n={};for(var a in e)if({}.hasOwnProperty.call(e,a)){if(t.includes(a))continue;n[a]=e[a]}return n}function Lr(e){var t=e.attrs,n=e.size,a=e.title,o=e.spin,l=e.rotate,y=e.color,p=Cr(e,gr),s=function(E){var g=n||E.size||"1em",f,h="",T="";return E.className&&(f=E.className),e.className&&(f=f?"".concat(f," ").concat(e.className):e.className),o&&(f?f+=" twist-icon-loading":f="twist-icon-loading"),l&&(h="rotate(".concat(l,"deg)"),T="rotate(".concat(l,"deg)")),U.createElement("svg",se({xmlns:"http://www.w3.org/2000/svg"},E.attrs,t,p,{className:f,style:re(re({color:y||E.color,msTransform:h,transform:T},E.style),e.style),width:g,height:g}),a&&U.createElement("title",null,a),e.children)};return _e!==void 0?U.createElement(_e.Consumer,null,function(d){return s(d)}):s(Ve)}function $r(e){var t={},n=e.split(";"),a=Tr(n),o;try{for(a.s();!(o=a.n()).done;){var l=o.value,y=l.split(":"),p=Er(y,2),s=p[0],d=p[1];if(s&&d){var E=s.trim().replace(/-./g,function(g){return g.charAt(1).toUpperCase()});t[E]=d.trim()}}}catch(g){a.e(g)}finally{a.f()}return t}function ze(e){return e&&e.map(function(t,n){return U.createElement(t.tag,re(re({},t.attrs),{},{key:n,style:t.attrs.style?$r(t.attrs.style):null}),ze(t.children))})}function k(e){return function(t){return U.createElement(Lr,se({attrs:re({},e.attrs)},t),ze(e.children))}}function Ar(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M12 2.25c-5.384 0-9.75 4.366-9.75 9.75s4.366 9.75 9.75 9.75v-2.437A7.312 7.312 0 1 1 19.313 12h2.437c0-5.384-4.366-9.75-9.75-9.75"}}]})(e)}function Mr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M18.25 12L8.5 17.629V6.37z"}}]})(e)}function He(e){var t,n,a="";if(typeof e=="string"||typeof e=="number")a+=e;else if(typeof e=="object")if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(n=He(e[t]))&&(a&&(a+=" "),a+=n)}else for(n in e)e[n]&&(a&&(a+=" "),a+=n);return a}function $(){for(var e,t,n=0,a="",o=arguments.length;n<o;n++)(e=arguments[n])&&(t=He(e))&&(a&&(a+=" "),a+=t);return a}function Nr({bufferedPercentage:e,playedPercentage:t,onSeek:n}){const a=F("aplayer-bar"),o=F("aplayer-icon"),l=c.useRef(null),[y,p]=c.useState(t),s=c.useRef(!1);c.useEffect(()=>{s.current||p(t)},[t]);const d=c.useCallback(E=>{s.current=!0;const g=Ee(E,l);p(g);const f=T=>{const i=Ee(T,l);p(i)},h=T=>{document.removeEventListener("mousemove",f),document.removeEventListener("mouseup",h);const i=Ee(T,l);p(i),n==null||n(i),s.current=!1};document.addEventListener("mousemove",f),document.addEventListener("mouseup",h)},[n]);return v.jsx("div",{ref:l,className:$(a.b(),a.bs("vars")),onMouseDown:d,role:"slider","aria-label":"Audio progress","aria-valuenow":y?y*100:0,"aria-valuemin":0,"aria-valuemax":100,"aria-live":"polite",children:v.jsxs("div",{className:a.be("inner"),children:[typeof e<"u"?v.jsx("div",{className:a.be("loaded"),style:{width:`${e*100}%`}}):null,typeof y<"u"?v.jsx("div",{className:a.be("played"),style:{width:`${y*100}%`},children:v.jsx("span",{className:a.be("thumb"),children:v.jsx("span",{className:$(o.bs("loading")),children:v.jsx(Ar,{})})})}):null]})})}function kr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M16.15 13H5q-.425 0-.712-.288T4 12t.288-.712T5 11h11.15L13.3 8.15q-.3-.3-.288-.7t.288-.7q.3-.3.713-.312t.712.287L19.3 11.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-4.575 4.575q-.3.3-.712.288t-.713-.313q-.275-.3-.288-.7t.288-.7z"}}]})(e)}function qr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M10.5 17q1.05 0 1.775-.725T13 14.5V9h3V7h-4v5.5q-.325-.225-.7-.363T10.5 12q-1.05 0-1.775.725T8 14.5t.725 1.775T10.5 17M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20z"}}]})(e)}function Rr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M14 19V5h4v14zm-8 0V5h4v14z"}}]})(e)}function Dr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M8 17.175V6.825q0-.425.3-.713t.7-.287q.125 0 .263.037t.262.113l8.15 5.175q.225.15.338.375t.112.475t-.112.475t-.338.375l-8.15 5.175q-.125.075-.262.113T9 18.175q-.4 0-.7-.288t-.3-.712"}}]})(e)}function Vr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M11.5 10.5h-.75q-.325 0-.537-.213T10 9.75t.213-.537T10.75 9H12q.425 0 .713.288T13 10v4.25q0 .325-.213.538T12.25 15t-.537-.213t-.213-.537zM6.85 19l.85.85q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L3.7 18.7q-.15-.15-.213-.325T3.426 18t.063-.375t.212-.325l2.575-2.575q.3-.3.713-.287t.712.312q.275.3.288.7t-.288.7l-.85.85H17v-3q0-.425.288-.712T18 13t.713.288T19 14v3q0 .825-.587 1.413T17 19zm10.3-12H7v3q0 .425-.288.713T6 11t-.712-.288T5 10V7q0-.825.588-1.412T7 5h10.15l-.85-.85q-.3-.3-.288-.7t.288-.7q.3-.3.712-.312t.713.287L20.3 5.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.575 2.575q-.3.3-.712.288T16.3 9.25q-.275-.3-.288-.7t.288-.7z"}}]})(e)}function Ir(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"m6.85 19l.85.85q.3.3.288.7t-.288.7q-.3.3-.712.313t-.713-.288L3.7 18.7q-.15-.15-.213-.325T3.426 18t.063-.375t.212-.325l2.575-2.575q.3-.3.713-.287t.712.312q.275.3.288.7t-.288.7l-.85.85H17v-3q0-.425.288-.712T18 13t.713.288T19 14v3q0 .825-.587 1.413T17 19zm10.3-12H7v3q0 .425-.288.713T6 11t-.712-.288T5 10V7q0-.825.588-1.412T7 5h10.15l-.85-.85q-.3-.3-.288-.7t.288-.7q.3-.3.712-.312t.713.287L20.3 5.3q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.575 2.575q-.3.3-.712.288T16.3 9.25q-.275-.3-.288-.7t.288-.7z"}}]})(e)}function Fr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M9 15H6q-.425 0-.712-.288T5 14v-4q0-.425.288-.712T6 9h3l3.3-3.3q.475-.475 1.088-.213t.612.938v11.15q0 .675-.612.938T12.3 18.3zm9.5-3q0 1.05-.475 1.988t-1.25 1.537q-.25.15-.512.013T16 15.1V8.85q0-.3.263-.437t.512.012q.775.625 1.25 1.575t.475 2"}}]})(e)}function Br(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M7 15V9h4l5-5v16l-5-5z"}}]})(e)}function zr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M19 11.975q0-2.075-1.1-3.787t-2.95-2.563q-.375-.175-.55-.537t-.05-.738q.15-.4.538-.575t.787 0Q18.1 4.85 19.55 7.063T21 11.974t-1.45 4.913t-3.875 3.287q-.4.175-.788 0t-.537-.575q-.125-.375.05-.737t.55-.538q1.85-.85 2.95-2.562t1.1-3.788M7 15H4q-.425 0-.712-.288T3 14v-4q0-.425.288-.712T4 9h3l3.3-3.3q.475-.475 1.088-.213t.612.938v11.15q0 .675-.612.938T10.3 18.3zm9.5-3q0 1.05-.475 1.988t-1.25 1.537q-.25.15-.513.013T14 15.1V8.85q0-.3.263-.437t.512.012q.775.625 1.25 1.575t.475 2"}}]})(e)}function Hr({volume:e,muted:t,onToggleMuted:n,onChangeVolume:a}){const o=F("aplayer-volumn"),l=F("aplayer-icon"),y=c.useRef(null),[p,s]=c.useState(!1),d=c.useCallback(E=>{a(xe(E,y)),s(!0);const g=h=>{a(xe(h,y))},f=h=>{document.removeEventListener("mouseup",f),document.removeEventListener("mousemove",g),s(!1),a(xe(h,y))};document.addEventListener("mousemove",g),document.addEventListener("mouseup",f)},[a]);return v.jsxs("div",{className:$(o.b(),o.bs("vars")),children:[v.jsx("button",{type:"button",className:$(l.b(),l.bs("volume-down")),onClick:()=>n(),"aria-label":t||!e?"Muted":"unMuted",children:t||!e?v.jsx(Br,{}):e>=1?v.jsx(zr,{}):v.jsx(Fr,{})}),v.jsx("div",{className:$(o.be("bar-wrap"),{[o.bem("bar-wrap","active")]:p}),ref:y,onMouseDown:d,children:v.jsx("div",{className:o.be("bar"),children:v.jsx("div",{className:o.be("thumb"),style:{height:t?0:`${e*100}%`}})})})]})}function We(e){if(typeof e>"u")return"--:--";if(Number.isNaN(e))return"00:00";const t=y=>y<10?`0${y}`:`${y}`,n=Math.trunc(e/60),a=Math.trunc(e-n*60),o=Math.trunc(n/60),l=Math.trunc(e/60-60*Math.trunc(e/60/60));return e>=3600?`${t(o)}:${t(l)}:${t(a)}`:`${t(n)}:${t(a)}`}function Wr(e){return k({attrs:{viewBox:"0 0 1024 1024"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M485.6 249.9L198.2 498c-8.3 7.1-8.3 20.8 0 27.9l287.4 248.2c10.7 9.2 26.4.9 26.4-14V263.8c0-14.8-15.7-23.2-26.4-13.9m320 0L518.2 498a18.6 18.6 0 0 0-6.2 14c0 5.2 2.1 10.4 6.2 14l287.4 248.2c10.7 9.2 26.4.9 26.4-14V263.8c0-14.8-15.7-23.2-26.4-13.9"}}]})(e)}function Ur(e){return k({attrs:{viewBox:"0 0 1024 1024"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M825.8 498L538.4 249.9c-10.7-9.2-26.4-.9-26.4 14v496.3c0 14.9 15.7 23.2 26.4 14L825.8 526c8.3-7.2 8.3-20.8 0-28m-320 0L218.4 249.9c-10.7-9.2-26.4-.9-26.4 14v496.3c0 14.9 15.7 23.2 26.4 14L505.8 526c4.1-3.6 6.2-8.8 6.2-14s-2.1-10.4-6.2-14"}}]})(e)}function Yr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"}}]})(e)}function Gr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M2 5.27L3.28 4L20 20.72L18.73 22l-3-3H7v3l-4-4l4-4v3h6.73L7 10.27V11H5V8.27zM17 13h2v4.18l-2-2zm0-8V2l4 4l-4 4V7H8.82l-2-2z"}}]})(e)}function Kr(e){return k({attrs:{viewBox:"0 0 24 24"},children:[{tag:"path",attrs:{fill:"currentColor",d:"m17 3l5.25 4.5L17 12l5.25 4.5L17 21v-3h-2.74l-2.82-2.82l2.12-2.12L15.5 15H17V9h-1.5l-9 9H2v-3h3.26l9-9H17zM2 6h4.5l2.82 2.82l-2.12 2.12L5.26 9H2z"}}]})(e)}function Jr({volume:e,onChangeVolume:t,muted:n,currentTime:a,audioDurationSeconds:o,bufferedSeconds:l,onToggleMenu:y,onToggleMuted:p,order:s,onOrderChange:d,loop:E,onLoopChange:g,onSeek:f,isPlaying:h,onTogglePlay:T,onSkipForward:i,onSkipBack:b,showLyrics:S=!0,onToggleLyrics:C}){const x=F("aplayer-controller"),M=F("aplayer-icon"),G=c.useCallback(()=>{const D={list:"random",random:"list"}[s];d(D)},[s,d]),te=c.useCallback(()=>{const D={all:"one",one:"none",none:"all"}[E];g(D)},[E,g]);return v.jsxs("div",{className:$(x.b(),x.bs("vars")),role:"group","aria-label":"Audio Controls",children:[v.jsx(Nr,{playedPercentage:typeof a>"u"||typeof o>"u"?void 0:a/o,bufferedPercentage:typeof l>"u"||typeof o>"u"?void 0:l/o,onSeek:D=>f==null?void 0:f(D*o)}),v.jsxs("div",{className:x.be("time"),children:[v.jsxs("span",{className:x.be("time-inner"),"aria-live":"polite",children:[v.jsx("span",{className:x.be("ptime"),children:We(a)})," / ",v.jsx("span",{className:x.be("dtime"),children:We(o)})]}),v.jsx("button",{className:$(M.b(),M.bs("back")),onClick:b,type:"button","aria-label":"Previous track",children:v.jsx(Wr,{})}),v.jsx("button",{className:$(M.b(),M.bs("play")),onClick:T,type:"button","aria-label":h?"Pause audio":"Play audio",children:h?v.jsx(Rr,{}):v.jsx(Dr,{})}),v.jsx("button",{className:$(M.b(),M.bs("forward")),onClick:i,type:"button","aria-label":"Next track",children:v.jsx(Ur,{})}),v.jsx(Hr,{volume:e,muted:n,onToggleMuted:p,onChangeVolume:t}),v.jsx("button",{className:$(M.b(),M.bs("order")),onClick:G,type:"button","aria-label":`Playback order: ${s}`,children:{list:v.jsx(kr,{}),random:v.jsx(Kr,{})}[s]}),v.jsx("button",{className:$(M.b(),M.bs("order")),onClick:te,type:"button","aria-label":`Loop mode: ${E}`,children:{all:v.jsx(Ir,{}),one:v.jsx(Vr,{}),none:v.jsx(Gr,{})}[E]}),v.jsx("button",{type:"button",className:$(M.b(),M.bs("menu")),onClick:()=>y==null?void 0:y(),"aria-label":"Toggle playlist menu",children:v.jsx(Yr,{})}),v.jsx("button",{type:"button",className:$(M.b(),M.bs("lrc"),{[M.ns("lrc-inactivity")]:!S}),onClick:C,"aria-label":S?"Hide lyrics":"Show lyrics","aria-pressed":S,children:v.jsx(qr,{})})]})]})}function Xr({open:e,audio:t,playingAudioUrl:n,onPlayAudio:a,listMaxHeight:o}){const l=F("aplayer-list"),y=o?{maxHeight:o}:void 0,p=c.useCallback(d=>d?typeof d=="string"?d:d.name??"Audio artist":"Audio artist",[]),s=c.useRef(null);return c.useEffect(()=>{if(s.current){const d=s.current;return d.style.maxHeight=`${Math.min(d.scrollHeight,o??1/0)}px`,()=>{d.removeAttribute("style")}}},[o]),v.jsx("div",{ref:s,className:$(l.b(),{[l.bm("hide")]:!e}),"aria-label":"Audio playlist","aria-live":"polite",children:v.jsx("ol",{style:y,children:t.map((d,E)=>v.jsxs("li",{className:$({[l.bm("active")]:d.url===n}),onClick:()=>{d.url!==n&&(a==null||a(d))},role:"button","aria-label":`${d.name??"Audio name"} by ${p(d.artist)}}`,children:[v.jsx("span",{className:l.be("cur")}),v.jsx("span",{className:l.be("index"),children:E+1}),v.jsx("span",{className:l.be("title"),children:d.name??"Audio name"}),v.jsx("span",{className:l.be("author"),children:p(d.artist)})]},d.name||E))})})}function Ue({show:e,lrcText:t,currentTime:n}){const a=F("aplayer-lrc"),o=c.useMemo(()=>Qr(t),[t]),l=c.useMemo(()=>{for(let p=0;p<o.length;p++){const s=o[p],d=o[p+1];if(n>=s[0]&&(!d||n<d[0]))return p}return 0},[n,o]),y=c.useMemo(()=>({transform:`translateY(${-l*16}px)`,WebkitTransform:`translateY(${-l*16}px)`}),[l]);return v.jsx("div",{className:$(a.b(),{[a.bm("hide")]:!e}),children:t?v.jsx("div",{className:a.be("contents"),style:y,children:o.map(([,p],s)=>v.jsx("p",{className:$({[a.be("current")]:s===l}),children:p},s))}):null})}function Qr(e){if(e){e=e.replace(/([^\]^\n])\[/g,(o,l)=>`${l}
|
|
28
28
|
[`);const t=e.split(`
|
|
29
|
-
`),n=[],a=t.length;for(let o=0;o<a;o++){const l=t[o].match(/\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g),y=t[o].replace(/.*\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g,"").replace(/<(\d{2}):(\d{2})(\.(\d{2,3}))?>/g,"").replace(/^\s+|\s+$/g,"");if(l){const
|
|
29
|
+
`),n=[],a=t.length;for(let o=0;o<a;o++){const l=t[o].match(/\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g),y=t[o].replace(/.*\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/g,"").replace(/<(\d{2}):(\d{2})(\.(\d{2,3}))?>/g,"").replace(/^\s+|\s+$/g,"");if(l){const p=l.length;for(let s=0;s<p;s++){const d=/\[(\d{2}):(\d{2})(\.(\d{2,3}))?\]/.exec(l[s]),E=d[1]*60,g=Number.parseInt(d[2]),f=d[4]?Number.parseInt(d[4])/(`${d[4]}`.length===2?100:1e3):0,h=E+g+f;n.push([h,y])}}}return n.sort((o,l)=>o[0]-l[0]),n}else return[]}var le={exports:{}},Se={};/**
|
|
30
30
|
* @license React
|
|
31
31
|
* use-sync-external-store-shim.production.js
|
|
32
32
|
*
|
|
@@ -34,7 +34,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
34
34
|
*
|
|
35
35
|
* This source code is licensed under the MIT license found in the
|
|
36
36
|
* LICENSE file in the root directory of this source tree.
|
|
37
|
-
*/var Ye;function Zr(){if(Ye)return Se;Ye=1;var e=c;function t(g,f){return g===f&&(g!==0||1/g===1/f)||g!==g&&f!==f}var n=typeof Object.is=="function"?Object.is:t,a=e.useState,o=e.useEffect,l=e.useLayoutEffect,y=e.useDebugValue;function
|
|
37
|
+
*/var Ye;function Zr(){if(Ye)return Se;Ye=1;var e=c;function t(g,f){return g===f&&(g!==0||1/g===1/f)||g!==g&&f!==f}var n=typeof Object.is=="function"?Object.is:t,a=e.useState,o=e.useEffect,l=e.useLayoutEffect,y=e.useDebugValue;function p(g,f){var h=f(),T=a({inst:{value:h,getSnapshot:f}}),i=T[0].inst,b=T[1];return l(function(){i.value=h,i.getSnapshot=f,s(i)&&b({inst:i})},[g,h,f]),o(function(){return s(i)&&b({inst:i}),g(function(){s(i)&&b({inst:i})})},[g]),y(h),h}function s(g){var f=g.getSnapshot;g=g.value;try{var h=f();return!n(g,h)}catch{return!0}}function d(g,f){return f()}var E=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?d:p;return Se.useSyncExternalStore=e.useSyncExternalStore!==void 0?e.useSyncExternalStore:E,Se}var Te={},Ge;function et(){if(Ge)return Te;Ge=1;var e={};/**
|
|
38
38
|
* @license React
|
|
39
39
|
* use-sync-external-store-shim.development.js
|
|
40
40
|
*
|
|
@@ -42,4 +42,4 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
42
42
|
*
|
|
43
43
|
* This source code is licensed under the MIT license found in the
|
|
44
44
|
* LICENSE file in the root directory of this source tree.
|
|
45
|
-
*/return e.NODE_ENV!=="production"&&function(){function t(T,i){return T===i&&(T!==0||1/T===1/i)||T!==T&&i!==i}function n(T,i){g||l.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 p=i();if(!f){var S=i();y(p,S)||(console.error("The result of getSnapshot should be cached to avoid an infinite loop"),f=!0)}S=b({inst:{value:p,getSnapshot:i}});var C=S[0].inst,x=S[1];return d(function(){C.value=p,C.getSnapshot=i,a(C)&&x({inst:C})},[T,p,i]),s(function(){return a(C)&&x({inst:C}),T(function(){a(C)&&x({inst:C})})},[T]),E(p),p}function a(T){var i=T.getSnapshot;T=T.value;try{var p=i();return!y(T,p)}catch{return!0}}function o(T,i){return i()}typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var l=c,y=typeof Object.is=="function"?Object.is:t,b=l.useState,s=l.useEffect,d=l.useLayoutEffect,E=l.useDebugValue,g=!1,f=!1,h=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?o:n;Te.useSyncExternalStore=l.useSyncExternalStore!==void 0?l.useSyncExternalStore:h,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())}(),Te}var Ke;function rt(){if(Ke)return le.exports;Ke=1;var e={};return e.NODE_ENV==="production"?le.exports=Zr():le.exports=et(),le.exports}var H=rt();const Y=[];function tt(e){const t=c.useRef();return c.useEffect(()=>{if(typeof window<"u"&&!t.current){const n=t.current=document.createElement("audio");typeof(e==null?void 0:e.src)<"u"&&(n.src=e.src),typeof(e==null?void 0:e.autoPlay)<"u"&&(n.autoplay=e.autoPlay),typeof(e==null?void 0:e.initialVolume)<"u"&&(n.volume=e.initialVolume),Y.includes(n)||Y.push(n)}},[e==null?void 0:e.autoPlay,e==null?void 0:e.initialVolume,e==null?void 0:e.src]),c.useEffect(()=>{if(typeof window>"u")return;const n=t.current;if(n&&(e!=null&&e.onError))return n.addEventListener("error",e.onError),()=>{n.removeEventListener("error",e.onError)}},[e==null?void 0:e.onError]),c.useEffect(()=>{if(typeof window>"u")return;const n=t.current;if(n&&(e!=null&&e.onEnded))return n.addEventListener("ended",e.onEnded),()=>{n.removeEventListener("ended",e.onEnded)}},[e==null?void 0:e.onEnded]),c.useEffect(()=>()=>{const n=t.current;if(n){n.pause(),n.currentTime=0;const a=Y.indexOf(n);a!==-1&&Y.splice(a,1)}t.current=void 0},[]),t}function nt(e){const t=tt(e),n=c.useCallback(i=>{for(let p=0;p<Y.length;p++){const S=Y[p];S!==i&&!S.paused&&S.pause()}},[]),a=c.useCallback(async i=>{var S;const p=t.current;if(p){e.mutex&&n(p),p.src!==i&&(p.pause(),p.currentTime=0,p.src=i);try{await((S=t.current)==null?void 0:S.play())}catch{}}},[t,e.mutex,n]),o=c.useCallback(i=>{const p=t.current;p&&(p.paused?a(i):p.pause())},[t,a]),l=c.useCallback(i=>{t.current.currentTime=i},[t]),y=c.useCallback(()=>{t.current&&(t.current.muted=!t.current.muted)},[t]),b=c.useCallback(i=>{t.current&&(t.current.volume=i)},[t]),s=H.useSyncExternalStore(c.useCallback(i=>{var p;return(p=t.current)==null||p.addEventListener("volumechange",i),()=>{var S;(S=t.current)==null||S.removeEventListener("volumechange",i)}},[t]),()=>{var i;return(i=t.current)==null?void 0:i.volume},()=>{}),d=H.useSyncExternalStore(c.useCallback(i=>{var p;return(p=t.current)==null||p.addEventListener("volumechange",i),()=>{var S;(S=t.current)==null||S.removeEventListener("volumechange",i)}},[t]),()=>{var i;return(i=t.current)==null?void 0:i.muted},()=>{}),E=H.useSyncExternalStore(c.useCallback(i=>{var p;return(p=t.current)==null||p.addEventListener("timeupdate",i),()=>{var S;(S=t.current)==null||S.removeEventListener("timeupdate",i)}},[t]),()=>{if(t.current)return Math.round(t.current.currentTime)},()=>{}),g=H.useSyncExternalStore(c.useCallback(i=>{var p;return(p=t.current)==null||p.addEventListener("durationchange",i),()=>{var S;(S=t.current)==null||S.removeEventListener("durationchange",i)}},[t]),()=>{var i;return(i=t.current)==null?void 0:i.duration},()=>{}),f=H.useSyncExternalStore(c.useCallback(i=>{var p;return(p=t.current)==null||p.addEventListener("progress",i),()=>{var S;(S=t.current)==null||S.removeEventListener("progress",i)}},[t]),()=>{const i=t.current;return i&&i.buffered.length>0?i.buffered.end(i.buffered.length-1):0},()=>{}),h=H.useSyncExternalStore(c.useCallback(i=>{var p,S;return(p=t.current)==null||p.addEventListener("play",i),(S=t.current)==null||S.addEventListener("pause",i),()=>{var C,x;(C=t.current)==null||C.removeEventListener("play",i),(x=t.current)==null||x.removeEventListener("pause",i)}},[t]),()=>{const i=t.current;return i?!i.paused:!1},()=>{}),T=H.useSyncExternalStore(c.useCallback(i=>{var p,S;return(p=t.current)==null||p.addEventListener("playing",i),(S=t.current)==null||S.addEventListener("waiting",i),()=>{var C,x;(C=t.current)==null||C.removeEventListener("playing",i),(x=t.current)==null||x.removeEventListener("waiting",i)}},[t]),()=>{const i=t.current;return i?i.networkState===i.NETWORK_LOADING:!1},()=>{});return{playAudio:a,togglePlay:o,seek:l,toggleMuted:y,setVolume:b,volume:s,muted:d,currentTime:E,duration:g,bufferedSeconds:f,isPlaying:h,isLoading:T}}function Je(){const e=c.useRef([]);return c.useEffect(()=>{const n=e.current;return()=>{for(const a of n)clearTimeout(a)}},[]),c.useCallback((n,a)=>{const o=setTimeout(n,a);return e.current.push(o),o},[])}function at(){const e=c.useRef(),[t,n]=c.useState({text:"",style:{opacity:0}}),a=Je(),o=c.useCallback((l,y=2e3)=>{e.current&&clearTimeout(e.current),n({text:l,style:{opacity:1}}),e.current=a(()=>{n({text:l,style:{opacity:0}})},y)},[a]);return[t,o]}function it(e){return ot(e.slice())}function ot(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 ut(e,{initialLoop:t="all",initialOrder:n="list",getSongId:a}){const[o,l]=c.useState(t),[y,b]=c.useState(n),s=c.useMemo(()=>y==="list"?e:it(e),[e,y]),[d,E]=c.useState(s[0]);c.useEffect(()=>{const i=s.find(p=>a(p)===a(d));E(i||s[0])},[s,a,d]);const g=c.useMemo(()=>{if(o==="one")return{...d};const i=s.indexOf(d);if(i<s.length-1)return s[i+1];if(o!=="none")return s[0]},[s,d,o]),f=c.useCallback(()=>{g&&E(g)},[g,o]),h=c.useCallback(()=>{E(i=>{const p=s.indexOf(i);return p>0?s[p-1]:i})},[s]),T=c.useCallback(i=>{E(i)},[]);return{currentSong:d,hasNextSong:typeof g<"u",next:f,previous:h,prioritize:T,order:y,setOrder:b,loop:o,setLoop:l,length:s.length}}function st(e){return k({attrs:{viewBox:"0 0 512 512"},children:[{tag:"path",attrs:{d:"M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z",fill:"currentColor"}}]})(e)}function lt(e){return k({attrs:{viewBox:"0 0 512 512"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M208 432h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16m144 0h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16"}}]})(e)}function ct({audio:e,appearance:t="normal",volume:n=.7,initialLoop:a,initialOrder:o,autoPlay:l=!1,listMaxHeight:y=250,mini:b=!1,mutex:s=!0,listFolded:d=!1,theme:E="light",border:g=!1}){var ne,ae,ie;const f=F("aplayer"),h=ut(Array.isArray(e)?e:[e],{initialLoop:a,initialOrder:o,getSongId:P=>P.url}),[T,i]=at(),p=Je(),S=c.useRef(),C=c.useCallback(()=>{S.current&&(clearTimeout(S.current),S.current=void 0)},[]),x=nt({src:h.currentSong.url,initialVolume:n,autoPlay:l,mutex:s,onError(P){const{error:me}=P.target;me&&i("An audio error has occurred, player will skip forward in 2 seconds."),h.hasNextSong&&(S.current=p(()=>{h.next()},2e3))},onEnded(){h.hasNextSong&&h.next()}});c.useEffect(()=>{l&&x.playAudio(h.currentSong.url)},[]);const M=c.useRef(!0);c.useEffect(()=>{M.current?M.current=!1:h.currentSong&&x.playAudio(h.currentSong.url)},[h.currentSong,x.playAudio]);const G=c.useCallback(()=>{C(),x.togglePlay(h.currentSong.url)},[x,C,h.currentSong.url]),te=c.useCallback(P=>P?typeof P=="string"?P:P.url?v.jsx("a",{href:P.url,target:"_blank",rel:"noreferrer",children:P.name??"Audio artist"}):P.name??"Audio artist":"Audio artist",[]),D=h.length>1,we=c.useMemo(()=>Array.isArray(e)?e:[e],[e]),{prioritize:ce}=h,fe=c.useCallback(P=>{C(),ce(P)},[C,ce]),[de,je]=c.useState(()=>D&&!d),[ve,I]=c.useState(b),[V,W]=c.useState(!0),K=c.useRef(null);return c.useEffect(()=>{I(b)},[b]),c.useEffect(()=>{if(t==="fixed"&&K.current){const P=K.current;return P.style.width=`${P.offsetWidth-18}px`,()=>{P.removeAttribute("style")}}},[t]),v.jsxs("div",{className:$(f.b(),{[f.bs(E)]:!0,[f.bs("vars")]:!0,[f.bm(t)]:!0,[f.bm("loading")]:x.isLoading,[f.bm("withlist")]:D,[f.bm("list-folded")]:!de,[f.bm("withlrc")]:!!h.currentSong.lrc&&t!=="fixed",[f.bm("narrow")]:ve,[f.bm("border")]:g}),role:"region","aria-label":"Audio Player",children:[v.jsxs("div",{ref:K,className:f.be("body"),children:[v.jsx("div",{className:f.be("pic"),onClick:G,style:{backgroundImage:`url("${(ne=h.currentSong)==null?void 0:ne.cover}")`},role:"button","aria-label":x.isPlaying?"Pause audio":"Play audio",children:v.jsx("div",{className:$(f.be("button"),x.isPlaying?f.bm("pause"):f.bm("play")),role:"presentation",children:x.isPlaying?v.jsx(lt,{}):v.jsx(Mr,{})})}),v.jsxs("div",{className:$(f.be("info")),children:[v.jsxs("div",{className:$(f.be("music")),children:[v.jsx("span",{className:$(f.be("title")),children:((ae=h.currentSong)==null?void 0:ae.name)??"Audio name"}),v.jsxs("span",{className:$(f.be("author")),children:[" ","-"," ",te((ie=h.currentSong)==null?void 0:ie.artist)]})]}),t==="fixed"?null:v.jsx(Ue,{show:V,lrcText:h.currentSong.lrc,currentTime:x.currentTime??0}),v.jsx(Jr,{volume:x.volume??n,onChangeVolume:x.setVolume,muted:x.muted??!1,onToggleMuted:()=>x.toggleMuted(),currentTime:x.currentTime,audioDurationSeconds:x.duration,bufferedSeconds:x.bufferedSeconds,onSeek:P=>x.seek(P),onToggleMenu:()=>je(P=>!P),order:h.order,onOrderChange:h.setOrder,loop:h.loop,onLoopChange:h.setLoop,isPlaying:x.isPlaying??!1,onTogglePlay:G,onSkipForward:()=>{h.hasNextSong&&h.next()},onSkipBack:()=>{h.previous()},showLyrics:V,onToggleLyrics:()=>{W(P=>!P)}})]}),v.jsx("div",{className:f.be("notice"),style:T.style,children:T.text}),v.jsx("div",{className:f.be("miniswitcher"),onClick:()=>I(P=>!P),children:v.jsx("button",{className:f.bs("icon"),type:"button",children:v.jsx(st,{})})})]}),D?v.jsx(Xr,{open:de,audio:we,playingAudioUrl:h.currentSong.url,onPlayAudio:fe,listMaxHeight:y}):null,t==="fixed"&&v.jsx(Ue,{show:V,lrcText:h.currentSong.lrc,currentTime:x.currentTime??0})]})}z.TwistAPlayer=ct,Object.defineProperty(z,Symbol.toStringTag,{value:"Module"})});
|
|
45
|
+
*/return e.NODE_ENV!=="production"&&function(){function t(T,i){return T===i&&(T!==0||1/T===1/i)||T!==T&&i!==i}function n(T,i){g||l.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 b=i();if(!f){var S=i();y(b,S)||(console.error("The result of getSnapshot should be cached to avoid an infinite loop"),f=!0)}S=p({inst:{value:b,getSnapshot:i}});var C=S[0].inst,x=S[1];return d(function(){C.value=b,C.getSnapshot=i,a(C)&&x({inst:C})},[T,b,i]),s(function(){return a(C)&&x({inst:C}),T(function(){a(C)&&x({inst:C})})},[T]),E(b),b}function a(T){var i=T.getSnapshot;T=T.value;try{var b=i();return!y(T,b)}catch{return!0}}function o(T,i){return i()}typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var l=c,y=typeof Object.is=="function"?Object.is:t,p=l.useState,s=l.useEffect,d=l.useLayoutEffect,E=l.useDebugValue,g=!1,f=!1,h=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?o:n;Te.useSyncExternalStore=l.useSyncExternalStore!==void 0?l.useSyncExternalStore:h,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())}(),Te}var Ke;function rt(){if(Ke)return le.exports;Ke=1;var e={};return e.NODE_ENV==="production"?le.exports=Zr():le.exports=et(),le.exports}var H=rt();const Y=[];function tt(e){const t=c.useRef();return c.useEffect(()=>{if(typeof window<"u"&&!t.current){const n=t.current=document.createElement("audio");typeof(e==null?void 0:e.src)<"u"&&(n.src=e.src),typeof(e==null?void 0:e.autoPlay)<"u"&&(n.autoplay=e.autoPlay),typeof(e==null?void 0:e.initialVolume)<"u"&&(n.volume=e.initialVolume),Y.includes(n)||Y.push(n)}},[e==null?void 0:e.autoPlay,e==null?void 0:e.initialVolume,e==null?void 0:e.src]),c.useEffect(()=>{if(typeof window>"u")return;const n=t.current;if(n&&(e!=null&&e.onError))return n.addEventListener("error",e.onError),()=>{n.removeEventListener("error",e.onError)}},[e==null?void 0:e.onError]),c.useEffect(()=>{if(typeof window>"u")return;const n=t.current;if(n&&(e!=null&&e.onEnded))return n.addEventListener("ended",e.onEnded),()=>{n.removeEventListener("ended",e.onEnded)}},[e==null?void 0:e.onEnded]),c.useEffect(()=>()=>{const n=t.current;if(n){n.pause(),n.currentTime=0;const a=Y.indexOf(n);a!==-1&&Y.splice(a,1)}t.current=void 0},[]),t}function nt(e){const t=tt(e),n=c.useCallback(i=>{for(let b=0;b<Y.length;b++){const S=Y[b];S!==i&&!S.paused&&S.pause()}},[]),a=c.useCallback(async i=>{var S;const b=t.current;if(b){e.mutex&&n(b),b.src!==i&&(b.pause(),b.currentTime=0,b.src=i);try{await((S=t.current)==null?void 0:S.play())}catch{}}},[t,e.mutex,n]),o=c.useCallback(i=>{const b=t.current;b&&(b.paused?a(i):b.pause())},[t,a]),l=c.useCallback(i=>{t.current.currentTime=i},[t]),y=c.useCallback(()=>{t.current&&(t.current.muted=!t.current.muted)},[t]),p=c.useCallback(i=>{t.current&&(t.current.volume=i)},[t]),s=H.useSyncExternalStore(c.useCallback(i=>{var b;return(b=t.current)==null||b.addEventListener("volumechange",i),()=>{var S;(S=t.current)==null||S.removeEventListener("volumechange",i)}},[t]),()=>{var i;return(i=t.current)==null?void 0:i.volume},()=>{}),d=H.useSyncExternalStore(c.useCallback(i=>{var b;return(b=t.current)==null||b.addEventListener("volumechange",i),()=>{var S;(S=t.current)==null||S.removeEventListener("volumechange",i)}},[t]),()=>{var i;return(i=t.current)==null?void 0:i.muted},()=>{}),E=H.useSyncExternalStore(c.useCallback(i=>{var b;return(b=t.current)==null||b.addEventListener("timeupdate",i),()=>{var S;(S=t.current)==null||S.removeEventListener("timeupdate",i)}},[t]),()=>{if(t.current)return Math.round(t.current.currentTime)},()=>{}),g=H.useSyncExternalStore(c.useCallback(i=>{var b;return(b=t.current)==null||b.addEventListener("durationchange",i),()=>{var S;(S=t.current)==null||S.removeEventListener("durationchange",i)}},[t]),()=>{var i;return(i=t.current)==null?void 0:i.duration},()=>{}),f=H.useSyncExternalStore(c.useCallback(i=>{var b;return(b=t.current)==null||b.addEventListener("progress",i),()=>{var S;(S=t.current)==null||S.removeEventListener("progress",i)}},[t]),()=>{const i=t.current;return i&&i.buffered.length>0?i.buffered.end(i.buffered.length-1):0},()=>{}),h=H.useSyncExternalStore(c.useCallback(i=>{var b,S;return(b=t.current)==null||b.addEventListener("play",i),(S=t.current)==null||S.addEventListener("pause",i),()=>{var C,x;(C=t.current)==null||C.removeEventListener("play",i),(x=t.current)==null||x.removeEventListener("pause",i)}},[t]),()=>{const i=t.current;return i?!i.paused:!1},()=>{}),T=H.useSyncExternalStore(c.useCallback(i=>{var b,S;return(b=t.current)==null||b.addEventListener("playing",i),(S=t.current)==null||S.addEventListener("waiting",i),()=>{var C,x;(C=t.current)==null||C.removeEventListener("playing",i),(x=t.current)==null||x.removeEventListener("waiting",i)}},[t]),()=>{const i=t.current;return i?i.networkState===i.NETWORK_LOADING:!1},()=>{});return{playAudio:a,togglePlay:o,seek:l,toggleMuted:y,setVolume:p,volume:s,muted:d,currentTime:E,duration:g,bufferedSeconds:f,isPlaying:h,isLoading:T}}function Je(){const e=c.useRef([]);return c.useEffect(()=>{const n=e.current;return()=>{for(const a of n)clearTimeout(a)}},[]),c.useCallback((n,a)=>{const o=setTimeout(n,a);return e.current.push(o),o},[])}function at(){const e=c.useRef(),[t,n]=c.useState({text:"",style:{opacity:0}}),a=Je(),o=c.useCallback((l,y=2e3)=>{e.current&&clearTimeout(e.current),n({text:l,style:{opacity:1}}),e.current=a(()=>{n({text:l,style:{opacity:0}})},y)},[a]);return[t,o]}function it(e){return ot(e.slice())}function ot(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 ut(e,{initialLoop:t="all",initialOrder:n="list",getSongId:a}){const[o,l]=c.useState(t),[y,p]=c.useState(n),s=c.useMemo(()=>y==="list"?e:it(e),[e,y]),[d,E]=c.useState(s[0]);c.useEffect(()=>{const i=s.find(b=>a(b)===a(d));E(i||s[0])},[s,a,d]);const g=c.useMemo(()=>{if(o==="one")return{...d};const i=s.indexOf(d);if(i<s.length-1)return s[i+1];if(o!=="none")return s[0]},[s,d,o]),f=c.useCallback(()=>{g&&E(g)},[g,o]),h=c.useCallback(()=>{E(i=>{const b=s.indexOf(i);return b>0?s[b-1]:i})},[s]),T=c.useCallback(i=>{E(i)},[]);return{currentSong:d,hasNextSong:typeof g<"u",next:f,previous:h,prioritize:T,order:y,setOrder:p,loop:o,setLoop:l,length:s.length}}function st(e){return k({attrs:{viewBox:"0 0 512 512"},children:[{tag:"path",attrs:{d:"M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z",fill:"currentColor"}}]})(e)}function lt(e){return k({attrs:{viewBox:"0 0 512 512"},children:[{tag:"path",attrs:{fill:"currentColor",d:"M208 432h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16m144 0h-48a16 16 0 0 1-16-16V96a16 16 0 0 1 16-16h48a16 16 0 0 1 16 16v320a16 16 0 0 1-16 16"}}]})(e)}function ct({audio:e,appearance:t="normal",volume:n=.7,initialLoop:a,initialOrder:o,autoPlay:l=!1,listMaxHeight:y=250,mini:p=!1,mutex:s=!0,listFolded:d=!1,theme:E="light",border:g=!1}){var ne,ae,ie;const f=F("aplayer"),h=ut(Array.isArray(e)?e:[e],{initialLoop:a,initialOrder:o,getSongId:P=>P.url}),[T,i]=at(),b=Je(),S=c.useRef(),C=c.useCallback(()=>{S.current&&(clearTimeout(S.current),S.current=void 0)},[]),x=nt({src:h.currentSong.url,initialVolume:n,autoPlay:l,mutex:s,onError(P){const{error:me}=P.target;me&&i("An audio error has occurred, player will skip forward in 2 seconds."),h.hasNextSong&&(S.current=b(()=>{h.next()},2e3))},onEnded(){h.hasNextSong&&h.next()}});c.useEffect(()=>{l&&x.playAudio(h.currentSong.url)},[]);const M=c.useRef(!0);c.useEffect(()=>{M.current?M.current=!1:h.currentSong&&x.playAudio(h.currentSong.url)},[h.currentSong,x.playAudio]);const G=c.useCallback(()=>{C(),x.togglePlay(h.currentSong.url)},[x,C,h.currentSong.url]),te=c.useCallback(P=>P?typeof P=="string"?P:P.url?v.jsx("a",{href:P.url,target:"_blank",rel:"noreferrer",children:P.name??"Audio artist"}):P.name??"Audio artist":"Audio artist",[]),D=h.length>1,we=c.useMemo(()=>Array.isArray(e)?e:[e],[e]),{prioritize:ce}=h,fe=c.useCallback(P=>{C(),ce(P)},[C,ce]),[de,je]=c.useState(()=>D&&!d),[ve,I]=c.useState(p),[V,W]=c.useState(!0),K=c.useRef(null);return c.useEffect(()=>{I(p)},[p]),c.useEffect(()=>{if(t==="fixed"&&K.current){const P=K.current;return P.style.width=`${P.offsetWidth-18}px`,()=>{P.removeAttribute("style")}}},[t]),v.jsxs("div",{className:$(f.b(),{[f.bs(E)]:!0,[f.bs("vars")]:!0,[f.bm(t)]:!0,[f.bm("loading")]:x.isLoading,[f.bm("withlist")]:D,[f.bm("list-folded")]:!de,[f.bm("withlrc")]:!!h.currentSong.lrc&&t!=="fixed",[f.bm("narrow")]:ve,[f.bm("border")]:g}),role:"region","aria-label":"Audio Player",children:[v.jsxs("div",{ref:K,className:f.be("body"),children:[v.jsx("div",{className:f.be("pic"),onClick:G,style:{backgroundImage:`url("${(ne=h.currentSong)==null?void 0:ne.cover}")`},role:"button","aria-label":x.isPlaying?"Pause audio":"Play audio",children:v.jsx("div",{className:$(f.be("button"),x.isPlaying?f.bm("pause"):f.bm("play")),role:"presentation",children:x.isPlaying?v.jsx(lt,{}):v.jsx(Mr,{})})}),v.jsxs("div",{className:$(f.be("info")),children:[v.jsxs("div",{className:$(f.be("music")),children:[v.jsx("span",{className:$(f.be("title")),children:((ae=h.currentSong)==null?void 0:ae.name)??"Audio name"}),v.jsxs("span",{className:$(f.be("author")),children:[" ","-"," ",te((ie=h.currentSong)==null?void 0:ie.artist)]})]}),t==="fixed"?null:v.jsx(Ue,{show:V,lrcText:h.currentSong.lrc,currentTime:x.currentTime??0}),v.jsx(Jr,{volume:x.volume??n,onChangeVolume:x.setVolume,muted:x.muted??!1,onToggleMuted:()=>x.toggleMuted(),currentTime:x.currentTime,audioDurationSeconds:x.duration,bufferedSeconds:x.bufferedSeconds,onSeek:P=>x.seek(P),onToggleMenu:()=>je(P=>!P),order:h.order,onOrderChange:h.setOrder,loop:h.loop,onLoopChange:h.setLoop,isPlaying:x.isPlaying??!1,onTogglePlay:G,onSkipForward:()=>{h.hasNextSong&&h.next()},onSkipBack:()=>{h.previous()},showLyrics:V,onToggleLyrics:()=>{W(P=>!P)}})]}),v.jsx("div",{className:f.be("notice"),style:T.style,children:T.text}),v.jsx("div",{className:f.be("miniswitcher"),onClick:()=>I(P=>!P),children:v.jsx("button",{className:$(f.bs("icon"),f.bs("icon-right")),type:"button",children:v.jsx(st,{})})})]}),D?v.jsx(Xr,{open:de,audio:we,playingAudioUrl:h.currentSong.url,onPlayAudio:fe,listMaxHeight:y}):null,t==="fixed"&&v.jsx(Ue,{show:V,lrcText:h.currentSong.lrc,currentTime:x.currentTime??0})]})}z.TwistAPlayer=ct,Object.defineProperty(z,Symbol.toStringTag,{value:"Module"})});
|