@weni/unnnic-system 3.2.9-alpha.1 → 3.2.9-alpha.10
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.
- package/CHANGELOG.md +18 -0
- package/dist/components/Chip/Chip.vue.d.ts.map +1 -1
- package/dist/components/DataTable/index.vue.d.ts +7 -0
- package/dist/components/DataTable/index.vue.d.ts.map +1 -1
- package/dist/components/DateFilter/DateFilter.vue.d.ts +87 -95
- package/dist/components/Input/BaseInput.vue.d.ts +22 -0
- package/dist/components/Input/BaseInput.vue.d.ts.map +1 -1
- package/dist/components/Input/Input.vue.d.ts +87 -95
- package/dist/components/Input/Input.vue.d.ts.map +1 -1
- package/dist/components/Input/TextInput.vue.d.ts +52 -1
- package/dist/components/Input/TextInput.vue.d.ts.map +1 -1
- package/dist/components/InputDatePicker/InputDatePicker.vue.d.ts +87 -95
- package/dist/components/InputNext/InputNext.vue.d.ts +1 -1
- package/dist/components/Label/Label.vue.d.ts +2 -2
- package/dist/components/Label/Label.vue.d.ts.map +1 -1
- package/dist/components/ModalNext/ModalNext.vue.d.ts +87 -95
- package/dist/components/SelectSmart/SelectSmart.vue.d.ts +52 -1
- package/dist/components/SelectTime/index.vue.d.ts +52 -1
- package/dist/components/Tab/Tab.vue.d.ts +11 -0
- package/dist/components/index.d.ts +895 -937
- package/dist/components/index.d.ts.map +1 -1
- package/dist/{es-2735a8fb.js → es-3cbe331a.js} +1 -1
- package/dist/{index-e012fa52.js → index-2241773d.js} +4242 -4189
- package/dist/locales/en.json.d.ts +2 -1
- package/dist/locales/es.json.d.ts +2 -1
- package/dist/locales/pt_br.json.d.ts +2 -1
- package/dist/{pt-br-f38a8b9c.js → pt-br-9ddee0e9.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/unnnic.js +1 -1
- package/dist/unnnic.umd.cjs +39 -39
- package/package.json +1 -1
- package/src/assets/scss/scheme-colors.scss +115 -238
- package/src/components/Alert/__tests__/__snapshots__/Alert.spec.js.snap +11 -7
- package/src/components/Alert/__tests__/__snapshots__/Version1dot1.spec.js.snap +2 -2
- package/src/components/Chip/Chip.vue +3 -2
- package/src/components/DataTable/index.vue +25 -10
- package/src/components/Input/BaseInput.vue +21 -2
- package/src/components/Input/Input.scss +2 -1
- package/src/components/Input/Input.vue +26 -30
- package/src/components/Input/TextInput.vue +59 -22
- package/src/components/Input/__test__/__snapshots__/Input.spec.js.snap +7 -3
- package/src/components/Input/__test__/__snapshots__/TextInput.spec.js.snap +7 -1
- package/src/components/Label/Label.vue +2 -2
- package/src/components/Popover/__tests__/Popover.spec.js +147 -0
- package/src/components/Popover/__tests__/__snapshots__/Popover.spec.js.snap +8 -0
- package/src/components/Popover/index.vue +146 -0
- package/src/components/Select/SelectOption.vue +65 -0
- package/src/components/Select/__tests__/Select.spec.js +412 -0
- package/src/components/Select/__tests__/SelectItem.spec.js +330 -0
- package/src/components/Select/__tests__/SelectOption.spec.js +174 -0
- package/src/components/Select/__tests__/__snapshots__/Select.spec.js.snap +97 -0
- package/src/components/Select/__tests__/__snapshots__/SelectItem.spec.js.snap +15 -0
- package/src/components/Select/__tests__/__snapshots__/SelectOption.spec.js.snap +25 -0
- package/src/components/Select/index.vue +245 -0
- package/src/components/Tab/Tab.vue +37 -23
- package/src/components/Tab/__test__/__snapshots__/Tab.spec.js.snap +1 -1
- package/src/locales/en.json +2 -1
- package/src/locales/es.json +2 -1
- package/src/locales/pt_br.json +2 -1
- package/src/stories/DataTable.stories.js +60 -0
- package/src/stories/Input.stories.js +6 -0
- package/src/stories/Popover.stories.js +39 -0
- package/src/stories/Select.stories.js +91 -0
- package/src/stories/Tab.stories.js +11 -4
|
@@ -248,13 +248,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
248
248
|
type: BooleanConstructor;
|
|
249
249
|
default: boolean;
|
|
250
250
|
};
|
|
251
|
+
readonly: {
|
|
252
|
+
type: BooleanConstructor;
|
|
253
|
+
default: boolean;
|
|
254
|
+
};
|
|
255
|
+
forceActiveStatus: {
|
|
256
|
+
type: BooleanConstructor;
|
|
257
|
+
default: boolean;
|
|
258
|
+
};
|
|
259
|
+
showClear: {
|
|
260
|
+
type: BooleanConstructor;
|
|
261
|
+
default: boolean;
|
|
262
|
+
};
|
|
251
263
|
}>, {}, {
|
|
252
264
|
val: string;
|
|
253
265
|
}, {
|
|
254
266
|
hasLabelSlot(): boolean;
|
|
255
267
|
}, {
|
|
256
268
|
fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
|
|
257
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
269
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "clear")[], "update:modelValue" | "clear", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
258
270
|
placeholder: {
|
|
259
271
|
type: StringConstructor;
|
|
260
272
|
default: string;
|
|
@@ -332,8 +344,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
332
344
|
type: BooleanConstructor;
|
|
333
345
|
default: boolean;
|
|
334
346
|
};
|
|
347
|
+
readonly: {
|
|
348
|
+
type: BooleanConstructor;
|
|
349
|
+
default: boolean;
|
|
350
|
+
};
|
|
351
|
+
forceActiveStatus: {
|
|
352
|
+
type: BooleanConstructor;
|
|
353
|
+
default: boolean;
|
|
354
|
+
};
|
|
355
|
+
showClear: {
|
|
356
|
+
type: BooleanConstructor;
|
|
357
|
+
default: boolean;
|
|
358
|
+
};
|
|
335
359
|
}>> & Readonly<{
|
|
336
360
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
361
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
337
362
|
}>, {
|
|
338
363
|
size: string;
|
|
339
364
|
type: string;
|
|
@@ -344,6 +369,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
344
369
|
modelValue: string;
|
|
345
370
|
nativeType: string;
|
|
346
371
|
maxlength: number | null;
|
|
372
|
+
readonly: boolean;
|
|
373
|
+
forceActiveStatus: boolean;
|
|
347
374
|
placeholder: string;
|
|
348
375
|
iconLeft: string;
|
|
349
376
|
iconRight: string;
|
|
@@ -351,8 +378,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
351
378
|
iconRightClickable: boolean;
|
|
352
379
|
allowTogglePassword: boolean;
|
|
353
380
|
hasCloudyColor: boolean;
|
|
354
|
-
|
|
381
|
+
showClear: boolean;
|
|
355
382
|
tooltip: string;
|
|
383
|
+
errors: string | unknown[];
|
|
356
384
|
showMaxlengthCounter: boolean;
|
|
357
385
|
}, {}, {
|
|
358
386
|
TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -409,6 +437,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
409
437
|
type: BooleanConstructor;
|
|
410
438
|
default: boolean;
|
|
411
439
|
};
|
|
440
|
+
readonly: {
|
|
441
|
+
type: BooleanConstructor;
|
|
442
|
+
default: boolean;
|
|
443
|
+
};
|
|
444
|
+
forceActiveStatus: {
|
|
445
|
+
type: BooleanConstructor;
|
|
446
|
+
default: boolean;
|
|
447
|
+
};
|
|
448
|
+
showClear: {
|
|
449
|
+
type: BooleanConstructor;
|
|
450
|
+
default: boolean;
|
|
451
|
+
};
|
|
412
452
|
}>, {}, {
|
|
413
453
|
isFocused: boolean;
|
|
414
454
|
showPassword: boolean;
|
|
@@ -422,8 +462,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
422
462
|
onFocus(): void;
|
|
423
463
|
onBlur(): void;
|
|
424
464
|
onIconLeftClick(): void;
|
|
465
|
+
onClearClick(): void;
|
|
425
466
|
onIconRightClick(): void;
|
|
426
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
467
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
427
468
|
placeholder: {
|
|
428
469
|
type: StringConstructor;
|
|
429
470
|
default: null;
|
|
@@ -477,7 +518,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
477
518
|
type: BooleanConstructor;
|
|
478
519
|
default: boolean;
|
|
479
520
|
};
|
|
521
|
+
readonly: {
|
|
522
|
+
type: BooleanConstructor;
|
|
523
|
+
default: boolean;
|
|
524
|
+
};
|
|
525
|
+
forceActiveStatus: {
|
|
526
|
+
type: BooleanConstructor;
|
|
527
|
+
default: boolean;
|
|
528
|
+
};
|
|
529
|
+
showClear: {
|
|
530
|
+
type: BooleanConstructor;
|
|
531
|
+
default: boolean;
|
|
532
|
+
};
|
|
480
533
|
}>> & Readonly<{
|
|
534
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
481
535
|
"onIcon-left-click"?: ((...args: any[]) => any) | undefined;
|
|
482
536
|
"onIcon-right-click"?: ((...args: any[]) => any) | undefined;
|
|
483
537
|
}>, {
|
|
@@ -487,6 +541,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
487
541
|
modelValue: string;
|
|
488
542
|
nativeType: string;
|
|
489
543
|
maxlength: number;
|
|
544
|
+
readonly: boolean;
|
|
545
|
+
forceActiveStatus: boolean;
|
|
490
546
|
placeholder: string;
|
|
491
547
|
iconLeft: string;
|
|
492
548
|
iconRight: string;
|
|
@@ -494,6 +550,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
494
550
|
iconRightClickable: boolean;
|
|
495
551
|
allowTogglePassword: boolean;
|
|
496
552
|
hasCloudyColor: boolean;
|
|
553
|
+
showClear: boolean;
|
|
497
554
|
}, {}, {
|
|
498
555
|
BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
499
556
|
type: {
|
|
@@ -519,15 +576,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
519
576
|
};
|
|
520
577
|
hasIconLeft: BooleanConstructor;
|
|
521
578
|
hasIconRight: BooleanConstructor;
|
|
579
|
+
hasClearIcon: BooleanConstructor;
|
|
522
580
|
maxlength: {
|
|
523
581
|
type: NumberConstructor;
|
|
524
582
|
default: null;
|
|
525
583
|
};
|
|
584
|
+
readonly: {
|
|
585
|
+
type: BooleanConstructor;
|
|
586
|
+
default: boolean;
|
|
587
|
+
};
|
|
588
|
+
forceActiveStatus: {
|
|
589
|
+
type: BooleanConstructor;
|
|
590
|
+
default: boolean;
|
|
591
|
+
};
|
|
526
592
|
}>, {}, {}, {
|
|
527
593
|
attributes(): any;
|
|
528
594
|
classes(): (string | {
|
|
529
595
|
'input--has-icon-left': boolean;
|
|
530
596
|
'input--has-icon-right': boolean;
|
|
597
|
+
'input--has-clear-icon': boolean;
|
|
531
598
|
})[];
|
|
532
599
|
}, {
|
|
533
600
|
fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
|
|
@@ -555,10 +622,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
555
622
|
};
|
|
556
623
|
hasIconLeft: BooleanConstructor;
|
|
557
624
|
hasIconRight: BooleanConstructor;
|
|
625
|
+
hasClearIcon: BooleanConstructor;
|
|
558
626
|
maxlength: {
|
|
559
627
|
type: NumberConstructor;
|
|
560
628
|
default: null;
|
|
561
629
|
};
|
|
630
|
+
readonly: {
|
|
631
|
+
type: BooleanConstructor;
|
|
632
|
+
default: boolean;
|
|
633
|
+
};
|
|
634
|
+
forceActiveStatus: {
|
|
635
|
+
type: BooleanConstructor;
|
|
636
|
+
default: boolean;
|
|
637
|
+
};
|
|
562
638
|
}>> & Readonly<{
|
|
563
639
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
564
640
|
}>, {
|
|
@@ -567,9 +643,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
567
643
|
mask: string | unknown[];
|
|
568
644
|
hasIconLeft: boolean;
|
|
569
645
|
hasIconRight: boolean;
|
|
646
|
+
hasClearIcon: boolean;
|
|
570
647
|
modelValue: string;
|
|
571
648
|
nativeType: string;
|
|
572
649
|
maxlength: number;
|
|
650
|
+
readonly: boolean;
|
|
651
|
+
forceActiveStatus: boolean;
|
|
573
652
|
}, {}, {}, {
|
|
574
653
|
mask: any;
|
|
575
654
|
}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -591,98 +670,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
591
670
|
scheme: import('../Icon.vue').SchemeColor;
|
|
592
671
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
593
672
|
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
enabled: {
|
|
600
|
-
type: BooleanConstructor;
|
|
601
|
-
default: boolean;
|
|
602
|
-
};
|
|
603
|
-
forceOpen: {
|
|
604
|
-
type: BooleanConstructor;
|
|
605
|
-
default: boolean;
|
|
606
|
-
};
|
|
607
|
-
side: {
|
|
608
|
-
type: StringConstructor;
|
|
609
|
-
default: string;
|
|
610
|
-
validator(value: unknown): boolean;
|
|
611
|
-
};
|
|
612
|
-
maxWidth: {
|
|
613
|
-
type: StringConstructor;
|
|
614
|
-
default: string;
|
|
615
|
-
};
|
|
616
|
-
shortcutText: {
|
|
617
|
-
type: StringConstructor;
|
|
618
|
-
default: null;
|
|
619
|
-
};
|
|
620
|
-
enableHtml: {
|
|
621
|
-
type: BooleanConstructor;
|
|
622
|
-
default: boolean;
|
|
623
|
-
};
|
|
624
|
-
}>, {}, {
|
|
625
|
-
topPos: null;
|
|
626
|
-
leftPos: null;
|
|
627
|
-
}, {}, {
|
|
628
|
-
handleResize(): void;
|
|
629
|
-
getRightPost(element: any): void;
|
|
630
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
631
|
-
text: {
|
|
632
|
-
type: StringConstructor;
|
|
633
|
-
default: string;
|
|
634
|
-
};
|
|
635
|
-
enabled: {
|
|
636
|
-
type: BooleanConstructor;
|
|
637
|
-
default: boolean;
|
|
638
|
-
};
|
|
639
|
-
forceOpen: {
|
|
640
|
-
type: BooleanConstructor;
|
|
641
|
-
default: boolean;
|
|
642
|
-
};
|
|
643
|
-
side: {
|
|
644
|
-
type: StringConstructor;
|
|
645
|
-
default: string;
|
|
646
|
-
validator(value: unknown): boolean;
|
|
647
|
-
};
|
|
648
|
-
maxWidth: {
|
|
649
|
-
type: StringConstructor;
|
|
650
|
-
default: string;
|
|
651
|
-
};
|
|
652
|
-
shortcutText: {
|
|
653
|
-
type: StringConstructor;
|
|
654
|
-
default: null;
|
|
655
|
-
};
|
|
656
|
-
enableHtml: {
|
|
657
|
-
type: BooleanConstructor;
|
|
658
|
-
default: boolean;
|
|
659
|
-
};
|
|
660
|
-
}>> & Readonly<{}>, {
|
|
661
|
-
text: string;
|
|
662
|
-
enabled: boolean;
|
|
663
|
-
forceOpen: boolean;
|
|
664
|
-
side: string;
|
|
665
|
-
maxWidth: string;
|
|
666
|
-
shortcutText: string;
|
|
667
|
-
enableHtml: boolean;
|
|
668
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
669
|
-
UnnnicIcon: import('vue').DefineComponent<import('../Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
670
|
-
click: (event: Event) => any;
|
|
671
|
-
mousedown: (event: Event) => any;
|
|
672
|
-
mouseup: (event: Event) => any;
|
|
673
|
-
}, string, import('vue').PublicProps, Readonly<import('../Icon.vue').IconProps> & Readonly<{
|
|
674
|
-
onClick?: ((event: Event) => any) | undefined;
|
|
675
|
-
onMousedown?: ((event: Event) => any) | undefined;
|
|
676
|
-
onMouseup?: ((event: Event) => any) | undefined;
|
|
677
|
-
}>, {
|
|
678
|
-
size: import('../Icon.vue').IconSize;
|
|
679
|
-
filled: boolean;
|
|
680
|
-
next: boolean;
|
|
681
|
-
icon: string | null;
|
|
682
|
-
clickable: boolean;
|
|
683
|
-
lineHeight: import('../Icon.vue').LineHeight | null;
|
|
684
|
-
scheme: import('../Icon.vue').SchemeColor;
|
|
685
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
673
|
+
UnnnicLabel: import('vue').DefineComponent<import('../Label/Label.vue').LabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('../Label/Label.vue').LabelProps> & Readonly<{}>, {
|
|
674
|
+
label: string;
|
|
675
|
+
tooltip: string;
|
|
676
|
+
useHtmlTooltip: boolean;
|
|
677
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
686
678
|
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
687
679
|
UnnnicDatePicker: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
688
680
|
initialStartDate: {
|
|
@@ -80,8 +80,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
80
80
|
type: string;
|
|
81
81
|
disabled: boolean;
|
|
82
82
|
nativeType: string;
|
|
83
|
-
allowTogglePassword: boolean;
|
|
84
83
|
readonly: boolean;
|
|
84
|
+
allowTogglePassword: boolean;
|
|
85
85
|
}, {}, {
|
|
86
86
|
UnnnicIcon: import('vue').DefineComponent<import('../Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
87
87
|
click: (event: Event) => any;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
interface
|
|
1
|
+
export interface LabelProps {
|
|
2
2
|
label?: string;
|
|
3
3
|
tooltip?: string;
|
|
4
4
|
useHtmlTooltip?: boolean;
|
|
5
5
|
}
|
|
6
|
-
declare const _default: import('vue').DefineComponent<
|
|
6
|
+
declare const _default: import('vue').DefineComponent<LabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LabelProps> & Readonly<{}>, {
|
|
7
7
|
label: string;
|
|
8
8
|
tooltip: string;
|
|
9
9
|
useHtmlTooltip: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.vue"],"names":[],"mappings":"AAiBA;AA4EA,UAAU
|
|
1
|
+
{"version":3,"file":"Label.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.vue"],"names":[],"mappings":"AAiBA;AA4EA,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;;WAHS,MAAM;aACJ,MAAM;oBACC,OAAO;;AA8F1B,wBAQG"}
|
|
@@ -153,13 +153,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
153
153
|
type: BooleanConstructor;
|
|
154
154
|
default: boolean;
|
|
155
155
|
};
|
|
156
|
+
readonly: {
|
|
157
|
+
type: BooleanConstructor;
|
|
158
|
+
default: boolean;
|
|
159
|
+
};
|
|
160
|
+
forceActiveStatus: {
|
|
161
|
+
type: BooleanConstructor;
|
|
162
|
+
default: boolean;
|
|
163
|
+
};
|
|
164
|
+
showClear: {
|
|
165
|
+
type: BooleanConstructor;
|
|
166
|
+
default: boolean;
|
|
167
|
+
};
|
|
156
168
|
}>, {}, {
|
|
157
169
|
val: string;
|
|
158
170
|
}, {
|
|
159
171
|
hasLabelSlot(): boolean;
|
|
160
172
|
}, {
|
|
161
173
|
fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
|
|
162
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
174
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "clear")[], "update:modelValue" | "clear", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
163
175
|
placeholder: {
|
|
164
176
|
type: StringConstructor;
|
|
165
177
|
default: string;
|
|
@@ -237,8 +249,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
237
249
|
type: BooleanConstructor;
|
|
238
250
|
default: boolean;
|
|
239
251
|
};
|
|
252
|
+
readonly: {
|
|
253
|
+
type: BooleanConstructor;
|
|
254
|
+
default: boolean;
|
|
255
|
+
};
|
|
256
|
+
forceActiveStatus: {
|
|
257
|
+
type: BooleanConstructor;
|
|
258
|
+
default: boolean;
|
|
259
|
+
};
|
|
260
|
+
showClear: {
|
|
261
|
+
type: BooleanConstructor;
|
|
262
|
+
default: boolean;
|
|
263
|
+
};
|
|
240
264
|
}>> & Readonly<{
|
|
241
265
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
266
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
242
267
|
}>, {
|
|
243
268
|
size: string;
|
|
244
269
|
type: string;
|
|
@@ -249,6 +274,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
249
274
|
modelValue: string;
|
|
250
275
|
nativeType: string;
|
|
251
276
|
maxlength: number | null;
|
|
277
|
+
readonly: boolean;
|
|
278
|
+
forceActiveStatus: boolean;
|
|
252
279
|
placeholder: string;
|
|
253
280
|
iconLeft: string;
|
|
254
281
|
iconRight: string;
|
|
@@ -256,8 +283,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
256
283
|
iconRightClickable: boolean;
|
|
257
284
|
allowTogglePassword: boolean;
|
|
258
285
|
hasCloudyColor: boolean;
|
|
259
|
-
|
|
286
|
+
showClear: boolean;
|
|
260
287
|
tooltip: string;
|
|
288
|
+
errors: string | unknown[];
|
|
261
289
|
showMaxlengthCounter: boolean;
|
|
262
290
|
}, {}, {
|
|
263
291
|
TextInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -314,6 +342,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
314
342
|
type: BooleanConstructor;
|
|
315
343
|
default: boolean;
|
|
316
344
|
};
|
|
345
|
+
readonly: {
|
|
346
|
+
type: BooleanConstructor;
|
|
347
|
+
default: boolean;
|
|
348
|
+
};
|
|
349
|
+
forceActiveStatus: {
|
|
350
|
+
type: BooleanConstructor;
|
|
351
|
+
default: boolean;
|
|
352
|
+
};
|
|
353
|
+
showClear: {
|
|
354
|
+
type: BooleanConstructor;
|
|
355
|
+
default: boolean;
|
|
356
|
+
};
|
|
317
357
|
}>, {}, {
|
|
318
358
|
isFocused: boolean;
|
|
319
359
|
showPassword: boolean;
|
|
@@ -327,8 +367,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
327
367
|
onFocus(): void;
|
|
328
368
|
onBlur(): void;
|
|
329
369
|
onIconLeftClick(): void;
|
|
370
|
+
onClearClick(): void;
|
|
330
371
|
onIconRightClick(): void;
|
|
331
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
372
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
332
373
|
placeholder: {
|
|
333
374
|
type: StringConstructor;
|
|
334
375
|
default: null;
|
|
@@ -382,7 +423,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
382
423
|
type: BooleanConstructor;
|
|
383
424
|
default: boolean;
|
|
384
425
|
};
|
|
426
|
+
readonly: {
|
|
427
|
+
type: BooleanConstructor;
|
|
428
|
+
default: boolean;
|
|
429
|
+
};
|
|
430
|
+
forceActiveStatus: {
|
|
431
|
+
type: BooleanConstructor;
|
|
432
|
+
default: boolean;
|
|
433
|
+
};
|
|
434
|
+
showClear: {
|
|
435
|
+
type: BooleanConstructor;
|
|
436
|
+
default: boolean;
|
|
437
|
+
};
|
|
385
438
|
}>> & Readonly<{
|
|
439
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
386
440
|
"onIcon-left-click"?: ((...args: any[]) => any) | undefined;
|
|
387
441
|
"onIcon-right-click"?: ((...args: any[]) => any) | undefined;
|
|
388
442
|
}>, {
|
|
@@ -392,6 +446,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
392
446
|
modelValue: string;
|
|
393
447
|
nativeType: string;
|
|
394
448
|
maxlength: number;
|
|
449
|
+
readonly: boolean;
|
|
450
|
+
forceActiveStatus: boolean;
|
|
395
451
|
placeholder: string;
|
|
396
452
|
iconLeft: string;
|
|
397
453
|
iconRight: string;
|
|
@@ -399,6 +455,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
399
455
|
iconRightClickable: boolean;
|
|
400
456
|
allowTogglePassword: boolean;
|
|
401
457
|
hasCloudyColor: boolean;
|
|
458
|
+
showClear: boolean;
|
|
402
459
|
}, {}, {
|
|
403
460
|
BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
404
461
|
type: {
|
|
@@ -424,15 +481,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
424
481
|
};
|
|
425
482
|
hasIconLeft: BooleanConstructor;
|
|
426
483
|
hasIconRight: BooleanConstructor;
|
|
484
|
+
hasClearIcon: BooleanConstructor;
|
|
427
485
|
maxlength: {
|
|
428
486
|
type: NumberConstructor;
|
|
429
487
|
default: null;
|
|
430
488
|
};
|
|
489
|
+
readonly: {
|
|
490
|
+
type: BooleanConstructor;
|
|
491
|
+
default: boolean;
|
|
492
|
+
};
|
|
493
|
+
forceActiveStatus: {
|
|
494
|
+
type: BooleanConstructor;
|
|
495
|
+
default: boolean;
|
|
496
|
+
};
|
|
431
497
|
}>, {}, {}, {
|
|
432
498
|
attributes(): any;
|
|
433
499
|
classes(): (string | {
|
|
434
500
|
'input--has-icon-left': boolean;
|
|
435
501
|
'input--has-icon-right': boolean;
|
|
502
|
+
'input--has-clear-icon': boolean;
|
|
436
503
|
})[];
|
|
437
504
|
}, {
|
|
438
505
|
fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
|
|
@@ -460,10 +527,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
460
527
|
};
|
|
461
528
|
hasIconLeft: BooleanConstructor;
|
|
462
529
|
hasIconRight: BooleanConstructor;
|
|
530
|
+
hasClearIcon: BooleanConstructor;
|
|
463
531
|
maxlength: {
|
|
464
532
|
type: NumberConstructor;
|
|
465
533
|
default: null;
|
|
466
534
|
};
|
|
535
|
+
readonly: {
|
|
536
|
+
type: BooleanConstructor;
|
|
537
|
+
default: boolean;
|
|
538
|
+
};
|
|
539
|
+
forceActiveStatus: {
|
|
540
|
+
type: BooleanConstructor;
|
|
541
|
+
default: boolean;
|
|
542
|
+
};
|
|
467
543
|
}>> & Readonly<{
|
|
468
544
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
469
545
|
}>, {
|
|
@@ -472,9 +548,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
472
548
|
mask: string | unknown[];
|
|
473
549
|
hasIconLeft: boolean;
|
|
474
550
|
hasIconRight: boolean;
|
|
551
|
+
hasClearIcon: boolean;
|
|
475
552
|
modelValue: string;
|
|
476
553
|
nativeType: string;
|
|
477
554
|
maxlength: number;
|
|
555
|
+
readonly: boolean;
|
|
556
|
+
forceActiveStatus: boolean;
|
|
478
557
|
}, {}, {}, {
|
|
479
558
|
mask: any;
|
|
480
559
|
}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -496,98 +575,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
496
575
|
scheme: import('../Icon.vue').SchemeColor;
|
|
497
576
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
498
577
|
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
enabled: {
|
|
505
|
-
type: BooleanConstructor;
|
|
506
|
-
default: boolean;
|
|
507
|
-
};
|
|
508
|
-
forceOpen: {
|
|
509
|
-
type: BooleanConstructor;
|
|
510
|
-
default: boolean;
|
|
511
|
-
};
|
|
512
|
-
side: {
|
|
513
|
-
type: StringConstructor;
|
|
514
|
-
default: string;
|
|
515
|
-
validator(value: unknown): boolean;
|
|
516
|
-
};
|
|
517
|
-
maxWidth: {
|
|
518
|
-
type: StringConstructor;
|
|
519
|
-
default: string;
|
|
520
|
-
};
|
|
521
|
-
shortcutText: {
|
|
522
|
-
type: StringConstructor;
|
|
523
|
-
default: null;
|
|
524
|
-
};
|
|
525
|
-
enableHtml: {
|
|
526
|
-
type: BooleanConstructor;
|
|
527
|
-
default: boolean;
|
|
528
|
-
};
|
|
529
|
-
}>, {}, {
|
|
530
|
-
topPos: null;
|
|
531
|
-
leftPos: null;
|
|
532
|
-
}, {}, {
|
|
533
|
-
handleResize(): void;
|
|
534
|
-
getRightPost(element: any): void;
|
|
535
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
536
|
-
text: {
|
|
537
|
-
type: StringConstructor;
|
|
538
|
-
default: string;
|
|
539
|
-
};
|
|
540
|
-
enabled: {
|
|
541
|
-
type: BooleanConstructor;
|
|
542
|
-
default: boolean;
|
|
543
|
-
};
|
|
544
|
-
forceOpen: {
|
|
545
|
-
type: BooleanConstructor;
|
|
546
|
-
default: boolean;
|
|
547
|
-
};
|
|
548
|
-
side: {
|
|
549
|
-
type: StringConstructor;
|
|
550
|
-
default: string;
|
|
551
|
-
validator(value: unknown): boolean;
|
|
552
|
-
};
|
|
553
|
-
maxWidth: {
|
|
554
|
-
type: StringConstructor;
|
|
555
|
-
default: string;
|
|
556
|
-
};
|
|
557
|
-
shortcutText: {
|
|
558
|
-
type: StringConstructor;
|
|
559
|
-
default: null;
|
|
560
|
-
};
|
|
561
|
-
enableHtml: {
|
|
562
|
-
type: BooleanConstructor;
|
|
563
|
-
default: boolean;
|
|
564
|
-
};
|
|
565
|
-
}>> & Readonly<{}>, {
|
|
566
|
-
text: string;
|
|
567
|
-
enabled: boolean;
|
|
568
|
-
forceOpen: boolean;
|
|
569
|
-
side: string;
|
|
570
|
-
maxWidth: string;
|
|
571
|
-
shortcutText: string;
|
|
572
|
-
enableHtml: boolean;
|
|
573
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
574
|
-
UnnnicIcon: import('vue').DefineComponent<import('../Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
575
|
-
click: (event: Event) => any;
|
|
576
|
-
mousedown: (event: Event) => any;
|
|
577
|
-
mouseup: (event: Event) => any;
|
|
578
|
-
}, string, import('vue').PublicProps, Readonly<import('../Icon.vue').IconProps> & Readonly<{
|
|
579
|
-
onClick?: ((event: Event) => any) | undefined;
|
|
580
|
-
onMousedown?: ((event: Event) => any) | undefined;
|
|
581
|
-
onMouseup?: ((event: Event) => any) | undefined;
|
|
582
|
-
}>, {
|
|
583
|
-
size: import('../Icon.vue').IconSize;
|
|
584
|
-
filled: boolean;
|
|
585
|
-
next: boolean;
|
|
586
|
-
icon: string | null;
|
|
587
|
-
clickable: boolean;
|
|
588
|
-
lineHeight: import('../Icon.vue').LineHeight | null;
|
|
589
|
-
scheme: import('../Icon.vue').SchemeColor;
|
|
590
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
578
|
+
UnnnicLabel: import('vue').DefineComponent<import('../Label/Label.vue').LabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('../Label/Label.vue').LabelProps> & Readonly<{}>, {
|
|
579
|
+
label: string;
|
|
580
|
+
tooltip: string;
|
|
581
|
+
useHtmlTooltip: boolean;
|
|
582
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
591
583
|
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
592
584
|
UnnnicButton: {
|
|
593
585
|
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../Button/types').ButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|