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

package/dist/style.css

@@ -39,7 +39,7 @@
   &:before {
     content: "";
     opacity: .2;
-    border-image-source: url("data:image/svg+xml,%3Csvg%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2036%2036%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20d%3D%22M19.5%200C25.573%200%2028.6095%200%2030.8862%201.27504C32.4953%202.17617%2033.8238%203.50471%2034.725%205.11379C36%207.39054%2036%2010.427%2036%2016.5V19.5C36%2025.573%2036%2028.6095%2034.725%2030.8862C33.8238%2032.4953%2032.4953%2033.8238%2030.8862%2034.725C28.6095%2036%2025.573%2036%2019.5%2036H16.5C10.427%2036%207.39054%2036%205.11379%2034.725C3.50471%2033.8238%202.17617%2032.4953%201.27504%2030.8862C0%2028.6095%200%2025.573%200%2019.5L0%2016.5C0%2010.427%200%207.39054%201.27504%205.11379C2.17617%203.50471%203.50471%202.17617%205.11379%201.27504C7.39054%200%2010.427%200%2016.5%200L19.5%200Z%22%0A%20%20%20%20%20%20%20%20fill%3D%22white%22%20%2F%3E%0A%3C%2Fsvg%3E");
+    border-image-source: url("data:image/svg+xml,%3Csvg%0A%09width%3D%2236%22%0A%09height%3D%2236%22%0A%09viewBox%3D%220%200%2036%2036%22%0A%09fill%3D%22none%22%0A%09xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%3E%0A%09%3Cpath%0A%09%09d%3D%22M19.5%200C25.573%200%2028.6095%200%2030.8862%201.27504C32.4953%202.17617%2033.8238%203.50471%2034.725%205.11379C36%207.39054%2036%2010.427%2036%2016.5V19.5C36%2025.573%2036%2028.6095%2034.725%2030.8862C33.8238%2032.4953%2032.4953%2033.8238%2030.8862%2034.725C28.6095%2036%2025.573%2036%2019.5%2036H16.5C10.427%2036%207.39054%2036%205.11379%2034.725C3.50471%2033.8238%202.17617%2032.4953%201.27504%2030.8862C0%2028.6095%200%2025.573%200%2019.5L0%2016.5C0%2010.427%200%207.39054%201.27504%205.11379C2.17617%203.50471%203.50471%202.17617%205.11379%201.27504C7.39054%200%2010.427%200%2016.5%200L19.5%200Z%22%0A%09%09fill%3D%22white%22%0A%09%2F%3E%0A%3C%2Fsvg%3E%0A");
     border-image-slice: 15 fill;
     border-image-width: 8.5px;
     width: 100%;
@@ -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.5.0",
   "description": "AMLL 组件库的 React 绑定，但是更加完备且高度灵活",
   "repository": {
     "url": "https://github.com/amll-dev/applemusic-like-lyrics.git",
@@ -47,13 +47,13 @@
     "dist"
   ],
   "dependencies": {
-    "@ungap/structured-clone": "^1.3.0",
+    "@ungap/structured-clone": "^1.3.3",
     "classnames": "^2.5.1",
     "corner-smoothing": "^0.1.5",
-    "framer-motion": "^12.38.0",
+    "framer-motion": "^13.0.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.6.0",
+    "@applemusic-like-lyrics/react": "^0.6.0"
   },
   "peerDependencies": {
     "jotai": "^2",
@@ -61,20 +61,20 @@
     "react-dom": "^19"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.4.8",
+    "@biomejs/biome": "^2.5.7",
     "@rolldown/plugin-babel": "^0.2.3",
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-jsx": "^8.1.0",
-    "@tsdown/css": "^0.21.9",
-    "@types/react": "^19.2.14",
-    "@types/react-dom": "^19.2.3",
+    "@tsdown/css": "^0.22.14",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
     "@types/ungap__structured-clone": "^1.2.0",
     "babel-plugin-react-compiler": "^1.0.0",
-    "jotai-babel": "^0.1.0",
+    "jotai-babel": "^0.3.0",
     "react-compiler-runtime": "^1.0.0",
-    "tsdown": "^0.21.9",
-    "typedoc": "^0.28.18",
-    "typedoc-plugin-markdown": "^4.11.0"
+    "tsdown": "^0.22.14",
+    "typedoc": "^0.28.20",
+    "typedoc-plugin-markdown": "^4.12.0"
   },
   "scripts": {
     "build:docs": "typedoc --plugin typedoc-plugin-markdown --out docs src/index.ts",