go-captcha-vue 2.0.0-beta.1 → 2.0.0-beta.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Awen <wengaolng@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,23 +1,42 @@
 # Go Captcha Vue Package
 
+<p> ⭐️ If it helps you, please give a star.</p>
+<img src="http://47.104.180.148/go-captcha/go-captcha-v2.jpg" alt="Poster">
+
+
+<br/>
+
+| Vue Version            | Go Captcha Version |
+|:-----------------------|:------------------:|
+| vue >= 2.7.14 && < 3.0 | go-captcha-vue@^1  |
+| vue >= 3.0             | go-captcha-vue@^2  |
+
+## Install
 ```shell
-yarn add go-captcha-vue
+# Greater than or equal to vue2.7.14 and less than vue3.0
+yarn add go-captcha-vue@^1
 # or
-npm install go-captcha-vue
+npm install go-captcha-vue@^1
 # or
-pnpm install go-captcha-vue
-```
+pnpm install go-captcha-vue@^1
 
-## Use Go Captcha
-```vue
+############################################
+# Greater than vue3.0
+yarn add go-captcha-vue@^2
+# or
+npm install go-captcha-vue@^2
+# or
+pnpm install go-captcha-vue@^2
+```
 
+Use Go Captcha
+```ts
 import "go-captcha-vue/dist/style.css"
 import GoCaptcha from "go-captcha-vue"
 
 Vue.use(GoCaptcha)
 ```
 
-
 ## 🖖 Click Mode Captcha
 ```vue
 <gocaptcha-click
@@ -27,10 +46,10 @@ Vue.use(GoCaptcha)
 />
 ```
 
-### params
+### Parameter Reference
 ```ts
 // config = {}
-interface Config {
+interface ClickConfig {
   width?: number;
   height?: number;
   thumbWidth?: number;
@@ -38,20 +57,22 @@ interface Config {
   verticalPadding?: number;
   horizontalPadding?: number;
   showTheme?: boolean;
+  title?: string;
+  buttonText?: string;
 }
 
 // data = {}
-interface Data {
+interface ClickData {
   image: string;
   thumb: string;
 }
 
 // events = {}
-interface Events {
+interface ClickEvents {
   click?: (x: number, y: number) => void;
   refresh?: () => void;
   close?: () => void;
-  confirm?: (dots: Array<CaptchaDot>) => boolean;
+  confirm?: (dots: Array<ClickDot>) => boolean;
 }
 ```
 
