go-captcha-vue 2.0.0-beta.1

package/README.md

@@ -0,0 +1,141 @@
+# Go Captcha Vue Package
+
+```shell
+yarn add go-captcha-vue
+# or
+npm install go-captcha-vue
+# or
+pnpm install go-captcha-vue
+```
+
+## Use Go Captcha
+```vue
+
+import "go-captcha-vue/dist/style.css"
+import GoCaptcha from "go-captcha-vue"
+
+Vue.use(GoCaptcha)
+```
+
+
+## 🖖 Click Mode Captcha
+```vue
+<gocaptcha-click
+  :config="{}"
+  :data="{}"
+  :events="{}"
+/>
+```
+
+### params
+```ts
+// config = {}
+interface Config {
+  width?: number;
+  height?: number;
+  thumbWidth?: number;
+  thumbHeight?: number;
+  verticalPadding?: number;
+  horizontalPadding?: number;
+  showTheme?: boolean;
+}
+
+// data = {}
+interface Data {
+  image: string;
+  thumb: string;
+}
+
+// events = {}
+interface Events {
+  click?: (x: number, y: number) => void;
+  refresh?: () => void;
+  close?: () => void;
+  confirm?: (dots: Array<CaptchaDot>) => boolean;
+}
+```
+
+## 🖖 Slide Mode Captcha
+```vue
+<gocaptcha-slide
+  :config="{}"
+  :data="{}"
+  :events="{}"
+/>
+
+<gocaptcha-slide-region
+  :config="{}"
+  :data="{}"
+  :events="{}"
+/>
+```
+### params
+```ts
+// config = {}
+interface Config {
+  width?: number;
+  height?: number;
+  thumbWidth?: number;
+  thumbHeight?: number;
+  verticalPadding?: number;
+  horizontalPadding?: number;
+  showTheme?: boolean;
+}
+
+// data = {}
+interface Data {
+  thumbX: number;
+  thumbY: number;
+  thumbWidth: number;
+  thumbHeight: number;
+  image: string;
+  thumb: string;
+}
+
+// events = {}
+interface Events {
+  move?: (x: number, y: number) => void;
+  refresh?: () => void;
+  close?: () => void;
+  confirm?: (point: CaptchaPoint) => boolean;
+}
+```
+
+
+## 🖖 Rotate Mode Captcha
+```vue
+<gocaptcha-rotate
+  :config="{}"
+  :data="{}"
+  :events="{}"
+/>
+```
+
+### params
+```ts
+// config = {}
+interface Config {
+  width?: number;
+  height?: number;
+  thumbWidth?: number;
+  thumbHeight?: number;
+  verticalPadding?: number;
+  horizontalPadding?: number;
+  showTheme?: boolean;
+}
+
+// data = {}
+interface Data {
+  angle: number;
+  image: string;
+  thumb: string;
+}
+
+// events = {}
+interface Events {
+  rotate?: (angle: number) => void;
+  refresh?: () => void;
+  close?: () => void;
+  confirm?: (angle: number) => boolean;
+}
+```

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import capt from './index.vue';
+export default capt;

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

@@ -0,0 +1,49 @@
+import { CaptchaConfig } from "./meta/config";
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    config?: CaptchaConfig | undefined;
+    clickEvent?: (() => void) | undefined;
+    disabled?: boolean | undefined;
+    type?: "default" | "warn" | "error" | "success" | undefined;
+    title?: string | undefined;
+}>, {
+    config: () => CaptchaConfig;
+    disabled: boolean;
+    type: string;
+    title: string;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "click-event": (...args: any[]) => void;
+}, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    config?: CaptchaConfig | undefined;
+    clickEvent?: (() => void) | undefined;
+    disabled?: boolean | undefined;
+    type?: "default" | "warn" | "error" | "success" | undefined;
+    title?: string | undefined;
+}>, {
+    config: () => CaptchaConfig;
+    disabled: boolean;
+    type: string;
+    title: string;
+}>>>, {
+    title: string;
+    config: CaptchaConfig;
+    type: "default" | "warn" | "error" | "success";
+    disabled: boolean;
+}>;
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        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

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

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

