@applemusic-like-lyrics/react-full 0.4.1 → 0.4.2

package/dist/style.css

@@ -172,30 +172,31 @@
   display: flex;
   position: relative;
 
+  & > * {
+    transform-origin: center;
+    transition: transform .5s;
+  }
+
   &:hover {
     background-color: #fff2;
   }
 
+  &._7JvWRa_animate > * {
+    animation-composition: accumulate;
+    animation: .7s _7JvWRa_pressed-animation;
+  }
+
   &:active {
     background-color: #fff2;
 
     & * {
-      animation-name: none !important;
+      animation-name: none;
     }
   }
-
-  & > * {
-    transform-origin: center;
-    transition: transform .5s;
-  }
-
-  &._7JvWRa_animate > * {
-    animation-composition: accumulate;
-    animation: .7s _7JvWRa_pressed-animation;
-  }
 }
 .GOs7HW_menuButton {
   aspect-ratio: 1;
+  background: #ffffff15;
   border: none;
   border-radius: 50%;
   justify-content: center;
@@ -206,7 +207,6 @@
   padding: 0;
   display: flex;
   position: relative;
-  background: #ffffff15 !important;
 
   & svg {
     color: #fff;
@@ -251,9 +251,9 @@
   user-select: text;
   letter-spacing: .4px;
   opacity: .9;
+  mix-blend-mode: normal;
   min-width: 0;
   font-weight: 500;
-  mix-blend-mode: normal !important;
 }
 
 .XWzuDW_artists, .XWzuDW_album {
@@ -305,48 +305,6 @@
   top: 0;
   left: 0;
 }
-.-DaA0W_horizontalLayout {
-  --hide-lyric-left: 61.1111%;
-  grid-template-rows: [-DaA0W_drag-area] minmax(30px, .45fr)[-DaA0W_thumb] auto[-DaA0W_cover] auto[-DaA0W_music-info] 3fr[-DaA0W_buttom-controls] 0fr .3fr;
-  grid-template-columns: [-DaA0W_info-side] .45fr[-DaA0W_player-side] .55fr[-DaA0W_side-controls] 0fr;
-  gap: 8px;
-  width: 100%;
-  height: 100%;
-  transition: all .5s ease-in-out;
-  display: grid;
-  position: relative;
-  left: 0%;
-
-  & .-DaA0W_thumb, & .-DaA0W_cover, & .-DaA0W_controls {
-    transition: left .5s cubic-bezier(.5, 0, .5, 1);
-    left: 0%;
-  }
-
-  &.-DaA0W_hideLyric {
-    & .-DaA0W_lyric {
-      opacity: 0;
-      pointer-events: none;
-      transition: opacity .25s cubic-bezier(.5, 0, .5, 1), transform .5s cubic-bezier(.5, 0, .5, 1);
-    }
-
-    & .-DaA0W_thumb, & .-DaA0W_cover, & .-DaA0W_controls {
-      left: var(--hide-lyric-left);
-    }
-  }
-
-  --horizontal-layout-max-width: min(50vh, 38vw);
-
-  @media screen and (height <= 1000px) {
-    --horizontal-layout-max-width: min(45vh, 38vw);
-  }
-
-  @media screen and (height <= 768px) {
-    grid-template-rows: [-DaA0W_drag-area] minmax(30px, .45fr)[-DaA0W_thumb] auto[-DaA0W_cover] auto[-DaA0W_music-info] 3fr[-DaA0W_buttom-controls] 0fr .2fr;
-    gap: 2px;
-    font-size: .8em;
-  }
-}
-
 .-DaA0W_thumb {
   will-change: transform;
   mix-blend-mode: plus-lighter;
@@ -411,6 +369,48 @@
     padding-right: 2em;
   }
 }
