ra-element 0.0.11 → 0.0.16

package/README.md

@@ -10,9 +10,24 @@
 pnpm 
 
 ## 发布流程
-1、删除所有npm包下载时候的源（确保地址为http://registry.npmjs.org）
-2、npm login 登录开发者的npm官网账号（可能根据环境需要设置代理）
+1、npm config set registry https://registry.npmjs.org      （修改为发版包地址）
+2、npm login
 3、更新package.json中的版本号
 4、npm publish
+5、npm config set registry http://registry.npmmirror.com/   (还原下载包地址)
 
 (发布后，引用项目使用镜像源安装不一定能立即下载到，就是官网下载可能都需要等一会才会有新版本)
+
+## 组件功能
+基于el-element-plus封装的适用如安的样式组件
+1、保留了原有组件功能
+2、拓展功能参照docs里的md文件
+3、原有el-element-plus组件暴露的defineExpose方法全部转移到component中，调用方式如下(机制问题，无法直接暴露，待研究更好的办法)：
+```vue
+    import RaButton from '@/components/ra-button/index.vue';
+    import RaButton from '@/components/ra-button/index.vue';
+    const buttonRef = ref<InstanceType<typeof RaButton> | null>(null);
+    console.log(buttonRef.value?.component.ref);
+    console.log(buttonRef.value?.component.size);
+    console.log(buttonRef.value?.component.type);
+```

package/docs/ra-date-picker.md

@@ -0,0 +1,9 @@
+## slots
+
+## props
+
+| name | type | desc | default | required |
+| ---- | ---- | ---- | ------- | -------- |
+| type | String as () => 'year' \| 'years' | 'month' | 'months' | 'date' | 'dates' | 'datetime' | 'week' | 'datetimerange' | 'daterange' | 'monthrange' | 'yearrange' | 默认为daterange，并且daterange为自动启动快速选择器 | 'daterange' |  |
+| valueFormat | String | 可不传，会根据type自动生成字符串时间格式，如果传了按照传的来 |  |  |
+| shortcuts | Array<{ text: string; value: Date \| (() => [Date, Date]) }> | 可不传，会根据type自动生成快速选择器，如果传了按照传的来 |  |  |

package/docs/ra-dialog.md

@@ -4,4 +4,6 @@
 
 | name | type | desc | default | required |
 | ---- | ---- | ---- | ------- | -------- |
-| appendToBody | Boolean | 原生appendToBody默认设置为ture | true |  |
+| appendToBody | Boolean | 设置原生appendToBody默认设置为ture | true |  |
+| draggable | Boolean | 设置原生draggable默认设置为ture | true |  |
+| destroyOnClose | Boolean | 设置原生destroyOnClose默认设置为ture(vue2 element这个参数是无效的，vue3 element plus待验证) | true |  |

package/{dist → lib}/index.d.ts

@@ -1,6 +1,7 @@
 import { App } from 'vue';
 import { default as RaButton } from './ra-button/index.vue';
+import { default as RaDatePicker } from './ra-date-picker/index.vue';
 import { default as RaDialog } from './ra-dialog/index.vue';
 declare const install: (app: App) => void;
-export { RaButton, RaDialog };
+export { RaButton, RaDatePicker, RaDialog };
 export default install;

package/lib/ra-button/index.vue.d.ts

