feat(desktop): speed up some animations

DIYgod · DIYgod · commit f2f65545fbce · 2025-05-24T11:21:46.000+08:00
diff --git a/apps/desktop/layer/renderer/src/modules/entry-column/Items/social-media-item.tsx b/apps/desktop/layer/renderer/src/modules/entry-column/Items/social-media-item.tsx
@@ -370,7 +370,7 @@ const CollapsedSocialMediaItem: Component<{
   }, [children])
 
   return (
-    <AutoResizeHeight spring className="relative">
+    <AutoResizeHeight className="relative">
       <div
         className={cn(
           "relative",
diff --git a/apps/desktop/layer/renderer/src/modules/entry-content/AISummary.tsx b/apps/desktop/layer/renderer/src/modules/entry-content/AISummary.tsx
@@ -106,10 +106,7 @@ export function AISummary({ entryId }: { entryId: string }) {
         )}
       </div>
 
-      <AutoResizeHeight
-        spring
-        className="mt-4 text-sm leading-relaxed text-neutral-700 dark:text-neutral-300"
-      >
+      <AutoResizeHeight className="mt-4 text-sm leading-relaxed text-neutral-700 dark:text-neutral-300">
         {summary.isLoading ? (
           <div className="space-y-2">
             <div className="bg-material-ultra-thick h-3 w-full rounded-lg" />
diff --git a/apps/desktop/layer/renderer/src/modules/profile/user-profile-modal.shared.tsx b/apps/desktop/layer/renderer/src/modules/profile/user-profile-modal.shared.tsx
@@ -102,7 +102,7 @@ export const SubscriptionGroup: FC<{
           />
         </div>
       </button>
-      <AutoResizeHeight duration={0.2}>
+      <AutoResizeHeight>
         <AnimatePresence mode="popLayout">
           {isOpened && (
             <Fragment>
diff --git a/packages/internal/components/src/constants/spring.ts b/packages/internal/components/src/constants/spring.ts
@@ -36,7 +36,7 @@ const softBouncePreset: Spring = {
  */
 const smoothPreset: Spring = {
   type: "spring",
-  duration: 0.5,
+  duration: 0.4,
   bounce: 0,
 }
 
@@ -45,7 +45,7 @@ const smoothPreset: Spring = {
  */
 const snappyPreset: Spring = {
   type: "spring",
-  duration: 0.5,
+  duration: 0.4,
   bounce: 0.15,
 }
 
@@ -54,7 +54,7 @@ const snappyPreset: Spring = {
  */
 const bouncyPreset: Spring = {
   type: "spring",
-  duration: 0.5,
+  duration: 0.4,
   bounce: 0.3,
 }
 class SpringPresets {
@@ -76,7 +76,7 @@ class SpringStatic {
    * @param duration The perceptual duration, which defines the pace of the spring.
    * @param extraBounce How much additional bounce should be added to the base bounce of 0.
    */
-  smooth(duration = 0.5, extraBounce = 0): Spring {
+  smooth(duration = 0.4, extraBounce = 0): Spring {
     return {
       type: "spring",
       duration,
@@ -87,7 +87,7 @@ class SpringStatic {
   /**
    * A spring with a predefined duration and small amount of bounce that feels more snappy.
    */
-  snappy(duration = 0.5, extraBounce = 0): Spring {
+  snappy(duration = 0.4, extraBounce = 0): Spring {
     return {
       type: "spring",
       duration,
@@ -98,7 +98,7 @@ class SpringStatic {
   /**
    * A spring with a predefined duration and higher amount of bounce that can be tuned.
    */
-  bouncy(duration = 0.5, extraBounce = 0): Spring {
+  bouncy(duration = 0.4, extraBounce = 0): Spring {
     return {
       type: "spring",
       duration,
diff --git a/packages/internal/components/src/ui/auto-resize-height/index.tsx b/packages/internal/components/src/ui/auto-resize-height/index.tsx
@@ -16,7 +16,7 @@ interface AnimateChangeInHeightProps {
 export const AutoResizeHeight: React.FC<AnimateChangeInHeightProps> = ({
   children,
   className,
-  duration = 0.35,
+  duration = 0.2,
   spring = false,
   innerClassName,
 }) => {
