ra-element 0.0.11 → 0.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/README.md +16 -2
  2. package/dist/index.d.ts +2 -1
  3. package/dist/ra-button/index.vue.d.ts +581 -3
  4. package/dist/ra-date-picker/index.vue.d.ts +1064 -0
  5. package/dist/ra-dialog/index.vue.d.ts +921 -3
  6. package/dist/ra-element.css +1 -1
  7. package/dist/ra-element.es.js +9563 -1670
  8. package/dist/ra-element.umd.js +5 -5
  9. package/docs/ra-date-picker.md +9 -0
  10. package/docs/ra-dialog.md +3 -1
  11. package/package.json +1 -1
package/README.md CHANGED
@@ -10,9 +10,23 @@
10
10
  pnpm
11
11
 
12
12
  ## 发布流程
13
- 1、删除所有npm包下载时候的源（确保地址为http://registry.npmjs.org）
14
- 2、npm login 登录开发者的npm官网账号（可能根据环境需要设置代理）
13
+ 1、npm config set registry https://registry.npmjs.org
14
+ 2、npm login
15
15
  3、更新package.json中的版本号
16
16
  4、npm publish
17
17
 
18
18
  (发布后，引用项目使用镜像源安装不一定能立即下载到，就是官网下载可能都需要等一会才会有新版本)
19
+
20
+ ## 组件功能
21
+ 基于el-element-plus封装的适用如安的样式组件
22
+ 1、保留了原有组件功能
23
+ 2、拓展功能参照docs里的md文件
24
+ 3、原有el-element-plus组件暴露的defineExpose方法全部转移到component中，调用方式如下(机制问题，无法直接暴露，待研究更好的办法)：
25
+ ```vue
26
+ import RaButton from '@/components/ra-button/index.vue';
27
+ import RaButton from '@/components/ra-button/index.vue';
28
+ const buttonRef = ref<InstanceType<typeof RaButton> | null>(null);
29
+ console.log(buttonRef.value?.component.ref);
30
+ console.log(buttonRef.value?.component.size);
31
+ console.log(buttonRef.value?.component.type);
32
+ ```
package/dist/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { App } from 'vue';
2
2
  import { default as RaButton } from './ra-button/index.vue';
3
+ import { default as RaDatePicker } from './ra-date-picker/index.vue';
3
4
  import { default as RaDialog } from './ra-dialog/index.vue';
4
5
  declare const install: (app: App) => void;
5
- export { RaButton, RaDialog };
6
+ export { RaButton, RaDatePicker, RaDialog };
6
7
  export default install;
package/dist/ra-button/index.vue.d.ts CHANGED
@@ -5,7 +5,9 @@ declare function __VLS_template(): {
5
5
  loading?(_: {}): any;
6
6
  icon?(_: {}): any;
7
7
  };
8
- refs: {};
8
+ refs: {
9
+ buttonRef: unknown;
10
+ };
9
11
  rootEl: any;
10
12
  };
11
13
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -14,7 +16,581 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
14
16
  type: FunctionConstructor;
15
17
  default: undefined;
16
18
  };
