Explorar o código

fix: animation fill mode spell error

pointhalo %!s(int64=3) %!d(string=hai) anos
pai
achega
2513a17e08

+ 2 - 2
content/start/changelog/index-en-US.md

@@ -16,10 +16,10 @@ Version:Major.Minor.Patch
 
 ---
 
-#### 🎉 2.12.0-beta.3 (2022-05-31)
+#### 🎉 2.12.0-beta.4 (2022-05-31)
 - 【Fix】
     - Fix the problem that Tooltip, Popover, Select and other components with floating layers will flicker when they are used under React 1 [#715](https://github.com/DouyinFE/semi-design/issues/715)
-    - Fixed FocusHandle referencing lodash-es error (effects v2.12.0-beta.0 - v2.12.0-beta.1)
+    - Fixed FocusHandle referencing lodash-es error (effects v2.12.0-beta.0 - v2.12.0-beta.2)
 
 #### 🎉 2.12.0-beta.0 (2022-05-30)
 - 【Feat】

+ 2 - 2
content/start/changelog/index.md

@@ -15,10 +15,10 @@ Semi 版本号遵循**Semver**规范(主版本号-次版本号-修订版本号
 
 ---
 
-#### 🎉 2.12.0-beta.3 (2022-05-31)
+#### 🎉 2.12.0-beta.4 (2022-05-31)
 - 【Fix】
     - 修复 Tooltip、Popover、Select等带浮层组件,在 React 18 下使用,关闭时会闪烁的问题 [#715](https://github.com/DouyinFE/semi-design/issues/715)
-    - 修复 FocusHandle 错误引用了 lodash-es 导致的报错问题(问题影响范围 v2.12.0-beta.0 - v2.12.0-beta.1
+    - 修复 FocusHandle 错误引用了 lodash-es 导致的报错问题(问题影响范围 v2.12.0-beta.0 - v2.12.0-beta.2
 
 #### 🎉 2.12.0-beta.0 (2022-05-30)
 

+ 2 - 2
packages/semi-ui/tooltip/TooltipStyledTransition.tsx

@@ -18,9 +18,9 @@ const TooltipTransition: React.FC<TooltipTransitionProps> = (props = {}) => {
     const { children } = props;
     const motion = getMotionObjFromProps(props);
 
-    //  add fillMode forward to fix issue 715, tooltip close will flashing under react 18
+    //  add fillMode forwards to fix issue 715, tooltip close will flashing under react 18
     return (
-        <StyledTransition {...props} enter={enterCls} leave={leaveCls} duration={'100ms'} {...motion} fillMode='forward'>
+        <StyledTransition {...props} enter={enterCls} leave={leaveCls} duration={'1000ms'} {...motion} fillMode='forwards'>
             {typeof children === 'function' ?
                 ({ animateCls, animateEvents, animateStyle }: any) => children({ animateCls, animateEvents, animateStyle }) :
                 children}