@central-design-system/components 3.0.0-alpha.1 → 3.0.0-alpha.11

package/dist/composable/locale.d.ts

@@ -0,0 +1,18 @@
+import { ILocale, TAvailableLocale } from '../locale';
+import type { InjectionKey, PropType } from 'vue';
+export interface ILocaleProps {
+    locale?: ILocale | TAvailableLocale;
+}
+export declare const LocaleSymbol: InjectionKey<TAvailableLocale | ILocale>;
+export declare const makeLocaleProps: <Defaults extends {
+    locale?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Локализация компонента
+     */
+    locale: {
+        type: PropType<"ru" | "en" | ILocale>;
+        default: undefined;
+    };
+}, Defaults>;
+export declare function useLocale(props: ILocaleProps): ILocale;

package/dist/composable/menu.d.ts

@@ -0,0 +1,37 @@
+import type { Ref, PropType, WritableComputedRef } from 'vue';
+import type { IDisabledProps } from './disabled';
+export interface IMenuProps extends IDisabledProps {
+    menu: boolean | undefined;
+}
+export interface IUseMenu<MenuRef> {
+    internalMenu: WritableComputedRef<boolean | undefined>;
+    menuRef: Ref<MenuRef | undefined>;
+}
+export declare const makeMenuProps: <Defaults extends {
+    menu?: unknown;
+    menuProps?: unknown;
+    menuHeight?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Состояние выпадающего меню (открыто/закрыто)
+     */
+    menu: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    /**
+     * Свойства для компонент CdsMenu
+     */
+    menuProps: {
+        type: PropType<any>;
+        default: null;
+    };
+    /**
+     * Максимальная высота выпадающего меню (10rem по умолчанию)
+     */
+    menuHeight: {
+        type: PropType<string | number>;
+        default: number;
+    };
+}, Defaults>;
+export declare function useMenu<MenuRef>(props: IMenuProps): IUseMenu<MenuRef>;

package/dist/composable/overlay.d.ts

