@central-design-system/components 3.0.0-alpha.10 → 3.0.0-alpha.12

package/dist/components/CdsContainer/CdsContainer.vue.d.ts

@@ -0,0 +1,220 @@
+import { IGroupItemProvide } from '../../composable';
+import type { PropType, InjectionKey, Ref, ComputedRef } from 'vue';
+import type { TCdsIconsName } from '@central-design-system/icons';
+import type { ITouchHandlers } from '../../directives/touch';
+export interface ICdsContainerProvide {
+    rootRef: Ref<HTMLElement | undefined>;
+    transition: ComputedRef<undefined | string>;
+    transitionCount: Ref<number>;
+    transitionHeight: Ref<undefined | string>;
+    isReversed: Ref<boolean>;
+    onlySingle: Ref<boolean>;
+    multiple: Ref<boolean>;
+}
+export declare const CdsContainerSymbol: InjectionKey<ICdsContainerProvide>;
+export declare const CdsContainerGroupSymbol: InjectionKey<IGroupItemProvide>;
+export declare const componentName = "CdsContainer";
+declare const _sfc_main: import("vue").DefineComponent<{
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    tag: {
+        type: PropType<string>;
+        default: string;
+        description: string;
+    };
+    locale: {
+        type: PropType<"ru" | "en" | import("../../locale").ILocale>;
+        default: undefined;
+    };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        available: readonly ["horizontal", "vertical"];
+        validator: (value: "horizontal" | "vertical") => boolean;
+    };
+    appearance: {
+        type: PropType<"primary" | "secondary" | "transparent">;
+        default: string;
+        available: readonly ["primary", "secondary", "transparent"];
+        validator: (value: "primary" | "secondary" | "transparent") => boolean;
+    };
+    modelValue: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: PropType<boolean | "force">;
+        default: boolean;
+    };
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    selectedClass: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Показывать только один контейнер из группы
+     */
+    onlySingle: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Показывать стрелки для переключения между контейнерами в режиме onlySingle
+     */
+    showArrows: {
+        type: PropType<string | boolean>;
+        validator: (value: any) => boolean;
+    };
+    /**
+     * Активирует переключение от последнего контейнера к первому и наоборот
+     */
+    continuous: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Иконка для переключения на предыдущий контейнер
+     */
+    prevIcon: {
+        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">;
+        default: string;
+        validator: (value: TCdsIconsName) => boolean;
+    };
+    /**
+     * Иконка для переключения на следующий контейнер
+     */
+    nextIcon: {
+        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">;
+        default: string;
+        validator: (value: TCdsIconsName) => boolean;
+    };
+    /**
+     * Активирует переключение контейнеров по свайпу
+     */
+    touch: {
+        type: PropType<boolean | ITouchHandlers>;
+        default: undefined;
+    };
+}, {
+    group: import("../../composable").IGroupProvide;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (value: any) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    tag: {
+        type: PropType<string>;
+        default: string;
+        description: string;
+    };
+    locale: {
+        type: PropType<"ru" | "en" | import("../../locale").ILocale>;
+        default: undefined;
+    };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        available: readonly ["horizontal", "vertical"];
+        validator: (value: "horizontal" | "vertical") => boolean;
+    };
+    appearance: {
+        type: PropType<"primary" | "secondary" | "transparent">;
+        default: string;
+        available: readonly ["primary", "secondary", "transparent"];
+        validator: (value: "primary" | "secondary" | "transparent") => boolean;
+    };
+    modelValue: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: PropType<boolean | "force">;
+        default: boolean;
+    };
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    selectedClass: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Показывать только один контейнер из группы
+     */
+    onlySingle: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Показывать стрелки для переключения между контейнерами в режиме onlySingle
+     */
+    showArrows: {
+        type: PropType<string | boolean>;
+        validator: (value: any) => boolean;
+    };
+    /**
+     * Активирует переключение от последнего контейнера к первому и наоборот
+     */
+    continuous: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Иконка для переключения на предыдущий контейнер
+     */
+    prevIcon: {
+        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">;
+        default: string;
+        validator: (value: TCdsIconsName) => boolean;
+    };
+    /**
+     * Иконка для переключения на следующий контейнер
+     */
+    nextIcon: {
+        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">;
+        default: string;
+        validator: (value: TCdsIconsName) => boolean;
+    };
+    /**
+     * Активирует переключение контейнеров по свайпу
+     */
+    touch: {
+        type: PropType<boolean | ITouchHandlers>;
+        default: undefined;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}, {
+    required: boolean | "force";
+    disabled: boolean;
+    tag: string;
+    appearance: "primary" | "secondary" | "transparent";
+    modelValue: undefined;
+    direction: "horizontal" | "vertical";
+    max: number;
+    multiple: boolean;
+    selectedClass: string;
+    locale: "ru" | "en" | import("../../locale").ILocale;
+    onlySingle: boolean;
+    continuous: boolean;
+    prevIcon: "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";
+    nextIcon: "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";
+    touch: boolean | ITouchHandlers;
+}>;
+export default _sfc_main;

package/dist/components/CdsContainer/CdsContainerItem.vue.d.ts

@@ -0,0 +1,69 @@
+import type { PropType } from 'vue';
+export declare const componentName = "CdsContainerItem";
+declare const _sfc_main: import("vue").DefineComponent<{
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    eager: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    value: {
+        type: null;
+        default: null;
+    };
+    selectedClass: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    reverseTransition: {
+        type: PropType<string | boolean>;
+        default: undefined;
+    };
+    transition: {
+        type: PropType<string | boolean>;
+        default: undefined;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'group:selected': (value: {
+        value: boolean;
+    }) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    eager: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    value: {
+        type: null;
+        default: null;
+    };
+    selectedClass: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    reverseTransition: {
+        type: PropType<string | boolean>;
+        default: undefined;
+    };
+    transition: {
+        type: PropType<string | boolean>;
+        default: undefined;
+    };
+}>> & {
+    "onGroup:selected"?: ((value: {
+        value: boolean;
+    }) => any) | undefined;
+}, {
+    disabled: boolean;
+    value: any;
+    transition: string | boolean;
+    eager: boolean;
+    selectedClass: string;
+    reverseTransition: string | boolean;
+}>;
+export default _sfc_main;

package/dist/components/CdsContainer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CdsContainer } from './CdsContainer.vue';
+export { default as CdsContainerItem } from './CdsContainerItem.vue';

package/dist/components/CdsDatePicker/CdsDatePicker.vue.d.ts

@@ -231,6 +231,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     readonly: boolean;
     modelValue: string | TDatetimeValueRange | (string | TDatetimeValueRange)[];
     multiple: boolean;
+    locale: "ru" | "en" | import("../../locale").ILocale;
     header: boolean;
     todayBtn: boolean;
     defaultYearMonth: string;
@@ -244,6 +245,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     emitImmediately: boolean;
     hideSiblingMonth: boolean;
     mask: string;
-    locale: "ru" | "en" | import("../../locale").ILocale;
 }>;
 export default _sfc_main;