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