@@ -69,10 +90,10 @@ interface Events {
   :events="{}"
 />
 ```
-### params
+### Parameter Reference
 ```ts
 // config = {}
-interface Config {
+interface SlideConfig {
   width?: number;
   height?: number;
   thumbWidth?: number;
@@ -80,10 +101,11 @@ interface Config {
   verticalPadding?: number;
   horizontalPadding?: number;
   showTheme?: boolean;
+  title?: string;
 }
 
 // data = {}
-interface Data {
+interface SlideData {
   thumbX: number;
   thumbY: number;
   thumbWidth: number;
@@ -93,14 +115,44 @@ interface Data {
 }
 
 // events = {}
-interface Events {
+interface SlideEvents {
   move?: (x: number, y: number) => void;
   refresh?: () => void;
   close?: () => void;
-  confirm?: (point: CaptchaPoint) => boolean;
+  confirm?: (point: SlidePoint) => boolean;
 }
 ```
+```ts
+// config = {}
+interface SlideRegionConfig {
+  width?: number;
+  height?: number;
+  thumbWidth?: number;
+  thumbHeight?: number;
+  verticalPadding?: number;
+  horizontalPadding?: number;
+  showTheme?: boolean;
+  title?: string;
+}
 
+// 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) => boolean;
+}
+```
 
 ## 🖖 Rotate Mode Captcha
 ```vue
@@ -111,10 +163,10 @@ interface Events {
 />
 ```
 
-### params
+### Parameter Reference
 ```ts
 // config = {}
-interface Config {
+interface RotateConfig {
   width?: number;
   height?: number;
   thumbWidth?: number;
@@ -122,20 +174,59 @@ interface Config {
   verticalPadding?: number;
   horizontalPadding?: number;
   showTheme?: boolean;
+  title?: string;
 }
 
 // data = {}
-interface Data {
+interface RotateData {
   angle: number;
   image: string;
   thumb: string;
 }
 
 // events = {}
-interface Events {
+interface RotateEvents {
   rotate?: (angle: number) => void;
   refresh?: () => void;
   close?: () => void;
   confirm?: (angle: number) => boolean;
 }
-```
+```
+
+
+## Button
+```vue
+<gocaptcha-button @clickEvent="() => console.log('hello')"/>
+```
+
+### params
+```ts
+interface $Attr {
+  config?: CaptchaConfig;
+  disabled?: boolean;
+  type?: "default" | "warn" | "error" | "success";
+  title?: string;
+}
+
+interface $Event {
+  clickEvent?: ()=>void;     // event -> @clickEvent=""
+}
+
+export interface ButtonConfig {
+  width?: number;
+  height?: number;
+  verticalPadding?: number;
+  horizontalPadding?: number;
+}
+
+```
+
+<br/>
+
+## 🍹 Buy me a coffee
+<div>
+<a href="http://witkeycode.com/sponsor" target="_blank"><img src="http://47.104.180.148/payment-code/wxpay.png" alt="Buy Me A Coffee" style="width: 217px !important;" ></a>
+<a href="http://witkeycode.com/sponsor" target="_blank"><img src="http://47.104.180.148/payment-code/alipay.png" alt="Buy Me A Coffee" style="width: 217px !important;" ></a>
+</div>
+
+<br/>

package/dist/assets/icons/arrows-icon.vue.d.ts

@@ -1,4 +1,6 @@
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
-}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
 export default _default;

package/dist/assets/icons/btn-default-icon.vue.d.ts

@@ -1,4 +1,6 @@
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
-}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
 export default _default;

package/dist/assets/icons/btn-error-icon.vue.d.ts

@@ -1,4 +1,6 @@
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
-}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
 export default _default;

package/dist/assets/icons/btn-success-icon.vue.d.ts

@@ -1,4 +1,6 @@
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
-}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
 export default _default;

package/dist/assets/icons/btn-warn-icon.vue.d.ts

@@ -1,4 +1,6 @@
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
-}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
 export default _default;

package/dist/assets/icons/close-icon.vue.d.ts

@@ -1,4 +1,6 @@
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
-}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
 export default _default;

package/dist/assets/icons/loading-icon.vue.d.ts

@@ -1,4 +1,6 @@
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
-}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
 export default _default;

package/dist/assets/icons/refresh-icon.vue.d.ts

@@ -1,4 +1,6 @@
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
-}, string, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
 export default _default;

package/dist/components/button/index.d.ts

@@ -1,2 +1,7 @@
+/**
+ * @Author Awen
+ * @Date 2024/06/01
+ * @Email wengaolng@gmail.com
+ **/
 import capt from './index.vue';
 export default capt;

package/dist/components/button/index.vue.d.ts

@@ -1,37 +1,48 @@
-import { CaptchaConfig } from "./meta/config";
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    config?: CaptchaConfig | undefined;
+import { ButtonConfig } from "./meta/config";
+import { ButtonType } from "@/components/button/meta/types";
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    config?: ButtonConfig | undefined;
     clickEvent?: (() => void) | undefined;
     disabled?: boolean | undefined;
-    type?: "default" | "warn" | "error" | "success" | undefined;
+    type?: ButtonType | undefined;
     title?: string | undefined;
 }>, {
-    config: () => CaptchaConfig;
+    config: () => ButtonConfig;
     disabled: boolean;
     type: string;
     title: string;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "click-event": (...args: any[]) => void;
-}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    config?: CaptchaConfig | undefined;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    config?: ButtonConfig | undefined;
     clickEvent?: (() => void) | undefined;
     disabled?: boolean | undefined;
-    type?: "default" | "warn" | "error" | "success" | undefined;
+    type?: ButtonType | undefined;
     title?: string | undefined;
 }>, {
-    config: () => CaptchaConfig;
+    config: () => ButtonConfig;
     disabled: boolean;
     type: string;
     title: string;
-}>>>, {
+}>>> & {
+    "onClick-event"?: ((...args: any[]) => any) | undefined;
+}, {
     title: string;
-    config: CaptchaConfig;
-    type: "default" | "warn" | "error" | "success";
+    config: ButtonConfig;
+    type: ButtonType;
     disabled: boolean;
-}>;
+}, {}>;
 export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -39,11 +50,3 @@ declare type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-declare type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-declare type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/components/button/meta/config.d.ts

@@ -3,10 +3,10 @@
  * @Date 2024/06/01
  * @Email wengaolng@gmail.com
  **/