17
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
19
+ }>, {
20
+ component: import('vue').Ref<({
21
+ $: import('vue').ComponentInternalInstance;
22
+ $data: {};
23
+ $props: Partial<{
24
+ readonly link: boolean;
25
+ readonly circle: boolean;
26
+ readonly text: boolean;
27
+ readonly disabled: boolean;
28
+ readonly round: boolean;
29
+ readonly dark: boolean;
30
+ readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
31
+ readonly bg: boolean;
32
+ readonly loading: boolean;
33
+ readonly autofocus: boolean;
34
+ readonly tag: string | import('vue').Component;
35
+ readonly plain: boolean;
36
+ readonly nativeType: "button" | "reset" | "submit";
37
+ readonly loadingIcon: string | import('vue').Component;
38
+ readonly autoInsertSpace: boolean;
39
+ }> & Omit<{
40
+ readonly disabled: boolean;
41
+ readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
42
+ readonly nativeType: "button" | "reset" | "submit";
43
+ readonly loading: boolean;
44
+ readonly text: boolean;
45
+ readonly link: boolean;
46
+ readonly bg: boolean;
47
+ readonly autofocus: boolean;
48
+ readonly circle: boolean;
49
+ readonly dark: boolean;
50
+ readonly tag: string | import('vue').Component;
51
+ readonly size?: ("" | "small" | "default" | "large") | undefined;
52
+ readonly icon?: (string | import('vue').Component) | undefined;
53
+ readonly loadingIcon?: (string | import('vue').Component) | undefined;
54
+ readonly plain?: boolean | undefined;
55
+ readonly round?: boolean | undefined;
56
+ readonly color?: string | undefined;
57
+ readonly autoInsertSpace?: boolean | undefined;
58
+ onClick?: ((evt: MouseEvent) => any) | undefined | undefined;
59
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "type" | "nativeType" | "loading" | "loadingIcon" | "plain" | "text" | "link" | "bg" | "autofocus" | "round" | "circle" | "dark" | "autoInsertSpace" | "tag">;
60
+ $attrs: {
61
+ [x: string]: unknown;
62
+ };
63
+ $refs: {
64
+ [x: string]: unknown;
65
+ };
66
+ $slots: Readonly<{
67
+ [name: string]: import('vue').Slot<any> | undefined;
68
+ }>;
69
+ $root: import('vue').ComponentPublicInstance | null;
70
+ $parent: import('vue').ComponentPublicInstance | null;
71
+ $host: Element | null;
72
+ $emit: (event: "click", evt: MouseEvent) => void;
73
+ $el: any;
74
+ $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
75
+ readonly size: {
76
+ readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
77
+ readonly required: false;
78
+ readonly validator: ((val: unknown) => boolean) | undefined;
79
+ __epPropKey: true;
80
+ };
81
+ readonly disabled: BooleanConstructor;
82
+ readonly type: {
83
+ readonly type: import('vue').PropType<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">;
84
+ readonly required: false;
85
+ readonly validator: ((val: unknown) => boolean) | undefined;
86
+ __epPropKey: true;
87
+ } & {
88
+ readonly default: "";
89
+ };
90
+ readonly icon: {
91
+ readonly type: import('vue').PropType<string | import('vue').Component>;
92
+ readonly required: false;
93
+ readonly validator: ((val: unknown) => boolean) | undefined;
94
+ __epPropKey: true;
95
+ };
96
+ readonly nativeType: {
97
+ readonly type: import('vue').PropType<"button" | "reset" | "submit">;
98
+ readonly required: false;
99
+ readonly validator: ((val: unknown) => boolean) | undefined;
100
+ __epPropKey: true;
101
+ } & {
102
+ readonly default: "button";
103
+ };
104
+ readonly loading: BooleanConstructor;
105
+ readonly loadingIcon: {
106
+ readonly type: import('vue').PropType<string | import('vue').Component>;
107
+ readonly required: false;
108
+ readonly validator: ((val: unknown) => boolean) | undefined;
109
+ __epPropKey: true;
110
+ } & {
111
+ readonly default: () => any;
112
+ };
113
+ readonly plain: {
114
+ readonly type: import('vue').PropType<boolean>;
115
+ readonly required: false;
116
+ readonly validator: ((val: unknown) => boolean) | undefined;
117
+ __epPropKey: true;
118
+ } & {
119
+ readonly default: undefined;
120
+ };
121
+ readonly text: BooleanConstructor;
122
+ readonly link: BooleanConstructor;
123
+ readonly bg: BooleanConstructor;
124
+ readonly autofocus: BooleanConstructor;
125
+ readonly round: {
126
+ readonly type: import('vue').PropType<boolean>;
127
+ readonly required: false;
128
+ readonly validator: ((val: unknown) => boolean) | undefined;
129
+ __epPropKey: true;
130
+ } & {
131
+ readonly default: undefined;
132
+ };
133
+ readonly circle: BooleanConstructor;
134
+ readonly color: StringConstructor;
135
+ readonly dark: BooleanConstructor;
136
+ readonly autoInsertSpace: {
137
+ readonly type: import('vue').PropType<boolean>;
138
+ readonly required: false;
139
+ readonly validator: ((val: unknown) => boolean) | undefined;
140
+ __epPropKey: true;
141
+ } & {
142
+ readonly default: undefined;
143
+ };
144
+ readonly tag: {
145
+ readonly type: import('vue').PropType<string | import('vue').Component>;
146
+ readonly required: false;
147
+ readonly validator: ((val: unknown) => boolean) | undefined;
148
+ __epPropKey: true;
149
+ } & {
150
+ readonly default: "button";
151
+ };
152
+ }>> & {
153
+ onClick?: ((evt: MouseEvent) => any) | undefined;
154
+ }, {
155
+ ref: import('vue').Ref<HTMLButtonElement | undefined>;
156
+ size: import('vue').ComputedRef<"" | "small" | "default" | "large">;
157
+ type: import('vue').ComputedRef<string>;
158
+ disabled: import('vue').ComputedRef<boolean>;
159
+ shouldAddSpace: import('vue').ComputedRef<boolean>;
160
+ }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
161
+ click: (evt: MouseEvent) => void;
162
+ }, string, {
163
+ readonly link: boolean;
164
+ readonly circle: boolean;
165
+ readonly text: boolean;
166
+ readonly disabled: boolean;
167
+ readonly round: boolean;
168
+ readonly dark: boolean;
169
+ readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
170
+ readonly bg: boolean;
171
+ readonly loading: boolean;
172
+ readonly autofocus: boolean;
173
+ readonly tag: string | import('vue').Component;
174
+ readonly plain: boolean;
175
+ readonly nativeType: "button" | "reset" | "submit";
176
+ readonly loadingIcon: string | import('vue').Component;
177
+ readonly autoInsertSpace: boolean;
178
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
179
+ beforeCreate?: (() => void) | (() => void)[];
180
+ created?: (() => void) | (() => void)[];
181
+ beforeMount?: (() => void) | (() => void)[];
182
+ mounted?: (() => void) | (() => void)[];
183
+ beforeUpdate?: (() => void) | (() => void)[];
184
+ updated?: (() => void) | (() => void)[];
185
+ activated?: (() => void) | (() => void)[];
186
+ deactivated?: (() => void) | (() => void)[];
187
+ beforeDestroy?: (() => void) | (() => void)[];
188
+ beforeUnmount?: (() => void) | (() => void)[];
189
+ destroyed?: (() => void) | (() => void)[];
190
+ unmounted?: (() => void) | (() => void)[];
191
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
192
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
193
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
194
+ };
195
+ $forceUpdate: () => void;
196
+ $nextTick: typeof import('vue').nextTick;
197
+ $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;
198
+ } & Readonly<{
199
+ readonly link: boolean;
200
+ readonly circle: boolean;
201
+ readonly text: boolean;
202
+ readonly disabled: boolean;
203
+ readonly round: boolean;
204
+ readonly dark: boolean;
205
+ readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
206
+ readonly bg: boolean;
207
+ readonly loading: boolean;
208
+ readonly autofocus: boolean;
209
+ readonly tag: string | import('vue').Component;
210
+ readonly plain: boolean;
211
+ readonly nativeType: "button" | "reset" | "submit";
212
+ readonly loadingIcon: string | import('vue').Component;
213
+ readonly autoInsertSpace: boolean;
214
+ }> & Omit<Readonly<import('vue').ExtractPropTypes<{
215
+ readonly size: {
216
+ readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
217
+ readonly required: false;
218
+ readonly validator: ((val: unknown) => boolean) | undefined;
219
+ __epPropKey: true;
220
+ };
221
+ readonly disabled: BooleanConstructor;
222
+ readonly type: {
223
+ readonly type: import('vue').PropType<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">;
224
+ readonly required: false;
225
+ readonly validator: ((val: unknown) => boolean) | undefined;
226
+ __epPropKey: true;
227
+ } & {
228
+ readonly default: "";
229
+ };
230
+ readonly icon: {
231
+ readonly type: import('vue').PropType<string | import('vue').Component>;
232
+ readonly required: false;
233
+ readonly validator: ((val: unknown) => boolean) | undefined;
234
+ __epPropKey: true;
235
+ };
236
+ readonly nativeType: {
237
+ readonly type: import('vue').PropType<"button" | "reset" | "submit">;
238
+ readonly required: false;
239
+ readonly validator: ((val: unknown) => boolean) | undefined;
240
+ __epPropKey: true;
241
+ } & {
242
+ readonly default: "button";
243
+ };
244
+ readonly loading: BooleanConstructor;
245
+ readonly loadingIcon: {
246
+ readonly type: import('vue').PropType<string | import('vue').Component>;
247
+ readonly required: false;
248
+ readonly validator: ((val: unknown) => boolean) | undefined;
249
+ __epPropKey: true;
250
+ } & {
251
+ readonly default: () => any;
252
+ };
253
+ readonly plain: {
254
+ readonly type: import('vue').PropType<boolean>;
255
+ readonly required: false;
256
+ readonly validator: ((val: unknown) => boolean) | undefined;
257
+ __epPropKey: true;
258
+ } & {
259
+ readonly default: undefined;
260
+ };
261
+ readonly text: BooleanConstructor;
262
+ readonly link: BooleanConstructor;
263
+ readonly bg: BooleanConstructor;
264
+ readonly autofocus: BooleanConstructor;
265
+ readonly round: {
266
+ readonly type: import('vue').PropType<boolean>;
267
+ readonly required: false;
268
+ readonly validator: ((val: unknown) => boolean) | undefined;
269
+ __epPropKey: true;
270
+ } & {
271
+ readonly default: undefined;
272
+ };
273
+ readonly circle: BooleanConstructor;
274
+ readonly color: StringConstructor;
275
+ readonly dark: BooleanConstructor;
276
+ readonly autoInsertSpace: {
277
+ readonly type: import('vue').PropType<boolean>;
278
+ readonly required: false;
279
+ readonly validator: ((val: unknown) => boolean) | undefined;
280
+ __epPropKey: true;
281
+ } & {
282
+ readonly default: undefined;
283
+ };
284
+ readonly tag: {
285
+ readonly type: import('vue').PropType<string | import('vue').Component>;
286
+ readonly required: false;
287
+ readonly validator: ((val: unknown) => boolean) | undefined;
288
+ __epPropKey: true;
289
+ } & {
290
+ readonly default: "button";
291
+ };
292
+ }>> & {
293
+ onClick?: ((evt: MouseEvent) => any) | undefined;
294
+ }, "size" | "disabled" | "type" | "nativeType" | "loading" | "loadingIcon" | "plain" | "text" | "link" | "bg" | "autofocus" | "round" | "circle" | "dark" | "autoInsertSpace" | "tag" | "ref" | "shouldAddSpace"> & import('vue').ShallowUnwrapRef<{
295
+ ref: import('vue').Ref<HTMLButtonElement | undefined>;
296
+ size: import('vue').ComputedRef<"" | "small" | "default" | "large">;
297
+ type: import('vue').ComputedRef<string>;
298
+ disabled: import('vue').ComputedRef<boolean>;
299
+ shouldAddSpace: import('vue').ComputedRef<boolean>;
300
+ }> & {} & import('vue').ComponentCustomProperties & {} & {
301
+ $slots: {
302
+ loading?(_: {}): any;
303
+ icon?(_: {}): any;
304
+ default?(_: {}): any;
305
+ };
306
+ }) | null, ({
307
+ $: import('vue').ComponentInternalInstance;
308
+ $data: {};
309
+ $props: Partial<{
310
+ readonly link: boolean;
311
+ readonly circle: boolean;
312
+ readonly text: boolean;
313
+ readonly disabled: boolean;
314
+ readonly round: boolean;
315
+ readonly dark: boolean;
316
+ readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
317
+ readonly bg: boolean;
318
+ readonly loading: boolean;
319
+ readonly autofocus: boolean;
320
+ readonly tag: string | import('vue').Component;
321
+ readonly plain: boolean;
322
+ readonly nativeType: "button" | "reset" | "submit";
323
+ readonly loadingIcon: string | import('vue').Component;
324
+ readonly autoInsertSpace: boolean;
325
+ }> & Omit<{
326
+ readonly disabled: boolean;
327
+ readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
328
+ readonly nativeType: "button" | "reset" | "submit";
329
+ readonly loading: boolean;
330
+ readonly text: boolean;
331
+ readonly link: boolean;
332
+ readonly bg: boolean;
333
+ readonly autofocus: boolean;
334
+ readonly circle: boolean;
335
+ readonly dark: boolean;
336
+ readonly tag: string | import('vue').Component;
337
+ readonly size?: ("" | "small" | "default" | "large") | undefined;
338
+ readonly icon?: (string | import('vue').Component) | undefined;
339
+ readonly loadingIcon?: (string | import('vue').Component) | undefined;
340
+ readonly plain?: boolean | undefined;
341
+ readonly round?: boolean | undefined;
342
+ readonly color?: string | undefined;
343
+ readonly autoInsertSpace?: boolean | undefined;
344
+ onClick?: ((evt: MouseEvent) => any) | undefined | undefined;
345
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "disabled" | "type" | "nativeType" | "loading" | "loadingIcon" | "plain" | "text" | "link" | "bg" | "autofocus" | "round" | "circle" | "dark" | "autoInsertSpace" | "tag">;
346
+ $attrs: {
347
+ [x: string]: unknown;
348
+ };
349
+ $refs: {
350
+ [x: string]: unknown;
351
+ };
352
+ $slots: Readonly<{
353
+ [name: string]: import('vue').Slot<any> | undefined;
354
+ }>;
355
+ $root: import('vue').ComponentPublicInstance | null;
356
+ $parent: import('vue').ComponentPublicInstance | null;
357
+ $host: Element | null;
358
+ $emit: (event: "click", evt: MouseEvent) => void;
359
+ $el: any;
360
+ $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
361
+ readonly size: {
362
+ readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
363
+ readonly required: false;
364
+ readonly validator: ((val: unknown) => boolean) | undefined;
365
+ __epPropKey: true;
366
+ };
367
+ readonly disabled: BooleanConstructor;
368
+ readonly type: {
369
+ readonly type: import('vue').PropType<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">;
370
+ readonly required: false;
371
+ readonly validator: ((val: unknown) => boolean) | undefined;
372
+ __epPropKey: true;
373
+ } & {
374
+ readonly default: "";
375
+ };
376
+ readonly icon: {
377
+ readonly type: import('vue').PropType<string | import('vue').Component>;
378
+ readonly required: false;
379
+ readonly validator: ((val: unknown) => boolean) | undefined;
380
+ __epPropKey: true;
381
+ };
382
+ readonly nativeType: {
383
+ readonly type: import('vue').PropType<"button" | "reset" | "submit">;
384
+ readonly required: false;
385
+ readonly validator: ((val: unknown) => boolean) | undefined;
386
+ __epPropKey: true;
387
+ } & {
388
+ readonly default: "button";
389
+ };
390
+ readonly loading: BooleanConstructor;
391
+ readonly loadingIcon: {
392
+ readonly type: import('vue').PropType<string | import('vue').Component>;
393
+ readonly required: false;
394
+ readonly validator: ((val: unknown) => boolean) | undefined;
395
+ __epPropKey: true;
396
+ } & {
397
+ readonly default: () => any;
398
+ };
399
+ readonly plain: {
400
+ readonly type: import('vue').PropType<boolean>;
401
+ readonly required: false;
402
+ readonly validator: ((val: unknown) => boolean) | undefined;
403
+ __epPropKey: true;
404
+ } & {
405
+ readonly default: undefined;
406
+ };
407
+ readonly text: BooleanConstructor;
408
+ readonly link: BooleanConstructor;
409
+ readonly bg: BooleanConstructor;
410
+ readonly autofocus: BooleanConstructor;
411
+ readonly round: {
412
+ readonly type: import('vue').PropType<boolean>;
413
+ readonly required: false;
414
+ readonly validator: ((val: unknown) => boolean) | undefined;
415
+ __epPropKey: true;
416
+ } & {
417
+ readonly default: undefined;
418
+ };
419
+ readonly circle: BooleanConstructor;
420
+ readonly color: StringConstructor;
421
+ readonly dark: BooleanConstructor;
422
+ readonly autoInsertSpace: {
423
+ readonly type: import('vue').PropType<boolean>;
424
+ readonly required: false;
425
+ readonly validator: ((val: unknown) => boolean) | undefined;
426
+ __epPropKey: true;
427
+ } & {
428
+ readonly default: undefined;
429
+ };
430
+ readonly tag: {
431
+ readonly type: import('vue').PropType<string | import('vue').Component>;
432
+ readonly required: false;
433
+ readonly validator: ((val: unknown) => boolean) | undefined;
434
+ __epPropKey: true;
435
+ } & {
436
+ readonly default: "button";
437
+ };
438
+ }>> & {
439
+ onClick?: ((evt: MouseEvent) => any) | undefined;
440
+ }, {
441
+ ref: import('vue').Ref<HTMLButtonElement | undefined>;
442
+ size: import('vue').ComputedRef<"" | "small" | "default" | "large">;
443
+ type: import('vue').ComputedRef<string>;
444
+ disabled: import('vue').ComputedRef<boolean>;
445
+ shouldAddSpace: import('vue').ComputedRef<boolean>;
446
+ }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
447
+ click: (evt: MouseEvent) => void;
448
+ }, string, {
449
+ readonly link: boolean;
450
+ readonly circle: boolean;
451
+ readonly text: boolean;
452
+ readonly disabled: boolean;
453
+ readonly round: boolean;
454
+ readonly dark: boolean;
455
+ readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
456
+ readonly bg: boolean;
457
+ readonly loading: boolean;
458
+ readonly autofocus: boolean;
459
+ readonly tag: string | import('vue').Component;
460
+ readonly plain: boolean;
461
+ readonly nativeType: "button" | "reset" | "submit";
462
+ readonly loadingIcon: string | import('vue').Component;
463
+ readonly autoInsertSpace: boolean;
464
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
465
+ beforeCreate?: (() => void) | (() => void)[];
466
+ created?: (() => void) | (() => void)[];
467
+ beforeMount?: (() => void) | (() => void)[];
468
+ mounted?: (() => void) | (() => void)[];
469
+ beforeUpdate?: (() => void) | (() => void)[];
470
+ updated?: (() => void) | (() => void)[];
471
+ activated?: (() => void) | (() => void)[];
472
+ deactivated?: (() => void) | (() => void)[];
473
+ beforeDestroy?: (() => void) | (() => void)[];
474
+ beforeUnmount?: (() => void) | (() => void)[];
475
+ destroyed?: (() => void) | (() => void)[];
476
+ unmounted?: (() => void) | (() => void)[];
477
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
478
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
479
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
480
+ };
481
+ $forceUpdate: () => void;
482
+ $nextTick: typeof import('vue').nextTick;
483
+ $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;
484
+ } & Readonly<{
485
+ readonly link: boolean;
486
+ readonly circle: boolean;
487
+ readonly text: boolean;
488
+ readonly disabled: boolean;
489
+ readonly round: boolean;
490
+ readonly dark: boolean;
491
+ readonly type: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
492
+ readonly bg: boolean;
493
+ readonly loading: boolean;
494
+ readonly autofocus: boolean;
495
+ readonly tag: string | import('vue').Component;
496
+ readonly plain: boolean;
497
+ readonly nativeType: "button" | "reset" | "submit";
498
+ readonly loadingIcon: string | import('vue').Component;
499
+ readonly autoInsertSpace: boolean;
500
+ }> & Omit<Readonly<import('vue').ExtractPropTypes<{
501
+ readonly size: {
502
+ readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
503
+ readonly required: false;
504
+ readonly validator: ((val: unknown) => boolean) | undefined;
505
+ __epPropKey: true;
506
+ };
507
+ readonly disabled: BooleanConstructor;
508
+ readonly type: {
509
+ readonly type: import('vue').PropType<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">;
510
+ readonly required: false;
511
+ readonly validator: ((val: unknown) => boolean) | undefined;
512
+ __epPropKey: true;
513
+ } & {
514
+ readonly default: "";
515
+ };
516
+ readonly icon: {
517
+ readonly type: import('vue').PropType<string | import('vue').Component>;
518
+ readonly required: false;
519
+ readonly validator: ((val: unknown) => boolean) | undefined;
520
+ __epPropKey: true;
521
+ };
522
+ readonly nativeType: {
523
+ readonly type: import('vue').PropType<"button" | "reset" | "submit">;
524
+ readonly required: false;
525
+ readonly validator: ((val: unknown) => boolean) | undefined;
526
+ __epPropKey: true;
527
+ } & {
528
+ readonly default: "button";
529
+ };
530
+ readonly loading: BooleanConstructor;
531
+ readonly loadingIcon: {
532
+ readonly type: import('vue').PropType<string | import('vue').Component>;
533
+ readonly required: false;
534
+ readonly validator: ((val: unknown) => boolean) | undefined;
535
+ __epPropKey: true;
536
+ } & {
537
+ readonly default: () => any;
538
+ };
539
+ readonly plain: {
540
+ readonly type: import('vue').PropType<boolean>;
541
+ readonly required: false;
542
+ readonly validator: ((val: unknown) => boolean) | undefined;
543
+ __epPropKey: true;
544
+ } & {
545
+ readonly default: undefined;
546
+ };
547
+ readonly text: BooleanConstructor;
548
+ readonly link: BooleanConstructor;
549
+ readonly bg: BooleanConstructor;
550
+ readonly autofocus: BooleanConstructor;
551
+ readonly round: {
552
+ readonly type: import('vue').PropType<boolean>;
553
+ readonly required: false;
554
+ readonly validator: ((val: unknown) => boolean) | undefined;
555
+ __epPropKey: true;
556
+ } & {
557
+ readonly default: undefined;
558
+ };
559
+ readonly circle: BooleanConstructor;
560
+ readonly color: StringConstructor;
561
+ readonly dark: BooleanConstructor;
562
+ readonly autoInsertSpace: {
563
+ readonly type: import('vue').PropType<boolean>;
564
+ readonly required: false;
565
+ readonly validator: ((val: unknown) => boolean) | undefined;
566
+ __epPropKey: true;
567
+ } & {
568
+ readonly default: undefined;
569
+ };
570
+ readonly tag: {
571
+ readonly type: import('vue').PropType<string | import('vue').Component>;
572
+ readonly required: false;
573
+ readonly validator: ((val: unknown) => boolean) | undefined;
574
+ __epPropKey: true;
575
+ } & {
576
+ readonly default: "button";
577
+ };
578
+ }>> & {
579
+ onClick?: ((evt: MouseEvent) => any) | undefined;
580
+ }, "size" | "disabled" | "type" | "nativeType" | "loading" | "loadingIcon" | "plain" | "text" | "link" | "bg" | "autofocus" | "round" | "circle" | "dark" | "autoInsertSpace" | "tag" | "ref" | "shouldAddSpace"> & import('vue').ShallowUnwrapRef<{
581
+ ref: import('vue').Ref<HTMLButtonElement | undefined>;
582
+ size: import('vue').ComputedRef<"" | "small" | "default" | "large">;
583
+ type: import('vue').ComputedRef<string>;
584
+ disabled: import('vue').ComputedRef<boolean>;
585
+ shouldAddSpace: import('vue').ComputedRef<boolean>;
586
+ }> & {} & import('vue').ComponentCustomProperties & {} & {
587
+ $slots: {
588
+ loading?(_: {}): any;
589
+ icon?(_: {}): any;
590
+ default?(_: {}): any;
591
+ };
592
+ }) | null>;
593
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
18
594
  click: (...args: any[]) => void;
19
595
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
20
596
  click: {
@@ -25,7 +601,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
25
601
  onClick?: ((...args: any[]) => any) | undefined;
26
602
  }>, {
27
603
  click: Function;
28
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
604
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
605
+ buttonRef: unknown;
606
+ }, any>;
29
607
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
30
608
  export default _default;
31
609
  type __VLS_WithTemplateSlots<T, S> = T & {