@@ -0,0 +1,613 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        loading?(_: {}): any;
+        icon?(_: {}): any;
+    };
+    refs: {
+        buttonRef: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    click: {
+        type: FunctionConstructor;
+        default: undefined;
+    };
+}>, {
+    component: import('vue').Ref<({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            readonly link: boolean;
+            readonly circle: boolean;
+            readonly text: boolean;
+            readonly disabled: boolean;
+            readonly round: boolean;
+            readonly dark: boolean;
+            readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
+            readonly bg: boolean;
+            readonly loading: boolean;
+            readonly autofocus: boolean;
+            readonly tag: string | import('vue').Component;
+            readonly plain: boolean;
+            readonly nativeType: "button" | "reset" | "submit";
+            readonly loadingIcon: string | import('vue').Component;
+            readonly autoInsertSpace: boolean;
+        }> & Omit<{
+            readonly disabled: boolean;
+            readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
+            readonly nativeType: "button" | "reset" | "submit";
+            readonly loading: boolean;
+            readonly text: boolean;
+            readonly link: boolean;
+            readonly bg: boolean;
+            readonly autofocus: boolean;
+            readonly circle: boolean;
+            readonly dark: boolean;
+            readonly tag: string | import('vue').Component;
+            readonly size?: ("" | "small" | "default" | "large") | undefined;
+            readonly icon?: (string | import('vue').Component) | undefined;
+            readonly loadingIcon?: (string | import('vue').Component) | undefined;
+            readonly plain?: boolean | undefined;
+            readonly round?: boolean | undefined;
+            readonly color?: string | undefined;
+            readonly autoInsertSpace?: boolean | undefined;
+            onClick?: ((evt: MouseEvent) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "type" | "nativeType" | "loading" | "loadingIcon" | "plain" | "text" | "link" | "bg" | "autofocus" | "round" | "circle" | "dark" | "autoInsertSpace" | "tag">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "click", evt: MouseEvent) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            readonly size: {
+                readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly disabled: BooleanConstructor;
+            readonly type: {
+                readonly type: import('vue').PropType<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly icon: {
+                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly nativeType: {
+                readonly type: import('vue').PropType<"button" | "reset" | "submit">;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "button";
+            };
+            readonly loading: BooleanConstructor;
+            readonly loadingIcon: {
+                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: () => any;
+            };
+            readonly plain: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
+            readonly text: BooleanConstructor;
+            readonly link: BooleanConstructor;
+            readonly bg: BooleanConstructor;
+            readonly autofocus: BooleanConstructor;
+            readonly round: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
+            readonly circle: BooleanConstructor;
+            readonly color: StringConstructor;
+            readonly dark: BooleanConstructor;
+            readonly autoInsertSpace: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
+            readonly tag: {
+                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "button";
+            };
+        }>> & {
+            onClick?: ((evt: MouseEvent) => any) | undefined;
+        }, {
+            ref: import('vue').Ref<HTMLButtonElement | undefined>;
+            size: import('vue').ComputedRef<"" | "small" | "default" | "large">;
+            type: import('vue').ComputedRef<string>;
+            disabled: import('vue').ComputedRef<boolean>;
+            shouldAddSpace: import('vue').ComputedRef<boolean>;
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (evt: MouseEvent) => void;
+        }, string, {
+            readonly link: boolean;
+            readonly circle: boolean;
+            readonly text: boolean;
+            readonly disabled: boolean;
+            readonly round: boolean;
+            readonly dark: boolean;
+            readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
+            readonly bg: boolean;
+            readonly loading: boolean;
+            readonly autofocus: boolean;
+            readonly tag: string | import('vue').Component;
+            readonly plain: boolean;
+            readonly nativeType: "button" | "reset" | "submit";
+            readonly loadingIcon: string | import('vue').Component;
+            readonly autoInsertSpace: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        readonly link: boolean;
+        readonly circle: boolean;
+        readonly text: boolean;
+        readonly disabled: boolean;
+        readonly round: boolean;
+        readonly dark: boolean;
+        readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
+        readonly bg: boolean;
+        readonly loading: boolean;
+        readonly autofocus: boolean;
+        readonly tag: string | import('vue').Component;
+        readonly plain: boolean;
+        readonly nativeType: "button" | "reset" | "submit";
+        readonly loadingIcon: string | import('vue').Component;
+        readonly autoInsertSpace: boolean;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        readonly size: {
+            readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly disabled: BooleanConstructor;
+        readonly type: {
+            readonly type: import('vue').PropType<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "";
+        };
+        readonly icon: {
+            readonly type: import('vue').PropType<string | import('vue').Component>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly nativeType: {
+            readonly type: import('vue').PropType<"button" | "reset" | "submit">;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "button";
+        };
+        readonly loading: BooleanConstructor;
+        readonly loadingIcon: {
+            readonly type: import('vue').PropType<string | import('vue').Component>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: () => any;
+        };
+        readonly plain: {
+            readonly type: import('vue').PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: undefined;
+        };
+        readonly text: BooleanConstructor;
+        readonly link: BooleanConstructor;
+        readonly bg: BooleanConstructor;
+        readonly autofocus: BooleanConstructor;
+        readonly round: {
+            readonly type: import('vue').PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: undefined;
+        };
+        readonly circle: BooleanConstructor;
+        readonly color: StringConstructor;
+        readonly dark: BooleanConstructor;
+        readonly autoInsertSpace: {
+            readonly type: import('vue').PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: undefined;
+        };
+        readonly tag: {
+            readonly type: import('vue').PropType<string | import('vue').Component>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "button";
+        };
+    }>> & {
+        onClick?: ((evt: MouseEvent) => any) | undefined;
+    }, "size" | "disabled" | "type" | "nativeType" | "loading" | "loadingIcon" | "plain" | "text" | "link" | "bg" | "autofocus" | "round" | "circle" | "dark" | "autoInsertSpace" | "tag" | "ref" | "shouldAddSpace"> & import('vue').ShallowUnwrapRef<{
+        ref: import('vue').Ref<HTMLButtonElement | undefined>;
+        size: import('vue').ComputedRef<"" | "small" | "default" | "large">;
+        type: import('vue').ComputedRef<string>;
+        disabled: import('vue').ComputedRef<boolean>;
+        shouldAddSpace: import('vue').ComputedRef<boolean>;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            loading?(_: {}): any;
+            icon?(_: {}): any;
+            default?(_: {}): any;
+        };
+    }) | null, ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            readonly link: boolean;
+            readonly circle: boolean;
+            readonly text: boolean;
+            readonly disabled: boolean;
+            readonly round: boolean;
+            readonly dark: boolean;
+            readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
+            readonly bg: boolean;
+            readonly loading: boolean;
+            readonly autofocus: boolean;
+            readonly tag: string | import('vue').Component;
+            readonly plain: boolean;
+            readonly nativeType: "button" | "reset" | "submit";
+            readonly loadingIcon: string | import('vue').Component;
+            readonly autoInsertSpace: boolean;
+        }> & Omit<{
+            readonly disabled: boolean;
+            readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
+            readonly nativeType: "button" | "reset" | "submit";
+            readonly loading: boolean;
+            readonly text: boolean;
+            readonly link: boolean;
+            readonly bg: boolean;
+            readonly autofocus: boolean;
+            readonly circle: boolean;
+            readonly dark: boolean;
+            readonly tag: string | import('vue').Component;
+            readonly size?: ("" | "small" | "default" | "large") | undefined;
+            readonly icon?: (string | import('vue').Component) | undefined;
+            readonly loadingIcon?: (string | import('vue').Component) | undefined;
+            readonly plain?: boolean | undefined;
+            readonly round?: boolean | undefined;
+            readonly color?: string | undefined;
+            readonly autoInsertSpace?: boolean | undefined;
+            onClick?: ((evt: MouseEvent) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "type" | "nativeType" | "loading" | "loadingIcon" | "plain" | "text" | "link" | "bg" | "autofocus" | "round" | "circle" | "dark" | "autoInsertSpace" | "tag">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "click", evt: MouseEvent) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            readonly size: {
+                readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly disabled: BooleanConstructor;
+            readonly type: {
+                readonly type: import('vue').PropType<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly icon: {
+                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly nativeType: {
+                readonly type: import('vue').PropType<"button" | "reset" | "submit">;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "button";
+            };
+            readonly loading: BooleanConstructor;
+            readonly loadingIcon: {
+                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: () => any;
+            };
+            readonly plain: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
+            readonly text: BooleanConstructor;
+            readonly link: BooleanConstructor;
+            readonly bg: BooleanConstructor;
+            readonly autofocus: BooleanConstructor;
+            readonly round: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
+            readonly circle: BooleanConstructor;
+            readonly color: StringConstructor;
+            readonly dark: BooleanConstructor;
+            readonly autoInsertSpace: {
+                readonly type: import('vue').PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: undefined;
+            };
+            readonly tag: {
+                readonly type: import('vue').PropType<string | import('vue').Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "button";
+            };
+        }>> & {
+            onClick?: ((evt: MouseEvent) => any) | undefined;
+        }, {
+            ref: import('vue').Ref<HTMLButtonElement | undefined>;
+            size: import('vue').ComputedRef<"" | "small" | "default" | "large">;
+            type: import('vue').ComputedRef<string>;
+            disabled: import('vue').ComputedRef<boolean>;
+            shouldAddSpace: import('vue').ComputedRef<boolean>;
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (evt: MouseEvent) => void;
+        }, string, {
+            readonly link: boolean;
+            readonly circle: boolean;
+            readonly text: boolean;
+            readonly disabled: boolean;
+            readonly round: boolean;
+            readonly dark: boolean;
+            readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
+            readonly bg: boolean;
+            readonly loading: boolean;
+            readonly autofocus: boolean;
+            readonly tag: string | import('vue').Component;
+            readonly plain: boolean;
+            readonly nativeType: "button" | "reset" | "submit";
+            readonly loadingIcon: string | import('vue').Component;
+            readonly autoInsertSpace: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        readonly link: boolean;
+        readonly circle: boolean;
+        readonly text: boolean;
+        readonly disabled: boolean;
+        readonly round: boolean;
+        readonly dark: boolean;
+        readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
+        readonly bg: boolean;
+        readonly loading: boolean;
+        readonly autofocus: boolean;
+        readonly tag: string | import('vue').Component;
+        readonly plain: boolean;
+        readonly nativeType: "button" | "reset" | "submit";
+        readonly loadingIcon: string | import('vue').Component;
+        readonly autoInsertSpace: boolean;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        readonly size: {
+            readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly disabled: BooleanConstructor;
+        readonly type: {
+            readonly type: import('vue').PropType<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "";
+        };
+        readonly icon: {
+            readonly type: import('vue').PropType<string | import('vue').Component>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly nativeType: {
+            readonly type: import('vue').PropType<"button" | "reset" | "submit">;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "button";
+        };
+        readonly loading: BooleanConstructor;
+        readonly loadingIcon: {
+            readonly type: import('vue').PropType<string | import('vue').Component>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: () => any;
+        };
+        readonly plain: {
+            readonly type: import('vue').PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: undefined;
+        };
+        readonly text: BooleanConstructor;
+        readonly link: BooleanConstructor;
+        readonly bg: BooleanConstructor;
+        readonly autofocus: BooleanConstructor;
+        readonly round: {
+            readonly type: import('vue').PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: undefined;
+        };
+        readonly circle: BooleanConstructor;
+        readonly color: StringConstructor;
+        readonly dark: BooleanConstructor;
+        readonly autoInsertSpace: {
+            readonly type: import('vue').PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: undefined;
+        };
+        readonly tag: {
+            readonly type: import('vue').PropType<string | import('vue').Component>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "button";
+        };
+    }>> & {
+        onClick?: ((evt: MouseEvent) => any) | undefined;
+    }, "size" | "disabled" | "type" | "nativeType" | "loading" | "loadingIcon" | "plain" | "text" | "link" | "bg" | "autofocus" | "round" | "circle" | "dark" | "autoInsertSpace" | "tag" | "ref" | "shouldAddSpace"> & import('vue').ShallowUnwrapRef<{
+        ref: import('vue').Ref<HTMLButtonElement | undefined>;
+        size: import('vue').ComputedRef<"" | "small" | "default" | "large">;
+        type: import('vue').ComputedRef<string>;
+        disabled: import('vue').ComputedRef<boolean>;
+        shouldAddSpace: import('vue').ComputedRef<boolean>;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            loading?(_: {}): any;
+            icon?(_: {}): any;
+            default?(_: {}): any;
+        };
+    }) | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    click: {
+        type: FunctionConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    click: Function;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    buttonRef: unknown;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};