fix: change the scrollbar and legend hover style.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/component",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0",
   "description": "Visualization components for AntV, based on G.",
   "license": "MIT",
   "main": "lib/index.js",

src/core/types.ts

@@ -19,8 +19,8 @@ export type PrefixStyleProps<T extends Record<string, any>, P extends string> =
   [K in keyof T as K extends `show${infer S}`
     ? `show${Capitalize<P>}${S}`
     : K extends string
-    ? `${P}${Capitalize<K>}`
-    : never]: T[K];
+      ? `${P}${Capitalize<K>}`
+      : never]: T[K];
 };
 
 export type CallableStyleProps<T extends Record<string, any>, P extends any[]> = {

src/ui/legend/continuous.ts

@@ -2,7 +2,7 @@ import { CustomEvent } from '@antv/g';
 import { Linear } from '@antv/scale';
 import { clamp, isUndefined } from '@antv/util';
 import { Component } from '../../core';
-import type { DisplayObject, TextStyleProps } from '../../shapes';
+import type { BaseStyleProps, DisplayObject, TextStyleProps } from '../../shapes';
 import { Group } from '../../shapes';
 import { Point } from '../../types';
 import {
@@ -573,6 +573,7 @@ export class Continuous extends Component<ContinuousStyleProps> {
     this.ribbon.on('pointerdown', this.onDragStart('ribbon'));
     this.ribbon.on('pointermove', this.onHovering);
     this.addEventListener('pointerout', this.hideIndicator);
+    this.addEventListener('pointerover', this.changeCursor('pointer'));
   }
 
   private onHovering = (e: any) => {
@@ -649,7 +650,7 @@ export class Continuous extends Component<ContinuousStyleProps> {
   };
 
   private onDragEnd = () => {
-    this.style.cursor = 'default';
+    this.style.cursor = 'pointer';
     document.removeEventListener('mousemove', this.onDragging);
     document.removeEventListener('touchmove', this.onDragging);
     document.removeEventListener('mouseup', this.onDragEnd);
@@ -737,4 +738,10 @@ export class Continuous extends Component<ContinuousStyleProps> {
     });
     this.dispatchEvent(evt as any);
   }
+
+  private changeCursor(cursor: BaseStyleProps['cursor'] = 'default') {
+    return (e: any) => {
+      this.style.cursor = cursor;
+    };
+  }
 }

src/ui/slider/index.ts

@@ -288,7 +288,10 @@ export class Slider extends Component<SliderStyleProps> {
                   this.attr('cursor', 'grabbing');
                 });
                 this.addEventListener('pointerup', () => {
-                  this.attr('cursor', 'grab');
+                  this.attr('cursor', 'pointer');
+                });
+                this.addEventListener('pointerover', () => {
+                  this.attr('cursor', 'pointer');
                 });
               } else {
                 this.on('pointerdown', that.onDragStart('track'));