+
+.-DaA0W_horizontalLayout {
+  --hide-lyric-left: 61.1111%;
+  grid-template-rows: [-DaA0W_drag-area] minmax(30px, .45fr)[-DaA0W_thumb] auto[-DaA0W_cover] auto[-DaA0W_music-info] 3fr[-DaA0W_buttom-controls] 0fr .3fr;
+  grid-template-columns: [-DaA0W_info-side] .45fr[-DaA0W_player-side] .55fr[-DaA0W_side-controls] 0fr;
+  gap: 8px;
+  width: 100%;
+  height: 100%;
+  transition: all .5s ease-in-out;
+  display: grid;
+  position: relative;
+  left: 0%;
+
+  & .-DaA0W_thumb, & .-DaA0W_cover, & .-DaA0W_controls {
+    transition: left .5s cubic-bezier(.5, 0, .5, 1);
+    left: 0%;
+  }
+
+  &.-DaA0W_hideLyric {
+    & .-DaA0W_lyric {
+      opacity: 0;
+      pointer-events: none;
+      transition: opacity .25s cubic-bezier(.5, 0, .5, 1), transform .5s cubic-bezier(.5, 0, .5, 1);
+    }
+
+    & .-DaA0W_thumb, & .-DaA0W_cover, & .-DaA0W_controls {
+      left: var(--hide-lyric-left);
+    }
+  }
+
+  --horizontal-layout-max-width: min(50vh, 38vw);
+
+  @media screen and (height <= 1000px) {
+    --horizontal-layout-max-width: min(45vh, 38vw);
+  }
+
+  @media screen and (height <= 768px) {
+    grid-template-rows: [-DaA0W_drag-area] minmax(30px, .45fr)[-DaA0W_thumb] auto[-DaA0W_cover] auto[-DaA0W_music-info] 3fr[-DaA0W_buttom-controls] 0fr .2fr;
+    gap: 2px;
+    font-size: .8em;
+  }
+}
 .SqBoeq_verticalLayout {
   grid-template-rows: [SqBoeq_drag-area] 30px[SqBoeq_thumb] 30px[SqBoeq_main-view] 1fr[SqBoeq_control] 0fr;
   gap: 2px;
@@ -713,7 +713,9 @@
   overflow: hidden;
 
   @media screen and (height <= 1000px) {
-    padding: 0 0 !important;
+    &.UjzbJG_horizontalControls {
+      padding: 0 0;
+    }
   }
 
   @media screen and (height >= 1000px) {
@@ -823,8 +825,8 @@
 }
 
 .UjzbJG_bigControls > button {
-  width: 10vh !important;
-  height: 10vh !important;
+  width: 10vh;
+  height: 10vh;
 
   &:nth-child(2) > svg {
     scale: 1.75;
@@ -877,8 +879,8 @@
   transition: transform .5s .3s var(--info-timing-func-out),
 		opacity .3s .3s var(--info-timing-func-out);
   opacity: 1;
+  font-size: clamp(1em, 2vh, 1.25em);
   transform: translateY(0);
-  font-size: clamp(1em, 2vh, 1.25em) !important;
 }
 
 .UjzbJG_smallMusicInfo.UjzbJG_hideLyric {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@applemusic-like-lyrics/react-full",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "AMLL 组件库的 React 绑定，但是更加完备且高度灵活",
   "repository": {
     "url": "https://github.com/amll-dev/applemusic-like-lyrics.git",
@@ -52,8 +52,8 @@
     "corner-smoothing": "^0.1.5",
     "framer-motion": "^12.38.0",
     "react-toastify": "^11.0.5",
-    "@applemusic-like-lyrics/core": "^0.5.1",
-    "@applemusic-like-lyrics/react": "^0.5.1"
+    "@applemusic-like-lyrics/core": "^0.5.2",
+    "@applemusic-like-lyrics/react": "^0.5.2"
   },
   "peerDependencies": {
     "jotai": "^2",
@@ -65,14 +65,14 @@
     "@rolldown/plugin-babel": "^0.2.3",
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-jsx": "^8.1.0",
-    "@tsdown/css": "^0.21.9",
+    "@tsdown/css": "^0.22.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@types/ungap__structured-clone": "^1.2.0",
     "babel-plugin-react-compiler": "^1.0.0",
     "jotai-babel": "^0.1.0",
     "react-compiler-runtime": "^1.0.0",
-    "tsdown": "^0.21.9",
+    "tsdown": "^0.22.0",
     "typedoc": "^0.28.18",
     "typedoc-plugin-markdown": "^4.11.0"
   },