@@ -0,0 +1,16 @@
+import { CaptchaData } from "../meta/data";
+import { CaptchaEvent } from "../meta/event";
+export declare function useHandler(_data: CaptchaData, event: CaptchaEvent): {
+    dots: {
+        list: {
+            key: number;
+            index: number;
+            x: number;
+            y: number;
+        }[];
+    };
+    clickEvent: (e: Event | any) => boolean;
+    confirmEvent: (e: Event | any) => boolean;
+    closeEvent: (e: Event | any) => boolean;
+    refreshEvent: (e: Event | any) => boolean;
+};

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

@@ -0,0 +1,2 @@
+import capt from './index.vue';
+export default capt;

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

@@ -0,0 +1,42 @@
+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;
+}>, {
+    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: () => CaptchaConfig;
+    events: () => CaptchaEvent;
+    data: () => CaptchaData;
+}>>>, {
+    data: CaptchaData;
+    config: CaptchaConfig;
+    events: CaptchaEvent;
+}>;
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        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

@@ -0,0 +1,15 @@
+/**
+ * @Author Awen
+ * @Date 2024/06/01
+ * @Email wengaolng@gmail.com
+ **/
+export interface CaptchaConfig {
+    width?: number;
+    height?: number;
+    thumbWidth?: number;
+    thumbHeight?: number;
+    verticalPadding?: number;
+    horizontalPadding?: number;
+    showTheme?: boolean;
+}
+export declare const defaultConfig: () => CaptchaConfig;

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

@@ -0,0 +1,15 @@
+/**
+ * @Author Awen
+ * @Date 2024/05/25
+ * @Email wengaolng@gmail.com
+ **/
+export interface CaptchaData {
+    image: string;
+    thumb: string;
+}
+export interface CaptchaDot {
+    key: number;
+    index: number;
+    x: number;
+    y: number;
+}

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

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

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

@@ -0,0 +1,12 @@
+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): {
+    state: {
+        dragLeft: number;
+        thumbAngle: number;
+    };
+    dragEvent: (e: Event | any) => void;
+    closeEvent: (e: Event | any) => boolean;
+    refreshEvent: (e: Event | any) => boolean;
+};

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

@@ -0,0 +1,2 @@
+import capt from './index.vue';
+export default capt;

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

@@ -0,0 +1,42 @@
+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;
+}>, {
+    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: () => CaptchaConfig;
+    events: () => CaptchaEvent;
+    data: () => CaptchaData;
+}>>>, {
+    data: CaptchaData;
+    config: CaptchaConfig;
+    events: CaptchaEvent;
+}>;
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        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/rotate/meta/config.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @Author Awen
+ * @Date 2024/06/01
+ * @Email wengaolng@gmail.com
+ **/
+export interface CaptchaConfig {
+    width?: number;
+    height?: number;
+    size?: number;
+    verticalPadding?: number;
+    horizontalPadding?: number;
+    showTheme?: boolean;
+}
+export declare const defaultConfig: () => CaptchaConfig;

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

@@ -0,0 +1,10 @@
+/**
+ * @Author Awen
+ * @Date 2024/06/01
+ * @Email wengaolng@gmail.com
+ **/
+export interface CaptchaData {
+    angle: number;
+    image: string;
+    thumb: string;
+}

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

@@ -0,0 +1,11 @@
+/**
+ * @Author Awen
+ * @Date 2024/06/01
+ * @Email wengaolng@gmail.com
+ **/
+export interface CaptchaEvent {
+    rotate?: (angle: number) => void;
+    refresh?: () => void;
+    close?: () => void;
+    confirm?: (angle: number, clear: (fn: Function) => void) => void;
+}

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

