diff --git a/docs/src/components/common-ui/vben-count-to-animator.md b/docs/src/components/common-ui/vben-count-to-animator.md index 301e1a41..5f3ec188 100644 --- a/docs/src/components/common-ui/vben-count-to-animator.md +++ b/docs/src/components/common-ui/vben-count-to-animator.md @@ -42,11 +42,18 @@ outline: deep | transition | 动画效果 | `string` | `linear` | | decimals | 保留小数点位数 | `number` | `0` | +### Events + +| 事件名 | 描述 | 类型 | +| -------------- | -------------- | -------------- | +| started | 动画已开始 | `()=>void` | +| finished | 动画已结束 | `()=>void` | +| ~~onStarted~~ | ~~动画已开始~~ | ~~`()=>void`~~ | +| ~~onFinished~~ | ~~动画已结束~~ | ~~`()=>void`~~ | + ### Methods -以下事件,只有在 `useVbenModal({onCancel:()=>{}})` 中传入才会生效。 - -| 事件名 | 描述 | 类型 | +| 方法名 | 描述 | 类型 | | ------ | ------------ | ---------- | | start | 开始执行动画 | `()=>void` | | reset | 重置 | `()=>void` | diff --git a/packages/@core/ui-kit/shadcn-ui/src/components/count-to-animator/count-to-animator.vue b/packages/@core/ui-kit/shadcn-ui/src/components/count-to-animator/count-to-animator.vue index f252049c..50fece66 100644 --- a/packages/@core/ui-kit/shadcn-ui/src/components/count-to-animator/count-to-animator.vue +++ b/packages/@core/ui-kit/shadcn-ui/src/components/count-to-animator/count-to-animator.vue @@ -37,7 +37,18 @@ const props = withDefaults(defineProps(), { 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 disabled = ref(false); @@ -73,8 +84,14 @@ function run() { outputValue = useTransition(source, { disabled, duration: props.duration, - onFinished: () => emit('onFinished'), - onStarted: () => emit('onStarted'), + onFinished: () => { + emit('finished'); + emit('onFinished'); + }, + onStarted: () => { + emit('started'); + emit('onStarted'); + }, ...(props.useEasing ? { transition: TransitionPresets[props.transition] } : {}),