@central-design-system/components 3.0.0-alpha.4 → 3.0.0-alpha.6

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 (72) hide show
  1. package/dist/cds.css +1 -1
  2. package/dist/cds.d.ts +51 -47
  3. package/dist/cds.es.js +4479 -3571
  4. package/dist/cds.umd.js +1 -1
  5. package/dist/components/CdsButton/CdsButton.vue.d.ts +10 -0
  6. package/dist/components/CdsCheckbox/CdsCheckbox.vue.d.ts +11 -11
  7. package/dist/components/CdsCheckbox/CdsCheckboxGroup.vue.d.ts +18 -18
  8. package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +127 -185
  9. package/dist/components/CdsDatePicker/CdsDatePicker.vue.d.ts +17 -17
  10. package/dist/components/CdsDatePicker/composable/calendar.d.ts +3 -1
  11. package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +94 -95
  12. package/dist/components/CdsForm/CdsForm.vue.d.ts +1 -1
  13. package/dist/components/CdsGrid/composable/grid.d.ts +2 -1
  14. package/dist/components/CdsInput/CdsInput.vue.d.ts +11 -11
  15. package/dist/components/CdsMenu/CdsMenu.vue.d.ts +24 -18
  16. package/dist/components/CdsOverlay/CdsOverlay.vue.d.ts +9 -13
  17. package/dist/components/CdsOverlay/composable/locationStrategies.d.ts +3 -0
  18. package/dist/components/CdsPagination/CdsPagination.vue.d.ts +142 -0
  19. package/dist/components/CdsRadioButton/CdsRadio.vue.d.ts +18 -18
  20. package/dist/components/CdsRadioButton/CdsRadioButton.vue.d.ts +18 -18
  21. package/dist/components/CdsSelect/CdsSelect.vue.d.ts +51 -33
  22. package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +83 -62
  23. package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +37 -73
  24. package/dist/components/CdsTimePicker/CdsTimePicker.vue.d.ts +171 -0
  25. package/dist/components/CdsTimePicker/composable/index.d.ts +1 -0
  26. package/dist/components/CdsTimePicker/composable/time.d.ts +134 -0
  27. package/dist/components/CdsTooltip/CdsTooltip.vue.d.ts +765 -0
  28. package/dist/components/index.d.ts +4 -1
  29. package/dist/composable/datetime.d.ts +2 -17
  30. package/dist/composable/dimensions.d.ts +23 -5
  31. package/dist/composable/display.d.ts +56 -0
  32. package/dist/composable/index.d.ts +4 -0
  33. package/dist/composable/overlay.d.ts +1 -1
  34. package/dist/composable/readonly.d.ts +19 -0
  35. package/dist/composable/refs.d.ts +6 -0
  36. package/dist/composable/resizeObserver.d.ts +7 -0
  37. package/dist/composable/validation.d.ts +0 -16
  38. package/dist/create.d.ts +21 -0
  39. package/dist/globals.d.ts +2 -0
  40. package/dist/utils/date.d.ts +2 -1
  41. package/dist/utils/helpers.d.ts +3 -0
  42. package/package.json +1 -2
  43. package/src/scss/themes/index.ts +1 -1
  44. package/dist/types/CdsOptions.d.ts +0 -3
  45. package/src/utils/__test__/helper.test.ts +0 -59
  46. package/src/utils/__test__/mocks/helper.mock.ts +0 -362
  47. package/src/utils/__test__/mocks/propFactory.mock.ts +0 -88
  48. package/src/utils/__test__/propFactory.test.ts +0 -9
  49. package/src/utils/anchor.ts +0 -76
  50. package/src/utils/animation.ts +0 -62
  51. package/src/utils/box.ts +0 -39
  52. package/src/utils/cache.ts +0 -12
  53. package/src/utils/changeCase/__test__/lowerCase.test.ts +0 -12
  54. package/src/utils/changeCase/__test__/mocks/lowerCase.mock.ts +0 -80
  55. package/src/utils/changeCase/__test__/mocks/noCase.mock.ts +0 -131
  56. package/src/utils/changeCase/__test__/mocks/paramCase.mock.ts +0 -39
  57. package/src/utils/changeCase/__test__/mocks/pascalCase.mock.ts +0 -46
  58. package/src/utils/changeCase/__test__/noCase.test.ts +0 -8
  59. package/src/utils/changeCase/__test__/paramCase.test.ts +0 -8
  60. package/src/utils/changeCase/__test__/pascalCase.test.ts +0 -8
  61. package/src/utils/changeCase/lowerCase.ts +0 -56
  62. package/src/utils/changeCase/noCase.ts +0 -45
  63. package/src/utils/changeCase/paramCase.ts +0 -11
  64. package/src/utils/changeCase/pascalCase.ts +0 -24
  65. package/src/utils/date.ts +0 -1100
  66. package/src/utils/dom.ts +0 -24
  67. package/src/utils/getCurrentInstance.ts +0 -43
  68. package/src/utils/getScrollParent.ts +0 -29
  69. package/src/utils/globals.ts +0 -8
  70. package/src/utils/helpers.ts +0 -311
  71. package/src/utils/index.ts +0 -19
  72. package/src/utils/propsFactory.ts +0 -92