-export interface CaptchaConfig {
+export interface ButtonConfig {
     width?: number;
     height?: number;
     verticalPadding?: number;
     horizontalPadding?: number;
 }
-export declare const defaultConfig: () => CaptchaConfig;
+export declare const defaultConfig: () => ButtonConfig;

package/dist/components/click/hooks/handler.d.ts

@@ -1,6 +1,6 @@
-import { CaptchaData } from "../meta/data";
-import { CaptchaEvent } from "../meta/event";
-export declare function useHandler(_data: CaptchaData, event: CaptchaEvent): {
+import { ClickData } from "../meta/data";
+import { ClickEvent } from "../meta/event";
+export declare function useHandler(_data: ClickData, event: ClickEvent): {
     dots: {
         list: {
             key: number;

package/dist/components/click/index.vue.d.ts

@@ -1,30 +1,39 @@
-import { CaptchaConfig } from "./meta/config";
-import { CaptchaData } from "./meta/data";
-import { CaptchaEvent } from "./meta/event";
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    config?: CaptchaConfig | undefined;
-    events?: CaptchaEvent | undefined;
-    data: CaptchaData;
+import { ClickConfig } from "./meta/config";
+import { ClickData } from "./meta/data";
+import { ClickEvent } from "./meta/event";
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    config?: ClickConfig | undefined;
+    events?: ClickEvent | undefined;
+    data: ClickData;
 }>, {
-    config: () => CaptchaConfig;
-    events: () => CaptchaEvent;
-    data: () => CaptchaData;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    config?: CaptchaConfig | undefined;
-    events?: CaptchaEvent | undefined;
-    data: CaptchaData;
+    config: () => ClickConfig;
+    events: () => ClickEvent;
+    data: () => ClickData;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    config?: ClickConfig | undefined;
+    events?: ClickEvent | undefined;
+    data: ClickData;
 }>, {
-    config: () => CaptchaConfig;
-    events: () => CaptchaEvent;
-    data: () => CaptchaData;
+    config: () => ClickConfig;
+    events: () => ClickEvent;
+    data: () => ClickData;
 }>>>, {
-    data: CaptchaData;
-    config: CaptchaConfig;
-    events: CaptchaEvent;
-}>;
+    data: ClickData;
+    config: ClickConfig;
+    events: ClickEvent;
+}, {}>;
 export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
+
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -32,11 +41,3 @@ declare type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-declare type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-declare type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/components/click/meta/config.d.ts

@@ -3,7 +3,7 @@
  * @Date 2024/06/01
  * @Email wengaolng@gmail.com
  **/
-export interface CaptchaConfig {
+export interface ClickConfig {
     width?: number;
     height?: number;
     thumbWidth?: number;
@@ -11,5 +11,7 @@ export interface CaptchaConfig {
     verticalPadding?: number;
     horizontalPadding?: number;
     showTheme?: boolean;
+    title?: string;
+    buttonText?: string;
 }
-export declare const defaultConfig: () => CaptchaConfig;
+export declare const defaultConfig: () => ClickConfig;

package/dist/components/click/meta/data.d.ts

@@ -3,11 +3,11 @@
  * @Date 2024/05/25
  * @Email wengaolng@gmail.com
  **/
-export interface CaptchaData {
+export interface ClickData {
     image: string;
     thumb: string;
 }
-export interface CaptchaDot {
+export interface ClickDot {
     key: number;
     index: number;
     x: number;

package/dist/components/click/meta/event.d.ts

@@ -3,11 +3,11 @@
  * @Date 2024/05/25
  * @Email wengaolng@gmail.com
  **/
-import { CaptchaDot } from "./data";
-export interface CaptchaEvent {
+import type { ClickDot } from "./data";
+export interface ClickEvent {
     click?: (x: number, y: number) => void;
     callback?: () => void;
     refresh?: () => void;
     close?: () => void;
-    confirm?: (dots: Array<CaptchaDot>, clear: (fn: Function) => void) => void;
+    confirm?: (dots: Array<ClickDot>, clear: (fn: Function) => void) => void;
 }

package/dist/components/rotate/hooks/handler.d.ts

@@ -1,7 +1,7 @@
-import { CaptchaData } from "../meta/data";
-import { CaptchaEvent } from "../meta/event";
-import { Ref } from "vue/types/v3-generated";
-export declare function useHandler(data: CaptchaData, event: CaptchaEvent, dragBlockRef: Ref, dragBarRef: Ref): {
+import { RotateData } from "../meta/data";
+import { RotateEvent } from "../meta/event";
+import { Ref } from "vue";
+export declare function useHandler(data: RotateData, event: RotateEvent, dragBlockRef: Ref, dragBarRef: Ref): {
     state: {
         dragLeft: number;
         thumbAngle: number;

package/dist/components/rotate/index.vue.d.ts

@@ -1,30 +1,38 @@
-import { CaptchaConfig } from "./meta/config";
-import { CaptchaData } from "./meta/data";
-import { CaptchaEvent } from "./meta/event";
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    config?: CaptchaConfig | undefined;
-    events?: CaptchaEvent | undefined;
-    data: CaptchaData;
+import { RotateConfig } from "./meta/config";
+import { RotateData } from "./meta/data";
+import { RotateEvent } from "./meta/event";
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    config?: RotateConfig | undefined;
+    events?: RotateEvent | undefined;
+    data: RotateData;
 }>, {
-    config: () => CaptchaConfig;
-    events: () => CaptchaEvent;
-    data: () => CaptchaData;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    config?: CaptchaConfig | undefined;
-    events?: CaptchaEvent | undefined;
-    data: CaptchaData;
+    config: () => RotateConfig;
+    events: () => RotateEvent;
+    data: () => RotateData;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    config?: RotateConfig | undefined;
+    events?: RotateEvent | undefined;
+    data: RotateData;
 }>, {
-    config: () => CaptchaConfig;
-    events: () => CaptchaEvent;
-    data: () => CaptchaData;
+    config: () => RotateConfig;
+    events: () => RotateEvent;
+    data: () => RotateData;
 }>>>, {
-    data: CaptchaData;
-    config: CaptchaConfig;
-    events: CaptchaEvent;
-}>;
+    data: RotateData;
+    config: RotateConfig;
+    events: RotateEvent;
+}, {}>;
 export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -32,11 +40,3 @@ declare type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-declare type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-declare type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};