From d08b9f34943d87fd956f7622fc6eb873396b2d04 Mon Sep 17 00:00:00 2001 From: "X.Q. Chen" <31237954+brenner8023@users.noreply.github.com> Date: Tue, 26 Apr 2022 10:40:33 +0800 Subject: [PATCH] fix(comp:carousel): modify onChange params order (#863) fix #862 --- packages/components/carousel/docs/Index.zh.md | 4 ++-- packages/components/carousel/src/composables/useWalk.ts | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/components/carousel/docs/Index.zh.md b/packages/components/carousel/docs/Index.zh.md index d089bfda1..df6cdec37 100644 --- a/packages/components/carousel/docs/Index.zh.md +++ b/packages/components/carousel/docs/Index.zh.md @@ -18,7 +18,7 @@ order: 0 | `dotPlacement` | 面板指示点的位置 | `'top' \| 'start' \| 'bottom' \| 'end' \| 'none'` | `'bottom'` | ✅ | 为`'none'`时不显示面板指示点 | | `showArrow` | 是否显示`prev`、`next`按钮 | `boolean` | `false` | ✅ | - | | `trigger` | 面板指示点的触发方式 | `'click' \| 'hover'` | `'click'` | ✅ | - | -| `onChange` | 面板切换时会触发的回调函数 | `(prevIndex: number, nextIndex: number) => void` | - | - | - | +| `onChange` | 面板切换时会触发的回调函数 | `(nextIndex: number, prevIndex: number) => void` | - | - | - | #### CarouselSlots @@ -55,4 +55,4 @@ order: 0 | `@carousel-icon-opacity` | `0.3` | - | - | | `@carousel-icon-hover-opacity` | `0.6` | - | - | | `@carousel-icon-active-opacity` | `0.8` | - | - | - \ No newline at end of file + diff --git a/packages/components/carousel/src/composables/useWalk.ts b/packages/components/carousel/src/composables/useWalk.ts index 721bc12f9..bc3cb35a3 100644 --- a/packages/components/carousel/src/composables/useWalk.ts +++ b/packages/components/carousel/src/composables/useWalk.ts @@ -25,7 +25,7 @@ export const useWalk = (length: ComputedRef, props: CarouselProps): Walk watch(activeIndex, (newVal: number, oldVal: number) => { if (newVal >= 1 && newVal <= length.value) { - callEmit(props.onChange, oldVal, newVal) + callEmit(props.onChange, newVal, oldVal) } })