@@ -0,0 +1,12 @@
+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, containerRef: Ref, tileRef: Ref, dragBlockRef: Ref, dragBarRef: Ref): {
+    state: {
+        dragLeft: number;
+        thumbLeft: number;
+    };
+    dragEvent: (e: Event | any) => void;
+    closeEvent: (e: Event | any) => boolean;
+    refreshEvent: (e: Event | any) => boolean;
+};

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

@@ -0,0 +1,2 @@
+import capt from './index.vue';
+export default capt;

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

@@ -0,0 +1,42 @@
+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;
+}>, {
+    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: () => CaptchaConfig;
+    events: () => CaptchaEvent;
+    data: () => CaptchaData;
+}>>>, {
+    data: CaptchaData;
+    config: CaptchaConfig;
+    events: CaptchaEvent;
+}>;
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        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/slide/meta/config.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @Author Awen
+ * @Date 2024/06/01
+ * @Email wengaolng@gmail.com
+ **/
+export interface CaptchaConfig {
+    width?: number;
+    height?: number;
+    thumbWidth?: number;
+    thumbHeight?: number;
+    verticalPadding?: number;
+    horizontalPadding?: number;
+    showTheme?: boolean;
+}
+export declare const defaultConfig: () => CaptchaConfig;

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

@@ -0,0 +1,17 @@
+/**
+ * @Author Awen
+ * @Date 2024/06/01
+ * @Email wengaolng@gmail.com
+ **/
+export interface CaptchaData {
+    thumbX: number;
+    thumbY: number;
+    thumbWidth: number;
+    thumbHeight: number;
+    image: string;
+    thumb: string;
+}
+export interface CaptchaPoint {
+    x: number;
+    y: number;
+}

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

@@ -0,0 +1,12 @@
+/**
+ * @Author Awen
+ * @Date 2024/06/01
+ * @Email wengaolng@gmail.com
+ **/
+import { CaptchaPoint } from "./data";
+export interface CaptchaEvent {
+    move?: (x: number, y: number) => void;
+    refresh?: () => void;
+    close?: () => void;
+    confirm?: (point: CaptchaPoint, clear: (fn: Function) => void) => void;
+}

package/dist/components/slide-region/hooks/handler.d.ts

@@ -0,0 +1,12 @@
+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, containerRef: Ref, tileRef: Ref): {
+    state: {
+        x: number;
+        y: number;
+    };
+    dragEvent: (e: Event | any) => void;
+    closeEvent: (e: Event | any) => boolean;
+    refreshEvent: (e: Event | any) => boolean;
+};

package/dist/components/slide-region/index.d.ts

@@ -0,0 +1,2 @@
+import capt from './index.vue';
+export default capt;

package/dist/components/slide-region/index.vue.d.ts

@@ -0,0 +1,42 @@
+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;
+}>, {
+    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: () => CaptchaConfig;
+    events: () => CaptchaEvent;
+    data: () => CaptchaData;
+}>>>, {
+    data: CaptchaData;
+    config: CaptchaConfig;
+    events: CaptchaEvent;
+}>;
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        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/slide-region/meta/config.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @Author Awen
+ * @Date 2024/06/01
+ * @Email wengaolng@gmail.com
+ **/
+export interface CaptchaConfig {
+    width?: number;
+    height?: number;
+    verticalPadding?: number;
+    horizontalPadding?: number;
+    showTheme?: boolean;
+}
+export declare const defaultConfig: () => CaptchaConfig;

package/dist/components/slide-region/meta/data.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @Author Awen
+ * @Date 2024/06/01
+ * @Email wengaolng@gmail.com
+ **/
+export interface CaptchaData {
+    thumbX: number;
+    thumbY: number;
+    thumbWidth: number;
+    thumbHeight: number;
+    image: string;
+    thumb: string;
+}
+export interface CaptchaPoint {
+    x: number;
+    y: number;
+}