优化提示框动画速度

src/core/theme.ts

@@ -7,7 +7,12 @@ import type { MapLeafNodes, WithOptionalLayer } from "./types";
 export type Theme = WithOptionalLayer<MapLeafNodes<typeof themeVars, string>>;
 
 export const overlayAppear = "overlay-appear";
-export const animation = `200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running ${overlayAppear}`;
+export const animation = {
+  animation: overlayAppear,
+  animationDuration: "80ms",
+  animationFillMode: "forwards",
+  animationTimingFunction: "ease-in",
+};
 export const overlayAppearDown = "overlay-appear-down";
 export const animationDown = `200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running ${overlayAppearDown}`;
 export const overlayAppearUp = "overlay-appear-up";

styles/public/tippy.ts

@@ -43,7 +43,7 @@ export const tippyBox = css`
     }
     // 专门用于提示信息的提示框, 比如提交的具体时间, 任务状态等
     &[data-theme="tooltip"] {
-      animation: ${animation};
+      ${animation};
       .tippy-content {
         font-size: 12px;
         font-weight: 400;