feat: TourStep support fn children (#7628)

* Fix: [修复自定义按钮无渲染]

* refactor(完善 Tour 自定义按钮代码健壮性): 🦄

---------

Co-authored-by: shizhu <shizhu@yaomaitong.cn>
pull/7648/head
trry-hub 6 months ago committed by GitHub
parent 208b8d3085
commit 4b7c6ac02c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

@ -1,5 +1,6 @@
import { computed, defineComponent, toRefs } from 'vue'; import { computed, defineComponent, toRefs } from 'vue';
import classNames from '../_util/classNames'; import classNames from '../_util/classNames';
import { isFunction } from '../_util/util';
import CloseOutlined from '@ant-design/icons-vue/CloseOutlined'; import CloseOutlined from '@ant-design/icons-vue/CloseOutlined';
import { tourStepProps } from './interface'; import { tourStepProps } from './interface';
import type { TourBtnProps } from './interface'; import type { TourBtnProps } from './interface';
@ -119,7 +120,9 @@ const panelRender = defineComponent({
size="small" size="small"
class={classNames(`${prefixCls}-prev-btn`, prevButtonProps?.className)} class={classNames(`${prefixCls}-prev-btn`, prevButtonProps?.className)}
> >
{prevButtonProps?.children ?? contextLocale.Previous} {isFunction(prevButtonProps?.children)
? prevButtonProps.children()
: prevButtonProps?.children ?? contextLocale.Previous}
</Button> </Button>
) : null} ) : null}
<Button <Button
@ -129,8 +132,11 @@ const panelRender = defineComponent({
size="small" size="small"
class={classNames(`${prefixCls}-next-btn`, nextButtonProps?.className)} class={classNames(`${prefixCls}-next-btn`, nextButtonProps?.className)}
> >
{nextButtonProps?.children ?? {isFunction(nextButtonProps?.children)
(isLastStep.value ? contextLocale.Finish : contextLocale.Next)} ? nextButtonProps?.children()
: isLastStep.value
? contextLocale.Finish
: contextLocale.Next}
</Button> </Button>
</div> </div>
</div> </div>

Loading…
Cancel
Save