@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.
Files changed (52) hide show
  1. package/dist/cds.css +1 -1
  2. package/dist/cds.es.js +101 -101
  3. package/dist/cds.umd.js +1 -1
  4. package/dist/components/CdsCheckbox/CdsCheckbox.vue.d.ts +20 -4
  5. package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +125 -64
  6. package/dist/components/CdsDatePicker/CdsDatePicker.vue.d.ts +35 -5
  7. package/dist/components/CdsDrawer/CdsDrawer.vue.d.ts +20 -4
  8. package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +133 -116
  9. package/dist/components/CdsForm/CdsForm.vue.d.ts +13 -3
  10. package/dist/components/CdsInput/CdsInput.vue.d.ts +8 -2
  11. package/dist/components/CdsLink/CdsLink.vue.d.ts +9 -2
  12. package/dist/components/CdsList/CdsList.vue.d.ts +46 -13
  13. package/dist/components/CdsList/CdsListItem.vue.d.ts +8 -2
  14. package/dist/components/CdsMenu/CdsMenu.vue.d.ts +16 -6
  15. package/dist/components/CdsOverlay/CdsOverlay.vue.d.ts +20 -10
  16. package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts +9 -3
  17. package/dist/components/CdsRadioButton/CdsRadioButton.vue.d.ts +9 -3
  18. package/dist/components/CdsSelect/CdsSelect.vue.d.ts +57 -36
  19. package/dist/components/CdsSidebar/CdsSidebar.vue.d.ts +14 -4
  20. package/dist/components/CdsTag/CdsTag.vue.d.ts +9 -2
  21. package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +63 -21
  22. package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +91 -26
  23. package/package.json +3 -2
  24. package/src/scss/themes/index.ts +1 -1
  25. package/src/utils/__test__/helper.test.ts +59 -0
  26. package/src/utils/__test__/mocks/helper.mock.ts +362 -0
  27. package/src/utils/__test__/mocks/propFactory.mock.ts +88 -0
  28. package/src/utils/__test__/propFactory.test.ts +9 -0
  29. package/src/utils/anchor.ts +76 -0
  30. package/src/utils/animation.ts +62 -0
  31. package/src/utils/box.ts +39 -0
  32. package/src/utils/cache.ts +12 -0
  33. package/src/utils/changeCase/__test__/lowerCase.test.ts +12 -0
  34. package/src/utils/changeCase/__test__/mocks/lowerCase.mock.ts +80 -0
  35. package/src/utils/changeCase/__test__/mocks/noCase.mock.ts +131 -0
  36. package/src/utils/changeCase/__test__/mocks/paramCase.mock.ts +39 -0
  37. package/src/utils/changeCase/__test__/mocks/pascalCase.mock.ts +46 -0
  38. package/src/utils/changeCase/__test__/noCase.test.ts +8 -0
  39. package/src/utils/changeCase/__test__/paramCase.test.ts +8 -0
  40. package/src/utils/changeCase/__test__/pascalCase.test.ts +8 -0
  41. package/src/utils/changeCase/lowerCase.ts +56 -0
  42. package/src/utils/changeCase/noCase.ts +45 -0
  43. package/src/utils/changeCase/paramCase.ts +11 -0
  44. package/src/utils/changeCase/pascalCase.ts +24 -0
  45. package/src/utils/date.ts +1100 -0
  46. package/src/utils/dom.ts +24 -0
  47. package/src/utils/getCurrentInstance.ts +43 -0
  48. package/src/utils/getScrollParent.ts +29 -0
  49. package/src/utils/globals.ts +8 -0
  50. package/src/utils/helpers.ts +311 -0
  51. package/src/utils/index.ts +19 -0
  52. 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, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
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"?: ((...args: any[]) => any) | undefined;
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) & ((...args: any[]) => any)) | undefined;
451
- readonly 'onClick:append'?: (((...args: any[]) => any) & ((...args: any[]) => any)) | undefined;
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) & ((...args: any[]) => any)) | undefined;
459
- readonly 'onClick:appendInner'?: (((...args: any[]) => any) & ((...args: any[]) => any)) | undefined;
460
- readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
461
- readonly "onUpdate:focused"?: ((...args: any[]) => any) | undefined;
462
- readonly "onClick:clear"?: ((...args: any[]) => any) | undefined;
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: Event) => void;
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, ("update:modelValue" | "update:focused" | "click:clear" | "click:prepend" | "click:append" | "click:prependInner" | "click:appendInner")[], "update:modelValue" | "update:focused" | "click:clear" | "click:prepend" | "click:append" | "click:prependInner" | "click:appendInner", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
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"?: ((...args: any[]) => any) | undefined;
675
- "onClick:prepend"?: ((...args: any[]) => any) | undefined;
676
- "onClick:append"?: ((...args: any[]) => any) | undefined;
677
- "onUpdate:focused"?: ((...args: any[]) => any) | undefined;
678
- "onClick:prependInner"?: ((...args: any[]) => any) | undefined;
679
- "onClick:appendInner"?: ((...args: any[]) => any) | undefined;
680
- "onClick:clear"?: ((...args: any[]) => any) | undefined;
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, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
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"?: ((...args: any[]) => any) | undefined;
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) & ((...args: any[]) => any)) | undefined;
418
- readonly 'onClick:append'?: (((...args: any[]) => any) & ((...args: any[]) => any)) | undefined;
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) & ((...args: any[]) => any)) | undefined;
426
- readonly 'onClick:appendInner'?: (((...args: any[]) => any) & ((...args: any[]) => any)) | undefined;
427
- readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
428
- readonly "onUpdate:focused"?: ((...args: any[]) => any) | undefined;
429
- readonly "onClick:clear"?: ((...args: any[]) => any) | undefined;
430
- readonly "onClick:control"?: ((...args: any[]) => any) | undefined;
431
- readonly "onMousedown:control"?: ((...args: any[]) => any) | undefined;
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: Event) => void;
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, ("update:modelValue" | "update:focused" | "click:clear" | "click:prepend" | "click:append" | "click:prependInner" | "click:appendInner" | "click:control" | "mousedown:control")[], "update:modelValue" | "update:focused" | "click:clear" | "click:prepend" | "click:append" | "click:prependInner" | "click:appendInner" | "click:control" | "mousedown:control", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
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"?: ((...args: any[]) => any) | undefined;
614
- "onClick:prepend"?: ((...args: any[]) => any) | undefined;
615
- "onClick:append"?: ((...args: any[]) => any) | undefined;
616
- "onUpdate:focused"?: ((...args: any[]) => any) | undefined;
617
- "onClick:prependInner"?: ((...args: any[]) => any) | undefined;
618
- "onClick:appendInner"?: ((...args: any[]) => any) | undefined;
619
- "onClick:clear"?: ((...args: any[]) => any) | undefined;
620
- "onClick:control"?: ((...args: any[]) => any) | undefined;
621
- "onMousedown:control"?: ((...args: any[]) => any) | undefined;
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.2",
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.47"
34
+ "vue": "^3.2.0"
34
35
  },
35
36
  "devDependencies": {
36
37
  "@types/node": "16.18.3",
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Automatically generated by CDS CLI
3
- * Generated on 5/18/2023, 9:57:05 PM
3
+ * Generated on 5/22/2023, 2:54:43 PM
4
4
  **/
5
5
 
6
6
  /**
@@ -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
+ });