@@ -2,7 +2,6 @@ import { PropType } from 'vue';
 export interface IOverlayProps {
     attach: boolean | string | Element | undefined;
     contained: boolean | undefined;
-    eager: boolean | undefined;
     disabled: boolean | undefined;
     persistent: boolean | undefined;
     scrim: boolean | string | undefined;
@@ -14,11 +13,11 @@ export interface IOverlayProps {
 export declare const makeOverlayProps: <Defaults extends {
     attach?: unknown;
     contained?: unknown;
-    eager?: unknown;
     disabled?: unknown;
     persistent?: unknown;
     scrim?: unknown;
     modelValue?: unknown;
+    closeOnBack?: unknown;
     zIndex?: unknown;
     contentClasses?: unknown;
     contentProps?: unknown;
@@ -40,13 +39,6 @@ export declare const makeOverlayProps: <Defaults extends {
         type: PropType<boolean>;
         default: boolean;
     };
-    /**
-     * Принудительно рендерит контент компонента в DOM, даже если компонент скрыт. Полезно для SEO оптимизации.
-     */
-    eager: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
     /**
      * Блокирует возможность клика или фокуса всплывающего компонента
      */
@@ -76,7 +68,14 @@ export declare const makeOverlayProps: <Defaults extends {
         default: boolean;
     };
     /**
-     * Значение z-index для оверлея
+     * Закрывать ли компонент при навигации назад
+     */
+    closeOnBack: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Значение z-index
      */
     zIndex: {
         type: PropType<string | number>;

package/dist/composable/readonly.d.ts

@@ -0,0 +1,19 @@
+import type { ComputedRef, PropType } from 'vue';
+export interface IReadonlyProps {
+    readonly: boolean;
+}
+export interface IUseReadonly {
+    readonlyClasses: ComputedRef<string | undefined>;
+}
+export declare const makeReadonlyProps: <Defaults extends {
+    readonly?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Только для чтения
+     */
+    readonly: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}, Defaults>;
+export declare function useReadonly(props: IReadonlyProps): IUseReadonly;

package/dist/composable/refs.d.ts

@@ -0,0 +1,6 @@
+import type { Ref } from 'vue';
+export interface IUseRefs<T extends {}> {
+    refs: Ref<(T | undefined)[]>;
+    updateRef: (value: any, index: number) => void;
+}
+export declare function useRefs<T extends {}>(): IUseRefs<T>;

package/dist/composable/resizeObserver.d.ts

@@ -0,0 +1,7 @@
+import type { DeepReadonly, Ref } from 'vue';
+interface IUseResizeObserver {
+    resizeRef: Ref<HTMLElement | undefined>;
+    contentRect: DeepReadonly<Ref<DOMRectReadOnly | undefined>>;
+}
+export declare function useResizeObserver(callback?: ResizeObserverCallback): IUseResizeObserver;
+export {};

package/dist/composable/router.d.ts

@@ -0,0 +1,3 @@
+import type { NavigationGuardNext, Router } from 'vue-router';
+export declare function useRouter(): Router | undefined;
+export declare function useBackButton(router: Router | undefined, cb: (next: NavigationGuardNext) => void): void;

package/dist/composable/select.d.ts

@@ -0,0 +1,86 @@
+import { MaybePick } from '../utils';
+import type { PropType, ComputedRef, Ref } from 'vue';
+import type { IInternalItem, IUseItems } from './items';
+export interface ISelectProps {
+    multiple: boolean;
+    openOnClear: boolean;
+    hideSelected: boolean;
+    noDataText: string;
+    hideNoData: boolean;
+    isSelectAll: boolean;
+    selectAllText: string;
+    modelValue: any;
+}
+export declare const makeSelectProps: <Defaults extends {
+    multiple?: unknown;
+    openOnClear?: unknown;
+    hideSelected?: unknown;
+    noDataText?: unknown;
+    hideNoData?: unknown;
+    isSelectAll?: unknown;
+    selectAllText?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Множественный выбор элементов
+     */
+    multiple: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Открывать при очистке поля ввода
+     */
+    openOnClear: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Скрывать выбранные элементы из списка
+     */
+    hideSelected: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Текст, который будет отображаться, если нет данных
+     */
+    noDataText: {
+        type: PropType<string>;
+        default: string;
+    };
+    /**
+     * Скрывать отображаемый текст, если нет данных
+     */
+    hideNoData: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Добавляет возможность выбора всех элементов. Только для мультивыбора (multiple)
+     */
+    isSelectAll: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Текст для выбора всех элементов
+     */
+    selectAllText: {
+        type: PropType<string>;
+        default: string;
+    };
+}, Defaults>;
+export declare function useSelect(props: ISelectProps, items: ComputedRef<IInternalItem[]> | Ref<IInternalItem[]>, transformIn: IUseItems['transformIn'], transformOut: IUseItems['transformOut']): {
+    model: Ref<readonly IInternalItem<any>[]> & {
+        readonly externalValue: any;
+    };
+    selections: ComputedRef<IInternalItem<any>[]>;
+    selected: ComputedRef<any[]>;
+    selectedAll: ComputedRef<boolean>;
+    selectedIndeterminate: ComputedRef<boolean>;
+    selectStrategy: ComputedRef<"independent" | "single-independent">;
+    displayItems: ComputedRef<IInternalItem<any>[]>;
+};
+export declare function useFilteredSelectProps<Props extends Record<string, unknown>>(props: Props, filteredProps: Partial<Props>, excludes: Extract<keyof MaybePick<Props, Extract<keyof Props, string>>, string>[]): {
+    inputProps: [Partial<Props>] extends [Ref<any>] ? Ref<any> & Partial<Props> : Ref<import("vue").UnwrapRef<Partial<Props>>>;
+};

package/dist/composable/state.d.ts

@@ -0,0 +1,13 @@
+import type { Ref, UnwrapRef } from 'vue';
+/**
+ * Хук для работы с состоянием как в react.js на основе ref vue 3
+ * Может быть удобен в некоторых случаях
+ * @param defaultStateValue
+ */
+export declare function useState<T, R = Ref<T>>(defaultStateValue?: T | (() => T)): [R, (val: T) => void];
+export declare function useMergedState<T, R = Ref<T>>(defaultStateValue: T | (() => T), option?: {
+    defaultValue?: T | (() => T);
+    value?: Ref<T> | Ref<UnwrapRef<T>>;
+    onChange?: (val: T, prevValue: T) => void;
+    postState?: (val: T) => T;
+}): [R, (val: T) => void];

package/dist/composable/title.d.ts

@@ -0,0 +1,21 @@
+import type { ComputedRef, PropType } from 'vue';
+export interface ITitleProps {
+    title: string;
+}
+export interface IUseTitle {
+}
+export interface IUseTitle {
+    hasTitle: ComputedRef<boolean>;
+}
+export declare const makeTitleProps: <Defaults extends {
+    title?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    /**
+     * Заголовок
+     */
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+}, Defaults>;
+export declare function useTitle(props: ITitleProps, slots: Record<string, unknown>): IUseTitle;

package/dist/composable/validation.d.ts

@@ -33,26 +33,16 @@ export interface IUseValidation {
 }
 export declare const allowedValidationOn: readonly ["blur", "input", "submit"];
 export declare const makeValidationProps: <Defaults extends {
-    disabled?: unknown;
     error?: unknown;
     errorMessages?: unknown;
     maxErrors?: unknown;
     name?: unknown;
-    label?: unknown;
-    readonly?: unknown;
     rules?: unknown;
     modelValue?: unknown;
     validateOn?: unknown;
     validationValue?: unknown;
     hideMessages?: unknown;
 } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
-    /**
-     * Заблокированное состояние
-     */
-    disabled: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
     /**
      * Состояние ошибки
      */
@@ -81,20 +71,6 @@ export declare const makeValidationProps: <Defaults extends {
         type: PropType<string | undefined>;
         default: undefined;
     };
-    /**
-     * Лейбл поля
-     */
-    label: {
-        type: PropType<string | undefined>;
-        default: undefined;
-    };
-    /**
-     * Только для чтения
-     */
-    readonly: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
     /**
      * Правила валидации
      */

package/dist/create.d.ts

@@ -0,0 +1,23 @@
+import { ILocale, TAvailableLocale } from './locale';
+import type { App } from 'vue';
+import type { IDisplayOptions } from './composable';
+export interface ICdsOptions {
+    components?: Record<string, any>;
+    directives?: Record<string, any>;
+    icons?: Record<string, any>;
+    illustrations?: Record<string, any>;
+    display?: IDisplayOptions;
+    cssGrid?: boolean;
+    ssr?: boolean;
+    locale?: TAvailableLocale | ILocale;
+}
+interface NuxtApp {
+    $nuxt?: {
+        hook: (name: string, fn: () => void) => void;
+    };
+}
+export declare function createCds(options?: ICdsOptions): {
+    install: (app: App & NuxtApp) => void;
+    display: import("./composable").IDisplayInstance;
+};
+export {};

package/dist/globals.d.ts

@@ -13,4 +13,6 @@ declare global {
       | undefined
     > & { lastMousedownWasOutside: boolean };
   }
+
+  export const __VUE_OPTIONS_API__: boolean | undefined;
 }

package/dist/locale/en.d.ts

@@ -0,0 +1,3 @@
+import type { ILocale } from './';
+declare const _default: ILocale;
+export default _default;

package/dist/locale/index.d.ts

@@ -0,0 +1,13 @@
+import type { NTable } from '../components/CdsTable/interface';
+import type { TDateLocale } from '../utils';
+export interface ILocale {
+    table: NTable.ILocale;
+    date: TDateLocale;
+}
+export declare const availableLocale: readonly ["ru", "en"];
+export declare type TAvailableLocale = typeof availableLocale[number];
+declare const _default: {
+    ru: ILocale;
+    en: ILocale;
+};
+export default _default;

package/dist/locale/ru.d.ts

@@ -0,0 +1,3 @@
+import type { ILocale } from './';
+declare const _default: ILocale;
+export default _default;

package/dist/transitions/index.d.ts

@@ -102,3 +102,153 @@ export declare const CdsTransitionSlideX: import("vue").DefineComponent<{
     mode: string;
     origin: string;
 }>;
+export declare const CdsTransitionSlideRight: import("vue").DefineComponent<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    mode: string;
+    origin: string;
+}>;
+export declare const CdsTransitionSlideLeft: import("vue").DefineComponent<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    mode: string;
+    origin: string;
+}>;
+export declare const CdsTransitionJumpRight: import("vue").DefineComponent<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    mode: string;
+    origin: string;
+}>;
+export declare const CdsTransitionJumpLeft: import("vue").DefineComponent<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    mode: string;
+    origin: string;
+}>;
+export declare const CdsTransitionScale: import("vue").DefineComponent<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    group: import("vue").PropType<boolean>;
+    hideOnLeave: import("vue").PropType<boolean>;
+    leaveAbsolute: import("vue").PropType<boolean>;
+    mode: {
+        type: import("vue").PropType<string>;
+        default: string | undefined;
+    };
+    origin: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>>, {
+    mode: string;
+    origin: string;
+}>;