|
|
@ -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>
|
|
|
|