@central-design-system/components 3.0.0-alpha.2 → 3.0.0-alpha.4
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/dist/cds.css +1 -1
- package/dist/cds.es.js +101 -101
- package/dist/cds.umd.js +1 -1
- package/dist/components/CdsCheckbox/CdsCheckbox.vue.d.ts +20 -4
- package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +125 -64
- package/dist/components/CdsDatePicker/CdsDatePicker.vue.d.ts +35 -5
- package/dist/components/CdsDrawer/CdsDrawer.vue.d.ts +20 -4
- package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +133 -116
- package/dist/components/CdsForm/CdsForm.vue.d.ts +13 -3
- package/dist/components/CdsInput/CdsInput.vue.d.ts +8 -2
- package/dist/components/CdsLink/CdsLink.vue.d.ts +9 -2
- package/dist/components/CdsList/CdsList.vue.d.ts +46 -13
- package/dist/components/CdsList/CdsListItem.vue.d.ts +8 -2
- package/dist/components/CdsMenu/CdsMenu.vue.d.ts +16 -6
- package/dist/components/CdsOverlay/CdsOverlay.vue.d.ts +20 -10
- package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts +9 -3
- package/dist/components/CdsRadioButton/CdsRadioButton.vue.d.ts +9 -3
- package/dist/components/CdsSelect/CdsSelect.vue.d.ts +57 -36
- package/dist/components/CdsSidebar/CdsSidebar.vue.d.ts +14 -4
- package/dist/components/CdsTag/CdsTag.vue.d.ts +9 -2
- package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +63 -21
- package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +91 -26
- package/package.json +3 -2
- package/src/scss/themes/index.ts +1 -1
- package/src/utils/__test__/helper.test.ts +59 -0
- package/src/utils/__test__/mocks/helper.mock.ts +362 -0
- package/src/utils/__test__/mocks/propFactory.mock.ts +88 -0
- package/src/utils/__test__/propFactory.test.ts +9 -0
- package/src/utils/anchor.ts +76 -0
- package/src/utils/animation.ts +62 -0
- package/src/utils/box.ts +39 -0
- package/src/utils/cache.ts +12 -0
- package/src/utils/changeCase/__test__/lowerCase.test.ts +12 -0
- package/src/utils/changeCase/__test__/mocks/lowerCase.mock.ts +80 -0
- package/src/utils/changeCase/__test__/mocks/noCase.mock.ts +131 -0
- package/src/utils/changeCase/__test__/mocks/paramCase.mock.ts +39 -0
- package/src/utils/changeCase/__test__/mocks/pascalCase.mock.ts +46 -0
- package/src/utils/changeCase/__test__/noCase.test.ts +8 -0
- package/src/utils/changeCase/__test__/paramCase.test.ts +8 -0
- package/src/utils/changeCase/__test__/pascalCase.test.ts +8 -0
- package/src/utils/changeCase/lowerCase.ts +56 -0
- package/src/utils/changeCase/noCase.ts +45 -0
- package/src/utils/changeCase/paramCase.ts +11 -0
- package/src/utils/changeCase/pascalCase.ts +24 -0
- package/src/utils/date.ts +1100 -0
- package/src/utils/dom.ts +24 -0
- package/src/utils/getCurrentInstance.ts +43 -0
- package/src/utils/getScrollParent.ts +29 -0
- package/src/utils/globals.ts +8 -0
- package/src/utils/helpers.ts +311 -0
- package/src/utils/index.ts +19 -0
- package/src/utils/propsFactory.ts +92 -0
|
@@ -152,7 +152,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
152
152
|
};
|
|
153
153
|
appendInnerIcon: {
|
|
154
154
|
type: PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
|
|
155
|
-
default: undefined;
|
|
155
|
+
default: undefined; /**
|
|
156
|
+
* Событие клика по иконке перед значением поля
|
|
157
|
+
*/
|
|
156
158
|
validator: (value: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
|
|
157
159
|
};
|
|
158
160
|
type: {
|
|
@@ -187,6 +189,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
187
189
|
}, {
|
|
188
190
|
id: import("vue").ComputedRef<string>;
|
|
189
191
|
model: import("vue").Ref<any> & {
|
|
192
|
+
/**
|
|
193
|
+
* Событие очистки поля ввода
|
|
194
|
+
*/
|
|
190
195
|
readonly externalValue: any;
|
|
191
196
|
};
|
|
192
197
|
fieldRef: import("vue").Ref<HTMLElement | undefined>;
|
|
@@ -285,7 +290,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
285
290
|
hasPrepend: import("vue").ComputedRef<boolean>;
|
|
286
291
|
hasAppend: import("vue").ComputedRef<boolean>;
|
|
287
292
|
hasDefault: import("vue").ComputedRef<boolean>;
|
|
288
|
-
hasMessages: import("vue").ComputedRef<number | boolean>;
|
|
293
|
+
hasMessages: import("vue").ComputedRef<number | boolean>; /**
|
|
294
|
+
* Событие клика по иконке перед значением поля
|
|
295
|
+
*/
|
|
289
296
|
slotProps: import("vue").ComputedRef<import("../../composable").IInputSlot>;
|
|
290
297
|
messagesId: import("vue").ComputedRef<string>;
|
|
291
298
|
messages: import("vue").ComputedRef<string | string[]>;
|
|
@@ -297,7 +304,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
297
304
|
validate: () => Promise<string[]>;
|
|
298
305
|
handleClickPrepend: (event: MouseEvent) => void;
|
|
299
306
|
handleClickAppend: (event: MouseEvent) => void;
|
|
300
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
307
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
308
|
+
'update:modelValue': (value: any) => boolean;
|
|
309
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
301
310
|
'onClick:prepend': PropType<(...args: any[]) => any>;
|
|
302
311
|
'onClick:append': PropType<(...args: any[]) => any>;
|
|
303
312
|
focused: {
|
|
@@ -387,7 +396,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
387
396
|
default: boolean;
|
|
388
397
|
};
|
|
389
398
|
}>> & {
|
|
390
|
-
"onUpdate:modelValue"?: ((
|
|
399
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
391
400
|
}, {
|
|
392
401
|
name: string | undefined;
|
|
393
402
|
description: string;
|
|
@@ -447,19 +456,19 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
447
456
|
readonly id?: string | undefined;
|
|
448
457
|
readonly label?: string | undefined;
|
|
449
458
|
readonly validationValue?: any;
|
|
450
|
-
readonly 'onClick:prepend'?: (((...args: any[]) => any) & ((
|
|
451
|
-
readonly 'onClick:append'?: (((...args: any[]) => any) & ((
|
|
459
|
+
readonly 'onClick:prepend'?: (((...args: any[]) => any) & ((event: MouseEvent) => any)) | undefined;
|
|
460
|
+
readonly 'onClick:append'?: (((...args: any[]) => any) & ((event: MouseEvent) => any)) | undefined;
|
|
452
461
|
readonly prefix?: string | undefined;
|
|
453
462
|
readonly suffix?: string | undefined;
|
|
454
463
|
readonly prependInnerIcon?: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube" | undefined;
|
|
455
464
|
readonly appendInnerIcon?: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube" | undefined;
|
|
456
465
|
readonly placeholder?: string | undefined;
|
|
457
466
|
readonly limit?: number | undefined;
|
|
458
|
-
readonly 'onClick:prependInner'?: (((...args: any[]) => any) & ((
|
|
459
|
-
readonly 'onClick:appendInner'?: (((...args: any[]) => any) & ((
|
|
460
|
-
readonly "onUpdate:modelValue"?: ((
|
|
461
|
-
readonly "onUpdate:focused"?: ((
|
|
462
|
-
readonly "onClick:clear"?: ((
|
|
467
|
+
readonly 'onClick:prependInner'?: (((...args: any[]) => any) & ((event: MouseEvent) => any)) | undefined;
|
|
468
|
+
readonly 'onClick:appendInner'?: (((...args: any[]) => any) & ((event: MouseEvent) => any)) | undefined;
|
|
469
|
+
readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
470
|
+
readonly "onUpdate:focused"?: ((value: boolean) => any) | undefined;
|
|
471
|
+
readonly "onClick:clear"?: ((event: MouseEvent) => any) | undefined;
|
|
463
472
|
}>;
|
|
464
473
|
hasLabel: import("vue").ComputedRef<boolean>;
|
|
465
474
|
hasDescription: import("vue").ComputedRef<boolean>;
|
|
@@ -483,10 +492,41 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
483
492
|
onBlur: () => void;
|
|
484
493
|
onFocus: () => void;
|
|
485
494
|
onInput: (event: Event) => void;
|
|
486
|
-
onClear: (event:
|
|
495
|
+
onClear: (event: MouseEvent) => void;
|
|
487
496
|
handleClickPrependInner: (event: MouseEvent) => void;
|
|
488
497
|
handleClickAppendInner: (event: MouseEvent) => void;
|
|
489
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
498
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
499
|
+
/**
|
|
500
|
+
* Событие при фокусе
|
|
501
|
+
* @type { boolean }
|
|
502
|
+
*/
|
|
503
|
+
'update:focused': (value: boolean) => true;
|
|
504
|
+
/**
|
|
505
|
+
* Событие при изменении значения (v-model)
|
|
506
|
+
* @type { string }
|
|
507
|
+
*/
|
|
508
|
+
'update:modelValue': (value: string) => true;
|
|
509
|
+
/**
|
|
510
|
+
* Событие очистки поля ввода
|
|
511
|
+
*/
|
|
512
|
+
'click:clear': (event: MouseEvent) => true;
|
|
513
|
+
/**
|
|
514
|
+
* Событие клика по иконке перед значением поля
|
|
515
|
+
*/
|
|
516
|
+
'click:prepend': (event: MouseEvent) => true;
|
|
517
|
+
/**
|
|
518
|
+
* Событие клика по иконке после значения поля
|
|
519
|
+
*/
|
|
520
|
+
'click:append': (event: MouseEvent) => true;
|
|
521
|
+
/**
|
|
522
|
+
* Событие клика по иконке внутри элемента перед значением поля
|
|
523
|
+
*/
|
|
524
|
+
'click:prependInner': (event: MouseEvent) => true;
|
|
525
|
+
/**
|
|
526
|
+
* Событие клика по иконке внутри элемента после значения поля
|
|
527
|
+
*/
|
|
528
|
+
'click:appendInner': (event: MouseEvent) => true;
|
|
529
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
490
530
|
/**
|
|
491
531
|
* Автоматическое увеличение высоты текстовой области
|
|
492
532
|
*/
|
|
@@ -638,7 +678,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
638
678
|
};
|
|
639
679
|
appendInnerIcon: {
|
|
640
680
|
type: PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
|
|
641
|
-
default: undefined;
|
|
681
|
+
default: undefined; /**
|
|
682
|
+
* Событие клика по иконке перед значением поля
|
|
683
|
+
*/
|
|
642
684
|
validator: (value: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
|
|
643
685
|
};
|
|
644
686
|
type: {
|
|
@@ -671,13 +713,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
671
713
|
default: undefined;
|
|
672
714
|
};
|
|
673
715
|
}>> & {
|
|
674
|
-
"onUpdate:modelValue"?: ((
|
|
675
|
-
"onClick:prepend"?: ((
|
|
676
|
-
"onClick:append"?: ((
|
|
677
|
-
"onUpdate:focused"?: ((
|
|
678
|
-
"onClick:prependInner"?: ((
|
|
679
|
-
"onClick:appendInner"?: ((
|
|
680
|
-
"onClick:clear"?: ((
|
|
716
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
717
|
+
"onClick:prepend"?: ((event: MouseEvent) => any) | undefined;
|
|
718
|
+
"onClick:append"?: ((event: MouseEvent) => any) | undefined;
|
|
719
|
+
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
|
|
720
|
+
"onClick:prependInner"?: ((event: MouseEvent) => any) | undefined;
|
|
721
|
+
"onClick:appendInner"?: ((event: MouseEvent) => any) | undefined;
|
|
722
|
+
"onClick:clear"?: ((event: MouseEvent) => any) | undefined;
|
|
681
723
|
}, {
|
|
682
724
|
name: string | undefined;
|
|
683
725
|
type: "number" | "text" | "password" | "email" | "tel" | "url";
|
|
@@ -25,12 +25,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
25
25
|
*/
|
|
26
26
|
};
|
|
27
27
|
appendIcon: {
|
|
28
|
-
type: import("vue").PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
|
|
28
|
+
type: import("vue").PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">; /**
|
|
29
|
+
* Событие при изменении значения (v-model)
|
|
30
|
+
* @type { string }
|
|
31
|
+
*/
|
|
29
32
|
default: undefined;
|
|
30
33
|
validator: (value: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
|
|
31
34
|
};
|
|
32
35
|
disabled: {
|
|
33
36
|
type: import("vue").PropType<boolean>;
|
|
37
|
+
/**
|
|
38
|
+
* Событие клика по иконке внутри элемента после значения поля
|
|
39
|
+
*/
|
|
34
40
|
default: boolean;
|
|
35
41
|
};
|
|
36
42
|
error: {
|
|
@@ -170,6 +176,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
170
176
|
};
|
|
171
177
|
disabled: {
|
|
172
178
|
type: import("vue").PropType<boolean>;
|
|
179
|
+
/**
|
|
180
|
+
* Событие клика по иконке внутри элемента после значения поля
|
|
181
|
+
*/
|
|
173
182
|
default: boolean;
|
|
174
183
|
};
|
|
175
184
|
error: {
|
|
@@ -223,7 +232,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
223
232
|
*/
|
|
224
233
|
};
|
|
225
234
|
appendIcon: {
|
|
226
|
-
type: import("vue").PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
|
|
235
|
+
type: import("vue").PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">; /**
|
|
236
|
+
* Событие при изменении значения (v-model)
|
|
237
|
+
* @type { string }
|
|
238
|
+
*/
|
|
227
239
|
default: undefined;
|
|
228
240
|
validator: (value: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
|
|
229
241
|
};
|
|
@@ -268,7 +280,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
268
280
|
validate: () => Promise<string[]>;
|
|
269
281
|
handleClickPrepend: (event: MouseEvent) => void;
|
|
270
282
|
handleClickAppend: (event: MouseEvent) => void;
|
|
271
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
283
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
284
|
+
'update:modelValue': (value: any) => boolean;
|
|
285
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
272
286
|
'onClick:prepend': import("vue").PropType<(...args: any[]) => any>;
|
|
273
287
|
'onClick:append': import("vue").PropType<(...args: any[]) => any>;
|
|
274
288
|
focused: {
|
|
@@ -277,6 +291,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
277
291
|
};
|
|
278
292
|
disabled: {
|
|
279
293
|
type: import("vue").PropType<boolean>;
|
|
294
|
+
/**
|
|
295
|
+
* Событие клика по иконке внутри элемента после значения поля
|
|
296
|
+
*/
|
|
280
297
|
default: boolean;
|
|
281
298
|
};
|
|
282
299
|
error: {
|
|
@@ -330,7 +347,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
330
347
|
*/
|
|
331
348
|
};
|
|
332
349
|
appendIcon: {
|
|
333
|
-
type: import("vue").PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
|
|
350
|
+
type: import("vue").PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">; /**
|
|
351
|
+
* Событие при изменении значения (v-model)
|
|
352
|
+
* @type { string }
|
|
353
|
+
*/
|
|
334
354
|
default: undefined;
|
|
335
355
|
validator: (value: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
|
|
336
356
|
};
|
|
@@ -359,7 +379,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
359
379
|
default: boolean;
|
|
360
380
|
};
|
|
361
381
|
}>> & {
|
|
362
|
-
"onUpdate:modelValue"?: ((
|
|
382
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
363
383
|
}, {
|
|
364
384
|
name: string | undefined;
|
|
365
385
|
description: string;
|
|
@@ -414,21 +434,21 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
414
434
|
readonly id?: string | undefined;
|
|
415
435
|
readonly label?: string | undefined;
|
|
416
436
|
readonly validationValue?: any;
|
|
417
|
-
readonly 'onClick:prepend'?: (((...args: any[]) => any) & ((
|
|
418
|
-
readonly 'onClick:append'?: (((...args: any[]) => any) & ((
|
|
437
|
+
readonly 'onClick:prepend'?: (((...args: any[]) => any) & ((event: MouseEvent) => any)) | undefined;
|
|
438
|
+
readonly 'onClick:append'?: (((...args: any[]) => any) & ((event: MouseEvent) => any)) | undefined;
|
|
419
439
|
readonly prefix?: string | undefined;
|
|
420
440
|
readonly suffix?: string | undefined;
|
|
421
441
|
readonly prependInnerIcon?: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube" | undefined;
|
|
422
442
|
readonly appendInnerIcon?: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube" | undefined;
|
|
423
443
|
readonly placeholder?: string | undefined;
|
|
424
444
|
readonly limit?: number | undefined;
|
|
425
|
-
readonly 'onClick:prependInner'?: (((...args: any[]) => any) & ((
|
|
426
|
-
readonly 'onClick:appendInner'?: (((...args: any[]) => any) & ((
|
|
427
|
-
readonly "onUpdate:modelValue"?: ((
|
|
428
|
-
readonly "onUpdate:focused"?: ((
|
|
429
|
-
readonly "onClick:clear"?: ((
|
|
430
|
-
readonly "onClick:control"?: ((
|
|
431
|
-
readonly "onMousedown:control"?: ((
|
|
445
|
+
readonly 'onClick:prependInner'?: (((...args: any[]) => any) & ((event: MouseEvent) => any)) | undefined;
|
|
446
|
+
readonly 'onClick:appendInner'?: (((...args: any[]) => any) & ((event: MouseEvent) => any)) | undefined;
|
|
447
|
+
readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
448
|
+
readonly "onUpdate:focused"?: ((value: boolean) => any) | undefined;
|
|
449
|
+
readonly "onClick:clear"?: ((event: MouseEvent) => any) | undefined;
|
|
450
|
+
readonly "onClick:control"?: ((event: MouseEvent) => any) | undefined;
|
|
451
|
+
readonly "onMousedown:control"?: ((event: MouseEvent) => any) | undefined;
|
|
432
452
|
}>;
|
|
433
453
|
hasLabel: import("vue").ComputedRef<boolean>;
|
|
434
454
|
hasDescription: import("vue").ComputedRef<boolean>;
|
|
@@ -449,12 +469,51 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
449
469
|
onBlur: () => void;
|
|
450
470
|
onFocus: () => void;
|
|
451
471
|
onInput: (event: Event) => void;
|
|
452
|
-
onClear: (event:
|
|
472
|
+
onClear: (event: MouseEvent) => void;
|
|
453
473
|
onControlClick: (event: MouseEvent) => void;
|
|
454
474
|
onControlMousedown: (event: MouseEvent) => void;
|
|
455
475
|
handleClickPrependInner: (event: MouseEvent) => void;
|
|
456
476
|
handleClickAppendInner: (event: MouseEvent) => void;
|
|
457
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
477
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
478
|
+
/**
|
|
479
|
+
* Событие при фокусе
|
|
480
|
+
* @type { boolean }
|
|
481
|
+
*/
|
|
482
|
+
'update:focused': (value: boolean) => true;
|
|
483
|
+
/**
|
|
484
|
+
* Событие при изменении значения (v-model)
|
|
485
|
+
* @type { string }
|
|
486
|
+
*/
|
|
487
|
+
'update:modelValue': (value: string) => true;
|
|
488
|
+
/**
|
|
489
|
+
* Событие очистки поля ввода
|
|
490
|
+
*/
|
|
491
|
+
'click:clear': (event: MouseEvent) => true;
|
|
492
|
+
/**
|
|
493
|
+
* Событие клика по иконке перед значением поля
|
|
494
|
+
*/
|
|
495
|
+
'click:prepend': (event: MouseEvent) => true;
|
|
496
|
+
/**
|
|
497
|
+
* Событие клика по иконке после значения поля
|
|
498
|
+
*/
|
|
499
|
+
'click:append': (event: MouseEvent) => true;
|
|
500
|
+
/**
|
|
501
|
+
* Событие клика по иконке внутри элемента перед значением поля
|
|
502
|
+
*/
|
|
503
|
+
'click:prependInner': (event: MouseEvent) => true;
|
|
504
|
+
/**
|
|
505
|
+
* Событие клика по иконке внутри элемента после значения поля
|
|
506
|
+
*/
|
|
507
|
+
'click:appendInner': (event: MouseEvent) => true;
|
|
508
|
+
/**
|
|
509
|
+
* Событие клика по полю ввода
|
|
510
|
+
*/
|
|
511
|
+
'click:control': (event: MouseEvent) => true;
|
|
512
|
+
/**
|
|
513
|
+
* Событие нажатия клавиши мыши на поле ввода
|
|
514
|
+
*/
|
|
515
|
+
'mousedown:control': (event: MouseEvent) => true;
|
|
516
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
458
517
|
loading: {
|
|
459
518
|
type: import("vue").PropType<boolean>;
|
|
460
519
|
default: boolean;
|
|
@@ -480,12 +539,18 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
480
539
|
*/
|
|
481
540
|
};
|
|
482
541
|
appendIcon: {
|
|
483
|
-
type: import("vue").PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">;
|
|
542
|
+
type: import("vue").PropType<"link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube">; /**
|
|
543
|
+
* Событие при изменении значения (v-model)
|
|
544
|
+
* @type { string }
|
|
545
|
+
*/
|
|
484
546
|
default: undefined;
|
|
485
547
|
validator: (value: "link" | "filters" | "search" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocolate-menu" | "clock" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "external" | "facebook-fill" | "facebook" | "flag" | "globe" | "infinity" | "info-fill" | "info" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube") => boolean;
|
|
486
548
|
};
|
|
487
549
|
disabled: {
|
|
488
550
|
type: import("vue").PropType<boolean>;
|
|
551
|
+
/**
|
|
552
|
+
* Событие клика по иконке внутри элемента после значения поля
|
|
553
|
+
*/
|
|
489
554
|
default: boolean;
|
|
490
555
|
};
|
|
491
556
|
error: {
|
|
@@ -610,15 +675,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
610
675
|
default: undefined;
|
|
611
676
|
};
|
|
612
677
|
}>> & {
|
|
613
|
-
"onUpdate:modelValue"?: ((
|
|
614
|
-
"onClick:prepend"?: ((
|
|
615
|
-
"onClick:append"?: ((
|
|
616
|
-
"onUpdate:focused"?: ((
|
|
617
|
-
"onClick:prependInner"?: ((
|
|
618
|
-
"onClick:appendInner"?: ((
|
|
619
|
-
"onClick:clear"?: ((
|
|
620
|
-
"onClick:control"?: ((
|
|
621
|
-
"onMousedown:control"?: ((
|
|
678
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
679
|
+
"onClick:prepend"?: ((event: MouseEvent) => any) | undefined;
|
|
680
|
+
"onClick:append"?: ((event: MouseEvent) => any) | undefined;
|
|
681
|
+
"onUpdate:focused"?: ((value: boolean) => any) | undefined;
|
|
682
|
+
"onClick:prependInner"?: ((event: MouseEvent) => any) | undefined;
|
|
683
|
+
"onClick:appendInner"?: ((event: MouseEvent) => any) | undefined;
|
|
684
|
+
"onClick:clear"?: ((event: MouseEvent) => any) | undefined;
|
|
685
|
+
"onClick:control"?: ((event: MouseEvent) => any) | undefined;
|
|
686
|
+
"onMousedown:control"?: ((event: MouseEvent) => any) | undefined;
|
|
622
687
|
}, {
|
|
623
688
|
name: string | undefined;
|
|
624
689
|
type: "number" | "text" | "password" | "email" | "tel" | "url";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@central-design-system/components",
|
|
3
|
-
"version": "3.0.0-alpha.
|
|
3
|
+
"version": "3.0.0-alpha.4",
|
|
4
4
|
"description": "Central Design System on the Vue 3.0 and TypeScript",
|
|
5
5
|
"author": "magersoft",
|
|
6
6
|
"license": "ISC",
|
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
},
|
|
20
20
|
"files": [
|
|
21
21
|
"dist",
|
|
22
|
+
"src/utils",
|
|
22
23
|
"src/scss",
|
|
23
24
|
"nuxt.js"
|
|
24
25
|
],
|
|
@@ -30,7 +31,7 @@
|
|
|
30
31
|
"publish:alpha": "npm publish --tag next"
|
|
31
32
|
},
|
|
32
33
|
"peerDependencies": {
|
|
33
|
-
"vue": "3.2.
|
|
34
|
+
"vue": "^3.2.0"
|
|
34
35
|
},
|
|
35
36
|
"devDependencies": {
|
|
36
37
|
"@types/node": "16.18.3",
|
package/src/scss/themes/index.ts
CHANGED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { pick, isObject, mergeDeep, getNestedValue, getObjectValueByPath, getPropertyFromItem } from '../helpers';
|
|
2
|
+
import {
|
|
3
|
+
mockHelpersIsObject,
|
|
4
|
+
mockHelpersMergeDeep,
|
|
5
|
+
mockHelpersGetNestedValue,
|
|
6
|
+
mockHelpersGetObjectValueByPath,
|
|
7
|
+
mockHelpersGetPropertyFromItem,
|
|
8
|
+
mockHelpersPick
|
|
9
|
+
} from './mocks/helper.mock';
|
|
10
|
+
|
|
11
|
+
describe('isObject', () => {
|
|
12
|
+
mockHelpersIsObject.forEach(({ name, initial, expected }) => {
|
|
13
|
+
it(name, () => {
|
|
14
|
+
expect(isObject(initial)).toEqual(expected);
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
});
|
|
18
|
+
|
|
19
|
+
describe('mergeDeep', () => {
|
|
20
|
+
mockHelpersMergeDeep.forEach(({ name, initial, expected }) => {
|
|
21
|
+
it(name, () => {
|
|
22
|
+
expect(mergeDeep(initial.source, initial.target, initial.arrayFn)).toEqual(expected);
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
describe('getNestedValue', () => {
|
|
28
|
+
mockHelpersGetNestedValue.forEach(({ name, initial, expected }) => {
|
|
29
|
+
it(name, () => {
|
|
30
|
+
expect(getNestedValue(initial.obj, initial.path, initial.fallback)).toEqual(expected);
|
|
31
|
+
});
|
|
32
|
+
});
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
describe('getObjectValueByPath', () => {
|
|
36
|
+
mockHelpersGetObjectValueByPath.forEach(({ name, initial, expected }) => {
|
|
37
|
+
it(name, () => {
|
|
38
|
+
expect(getObjectValueByPath(initial.obj, initial.path, initial.fallback)).toEqual(expected);
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
});
|
|
42
|
+
|
|
43
|
+
describe('getPropertyFromItem', () => {
|
|
44
|
+
mockHelpersGetPropertyFromItem.forEach(({ name, initial, expected }) => {
|
|
45
|
+
it(name, () => {
|
|
46
|
+
expect(getPropertyFromItem(initial.item, initial.property, initial.fallback)).toEqual(expected);
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
describe('pick', () => {
|
|
52
|
+
mockHelpersPick.forEach(({ name, initial, expected }) => {
|
|
53
|
+
it(name, () => {
|
|
54
|
+
const [yes, no] = pick(initial.obj, initial.paths);
|
|
55
|
+
expect(yes).toEqual(expected.yes);
|
|
56
|
+
expect(no).toEqual(expected.no);
|
|
57
|
+
});
|
|
58
|
+
});
|
|
59
|
+
});
|