mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 17:44:35 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

feat: add tour animated (#38469)

Browse Source 
* feat: add animated

* feat: update doc

* feat: update doc

* feat: update doc

* feat: update dome

* feat: update lint

* feat: update style

* feat: update reviewer

* feat: update

* feat: update
This commit is contained in:
黑雨 2022-11-10 22:30:48 +08:00 committed by GitHub
parent bcaf197b31
commit f035c9d57f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/tour/index.tsx
View File

@ -44,6 +44,7 @@ const Tour: React.ForwardRefRenderFunction<HTMLDivElement, TourProps> & {
prefixCls={prefixCls}
steps={steps}
current={current}
animated
renderPanel={mergedRenderPanel}
/>,
);

13
components/tour/style/index.tsx
View File

@ -39,6 +39,7 @@ const genBaseStyle: GenerateStyle<TourToken> = token => {
colorWhite,
colorBgTextHover,
tourCloseSize,
motionDurationSlow,
} = token;
return [
@ -199,7 +200,14 @@ const genBaseStyle: GenerateStyle<TourToken> = token => {
},
},
// Limit left and right placement radius
// ============================= mask ===========================
[`${componentCls}-mask`]: {
[`${componentCls}-placeholder-animated`]: {
transition: `all ${motionDurationSlow}`,
},
},
// =========== Limit left and right placement radius ==============
[[
`&-placement-left`,
`&-placement-leftTop`,
@ -216,7 +224,8 @@ const genBaseStyle: GenerateStyle<TourToken> = token => {
},
},
},
// Arrow Style
// ============================= Arrow ===========================
getArrowStyle<TourToken>(token, {
colorBg: 'var(--antd-arrow-background-color)',
showArrowCls: '',

4
package.json
View File

@ -114,7 +114,7 @@
"@ant-design/react-slick": "~0.29.1",
"@babel/runtime": "^7.18.3",
"@ctrl/tinycolor": "^3.4.0",
"@rc-component/tour": "~1.0.0",
"@rc-component/tour": "~1.0.1-2",
"classnames": "^2.2.6",
"copy-to-clipboard": "^3.2.0",
"dayjs": "^1.11.1",
@ -318,7 +318,7 @@
"bundlesize": [
{
"path": "./dist/antd.min.js",
"maxSize": "377 kB"
"maxSize": "377.5 kB"
}
]
}