@central-design-system/components 3.0.0-alpha.13 → 3.0.0-alpha.15

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 (29) hide show
  1. package/dist/cds.css +1 -1
  2. package/dist/cds.d.ts +3 -1
  3. package/dist/cds.es.js +4432 -4144
  4. package/dist/cds.umd.js +3 -3
  5. package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +34 -4
  6. package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +22 -16
  7. package/dist/components/CdsMenu/CdsMenu.vue.d.ts +18 -0
  8. package/dist/components/CdsModal/CdsModal.vue.d.ts +18 -0
  9. package/dist/components/CdsNotification/CdsNotification.vue.d.ts +159 -0
  10. package/dist/components/CdsNotification/CdsNotificationAlert.vue.d.ts +788 -0
  11. package/dist/components/CdsNotification/composable/index.d.ts +1 -0
  12. package/dist/components/CdsNotification/composable/notification.d.ts +64 -0
  13. package/dist/components/CdsNotification/index.d.ts +2 -0
  14. package/dist/components/CdsOverlay/CdsOverlay.vue.d.ts +9 -0
  15. package/dist/components/CdsOverlay/composable/locationStrategies.d.ts +4 -0
  16. package/dist/components/CdsTable/CdsTable.vue.d.ts +18 -3
  17. package/dist/components/CdsTable/components/Table/InternalTable.d.ts +18 -3
  18. package/dist/components/CdsTable/components/TableProvider.d.ts +18 -3
  19. package/dist/components/CdsTable/composable/table.d.ts +10 -1
  20. package/dist/components/CdsTooltip/CdsTooltip.vue.d.ts +18 -0
  21. package/dist/components/index.d.ts +4 -1
  22. package/dist/composable/index.d.ts +1 -0
  23. package/dist/composable/overlay.d.ts +8 -0
  24. package/dist/composable/status.d.ts +5 -1
  25. package/dist/composable/variant.d.ts +26 -0
  26. package/dist/locale/index.d.ts +2 -0
  27. package/package.json +1 -1
  28. package/src/scss/modules/_transition.scss +24 -0
  29. package/src/scss/themes/index.ts +1 -1
@@ -0,0 +1 @@
1
+ export * from './notification';
@@ -0,0 +1,64 @@
1
+ import { ComputedRef } from 'vue';
2
+ import type { TCdsIconsName } from '@central-design-system/icons';
3
+ import type { PropType } from 'vue';
4
+ import type { TStatus } from '../../../composable';
5
+ export declare type TNotificationLocale = {
6
+ closeLabel?: string;
7
+ };
8
+ export interface INotificationProps {
9
+ closable?: boolean;
10
+ customIcon?: TCdsIconsName;
11
+ closeLabel?: string;
12
+ closeIcon?: TCdsIconsName;
13
+ status: TStatus;
14
+ icon?: TCdsIconsName | false;
15
+ }
16
+ export interface IUseNotification {
17
+ icon: ComputedRef<TCdsIconsName | undefined>;
18
+ }
19
+ export declare const makeNotificationProps: <Defaults extends {
20
+ icon?: unknown;
21
+ customIcon?: unknown;
22
+ closable?: unknown;
23
+ closeLabel?: unknown;
24
+ closeIcon?: unknown;
25
+ } = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
26
+ /**
27
+ * Иконка
28
+ */
29
+ icon: {
30
+ type: PropType<false | "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" | "checkbox-fill" | "checkbox" | "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" | "funnel" | "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">;
31
+ default: null;
32
+ };
33
+ /**
34
+ * Своя иконка
35
+ */
36
+ customIcon: {
37
+ 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" | "checkbox-fill" | "checkbox" | "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" | "funnel" | "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>;
38
+ default: undefined;
39
+ validator: (value?: TCdsIconsName) => boolean;
40
+ };
41
+ /**
42
+ * Кнопка закрытия
43
+ */
44
+ closable: {
45
+ type: BooleanConstructor;
46
+ default: boolean;
47
+ };
48
+ /**
49
+ * Лейбл кнопки закрытия
50
+ */
51
+ closeLabel: {
52
+ type: PropType<string>;
53
+ default: string;
54
+ };
55
+ /**
56
+ * Иконка кнопки закрытия
57
+ */
58
+ closeIcon: {
59
+ 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" | "checkbox-fill" | "checkbox" | "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" | "funnel" | "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">;
60
+ default: string;
61
+ validator: (value: TCdsIconsName) => boolean;
62
+ };
63
+ }, Defaults>;
64
+ export declare function useNotification(props: INotificationProps): IUseNotification;
@@ -0,0 +1,2 @@
1
+ export { default as CdsNotification } from './CdsNotification.vue';
2
+ export { default as CdsNotificationAlert } from './CdsNotificationAlert.vue';
@@ -132,6 +132,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
132
132
  type: PropType<Record<string, unknown>>;
