@fangzhongya/fang-ui 0.0.3 → 0.0.4

package/dist/components/button/src/data.js

@@ -1,7 +1,6 @@
-import { buildProps } from "../../../utils/vue/props/runtime.js";
-import "vue";
+import { buildProps } from "../../../utils/vues/buildProps.js";
 const dataProps = buildProps({});
-const dataEmits = [];
+const dataEmits = ["click"];
 const dataExpose = {};
 export {
   dataEmits,

package/dist/components/button/src/index.cjs

@@ -3,28 +3,36 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
-require("../../../hooks/global-config/index.cjs");
 const index$1 = require("../../../hooks/locale/index.cjs");
 const elementPlus = require("element-plus");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
-  setup(__props, { expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const refEl = vue.ref();
     const attrs = vue.useAttrs();
     const slots = vue.useSlots();
     const cs = index.useCssName("button");
     index$1.useLocale();
-    expose({
-      ...data.dataExpose
+    const emit = __emit;
+    function onClick(event) {
+      emit("click", event);
+    }
+    __expose({
+      ...data.dataExpose,
+      refEl
     });
     return (_ctx, _cache) => {
-      const _directive_expose = vue.resolveDirective("expose");
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(vue.unref(cs).z())
       }, [
-        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), vue.normalizeProps(vue.guardReactiveProps(vue.unref(attrs))), vue.createSlots({ _: 2 }, [
-          vue.renderList(Object.keys(vue.unref(slots)), (k) => {
+        vue.createVNode(vue.unref(elementPlus.ElButton), vue.mergeProps(vue.unref(attrs), {
+          onClick: _cache[0] || (_cache[0] = vue.withModifiers(($event) => onClick($event), ["stop"])),
+          ref_key: "refEl",
+          ref: refEl
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(Object.keys(vue.unref(slots)), (k, i) => {
             return {
               name: k,
               fn: vue.withCtx(() => [
@@ -32,9 +40,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])
             };
           })
-        ]), 1040)), [
-          [_directive_expose]
-        ])
+        ]), 1040)
       ], 2);
     };
   }

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

