fix: vben count to animator event name fixed (#5573)
This commit is contained in:
parent
a221d2b491
commit
1a12687027
@ -42,11 +42,18 @@ outline: deep
|
|||||||
| transition | 动画效果 | `string` | `linear` |
|
| transition | 动画效果 | `string` | `linear` |
|
||||||
| decimals | 保留小数点位数 | `number` | `0` |
|
| decimals | 保留小数点位数 | `number` | `0` |
|
||||||
|
|
||||||
### Methods
|
### Events
|
||||||
|
|
||||||
以下事件,只有在 `useVbenModal({onCancel:()=>{}})` 中传入才会生效。
|
|
||||||
|
|
||||||
| 事件名 | 描述 | 类型 |
|
| 事件名 | 描述 | 类型 |
|
||||||
|
| -------------- | -------------- | -------------- |
|
||||||
|
| started | 动画已开始 | `()=>void` |
|
||||||
|
| finished | 动画已结束 | `()=>void` |
|
||||||
|
| ~~onStarted~~ | ~~动画已开始~~ | ~~`()=>void`~~ |
|
||||||
|
| ~~onFinished~~ | ~~动画已结束~~ | ~~`()=>void`~~ |
|
||||||
|
|
||||||
|
### Methods
|
||||||
|
|
||||||
|
| 方法名 | 描述 | 类型 |
|
||||||
| ------ | ------------ | ---------- |
|
| ------ | ------------ | ---------- |
|
||||||
| start | 开始执行动画 | `()=>void` |
|
| start | 开始执行动画 | `()=>void` |
|
||||||
| reset | 重置 | `()=>void` |
|
| reset | 重置 | `()=>void` |
|
||||||
|
@ -37,7 +37,18 @@ const props = withDefaults(defineProps<Props>(), {
|
|||||||
useEasing: true,
|
useEasing: true,
|
||||||
});
|
});
|
||||||
|
|
||||||
const emit = defineEmits(['onStarted', 'onFinished']);
|
const emit = defineEmits<{
|
||||||
|
finished: [];
|
||||||
|
/**
|
||||||
|
* @deprecated 请使用{@link finished}事件
|
||||||
|
*/
|
||||||
|
onFinished: [];
|
||||||
|
/**
|
||||||
|
* @deprecated 请使用{@link started}事件
|
||||||
|
*/
|
||||||
|
onStarted: [];
|
||||||
|
started: [];
|
||||||
|
}>();
|
||||||
|
|
||||||
const source = ref(props.startVal);
|
const source = ref(props.startVal);
|
||||||
const disabled = ref(false);
|
const disabled = ref(false);
|
||||||
@ -73,8 +84,14 @@ function run() {
|
|||||||
outputValue = useTransition(source, {
|
outputValue = useTransition(source, {
|
||||||
disabled,
|
disabled,
|
||||||
duration: props.duration,
|
duration: props.duration,
|
||||||
onFinished: () => emit('onFinished'),
|
onFinished: () => {
|
||||||
onStarted: () => emit('onStarted'),
|
emit('finished');
|
||||||
|
emit('onFinished');
|
||||||
|
},
|
||||||
|
onStarted: () => {
|
||||||
|
emit('started');
|
||||||
|
emit('onStarted');
|
||||||
|
},
|
||||||
...(props.useEasing
|
...(props.useEasing
|
||||||
? { transition: TransitionPresets[props.transition] }
|
? { transition: TransitionPresets[props.transition] }
|
||||||
: {}),
|
: {}),
|
||||||
|
Loading…
Reference in New Issue
Block a user