133
133
  default: () => {};
134
134
  };
135
+ noClickAnimation: {
136
+ type: PropType<boolean>;
137
+ default: boolean;
138
+ };
135
139
  /**
136
140
  * Применяет position: absolute к содержимому оверлея
137
141
  */
@@ -291,6 +295,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
291
295
  type: PropType<Record<string, unknown>>;
292
296
  default: () => {};
293
297
  };
298
+ noClickAnimation: {
299
+ type: PropType<boolean>;
300
+ default: boolean;
301
+ };
294
302
  /**
295
303
  * Применяет position: absolute к содержимому оверлея
296
304
  */
@@ -318,6 +326,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
318
326
  zIndex: string | number;
319
327
  contentClasses: string | string[] | Record<string, boolean>;
320
328
  contentProps: Record<string, unknown>;
329
+ noClickAnimation: boolean;
321
330
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
322
331
  activatorProps: Record<string, any>;
323
332
  openOnClick: boolean | undefined;
@@ -1,4 +1,5 @@
1
1
  import { Box, TAnchor } from '../../../utils';
2
+ import { CSSProperties } from 'vue';
2
3
  import type { PropType, Ref } from 'vue';
3
4
  export interface ILocationStrategyData {
4
5
  contentEl: Ref<HTMLElement | undefined>;
@@ -63,6 +64,9 @@ export declare const makeLocationStrategyProps: <Defaults extends {
63
64
  };
64
65
  }, Defaults>;
65
66
  export declare function useLocationStrategies(props: ILocationStrategyProps, data: ILocationStrategyData): IUseLocationStrategies;
67
+ export declare function useLocation(props: ILocationStrategyProps, opposite?: boolean, offset?: (side: string) => number): {
68
+ locationStyles: import("vue").ComputedRef<CSSProperties>;
69
+ };
66
70
  declare function staticLocationStrategy(): {
67
71
  updateLocation: () => void;
68
72
  };
@@ -120,6 +120,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
120
120
  zIndex: string | number;
121
121
  contentClasses: string | string[] | Record<string, boolean>;
122
122
  contentProps: Record<string, unknown>;
123
+ noClickAnimation: boolean;
123
124
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
124
125
  activatorProps: Record<string, any>;
125
126
  openOnClick: NonNullable<boolean | undefined>;
@@ -320,6 +321,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
320
321
  type: import("vue").PropType<Record<string, unknown>>;
321
322
  default: () => {};
322
323
  };
324
+ noClickAnimation: {
325
+ type: import("vue").PropType<boolean>;
326
+ default: boolean;
327
+ };
323
328
  text: {
324
329
  type: import("vue").PropType<string>;
325
330
  default: undefined;
@@ -334,7 +339,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
334
339
  };
335
340
  }>> & {
336
341
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
337
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
342
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
338
343
  default: boolean;
339
344
  };
340
345
  expandFixed: {
@@ -560,6 +565,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
560
565
  zIndex: string | number;
561
566
  contentClasses: string | string[] | Record<string, boolean>;
562
567
  contentProps: Record<string, unknown>;
568
+ noClickAnimation: boolean;
563
569
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
564
570
  activatorProps: Record<string, any>;
565
571
  openOnClick: NonNullable<boolean | undefined>;
@@ -760,6 +766,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
760
766
  type: import("vue").PropType<Record<string, unknown>>;
761
767
  default: () => {};
762
768
  };
769
+ noClickAnimation: {
770
+ type: import("vue").PropType<boolean>;
771
+ default: boolean;
772
+ };
763
773
  text: {
764
774
  type: import("vue").PropType<string>;
765
775
  default: undefined;
@@ -774,7 +784,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
774
784
  };
775
785
  }>> & {
776
786
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
777
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
787
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
778
788
  default: boolean;
779
789
  };
