deepsky 2.56.34 → 2.56.36

package/dist/index.css

@@ -726,147 +726,146 @@ img[data-v-62fa2be8] {
 }
 
 
-.cube-music[data-v-1ab1df32] { position: relative; box-sizing: border-box; max-width: 100%; margin-block: 10px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--selection-bg, #fd6d94) 25%, transparent); border-radius: 18px; color: var(--color, #4b4e62); background: color-mix(in srgb, var(--page-bg, #fff) 94%, #ffe8ee); box-shadow: 0 16px 38px color-mix(in srgb, #656565 20%, transparent);
-}
-.music-top[data-v-1ab1df32] { position: relative; z-index: 2; height: 220px; overflow: hidden; isolation: isolate; perspective: 1100px;
-}.music-flip[data-v-1ab1df32] { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .55s cubic-bezier(.2,.72,.25,1);
-}.music-top.flipped .music-flip[data-v-1ab1df32] { transform: rotateY(180deg);
-}.music-face[data-v-1ab1df32] { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;
-}.music-now[data-v-1ab1df32] { overflow: visible;
-}.track-strip[data-v-1ab1df32] { position: absolute; z-index: 1; top: 42px; right: 16px; left: 16px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; min-height: 72px; box-sizing: border-box; padding: 14px 16px 10px 142px; border-radius: 15px 15px 0 0; background: #fff7f7;
-}.track-copy[data-v-1ab1df32] { min-width: 0; display: grid; gap: 2px;
-}.track-copy strong[data-v-1ab1df32] { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap;
-}.track-copy span[data-v-1ab1df32] { color: #f86d92; font-size: 11px;
-}.playlist-toggle[data-v-1ab1df32] { width: 28px; height: 28px; border: 0; color: #acaebd; font-size: 18px; cursor: pointer; background: transparent;
-}.music-progress[data-v-1ab1df32] { grid-column: 1 / -1; width: 100%; height: 4px; margin: 5px 0 0; cursor: pointer; accent-color: #fd6d94;
-}
-.player-panel[data-v-1ab1df32] { position: absolute; z-index: 2; top: 112px; right: 0; left: 0; height: 108px; border-radius: 15px; background: #fff; box-shadow: 0 20px 45px -18px #65656580;
-}.album-disc[data-v-1ab1df32] { position: absolute; z-index: 3; top: -74px; left: 42px; display: grid; width: 114px; height: 114px; place-items: center; border: 5px solid #fff7f7; border-radius: 50%; cursor: pointer; background: repeating-radial-gradient(circle, #273245 0 2px, #38475d 3px 5px, #1d2638 6px 8px); box-shadow: 0 20px 30px -17px #687589;
-}.album-disc[data-v-1ab1df32]::after { content: ''; position: absolute; width: 26px; height: 26px; border-radius: 50%; background: #d6dee7; box-shadow: inset 0 0 0 4px #fff;
-}.album-disc span[data-v-1ab1df32] { z-index: 1; color: #fd6d94; font-size: 23px; text-shadow: 0 1px 3px #fff;
-}.album-disc.playing[data-v-1ab1df32] { animation: spin-1ab1df32 5s linear infinite;
-}.album-disc i[data-v-1ab1df32] { position: absolute; inset: 15px; border-radius: inherit; border: 1px solid #ffffff30;
-}.top-controls[data-v-1ab1df32] { display: flex; height: 100%; margin-left: 155px; align-items: center; justify-content: space-evenly;
-}.top-controls button[data-v-1ab1df32] { display: grid; min-width: 28px; padding: 8px; place-items: center; border: 0; color: #aeb8c4; font-size: 20px; cursor: pointer; background: transparent; transition: color .2s ease, transform .2s ease;
-}.top-controls button[data-v-1ab1df32]:hover { color: #fd6d94; transform: translateY(-1px);
-}.top-controls .play[data-v-1ab1df32] { color: #fd6d94; font-size: 18px;
-}.top-controls .mode[data-v-1ab1df32], .top-controls .lyric-toggle[data-v-1ab1df32] { font-size: 13px;
-}.top-controls .lyric-toggle.selected[data-v-1ab1df32] { color: #fd6d94;
-}
-.playlist-face[data-v-1ab1df32] { display: flex; overflow: hidden; flex-direction: column; border-radius: 15px; background: #fff; box-shadow: 0 20px 45px -18px #65656580; transform: rotateY(180deg);
-}.playlist-face header[data-v-1ab1df32] { display: grid; grid-template-columns: 30px 1fr 30px; align-items: center; padding: 13px 15px; border-bottom: 1px solid #f2e7e9; text-align: center;
-}.playlist-face header button[data-v-1ab1df32] { border: 0; color: #fd6d94; font-size: 24px; cursor: pointer; background: transparent;
-}.playlist-face header strong[data-v-1ab1df32] { font-size: 14px;
-}.playlist-list[data-v-1ab1df32] { flex: 1; overflow: auto;
-}.playlist-list button[data-v-1ab1df32] { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 18px; border: 0; color: inherit; text-align: left; cursor: pointer; background: transparent;
-}.playlist-list button[data-v-1ab1df32]:hover, .playlist-list button.selected[data-v-1ab1df32] { color: #f86d92; background: #fff2f5;
-}.playlist-list span[data-v-1ab1df32] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
-}.playlist-list em[data-v-1ab1df32] { font-size: 11px; font-style: normal; opacity: .6;
-}.playlist-list .playlist-add[data-v-1ab1df32] { justify-content: center; color: #a9aab5;
-}
-.lyrics-section[data-v-1ab1df32] { position: relative; z-index: 1; min-height: 135px; max-height: 320px; padding: 10px 25px 20px; background: color-mix(in srgb, var(--page-bg, #fff) 94%, #ffe8ee);
-}.lyrics[data-v-1ab1df32] { max-height: 285px; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; text-align: center; scrollbar-width: none;
-}.lyrics[data-v-1ab1df32]::-webkit-scrollbar { display: none;
-}.lyrics p[data-v-1ab1df32] { margin: 10px 0; color: #737788; opacity: .42; transition: .18s; cursor: pointer;
-}.lyrics p.active[data-v-1ab1df32] { color: #f86d92; font-size: 17px; font-weight: 700; opacity: 1;
-}.lyrics p span + span[data-v-1ab1df32]::before { content: '\A'; white-space: pre;
-}.music-state[data-v-1ab1df32] { display: grid; min-height: 112px; place-items: center; align-content: center; gap: 10px; color: #9699a7;
-}.music-note[data-v-1ab1df32] { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 50%; color: #fd6d94; font-size: 28px; background: #fff0f4; box-shadow: 0 8px 18px #f86d9230;
-}.music-note.playing[data-v-1ab1df32] { animation: note-pulse-1ab1df32 1.05s ease-in-out infinite alternate;
-}.music-empty[data-v-1ab1df32] { position: relative; display: block; width: 100%; min-height: 210px; box-sizing: border-box; overflow: hidden; border: 0; color: var(--color, #222); cursor: pointer; background: transparent;
-}.music-empty[data-v-1ab1df32]::before { content: ''; position: absolute; top: 50%; left: 50%; width: 128px; height: 128px; border: 1px solid currentColor; border-radius: 50%; opacity: .1; transform: translate(-50%, -50%); transition: transform .25s ease, opacity .25s ease;
-}.music-empty[data-v-1ab1df32]:hover::before { opacity: .2; transform: translate(-50%, -50%) scale(1.08);
-}.music-empty-content[data-v-1ab1df32] { position: absolute; top: 50%; left: 50%; display: grid; width: max-content; max-width: calc(100% - 32px); place-items: center; gap: 7px; text-align: center; transform: translate(-50%, -50%);
-}.music-empty .iconfont[data-v-1ab1df32] { display: grid; width: 64px; height: 64px; place-items: center; box-sizing: border-box; border: 1px solid currentColor; border-radius: 50%; font-size: 29px; opacity: .76; transition: transform .25s ease, opacity .25s ease;
-}.music-empty:hover .iconfont[data-v-1ab1df32] { opacity: 1; transform: scale(1.06);
-}.music-empty strong[data-v-1ab1df32] { font-size: 14px; font-weight: 600;
-}.music-empty small[data-v-1ab1df32] { font-size: 12px; opacity: .55;
+.cube-music[data-v-37320336] { position: relative; box-sizing: border-box; max-width: 100%; margin-block: 10px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--selection-bg, #fd6d94) 25%, transparent); border-radius: 18px; color: var(--color, #4b4e62); background: color-mix(in srgb, var(--page-bg, #fff) 94%, #ffe8ee); box-shadow: 0 16px 38px color-mix(in srgb, #656565 20%, transparent);
+}
+.music-top[data-v-37320336] { position: relative; z-index: 2; height: 220px; overflow: hidden; isolation: isolate; perspective: 1100px;
+}.music-flip[data-v-37320336] { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .55s cubic-bezier(.2,.72,.25,1);
+}.music-top.flipped .music-flip[data-v-37320336] { transform: rotateY(180deg);
+}.music-face[data-v-37320336] { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;
+}.music-now[data-v-37320336] { overflow: visible;
+}.track-strip[data-v-37320336] { position: absolute; z-index: 1; top: 42px; right: 16px; left: 16px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; min-height: 72px; box-sizing: border-box; padding: 14px 16px 10px 142px; border-radius: 15px 15px 0 0; background: #fff7f7;
+}.track-copy[data-v-37320336] { min-width: 0; display: grid; gap: 2px;
+}.track-copy strong[data-v-37320336] { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap;
+}.track-copy span[data-v-37320336] { color: #f86d92; font-size: 11px;
+}.playlist-toggle[data-v-37320336] { width: 28px; height: 28px; border: 0; color: #acaebd; font-size: 18px; cursor: pointer; background: transparent;
+}.music-progress[data-v-37320336] { grid-column: 1 / -1; width: 100%; height: 4px; margin: 5px 0 0; cursor: pointer; accent-color: #fd6d94;
+}
+.player-panel[data-v-37320336] { position: absolute; z-index: 2; top: 112px; right: 0; left: 0; height: 108px; border-radius: 15px; background: #fff; box-shadow: 0 20px 45px -18px #65656580;
+}.album-disc[data-v-37320336] { position: absolute; z-index: 3; top: -74px; left: 42px; display: grid; width: 100px; height: 100px; place-items: center; border: 5px solid #fff7f7; border-radius: 50%; cursor: pointer; background: repeating-radial-gradient(circle, #273245 0 2px, #38475d 3px 5px, #1d2638 6px 8px); box-shadow: 0 20px 30px -17px #687589;
+}.album-disc[data-v-37320336]::after { content: ''; position: absolute; width: 26px; height: 26px; border-radius: 50%; background: #d6dee7; box-shadow: inset 0 0 0 4px #fff;
+}.album-disc span[data-v-37320336] { z-index: 1; color: #fd6d94; font-size: 23px; text-shadow: 0 1px 3px #fff;
+}.album-disc.playing[data-v-37320336] { animation: spin-37320336 5s linear infinite;
+}.album-disc i[data-v-37320336] { position: absolute; inset: 15px; border-radius: inherit; border: 1px solid #ffffff30;
+}.top-controls[data-v-37320336] { display: flex; height: 100%;  align-items: center; justify-content: space-evenly;
+}.top-controls button[data-v-37320336] { display: grid; min-width: 28px; padding: 8px; place-items: center; border: 0; color: #aeb8c4; font-size: 20px; cursor: pointer; background: transparent; transition: color .2s ease, transform .2s ease;
+}.top-controls button[data-v-37320336]:hover { color: #fd6d94; transform: translateY(-1px);
+}.top-controls .play[data-v-37320336] { color: #fd6d94; font-size: 18px;
+}.top-controls .mode[data-v-37320336], .top-controls .lyric-toggle[data-v-37320336] { font-size: 20px;
+}.top-controls .lyric-toggle.selected[data-v-37320336] { color: #fd6d94;
+}
+.playlist-face[data-v-37320336] { display: flex; overflow: hidden; flex-direction: column; border-radius: 15px; background: #fff; box-shadow: 0 20px 45px -18px #65656580; transform: rotateY(180deg);
+}.playlist-face header[data-v-37320336] { display: grid; grid-template-columns: 30px 1fr 30px; align-items: center; padding: 13px 15px; border-bottom: 1px solid #f2e7e9; text-align: center;
+}.playlist-face header button[data-v-37320336] { border: 0; color: #fd6d94; font-size: 24px; cursor: pointer; background: transparent;
+}.playlist-face header strong[data-v-37320336] { font-size: 14px;
+}.playlist-list[data-v-37320336] { flex: 1; box-sizing: border-box; overflow: auto;
+}.playlist-list button[data-v-37320336] { display: flex; width: 100%; height: 40px; flex: none; align-items: center; justify-content: space-between; gap: 12px; box-sizing: border-box; padding: 0 18px; border: 0; color: inherit; text-align: left; cursor: pointer; background: transparent;
+}.playlist-list button[data-v-37320336]:hover, .playlist-list button.selected[data-v-37320336] { color: #f86d92; background: #fff2f5;
+}.playlist-list span[data-v-37320336] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}.playlist-list em[data-v-37320336] { font-size: 11px; font-style: normal; opacity: .6;
+}.playlist-list .playlist-add[data-v-37320336] { justify-content: center; color: #a9aab5;
+}
+.lyrics-section[data-v-37320336] { position: relative; z-index: 1; min-height: 135px; max-height: 320px; padding: 10px 25px 20px; background: color-mix(in srgb, var(--page-bg, #fff) 94%, #ffe8ee);
+}.lyrics[data-v-37320336] { max-height: 285px; overflow-y: auto; overflow-x: hidden; scroll-behavior: smooth; text-align: center; scrollbar-width: none;
+}.lyrics[data-v-37320336]::-webkit-scrollbar { display: none;
+}.lyrics p[data-v-37320336] { margin: 10px 0; color: #737788; opacity: .42; transition: .18s; cursor: pointer;
+}.lyrics p.active[data-v-37320336] { color: #f86d92; font-size: 17px; font-weight: 700; opacity: 1;
+}.lyrics p span + span[data-v-37320336]::before { content: '\A'; white-space: pre;
+}.music-state[data-v-37320336] { display: grid; min-height: 112px; place-items: center; align-content: center; gap: 10px; color: #9699a7;
+}.music-note[data-v-37320336] { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 50%; color: #fd6d94; font-size: 28px; background: #fff0f4; box-shadow: 0 8px 18px #f86d9230;
+}.music-note.playing[data-v-37320336] { animation: note-pulse-37320336 1.05s ease-in-out infinite alternate;
+}.music-empty[data-v-37320336] { position: relative; display: block; width: 100%; min-height: 210px; box-sizing: border-box; overflow: hidden; border: 0; color: var(--color, #222); cursor: pointer; background: transparent;
+}.music-empty[data-v-37320336]::before { content: ''; position: absolute; top: 50%; left: 50%; width: 128px; height: 128px; border: 1px solid currentColor; border-radius: 50%; opacity: .1; transform: translate(-50%, -50%); transition: transform .25s ease, opacity .25s ease;
+}.music-empty[data-v-37320336]:hover::before { opacity: .2; transform: translate(-50%, -50%) scale(1.08);
+}.music-empty-content[data-v-37320336] { position: absolute; top: 50%; left: 50%; display: grid; width: max-content; max-width: calc(100% - 32px); place-items: center; gap: 7px; text-align: center; transform: translate(-50%, -50%);
+}.music-empty .iconfont[data-v-37320336] { display: grid; width: 64px; height: 64px; place-items: center; box-sizing: border-box; border: 1px solid currentColor; border-radius: 50%; font-size: 29px; opacity: .76; transition: transform .25s ease, opacity .25s ease;
+}.music-empty:hover .iconfont[data-v-37320336] { opacity: 1; transform: scale(1.06);
+}.music-empty strong[data-v-37320336] { font-size: 14px; font-weight: 600;
+}.music-empty small[data-v-37320336] { font-size: 12px; opacity: .55;
 }
 
 /* The player and playlist are two faces of one card, so lyrics flip with the controls. */
-.cube-music[data-v-1ab1df32] { background: transparent;
+.cube-music[data-v-37320336] { background: transparent;
 }
-.music-card[data-v-1ab1df32] { position: relative; width: 100%; height: 100%; perspective: 1100px;
+.music-card[data-v-37320336] { position: relative; width: 100%; height: 100%; perspective: 1100px;
 }
-.music-card .music-flip[data-v-1ab1df32] { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .55s cubic-bezier(.2,.72,.25,1);
+.music-card .music-flip[data-v-37320336] { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .55s cubic-bezier(.2,.72,.25,1);
 }
-.music-card.flipped .music-flip[data-v-1ab1df32] { transform: rotateY(180deg);
+.music-card.flipped .music-flip[data-v-37320336] { transform: rotateY(180deg);
 }
-.music-card .music-face[data-v-1ab1df32] { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;
+.music-card .music-face[data-v-37320336] { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden;
 }
-.music-card .music-now[data-v-1ab1df32] { display: flex; overflow: hidden; flex-direction: column;
+.music-card:not(.flipped) .playlist-face[data-v-37320336], .music-card.flipped .music-now[data-v-37320336] { pointer-events: none;
 }
-.music-card .music-top[data-v-1ab1df32] { position: relative; z-index: auto; flex: 0 0 220px; height: 220px; overflow: hidden; isolation: auto; perspective: none;
+.music-card .music-now[data-v-37320336] { display: flex; overflow: hidden; flex-direction: column;
 }
-.music-card .music-now.without-lyrics .music-top[data-v-1ab1df32] { flex-basis: 100%; height: 100%;
+.music-card .music-top[data-v-37320336] { position: relative; z-index: auto; flex: 0 0 220px; height: 220px; overflow: hidden; isolation: auto; perspective: none;
 }
-.music-card .track-strip[data-v-1ab1df32] { background: transparent; border-bottom: 1px solid color-mix(in srgb, currentColor 14%, transparent);
+.music-card .music-now.without-lyrics .music-top[data-v-37320336] { flex-basis: 100%; height: 100%;
 }
-.music-card .player-panel[data-v-1ab1df32] { background: transparent; box-shadow: none;
+.music-card .track-strip[data-v-37320336] { background: transparent; border-bottom: 1px solid color-mix(in srgb, currentColor 14%, transparent);
 }
-.music-card .lyrics-section[data-v-1ab1df32] { display: flex; flex: 1; min-height: 0; max-height: none; padding: 10px 25px 20px; background: transparent;
+.music-card .player-panel[data-v-37320336] { background: transparent; box-shadow: none;
 }
-.music-card .lyrics[data-v-1ab1df32] { flex: 1; min-height: 0; max-height: none;
+.music-card .lyrics-section[data-v-37320336] { display: flex; flex: 1; min-height: 0; max-height: none; padding: 10px 25px 20px; background: transparent;
 }
-.music-card .music-state[data-v-1ab1df32] { flex: 1; min-height: 0;
+.music-card .lyrics[data-v-37320336] { flex: 1; min-height: 0; max-height: none;
 }
-.music-card .playlist-face[data-v-1ab1df32] { height: 100%; border-radius: 0; background: transparent; box-shadow: none; transform: rotateY(180deg);
+.music-card .music-state[data-v-37320336] { flex: 1; min-height: 0;
 }
-.music-card .playlist-face header[data-v-1ab1df32] { border-bottom-color: color-mix(in srgb, currentColor 14%, transparent);
+.music-card .playlist-face[data-v-37320336] { height: 100%; border-radius: 0; background: transparent; box-shadow: none; transform: rotateY(180deg);
 }
-.music-card .playlist-list button[data-v-1ab1df32]:hover, .music-card .playlist-list button.selected[data-v-1ab1df32] { background: transparent;
+.music-card .playlist-face header[data-v-37320336] { border-bottom-color: color-mix(in srgb, currentColor 14%, transparent);
 }
-.music-empty[data-v-1ab1df32] { display: grid; width: 100%; height: 100%; min-height: 0; place-content: center; gap: 12px; color: inherit; text-align: center;
+.music-card .playlist-list button[data-v-37320336]:hover, .music-card .playlist-list button.selected[data-v-37320336] { background: transparent;
 }
-.music-empty[data-v-1ab1df32]::before { content: none;
+.music-empty[data-v-37320336] { display: grid; width: 100%; height: 100%; min-height: 0; place-content: center; gap: 12px; color: inherit; text-align: center;
 }
-.music-empty .iconfont[data-v-1ab1df32] { display: block; width: auto; height: auto; border: 0; border-radius: 0; font-size: 78px; opacity: .68;
+.music-empty[data-v-37320336]::before { content: none;
 }
-.music-empty:hover .iconfont[data-v-1ab1df32] { opacity: 1; transform: none;
+.music-empty .iconfont[data-v-37320336] { display: block; width: auto; height: auto; border: 0; border-radius: 0; font-size: 78px; opacity: .68;
 }
-.music-empty > span[data-v-1ab1df32]:last-child { font-size: 13px; opacity: .58;
+.music-empty:hover .iconfont[data-v-37320336] { opacity: 1; transform: none;
 }
-.music-resizer[data-v-1ab1df32] { position: absolute; z-index: 90; right: 0; bottom: 0; margin: var(--cube-dragger-margin); padding: 10px; border-radius: 50%; cursor: nwse-resize; background: var(--table-dragger-bg); box-shadow: 0 0 10px deeppink; touch-action: none;
+.music-empty > span[data-v-37320336]:last-child { font-size: 13px; opacity: .58;
 }
-.music-card .music-state[data-v-1ab1df32] { gap: 8px; padding: 8px 0; color: color-mix(in srgb, currentColor 52%, transparent);
+.music-resizer[data-v-37320336] { position: absolute; z-index: 90; right: 0; bottom: 0; margin: var(--cube-dragger-margin); padding: 10px; border-radius: 50%; cursor: nwse-resize; background: var(--table-dragger-bg); box-shadow: 0 0 10px deeppink; touch-action: none;
 }
-.music-card .music-note[data-v-1ab1df32] { width: auto; height: auto; border-radius: 0; color: inherit; font-size: 36px; background: transparent; box-shadow: none;
+.music-card .music-state[data-v-37320336] { gap: 8px; padding: 8px 0; color: color-mix(in srgb, currentColor 52%, transparent);
 }
-.music-placeholder[data-v-1ab1df32] { display: grid; width: min(190px, 66%); gap: 7px;
+.music-card .music-note[data-v-37320336] { width: auto; height: auto; border-radius: 0; color: inherit; font-size: 36px; background: transparent; box-shadow: none;
 }
-.music-placeholder i[data-v-1ab1df32] { display: block; height: 4px; border-radius: 99px; background: currentColor; opacity: .16;
+.music-card .album-disc[data-v-37320336]::before { z-index: 1; color: #fd6d94; font-size: 23px; text-shadow: 0 1px 3px #fff;
 }
-.music-placeholder i[data-v-1ab1df32]:nth-child(2) { width: 74%; justify-self: center;
-}.music-placeholder i[data-v-1ab1df32]:nth-child(3) { width: 48%; justify-self: center;
+.music-placeholder[data-v-37320336] { display: block; width: min(190px, 66%); height: 18px; background: linear-gradient(currentColor, currentColor) center top / 100% 4px no-repeat, linear-gradient(currentColor, currentColor) center / 74% 4px no-repeat, linear-gradient(currentColor, currentColor) center bottom / 48% 4px no-repeat; opacity: .16;
 }
-.music-state.loading .music-placeholder i[data-v-1ab1df32] { animation: placeholder-pulse-1ab1df32 1.2s ease-in-out infinite alternate;
+.music-state.loading .music-placeholder[data-v-37320336] { animation: placeholder-pulse-37320336 1.2s ease-in-out infinite alternate;
 }
-@keyframes spin-1ab1df32 {
+@keyframes spin-37320336 {
 to { transform: rotate(360deg);
 }
 }
-@keyframes note-pulse-1ab1df32 {
+@keyframes note-pulse-37320336 {
 from { transform: translateY(2px) scale(.96);
 }
 to { transform: translateY(-4px) scale(1.05);
 }
 }
-@keyframes placeholder-pulse-1ab1df32 {
+@keyframes placeholder-pulse-37320336 {
 from { opacity: .16;
 }
 to { opacity: .36;
 }
 }
 @media (max-width: 390px) {
-.album-disc[data-v-1ab1df32] { left: 25px; transform: scale(.84); transform-origin: left top;
-}.track-strip[data-v-1ab1df32] { padding-left: 123px;
-}.top-controls[data-v-1ab1df32] { margin-left: 120px;
-}.top-controls button[data-v-1ab1df32] { min-width: 21px; padding-inline: 4px;
+.album-disc[data-v-37320336] { left: 25px; transform: scale(.84); transform-origin: left top;
+}.track-strip[data-v-37320336] { padding-left: 123px;
+}.top-controls[data-v-37320336] { margin-left: 120px;
+}.top-controls button[data-v-37320336] { min-width: 21px; padding-inline: 4px;
 }
 }
 @media (prefers-reduced-motion: reduce) {
-.music-flip[data-v-1ab1df32], .track-strip[data-v-1ab1df32] { transition-duration: .001ms;
-}.album-disc.playing[data-v-1ab1df32], .music-note.playing[data-v-1ab1df32], .music-state.loading .music-placeholder i[data-v-1ab1df32] { animation: none;
+.music-flip[data-v-37320336], .track-strip[data-v-37320336] { transition-duration: .001ms;
+}.album-disc.playing[data-v-37320336], .music-note.playing[data-v-37320336], .music-state.loading .music-placeholder[data-v-37320336] { animation: none;
 }
 }
 

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as vue from 'vue';
 import { Ref, Reactive, ShallowReactive, Component, ShallowRef, ComponentPublicInstance, ComputedRef } from 'vue';
-import { HotkeysEvent, KeyHandler } from 'hotkeys-js';
 import { IMath, DragList } from 'cook-web';
+import { HotkeysEvent, KeyHandler } from 'hotkeys-js';
 import { KatexOptions } from 'katex';
 import { Token, Tokens, Marked, TokensList } from 'marked';
 import { Highlighter } from 'shiki';
@@ -307,7 +307,7 @@ declare class DialogCatalogue extends DialogBase {
     set dialog_cube(v: CubeText | null);
     get dialog_tagname(): string;
     set dialog_tagname(v: string);
-    open(): Function | undefined;
+    open(): IUiTips.RemoveItemFunc | undefined;
     close(): void;
     dialog_add_bookmark(): NodeJS.Timeout | undefined;
 }
@@ -338,7 +338,7 @@ declare class DialogBadge extends DialogBase {
     open_insert(cursor_info: INoteCursor.CursorInfo, on_insert: (value: IBadge.Value) => void): void;
     select(value?: IBadge.Value | IBadge.PresetItem): void;
     /** Creates a self-contained custom value and optionally adds it to the saved candidates. */
-    create_custom(label: string, color: string, save?: boolean): Function | undefined;
+    create_custom(label: string, color: string, save?: boolean): IUiTips.RemoveItemFunc | undefined;
     /** Removes only the saved candidate; badges already inserted in the note keep their own value. */
     remove_custom(id: IBadge.BadgeId): void;
     /** Updated by the Vue view after layout changes; key navigation only reads this cache. */
@@ -355,7 +355,7 @@ declare class DialogBadge extends DialogBase {
 
 declare class DialogPreset extends DialogBase {
     constructor(note: Note);
-    open(): void | Function;
+    open(): void | IUiTips.RemoveItemFunc;
     add_scope(name: string, type: string, global?: boolean): Promise<boolean>;
 }
 
@@ -364,7 +364,7 @@ declare class DialogCss extends DialogBase {
     constructor(note: Note);
     get select_scope(): INoteScope.Info[];
     get select_cubes(): INote.NoteChild[];
-    open(): Function | undefined;
+    open(): IUiTips.RemoveItemFunc | undefined;
     close(): void;
 }
 
@@ -428,8 +428,8 @@ declare class DialogFormula extends DialogBase {
     set size(size: IFormula.Size);
     open(): void;
     edit_formula(cube: CubeFormula): void;
-    convert_latex_text(): Function | undefined;
-    send(): Function | undefined;
+    convert_latex_text(): IUiTips.RemoveItemFunc | undefined;
+    send(): IUiTips.RemoveItemFunc | undefined;
 }
 
 declare class DialogTable extends DialogBase {
@@ -456,9 +456,9 @@ declare class DialogLink extends DialogBase {
     set title(value: string);
     get url(): string;
     set url(value: string);
-    open(cursor_info?: INoteCursor.CursorInfo, on_confirm?: () => void): Function | undefined;
+    open(cursor_info?: INoteCursor.CursorInfo, on_confirm?: () => void): IUiTips.RemoveItemFunc | undefined;
     close(return_cursor?: boolean): void;
-    confirm(): Function | undefined;
+    confirm(): IUiTips.RemoveItemFunc | undefined;
 }
 
 declare class DialogRating extends DialogBase {
@@ -1783,7 +1783,7 @@ declare class UiAi extends UiBase {
     get dialogs(): IUiAi.DialogItem[];
     get going(): boolean;
     set going(v: boolean);
-    ask(question: string): Function | undefined;
+    ask(question: string): IUiTips.RemoveItemFunc | undefined;
     get separators(): string[];
     export(): {};
 }
@@ -1803,9 +1803,9 @@ declare class UICatalogue extends UiBase {
     listen(): void;
     add_group(group: IUiCatalogue.Group): void;
     update_anchor(map: Record<string, string>): void;
-    locate(id: string, scroll?: boolean): Promise<Function | undefined>;
-    delete_bookmark(bookmark: IUiCatalogue.Item, group: IUiCatalogue.Group): Function | undefined;
-    delete_group(group: IUiCatalogue.Group): Function | undefined;
+    locate(id: string, scroll?: boolean): Promise<IUiTips.RemoveItemFunc | undefined>;
+    delete_bookmark(bookmark: IUiCatalogue.Item, group: IUiCatalogue.Group): IUiTips.RemoveItemFunc | undefined;
+    delete_group(group: IUiCatalogue.Group): IUiTips.RemoveItemFunc | undefined;
     click(bookmark: IUiCatalogue.Item | IUiCatalogue.Group, group: IUiCatalogue.Group): void;
     export(): IUiCatalogue.Data;
 }
@@ -1883,8 +1883,8 @@ declare class UIDict extends UiBase {
     get keywords(): Map<string, IUiDict.KeywordItem[]>;
     get maps(): Map<string, IUiDict.AssociateItem[]>;
     get count(): number;
-    parse_keyword(word: string): Promise<string | Function>;
-    parse_associations(text: string): Promise<Function | string[]>;
+    parse_keyword(word: string): Promise<string | IUiTips.RemoveItemFunc>;
+    parse_associations(text: string): Promise<string[] | IUiTips.RemoveItemFunc>;
     get_candidate(input: string): IUiDict.WordBase[];
     load(data: IUiDict.Data): void;
     export(): IUiDict.Data;
@@ -1987,7 +1987,7 @@ declare class FloatRt extends FloatBase {
     };
     get cube(): CubeRt | null;
     set cube(cube: CubeRt | null);
-    open(): Function | undefined;
+    open(): IUiTips.RemoveItemFunc | undefined;
     edit_rt(cube: CubeRt): void;
 }
 
@@ -2105,7 +2105,7 @@ declare class UiMenubar extends UiBase {
     protected init(): void;
     register(item: IUiMenubar.Item, index?: number): void;
     note_import_markdown(): void;
-    note_record(): Function | undefined;
+    note_record(): IUiTips.RemoveItemFunc | undefined;
 }
 
 declare class UiPreset extends UiBase {
@@ -2303,10 +2303,10 @@ declare class UITheme extends UiBase {
     is_background_mode_active(mode: IUiTheme.BackgroundMode): boolean;
     load_themes(themes: IUiTheme.ThemeItem[]): void;
     load_background(backgrounds: IUiTheme.BackgroundItem[]): void;
-    fresh_themes(): Function | undefined;
-    fresh_backgrounds(): Function | undefined;
-    use_theme(key: string): Function | undefined;
-    use_background(key: string, mode?: IUiTheme.BackgroundMode): Function | undefined;
+    fresh_themes(): IUiTips.RemoveItemFunc | undefined;
+    fresh_backgrounds(): IUiTips.RemoveItemFunc | undefined;
+    use_theme(key: string): IUiTips.RemoveItemFunc | undefined;
+    use_background(key: string, mode?: IUiTheme.BackgroundMode): IUiTips.RemoveItemFunc | undefined;
     export(): IUiTheme.Data;
     get_background_mode_label(mode: IUiTheme.BackgroundMode): string;
     clear_background(mode?: IUiTheme.BackgroundMode): void;
@@ -2358,7 +2358,7 @@ declare class UIAccent extends UiBase {
     get_config<T extends Record<string, unknown>>(id: IUiAccent.Id): T | undefined;
     /** 可由第三方模组在笔记构建后调用。 */
     register<T extends Record<string, unknown>>(effect: AccentEffect<T>): AccentEffect<T>;
-    use(id: IUiAccent.Id | ""): Function | undefined;
+    use(id: IUiAccent.Id | ""): IUiTips.RemoveItemFunc | undefined;
     export(): IUiAccent.Data;
 }
 
@@ -2438,12 +2438,12 @@ declare class UIToolbar extends UiBase {
     export(): void;
     update_data(): void;
     register(item: ToolBase): void;
-    add_annotation(): Function | Recorder | undefined;
+    add_annotation(): Recorder | IUiTips.RemoveItemFunc | undefined;
     get_local_fonts(): Promise<IUi.FontItem[]>;
-    first_letter_lower(): Function | undefined;
-    first_line_indent(): Function | undefined;
+    first_letter_lower(): IUiTips.RemoveItemFunc | undefined;
+    first_line_indent(): IUiTips.RemoveItemFunc | undefined;
     fontsize_change(dir: "up" | "down"): void;
-    set_inline_scale(scale: number): Function | undefined;
+    set_inline_scale(scale: number): IUiTips.RemoveItemFunc | undefined;
     paste_md(): Promise<Recorder | undefined>;
     protected find_next_fontsize(fontsize: string, dir: "up" | "down"): string | undefined;
 }
@@ -2874,7 +2874,7 @@ declare class NoteAnchor extends NoteBase {
     get selecting(): boolean;
     start(source: CubeText): void;
     cancel(): void;
-    confirm(): Function | undefined;
+    confirm(): IUiTips.RemoveItemFunc | undefined;
     navigate(source: CubeText): Promise<void>;
     protected highlight(target: CubeChild): void;
 }
@@ -3059,8 +3059,8 @@ declare class NoteHistory extends NoteBase {
     get len_redo(): number;
     constructor(note: Note);
     protected execute_command_group(cmds: ICommandCube.BaseCommand[]): void;
-    undo(): Function | undefined;
-    redo(): Function | undefined;
+    undo(): IUiTips.RemoveItemFunc | undefined;
+    redo(): IUiTips.RemoveItemFunc | undefined;
     record(recorder: Recorder | undefined | void | null): void;
     export(index?: number): INoteHistory.Stack;
     download(filename?: string): void;
@@ -3353,9 +3353,13 @@ declare class MusicPlayer {
     protected audio?: HTMLAudioElement;
     protected cube?: CubeMusic;
     protected track?: IMusic.Track;
+    protected remove_playing_tip?: () => boolean;
+    protected clear_playing_tip(): void;
+    protected show_playing_tip(): void;
     protected ensure_audio(): HTMLAudioElement | undefined;
     play(cube: CubeMusic, track: IMusic.Track): Promise<void>;
     pause(): void;
+    stop(): void;
     toggle(cube: CubeMusic, track: IMusic.Track): Promise<void>;
     seek(timeMs: number): void;
     previous(): void;
@@ -4490,7 +4494,7 @@ declare class CubeCode extends CubeChild<ICode.Data> {
     private bg_to_rgba;
     update_code_html(): void;
     create_tab(lang: ICode.Langs, name: string, theme?: string): ICode.TabItem;
-    copy_code(): Function | undefined;
+    copy_code(): IUiTips.RemoveItemFunc | undefined;
 }
 
 declare class AdapterCubeFormula extends CubeAdapterBase {
@@ -4561,7 +4565,7 @@ declare class ReceiverTable extends ReceiverChild<CubeTable> {
     add_row(cmd: ICommandTable.AddRow): Recorder;
     remove_row(cmd: ICommandTable.RemoveRow): Recorder;
     add_col(cmd: ICommandTable.AddCol): Recorder;
-    remove_col(cmd: ICommandTable.RemoveCol): Function | Recorder | undefined;
+    remove_col(cmd: ICommandTable.RemoveCol): Recorder | IUiTips.RemoveItemFunc | undefined;
     moveto(cmd: ICommandTable.CellMoveTo): Recorder | undefined;
     protected update_area(cmd: ICommandTable.CellUpdateArea): Recorder | undefined;
     merge_cell(cmd: ICommandTable.Merge): Recorder | undefined;
@@ -5085,7 +5089,7 @@ declare class NoteScopes extends NoteBase {
     get freeze(): Set<NoteScope>;
     clear(): void;
     add_by_cube(cube: CubeChild): void;
-    add_scope(using_cursor?: boolean): Function | undefined;
+    add_scope(using_cursor?: boolean): IUiTips.RemoveItemFunc | undefined;
     remove_scope(scope: string | NoteScope): void;
     clear_scope(filter?: boolean): void;
     freeze_scopes(): void;
@@ -8060,7 +8064,7 @@ declare namespace IUiTips {
         click?: ItemClick;
     }
     type ItemClick = (e: MouseEvent) => any;
-    type RemoveItemFunc = Function;
+    type RemoveItemFunc = () => boolean;
 }
 
 declare namespace IUiToolbar {
@@ -8617,7 +8621,7 @@ declare class NoteTools {
     static sleep(time?: number): Promise<unknown>;
     static is_same_style(css1: Record<string, string>, css2: Record<string, string>): boolean;
     static is_same_attrs(attrs1: Record<string, any>, attrs2: Record<string, any>): boolean;
-    locate(doc: CubeDoc, id: string, scroll?: boolean): Promise<Function | undefined>;
+    locate(doc: CubeDoc, id: string, scroll?: boolean): Promise<IUiTips.RemoveItemFunc | undefined>;
     static exports(cubes: CubeChild[]): ICubeBase.Data[];
     static get_client_rects(id: ICubeBase.CubeId): DOMRectList | undefined;
     static find_line(cube: INote.NoteChild, order?: "first" | "last"): CubeLine | undefined;