@@ -1,8 +1,537 @@
-declare const _sfc_main: import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
-    [x: string]: unknown;
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<readonly string[] | import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
-    [x: string]: unknown;
-}>>>> & {}, {
-    [x: number]: string;
-} | {}>;
-export default _sfc_main;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {}) => any>>;
+    refs: {
+        refEl: ({
+            $: 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" | "success" | "warning" | "info" | "primary" | "danger";
+                readonly bg: boolean;
+                readonly loading: boolean;
+                readonly autofocus: boolean;
+                readonly tag: string | import('vue').Component;
+                readonly plain: boolean;
+                readonly autoInsertSpace: boolean;
+                readonly nativeType: "button" | "reset" | "submit";
+                readonly loadingIcon: string | import('vue').Component;
+            }> & Omit<{
+                readonly type: "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger";
+                readonly link: boolean;
+                readonly circle: boolean;
+                readonly text: boolean;
+                readonly disabled: boolean;
+                readonly nativeType: "button" | "reset" | "submit";
+                readonly loading: boolean;
+                readonly plain: boolean;
+                readonly bg: boolean;
+                readonly autofocus: boolean;
+                readonly round: 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 color?: string | undefined;
+                readonly autoInsertSpace?: boolean | undefined;
+                onClick?: ((evt: MouseEvent) => any) | undefined | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "link" | "circle" | "text" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "bg" | "autofocus" | "round" | "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" | "success" | "warning" | "info" | "primary" | "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: BooleanConstructor;
+                readonly text: BooleanConstructor;
+                readonly link: BooleanConstructor;
+                readonly bg: BooleanConstructor;
+                readonly autofocus: BooleanConstructor;
+                readonly round: BooleanConstructor;
+                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<"text" | "" | "default" | "success" | "warning" | "info" | "primary" | "danger">;
+                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" | "success" | "warning" | "info" | "primary" | "danger";
+                readonly bg: boolean;
+                readonly loading: boolean;
+                readonly autofocus: boolean;
+                readonly tag: string | import('vue').Component;
+                readonly plain: boolean;
+                readonly autoInsertSpace: boolean;
+                readonly nativeType: "button" | "reset" | "submit";
+                readonly loadingIcon: string | import('vue').Component;
+            }, {}, 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" | "success" | "warning" | "info" | "primary" | "danger";
+            readonly bg: boolean;
+            readonly loading: boolean;
+            readonly autofocus: boolean;
+            readonly tag: string | import('vue').Component;
+            readonly plain: boolean;
+            readonly autoInsertSpace: boolean;
+            readonly nativeType: "button" | "reset" | "submit";
+            readonly loadingIcon: string | import('vue').Component;
+        }> & 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" | "success" | "warning" | "info" | "primary" | "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: BooleanConstructor;
+            readonly text: BooleanConstructor;
+            readonly link: BooleanConstructor;
+            readonly bg: BooleanConstructor;
+            readonly autofocus: BooleanConstructor;
+            readonly round: BooleanConstructor;
+            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" | "type" | "link" | "circle" | "text" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "bg" | "autofocus" | "round" | "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<"text" | "" | "default" | "success" | "warning" | "info" | "primary" | "danger">;
+            disabled: import('vue').ComputedRef<boolean>;
+            shouldAddSpace: import('vue').ComputedRef<boolean>;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                loading?(_: {}): any;
+                icon?(_: {}): any;
+                default?(_: {}): any;
+            };
+        }) | null;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    refEl: import('vue').Ref<any, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    refEl: ({
+        $: 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" | "success" | "warning" | "info" | "primary" | "danger";
+            readonly bg: boolean;
+            readonly loading: boolean;
+            readonly autofocus: boolean;
+            readonly tag: string | import('vue').Component;
+            readonly plain: boolean;
+            readonly autoInsertSpace: boolean;
+            readonly nativeType: "button" | "reset" | "submit";
+            readonly loadingIcon: string | import('vue').Component;
+        }> & Omit<{
+            readonly type: "" | "text" | "default" | "success" | "warning" | "info" | "primary" | "danger";
+            readonly link: boolean;
+            readonly circle: boolean;
+            readonly text: boolean;
+            readonly disabled: boolean;
+            readonly nativeType: "button" | "reset" | "submit";
+            readonly loading: boolean;
+            readonly plain: boolean;
+            readonly bg: boolean;
+            readonly autofocus: boolean;
+            readonly round: 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 color?: string | undefined;
+            readonly autoInsertSpace?: boolean | undefined;
+            onClick?: ((evt: MouseEvent) => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "type" | "link" | "circle" | "text" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "bg" | "autofocus" | "round" | "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" | "success" | "warning" | "info" | "primary" | "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: BooleanConstructor;
+            readonly text: BooleanConstructor;
+            readonly link: BooleanConstructor;
+            readonly bg: BooleanConstructor;
+            readonly autofocus: BooleanConstructor;
+            readonly round: BooleanConstructor;
+            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<"text" | "" | "default" | "success" | "warning" | "info" | "primary" | "danger">;
+            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" | "success" | "warning" | "info" | "primary" | "danger";
+            readonly bg: boolean;
+            readonly loading: boolean;
+            readonly autofocus: boolean;
+            readonly tag: string | import('vue').Component;
+            readonly plain: boolean;
+            readonly autoInsertSpace: boolean;
+            readonly nativeType: "button" | "reset" | "submit";
+            readonly loadingIcon: string | import('vue').Component;
+        }, {}, 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" | "success" | "warning" | "info" | "primary" | "danger";
+        readonly bg: boolean;
+        readonly loading: boolean;
+        readonly autofocus: boolean;
+        readonly tag: string | import('vue').Component;
+        readonly plain: boolean;
+        readonly autoInsertSpace: boolean;
+        readonly nativeType: "button" | "reset" | "submit";
+        readonly loadingIcon: string | import('vue').Component;
+    }> & 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" | "success" | "warning" | "info" | "primary" | "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: BooleanConstructor;
+        readonly text: BooleanConstructor;
+        readonly link: BooleanConstructor;
+        readonly bg: BooleanConstructor;
+        readonly autofocus: BooleanConstructor;
+        readonly round: BooleanConstructor;
+        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" | "type" | "link" | "circle" | "text" | "disabled" | "nativeType" | "loading" | "loadingIcon" | "plain" | "bg" | "autofocus" | "round" | "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<"text" | "" | "default" | "success" | "warning" | "info" | "primary" | "danger">;
+        disabled: import('vue').ComputedRef<boolean>;
+        shouldAddSpace: import('vue').ComputedRef<boolean>;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            loading?(_: {}): any;
+            icon?(_: {}): any;
+            default?(_: {}): any;
+        };
+    }) | null;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};