fix(slider): 更改事件命名

Tencent · May 1, 2022 · 66fa54a · 66fa54a
1 parent e3e51a6
commit 66fa54a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/src/slider/hooks/useSliderMark.tsx b/src/slider/hooks/useSliderMark.tsx
@@ -84,7 +84,7 @@ export const useSliderMark = (config: Ref<useSliderMarkProps>) => {
                 point={item.point}
                 key={key}
                 style={getStopStyle(item.position, config.value.vertical)}
-                clickMarkPoint={onChangeFn}
+                onClickMarkPoint={onChangeFn}
               />
             ))}
           </div>

diff --git a/src/slider/slider-mark.tsx b/src/slider/slider-mark.tsx
@@ -11,7 +11,7 @@ export default defineComponent({
     point: {
       type: Number,
     },
-    clickMarkPoint: {
+    onClickMarkPoint: {
       type: Function,
       default: () => {},
     },
@@ -20,9 +20,7 @@ export default defineComponent({
     const COMPONENT_NAME = usePrefixClass('slider__mark');
     const changeValue = (e: MouseEvent) => {
       e.stopPropagation();
-      if (props.clickMarkPoint) {
-        props.clickMarkPoint(props.point);
-      }
+      props?.onClickMarkPoint?.(props.point);
     };
 
     return () => (