780
790
  expandFixed: {
@@ -910,6 +920,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
910
920
  zIndex: string | number;
911
921
  contentClasses: string | string[] | Record<string, boolean>;
912
922
  contentProps: Record<string, unknown>;
923
+ noClickAnimation: boolean;
913
924
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
914
925
  activatorProps: Record<string, any>;
915
926
  openOnClick: NonNullable<boolean | undefined>;
@@ -1110,6 +1121,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
1110
1121
  type: import("vue").PropType<Record<string, unknown>>;
1111
1122
  default: () => {};
1112
1123
  };
1124
+ noClickAnimation: {
1125
+ type: import("vue").PropType<boolean>;
1126
+ default: boolean;
1127
+ };
1113
1128
  text: {
1114
1129
  type: import("vue").PropType<string>;
1115
1130
  default: undefined;
@@ -1124,7 +1139,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
1124
1139
  };
1125
1140
  }>> & {
1126
1141
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
1127
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
1142
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
1128
1143
  expandFixed: NTable.TFixed;
1129
1144
  expandColumnWidth: number;
1130
1145
  expandedRowKeys: NTable.TKey[];
@@ -132,6 +132,7 @@ declare const _default: import("vue").DefineComponent<{
132
132
  zIndex: string | number;
133
133
  contentClasses: string | string[] | Record<string, boolean>;
134
134
  contentProps: Record<string, unknown>;
135
+ noClickAnimation: boolean;
135
136
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
136
137
  activatorProps: Record<string, any>;
137
138
  openOnClick: NonNullable<boolean | undefined>;
@@ -329,6 +330,10 @@ declare const _default: import("vue").DefineComponent<{
329
330
  type: PropType<Record<string, unknown>>;
330
331
  default: () => {};
331
332
  };
333
+ noClickAnimation: {
334
+ type: PropType<boolean>;
335
+ default: boolean;
336
+ };
332
337
  text: {
333
338
  type: PropType<string>;
334
339
  default: undefined;
@@ -343,7 +348,7 @@ declare const _default: import("vue").DefineComponent<{
343
348
  };
344
349
  }>> & {
345
350
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
346
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
351
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
347
352
  default: boolean;
348
353
  };
349
354
  expandFixed: {
@@ -558,6 +563,7 @@ declare const _default: import("vue").DefineComponent<{
558
563
  zIndex: string | number;
559
564
  contentClasses: string | string[] | Record<string, boolean>;
560
565
  contentProps: Record<string, unknown>;
566
+ noClickAnimation: boolean;
561
567
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
562
568
  activatorProps: Record<string, any>;
563
569
  openOnClick: NonNullable<boolean | undefined>;
@@ -755,6 +761,10 @@ declare const _default: import("vue").DefineComponent<{
755
761
  type: PropType<Record<string, unknown>>;
756
762
  default: () => {};
757
763
  };
764
+ noClickAnimation: {
765
+ type: PropType<boolean>;
766
+ default: boolean;
767
+ };
758
768
  text: {
759
769
  type: PropType<string>;
760
770
  default: undefined;
@@ -769,7 +779,7 @@ declare const _default: import("vue").DefineComponent<{
769
779
  };
770
780
  }>> & {
771
781
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
772
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
782
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
773
783
  default: boolean;
774
784
  };
775
785
  expandFixed: {
@@ -905,6 +915,7 @@ declare const _default: import("vue").DefineComponent<{
905
915
  zIndex: string | number;
906
916
  contentClasses: string | string[] | Record<string, boolean>;
907
917
  contentProps: Record<string, unknown>;
918
+ noClickAnimation: boolean;
908
919
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
909
920
  activatorProps: Record<string, any>;
910
921
  openOnClick: NonNullable<boolean | undefined>;
@@ -1102,6 +1113,10 @@ declare const _default: import("vue").DefineComponent<{
1102
1113
  type: PropType<Record<string, unknown>>;
1103
1114
  default: () => {};
1104
1115
  };
1116
+ noClickAnimation: {
1117
+ type: PropType<boolean>;
1118
+ default: boolean;
1119
+ };
1105
1120
  text: {
1106
1121
  type: PropType<string>;
1107
1122
  default: undefined;
@@ -1116,7 +1131,7 @@ declare const _default: import("vue").DefineComponent<{
1116
1131
  };
1117
1132
  }>> & {
1118
1133
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
1119
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
1134
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
1120
1135
  expandFixed: NTable.TFixed;
1121
1136
  expandColumnWidth: number;
1122
1137
  expandedRowKeys: NTable.TKey[];
@@ -125,6 +125,7 @@ declare const _default: import("vue").DefineComponent<{
125
125
  zIndex: string | number;
126
126
  contentClasses: string | string[] | Record<string, boolean>;
127
127
  contentProps: Record<string, unknown>;
128
+ noClickAnimation: boolean;
128
129
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
129
130
  activatorProps: Record<string, any>;
130
131
  openOnClick: NonNullable<boolean | undefined>;
@@ -322,6 +323,10 @@ declare const _default: import("vue").DefineComponent<{
322
323
  type: PropType<Record<string, unknown>>;
323
324
  default: () => {};
324
325
  };
326
+ noClickAnimation: {
327
+ type: PropType<boolean>;
328
+ default: boolean;
329
+ };
325
330
  text: {
326
331
  type: PropType<string>;
327
332
  default: undefined;
@@ -336,7 +341,7 @@ declare const _default: import("vue").DefineComponent<{
336
341
  };
337
342
  }>> & {
338
343
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
339
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
344
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
340
345
  default: boolean;
341
346
  };
342
347
  expandFixed: {
@@ -551,6 +556,7 @@ declare const _default: import("vue").DefineComponent<{
551
556
  zIndex: string | number;
552
557
  contentClasses: string | string[] | Record<string, boolean>;
553
558
  contentProps: Record<string, unknown>;
559
+ noClickAnimation: boolean;
554
560
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
555
561
  activatorProps: Record<string, any>;
556
562
  openOnClick: NonNullable<boolean | undefined>;
@@ -748,6 +754,10 @@ declare const _default: import("vue").DefineComponent<{
748
754
  type: PropType<Record<string, unknown>>;
749
755
  default: () => {};
750
756
  };
757
+ noClickAnimation: {
758
+ type: PropType<boolean>;
759
+ default: boolean;
760
+ };
751
761
  text: {
752
762
  type: PropType<string>;
753
763
  default: undefined;
@@ -762,7 +772,7 @@ declare const _default: import("vue").DefineComponent<{
762
772
  };
763
773
  }>> & {
764
774
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
765
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
775
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
766
776
  default: boolean;
767
777
  };
768
778
  expandFixed: {
@@ -898,6 +908,7 @@ declare const _default: import("vue").DefineComponent<{
898
908
  zIndex: string | number;
899
909
  contentClasses: string | string[] | Record<string, boolean>;
900
910
  contentProps: Record<string, unknown>;
911
+ noClickAnimation: boolean;
901
912
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
902
913
  activatorProps: Record<string, any>;
903
914
  openOnClick: NonNullable<boolean | undefined>;
@@ -1095,6 +1106,10 @@ declare const _default: import("vue").DefineComponent<{
1095
1106
  type: PropType<Record<string, unknown>>;
1096
1107
  default: () => {};
1097
1108
  };
1109
+ noClickAnimation: {
1110
+ type: PropType<boolean>;
1111
+ default: boolean;
1112
+ };
1098
1113
  text: {
1099
1114
  type: PropType<string>;
1100
1115
  default: undefined;
@@ -1109,7 +1124,7 @@ declare const _default: import("vue").DefineComponent<{
1109
1124
  };
1110
1125
  }>> & {
1111
1126
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
1112
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
1127
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
1113
1128
  expandFixed: NTable.TFixed;
1114
1129
  expandColumnWidth: number;
1115
1130
  expandedRowKeys: NTable.TKey[];
@@ -280,6 +280,7 @@ export declare const makeTableProps: <Defaults extends {
280
280
  zIndex: string | number;
281
281
  contentClasses: string | string[] | Record<string, boolean>;
282
282
  contentProps: Record<string, unknown>;
283
+ noClickAnimation: boolean;
283
284
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
284
285
  activatorProps: Record<string, any>;
285
286
  openOnClick: NonNullable<boolean | undefined>;
@@ -477,6 +478,14 @@ export declare const makeTableProps: <Defaults extends {
477
478
  type: PropType<Record<string, unknown>>;
478
479
  default: () => {};
479
480
  };
481
+ noClickAnimation: {
482
+ type: PropType<boolean>;
483
+ default: boolean; /**
484
+ * @private Internal usage, may remove by refactor. Should always use `columns` instead.
485
+ *
486
+ * !!! DO NOT USE IN PRODUCTION ENVIRONMENT !!!
487
+ */
488
+ };
480
489
  text: {
481
490
  type: PropType<string>;
482
491
  default: undefined;
@@ -491,7 +500,7 @@ export declare const makeTableProps: <Defaults extends {
491
500
  };
492
501
  }>> & {
493
502
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
494
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
503
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "disabled" | "location" | "transition" | "origin" | "id" | "modelValue" | "attach" | "contained" | "persistent" | "scrim" | "closeOnBack" | "zIndex" | "contentClasses" | "contentProps" | "noClickAnimation" | "activator" | "activatorProps" | "openOnClick" | "openOnHover" | "openOnFocus" | "closeOnContentClick" | "closeDelay" | "openDelay" | "locationStrategy" | "offset" | "scrollStrategy" | "eager" | "height" | "width" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "hideArrow">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
495
504
  default: boolean;
496
505
  };
497
506
  /**
@@ -177,6 +177,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
177
177
  type: PropType<Record<string, unknown>>;
178
178
  default: () => {};
179
179
  };
180
+ noClickAnimation: {
181
+ type: PropType<boolean>;
182
+ default: boolean;
183
+ };
180
184
  text: {
181
185
  type: PropType<string>;
182
186
  default: undefined;
@@ -328,6 +332,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
328
332
  type: PropType<Record<string, unknown>>;
329
333
  default: () => {};
330
334
  };
335
+ noClickAnimation: {
336
+ type: PropType<boolean>;
337
+ default: boolean;
338
+ };
331
339
  absolute: {
332
340
  type: PropType<boolean>;
333
341
  default: boolean;
@@ -474,6 +482,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
474
482
  type: PropType<Record<string, unknown>>;
475
483
  default: () => {};
476
484
  };
485
+ noClickAnimation: {
486
+ type: PropType<boolean>;
487
+ default: boolean;
488
+ };
477
489
  absolute: {
478
490
  type: PropType<boolean>;
479
491
  default: boolean;
@@ -498,6 +510,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
498
510
  zIndex: string | number;
499
511
  contentClasses: string | string[] | Record<string, boolean>;
500
512
  contentProps: Record<string, unknown>;
513
+ noClickAnimation: boolean;
501
514
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
502
515
  activatorProps: Record<string, any>;
503
516
  openOnClick: boolean | undefined;
@@ -702,6 +715,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
702
715
  type: PropType<Record<string, unknown>>;
703
716
  default: () => {};
704
717
  };
718
+ noClickAnimation: {
719
+ type: PropType<boolean>;
720
+ default: boolean;
721
+ };
705
722
  text: {
706
723
  type: PropType<string>;
707
724
  default: undefined;
@@ -740,6 +757,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
740
757
  zIndex: string | number;
741
758
  contentClasses: string | string[] | Record<string, boolean>;
742
759
  contentProps: Record<string, unknown>;
760
+ noClickAnimation: boolean;
743
761
  activator: string | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | Element;
744
762
  activatorProps: Record<string, any>;
745
763
  openOnClick: NonNullable<boolean | undefined>;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Automatically generated by CDS CLI
3
- * Generated on 8/1/2023, 2:07:52 PM
3
+ * Generated on 8/14/2023, 3:08:10 PM
4
4
  **/
5
5
  export { default as CdsBadge } from './CdsBadge/CdsBadge.vue';
6
6
  export { default as CdsBreadcrumbs } from './CdsBreadcrumbs/CdsBreadcrumbs.vue';
@@ -36,6 +36,8 @@ export { default as CdsListItem } from './CdsList/CdsListItem.vue';
36
36
  export { default as CdsLoader } from './CdsLoader/CdsLoader.vue';
37
37
  export { default as CdsMenu } from './CdsMenu/CdsMenu.vue';
38
38
  export { default as CdsModal } from './CdsModal/CdsModal.vue';
39
+ export { default as CdsNotification } from './CdsNotification/CdsNotification.vue';
40
+ export { default as CdsNotificationAlert } from './CdsNotification/CdsNotificationAlert.vue';
39
41
  export { default as CdsOverlay } from './CdsOverlay/CdsOverlay.vue';
40
42
  export { default as CdsPagination } from './CdsPagination/CdsPagination.vue';
41
43
  export { default as CdsRadio } from './CdsRadioButton/CdsRadio.vue';
@@ -76,6 +78,7 @@ export * from './CdsList';
76
78
  export * from './CdsLoader';
77
79
  export * from './CdsMenu';
78
80
  export * from './CdsModal';
81
+ export * from './CdsNotification';
79
82
  export * from './CdsOverlay';
80
83
  export * from './CdsPagination';
81
84
  export * from './CdsRadioButton';
@@ -42,3 +42,4 @@ export * from './state';
42
42
  export * from './locale';
43
43
  export * from './group';
44
44
  export * from './ssrBoot';
45
+ export * from './variant';
@@ -21,6 +21,7 @@ export declare const makeOverlayProps: <Defaults extends {
21
21
  zIndex?: unknown;
22
22
  contentClasses?: unknown;
23
23
  contentProps?: unknown;
24
+ noClickAnimation?: unknown;
24
25
  } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
25
26
  /**
26
27
  * Указывает, к какому DOM элементу будет прикреплен компонент.
@@ -95,4 +96,11 @@ export declare const makeOverlayProps: <Defaults extends {
95
96
  type: PropType<Record<string, unknown>>;
96
97
  default: () => {};
97
98
  };
99
+ /**
100
+ * Отключает анимацию при клике вне контента
101
+ */
102
+ noClickAnimation: {
103
+ type: PropType<boolean>;
104
+ default: boolean;
105
+ };
98
106
  }, Defaults>;
@@ -1,3 +1,4 @@
1
+ import { MaybeRef } from '../utils';
1
2
  import type { ComputedRef, PropType } from 'vue';
2
3
  export declare type TStatus = typeof allowedStatus[number];
3
4
  export interface IStatusProps {
@@ -10,6 +11,9 @@ export declare const allowedStatus: readonly ["info", "success", "warning", "err
10
11
  export declare const makeStatusProps: <Defaults extends {
11
12
  status?: unknown;
12
13
  } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
14
+ /**
15
+ * Статус состояния
16
+ */
13
17
  status: {
14
18
  type: PropType<"error" | "info" | "success" | "warning" | "progress">;
15
19
  default: string;
@@ -18,4 +22,4 @@ export declare const makeStatusProps: <Defaults extends {
18
22
  validator: (value: TStatus) => boolean;
19
23
  };
20
24
  }, Defaults>;
21
- export declare function useStatus(props: IStatusProps, name: string): IUseStatus;
25
+ export declare function useStatus(props: MaybeRef<IStatusProps>, name: string): IUseStatus;
@@ -0,0 +1,26 @@
1
+ import { MaybeRef } from '../utils';
2
+ import type { ComputedRef, PropType } from 'vue';
3
+ export declare type TVariant = typeof allowedVariant[number];
4
+ export interface IVariantProps {
5
+ variant: TVariant;
6
+ }
7
+ export interface IUseVariant {
8
+ variantClasses: ComputedRef<string>;
9
+ }
10
+ export declare const allowedVariant: readonly ["default", "important"];
11
+ export declare const makeVariantProps: <Defaults extends {
12
+ variant?: unknown;
13
+ } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
14
+ /**
15
+ * Вариант отображения
16
+ */
17
+ variant: {
18
+ type: PropType<any>;
19
+ default: string;
20
+ validator: (value: TVariant) => boolean;
21
+ };
22
+ }, Defaults>;
23
+ export declare function useVariant(props: MaybeRef<IVariantProps>, name: string): IUseVariant;
24
+ export declare function genOverlays(isClickable: boolean, name: string): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
25
+ [key: string]: any;
26
+ }>;
@@ -1,6 +1,8 @@
1
1
  import type { NTable } from '../components/CdsTable/interface';
2
+ import type { TNotificationLocale } from '../components/CdsNotification/composable';
2
3
  import type { TDateLocale } from '../utils';
3
4
  export interface ILocale {
5
+ notification: TNotificationLocale;
4
6
  table: NTable.ILocale;
5
7
  date: TDateLocale;
6
8
  container: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@central-design-system/components",
3
- "version": "3.0.0-alpha.13",
3
+ "version": "3.0.0-alpha.15",
4
4
  "description": "Central Design System on the Vue 3.0 and TypeScript",
5
5
  "author": "magersoft",
6
6
  "license": "ISC",