feat: add onPointer props.

Author: jaywcjlove

core/README.md

@@ -42,10 +42,31 @@ import { type StrokeOptions } from 'perfect-freehand';
 export interface SignatureProps extends React.SVGProps<SVGSVGElement> {
   prefixCls?: string;
   options?: StrokeOptions;
+  onPointer?: (points: number[][]) => void;
 }
 export default function Signature(props?: SignatureProps): React.JSX.Element;
 ```
 
+utils
+
+```ts
+import { type StrokeOptions } from 'perfect-freehand';
+/**
+ * Turn the points returned from perfect-freehand into SVG path data.
+ */
+export declare function getSvgPathFromStroke(stroke: number[][]): string;
+export declare const defaultOptions: StrokeOptions;
+export declare const getBoundingClientRect: (el: SVGSVGElement | null) => {
+    offsetX: number;
+    offsetY: number;
+};
+export declare const getClinetXY: ({ clientX, clientY }: PointerEvent) => {
+    clientX: number;
+    clientY: number;
+};
+export declare const defaultStyle: React.CSSProperties;
+```
+
 ### Options
 
 The options object is optional, as are each of its properties.

core/src/index.tsx

@@ -2,15 +2,18 @@ import React, { useEffect, useRef, forwardRef, useImperativeHandle } from 'react
 import { getStroke, type StrokeOptions } from 'perfect-freehand';
 import { getSvgPathFromStroke, getBoundingClientRect, getClinetXY, defaultOptions, defaultStyle } from './utils';
 
+export * from './utils';
+
 export interface SignatureProps extends React.SVGProps<SVGSVGElement> {
   prefixCls?: string;
   options?: StrokeOptions;
+  onPointer?: (points: number[][]) => void;
 }
 
 let points: number[][] = [];
 
 const Signature = forwardRef<SVGSVGElement, SignatureProps>((props, ref) => {
-  const { className, prefixCls = 'w-signature', style, options, ...others } = props;
+  const { className, prefixCls = 'w-signature', style, onPointer, options, ...others } = props;
   const cls = [className, prefixCls].filter(Boolean).join(' ');
   const $svg = useRef<SVGSVGElement>(null);
   const $path = useRef<SVGPathElement>();
@@ -40,6 +43,7 @@ const Signature = forwardRef<SVGSVGElement, SignatureProps>((props, ref) => {
   };
 
   const handlePointerUp = () => {
+    onPointer && onPointer(points);
     points = [];
     $path.current = undefined;
   };