@@ -0,0 +1,134 @@
1
+ import type { PropType, Ref } from 'vue';
2
+ import type { IRawDate, TDateLocale } from '../../../utils';
3
+ import type { IDatetimeProps } from '../../../composable';
4
+ export interface ITimeProps {
5
+ modelValue: IDatetimeProps['modelValue'];
6
+ format12h: boolean;
7
+ nowBtn: boolean;
8
+ withSeconds: boolean;
9
+ defaultDate?: string;
10
+ allowedTime?: (hr: number | null, min: number | null, sec: number | null) => boolean;
11
+ allowedHours?: number[];
12
+ allowedMinutes?: number[];
13
+ allowedSeconds?: number[];
14
+ }
15
+ export declare const makeTimeProps: <Defaults extends {
16
+ withSeconds?: unknown;
17
+ format12h?: unknown;
18
+ nowBtn?: unknown;
19
+ defaultDate?: unknown;
20
+ allowedTime?: unknown;
21
+ allowedHours?: unknown;
22
+ allowedMinutes?: unknown;
23
+ allowedSeconds?: unknown;
24
+ } = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
25
+ /**
26
+ * Добавляет секунды в выбор времени
27
+ */
28
+ withSeconds: {
29
+ type: PropType<boolean>;
30
+ default: boolean;
31
+ };
32
+ /**
33
+ * Отображает время в 12-часовом формате AM/PM
34
+ */
35
+ format12h: {
36
+ type: PropType<boolean>;
37
+ default: boolean;
38
+ };
39
+ /**
40
+ * Отображает кнопку "Сейчас"
41
+ */
42
+ nowBtn: {
43
+ type: PropType<boolean>;
44
+ default: boolean;
45
+ };
46
+ /**
47
+ * Используемая дата по умолчанию, когда модель не заполнена (в формате YYYY/MM/DD)
48
+ */
49
+ defaultDate: {
50
+ type: PropType<string>;
51
+ validator: (value: string) => boolean;
52
+ };
53
+ /**
54
+ * Позволяет настроить какое время доступно для выбора
55
+ */
56
+ allowedTime: {
57
+ type: PropType<(hr: number | null, min: number | null, sec: number | null) => boolean>;
58
+ default: undefined;
59
+ };
60
+ /**
61
+ * Позволяет настроить какие часы доступны для выбора
62
+ */
63
+ allowedHours: {
64
+ type: PropType<number[]>;
65
+ default: undefined;
66
+ };
67
+ /**
68
+ * Позволяет настроить какие минуты доступны для выбора
69
+ */
70
+ allowedMinutes: {
71
+ type: PropType<number[]>;
72
+ default: undefined;
73
+ };
74
+ /**
75
+ * Позволяет настроить какие секунды доступны для выбора
76
+ */
77
+ allowedSeconds: {
78
+ type: PropType<number[]>;
79
+ default: undefined;
80
+ };
81
+ }, Defaults>;
82
+ export declare function useTime(props: ITimeProps, internalLocale: Ref<TDateLocale>, internalMask: Ref<string>, getCurrentDate: (dateOnly?: boolean) => IRawDate): {
83
+ model: Ref<IRawDate> & {
84
+ readonly externalValue: string | import('../../../composable').TDatetimeValueRange | (string | import('../../../composable').TDatetimeValueRange)[];
85
+ };
86
+ isAM: Ref<boolean>;
87
+ stringModel: import("vue").ComputedRef<{
88
+ hour: string | undefined;
89
+ minute: string;
90
+ second: string;
91
+ }>;
92
+ hourInSelection: import("vue").ComputedRef<((value: number) => boolean | undefined) | null>;
93
+ minuteInSelection: import("vue").ComputedRef<((value: number) => boolean | undefined) | null>;
94
+ secondInSelection: import("vue").ComputedRef<((value: number) => boolean | undefined) | null>;
95
+ validHours: import("vue").ComputedRef<{
96
+ am: {
97
+ min: number;
98
+ max: number;
99
+ values: number[];
100
+ threshold: number;
101
+ };
102
+ pm: {
103
+ min: number;
104
+ max: number;
105
+ values: number[];
106
+ threshold: number;
107
+ };
108
+ values: number[];
109
+ } | null>;
110
+ validMinutes: import("vue").ComputedRef<{
111
+ min: number;
112
+ max: number;
113
+ values: number[];
114
+ threshold: number;
115
+ } | null>;
116
+ validSeconds: import("vue").ComputedRef<{
117
+ min: number;
118
+ max: number;
119
+ values: number[];
120
+ threshold: number;
121
+ } | null>;
122
+ getCurrentTime: () => {
123
+ hour: number;
124
+ minute: number;
125
+ second: number;
126
+ millisecond: number;
127
+ };
128
+ };
129
+ /**
130
+ * Если передать массив чисел и число, которое меньше наименьшего числа в массиве, то вернется наибольшее число из массива и наоборот
131
+ * @param numbers
132
+ * @param target
133
+ */
134
+ export declare function findClosestExtremeNumber(numbers: number[], target: number): number;