English | δΈζ
βοΈ If it helps you, please give a star.
yarn add go-captcha-solid # or npm install go-captcha-solid # or pnpm install go-captcha-solidimport GoCaptcha from 'go-captcha-solid';<GoCaptcha.Click config={{}} data={{}} events={{}} ref={domRef} /> <script> // call methods const domRef domRef.clear() domRef.refresh() </script>// config = {} interface Config { width?: number; height?: number; thumbWidth?: number; thumbHeight?: number; verticalPadding?: number; horizontalPadding?: number; showTheme?: boolean; title?: string; buttonText?: string; iconSize?: number; dotSize?: number; } // data = {} interface Data { image: string; thumb: string; } // events = {} interface Events { click?: (x: number, y: number) => void; refresh?: () => void; close?: () => void; confirm?: (dots: Array<ClickDot>, reset:() => void) => boolean; } // component method interface ClickMethods { reset: () => void, clear: () => void, refresh: () => void, close: () => void, } // export component method interface ExportMethods { reset: () => void, clear: () => void, refresh: () => void, close: () => void, }<GoCaptcha.Slide config={{}} data={{}} events={{}} ref={domRef} /> <script> // call methods const domRef domRef.clear() domRef.refresh() </script>// config = {} interface SlideConfig { width?: number; height?: number; thumbWidth?: number; thumbHeight?: number; verticalPadding?: number; horizontalPadding?: number; showTheme?: boolean; title?: string; iconSize?: number; scope ?: boolean; } // data = {} interface SlideData { thumbX: number; thumbY: number; thumbWidth: number; thumbHeight: number; image: string; thumb: string; } // events = {} interface SlideEvents { move?: (x: number, y: number) => void; refresh?: () => void; close?: () => void; confirm?: (point: SlidePoint, reset:() => void) => boolean; } // export component method interface ExportMethods { reset: () => void, clear: () => void, refresh: () => void, close: () => void, }<GoCaptcha.SlideRegion config={{}} data={{}} events={{}} ref={domRef} /> <script> // call methods const domRef domRef.clear() domRef.refresh() </script>// config = {} interface SlideRegionConfig { width?: number; height?: number; thumbWidth?: number; thumbHeight?: number; verticalPadding?: number; horizontalPadding?: number; showTheme?: boolean; title?: string; iconSize?: number; scope ?: boolean; } // data = {} interface SlideRegionData { thumbX: number; thumbY: number; thumbWidth: number; thumbHeight: number; image: string; thumb: string; } // events = {} interface SlideRegionEvents { move?: (x: number, y: number) => void; refresh?: () => void; close?: () => void; confirm?: (point: SlideRegionPoint, reset:() => void) => boolean; } // export component method interface ExportMethods { reset: () => void, clear: () => void, refresh: () => void, close: () => void, }<GoCaptcha.Rotate config={{}} data={{}} events={{}} ref={domRef} /> <script> // call methods const domRef domRef.clear() domRef.refresh() </script>// config = {} interface Config { width?: number; height?: number; thumbWidth?: number; thumbHeight?: number; verticalPadding?: number; horizontalPadding?: number; showTheme?: boolean; title?: string; iconSize?: number; scope ?: boolean; } // data = {} interface Data { angle?: number; image: string; thumb: string; thumbSize: number; } // events = {} interface Events { rotate?: (angle: number) => void; refresh?: () => void; close?: () => void; confirm?: (angle: number, reset:() => void) => boolean; } // export component method interface ExportMethods { reset: () => void, clear: () => void, refresh: () => void, close: () => void, }<GoCaptcha.Button />interface _ { config?: CaptchaConfig; clickEvent?: () => void; disabled?: boolean; type?: "default" | "warn" | "error" | "success"; title?: string; } export interface CaptchaConfig { width?: number; height?: number; verticalPadding?: number; horizontalPadding?: number; }