@central-design-system/components 3.0.0-alpha.17 → 3.0.0-alpha.18

package/dist/components/CdsUploader/composable/upload.d.ts

@@ -0,0 +1,360 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { NUploader } from '../interface';
+import type { TCdsIconsName } from '@central-design-system/icons';
+export declare const makeUploadProps: <Defaults extends {
+    name?: unknown;
+    capture?: unknown;
+    multiple?: unknown;
+    action?: unknown;
+    method?: unknown;
+    directory?: unknown;
+    defaultFileList?: unknown;
+    showUploadList?: unknown;
+    itemRender?: unknown;
+    listType?: unknown;
+    data?: unknown;
+    headers?: unknown;
+    accept?: unknown;
+    customRequest?: unknown;
+    withCredentials?: unknown;
+    openFileDialogOnClick?: unknown;
+    beforeUpload?: unknown;
+    maxCount?: unknown;
+    isImageUrl?: unknown;
+    showTooltipWithError?: unknown;
+    removeIcon?: unknown;
+    downloadIcon?: unknown;
+    uploadIcon?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
+    name: {
+        type: PropType<string>;
+        default: undefined;
+    };
+    /**
+     * Тип носителя откуда захватывать файл для загрузки на мобильных устройствах
+     */
+    capture: {
+        type: PropType<boolean | "user" | "environment">;
+        default: undefined;
+    };
+    /**
+     * Множественная загрузка файлов
+     */
+    multiple: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * URL куда загружать файлы
+     */
+    action: {
+        type: PropType<NUploader.TAction>;
+        default: undefined;
+    };
+    /**
+     * Тип http запроса для загрузки файлов
+     */
+    method: {
+        type: PropType<NUploader.TUploadRequestMethod>;
+        default: undefined;
+    };
+    /**
+     * Загружать директории
+     */
+    directory: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Список файлов по-умолчанию
+     */
+    defaultFileList: {
+        type: PropType<NUploader.IUploadFile<any>[]>;
+        default: undefined;
+    };
+    /**
+     * Показывать список загруженных файлов
+     */
+    showUploadList: {
+        type: PropType<boolean | NUploader.TShowUploadList>;
+        default: undefined;
+    };
+    /**
+     * Функция рендера для отображения элемента списка загружаемых файлов
+     */
+    itemRender: {
+        type: PropType<NUploader.TItemRender<any>>;
+        default: undefined;
+    };
+    /**
+     * Тип списка загружаемых файлов (поддерживается только 'text')
+     */
+    listType: {
+        type: PropType<NUploader.TUploadListType>;
+        default: undefined;
+    };
+    /**
+     * Параметры загрузки файла или функция возвращающая параметры загрузки файла
+     */
+    data: {
+        type: PropType<Record<string, unknown> | ((file: NUploader.IRcFile | string | Blob) => Record<string, unknown>)>;
+        default: undefined;
+    };
+    /**
+     * Заголовки запроса
+     */
+    headers: {
+        type: PropType<NUploader.TUploadRequestHeaders>;
+        default: undefined;
+    };
+    /**
+     * Типы разрешенных файлов
+     */
+    accept: {
+        type: PropType<string | string[]>;
+        default: undefined;
+    };
+    /**
+     * Собственный запрос на загрузку файла. Переопределяет xhr по-умолчанию
+     */
+    customRequest: {
+        type: PropType<(options: NUploader.IUploadRequestOption) => void>;
+        default: undefined;
+    };
+    /**
+     * Запрос с передачей cookie
+     */
+    withCredentials: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Открывать ли системное окно при клике на загрузчик файлов
+     */
+    openFileDialogOnClick: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    /**
+     * Хук жизненного цикла перед загрузкой файла
+     */
+    beforeUpload: {
+        type: PropType<(file: NUploader.IUploadFile, fileList: NUploader.IUploadFile[]) => NUploader.TBeforeUploadFileType | Promise<void | NUploader.TBeforeUploadFileType>>;
+        default: undefined;
+    };
+    /**
+     * Максимальное количество загружаемых файлов
+     */
+    maxCount: {
+        type: PropType<number>;
+        default: undefined;
+    };
+    /**
+     * Настройка отображения миниатюр загружаемых файлов (пока не поддерживается)
+     */
+    isImageUrl: {
+        type: PropType<(file: NUploader.IUploadFile) => boolean>;
+        default: undefined;
+    };
+    /**
+     * Показывать ли тултип с ошибкой возле каждого файла
+     */
+    showTooltipWithError: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    /**
+     * Иконка удаления файла
+     */
+    removeIcon: {
+        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;
+    };
+    /**
+     * Иконка скачивания файла
+     */
+    downloadIcon: {
+        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;
+    };
+    /**
+     * Иконка загрузки файла
+     */
+    uploadIcon: {
+        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;
+    };
+}, Defaults>;
+export interface IUploadProps<T = any> extends Partial<ExtractPropTypes<ReturnType<typeof makeUploadProps>>> {
+    onReject?: (file: NUploader.IUploadFile<T>) => void;
+    onChange?: (info: NUploader.IUploadChangeParam<NUploader.IUploadFile<T>>) => void;
+    onDrop?: (event: DragEvent) => void;
+    onPreview?: (file: NUploader.IUploadFile<T>) => void;
+    onDownload?: (file: NUploader.IUploadFile<T>) => void;
+    onRemove?: (file: NUploader.IUploadFile<T>) => void | boolean | Promise<void | boolean>;
+    'onUpdate:modelValue'?: (fileList: NUploader.IUploadChangeParam<NUploader.IUploadFile<T>>['fileList']) => void;
+}
+export declare const makeUploadListProps: <Defaults extends {
+    items?: unknown;
+    listType?: unknown;
+    itemRender?: unknown;
+    showRemoveIcon?: unknown;
+    showDownloadIcon?: unknown;
+    showPreviewIcon?: unknown;
+    showTooltipWithError?: unknown;
+    removeIcon?: unknown;
+    downloadIcon?: unknown;
+    uploadIcon?: unknown;
+    isImageUrl?: unknown;
+    progress?: unknown;
+    onDownload?: unknown;
+    onPreview?: unknown;
+    onRemove?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../../../utils').AppendDefault<{
+    items: {
+        type: PropType<NUploader.IUploadFile<any>[]>;
+        default: undefined;
+    };
+    listType: {
+        type: PropType<NUploader.TUploadListType>;
+        default: undefined;
+    };
+    itemRender: {
+        type: PropType<NUploader.TItemRender<any>>;
+        default: undefined;
+    };
+    showRemoveIcon: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    showDownloadIcon: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    showPreviewIcon: {
+        type: PropType<boolean>;
+        default: undefined;
+    };
+    showTooltipWithError: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    removeIcon: {
+        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;
+    };
+    downloadIcon: {
+        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;
+    };
+    uploadIcon: {
+        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;
+    };
+    isImageUrl: {
+        type: PropType<(file: NUploader.IUploadFile) => boolean>;
+        default: undefined;
+    };
+    progress: {
+        type: PropType<Omit<Partial<{
+            reverse: boolean;
+            tag: string;
+            location: NonNullable<import('../../../utils').TAnchor>;
+            active: boolean;
+            indeterminate: boolean;
+            modelValue: string | number;
+            max: string | number;
+            height: string | number;
+            absolute: boolean;
+            bgColor: string;
+            bgOpacity: string | number;
+            bufferValue: string | number;
+            clickable: boolean;
+            stream: boolean;
+        }> & Omit<Readonly<ExtractPropTypes<{
+            location: Omit<{
+                type: PropType<import('../../../utils').TAnchor>;
+                default: string;
+            }, "default" | "type"> & {
+                type: PropType<NonNullable<import('../../../utils').TAnchor>>;
+                default: NonNullable<import('../../../utils').TAnchor>;
+            };
+            tag: {
+                type: PropType<string>;
+                default: string;
+                description: string;
+            };
+            modelValue: {
+                type: PropType<string | number>;
+                default: number;
+            };
+            absolute: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            active: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            bgColor: {
+                type: PropType<string>;
+                default: undefined;
+            };
+            bgOpacity: {
+                type: PropType<string | number>;
+                default: undefined;
+            }; /**
+             * Тип http запроса для загрузки файлов
+             */
+            bufferValue: {
+                type: PropType<string | number>;
+                default: number;
+            };
+            height: {
+                type: PropType<string | number>;
+                default: number;
+            };
+            indeterminate: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            clickable: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            max: {
+                type: PropType<string | number>;
+                default: number;
+            };
+            stream: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            reverse: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "reverse" | "tag" | "location" | "active" | "indeterminate" | "modelValue" | "max" | "height" | "absolute" | "bgColor" | "bgOpacity" | "bufferValue" | "clickable" | "stream">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
+        default: undefined;
+    };
+    onDownload: {
+        type: PropType<(file: NUploader.IUploadFile) => void>;
+        default: undefined;
+    };
+    onPreview: {
+        type: PropType<(file: NUploader.IUploadFile) => void>;
+        default: undefined;
+    };
+    onRemove: {
+        type: PropType<(file: NUploader.IUploadFile) => void>;
+        default: undefined;
+    };
+}, Defaults>;

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

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

package/dist/components/CdsUploader/interface.d.ts

@@ -0,0 +1,98 @@
+import { CdsProgress } from '../CdsProgress';
+import type { ImgHTMLAttributes, VNode } from 'vue';
+import type { ComponentProps } from '../../utils';
+export declare namespace NUploader {
+    type TBeforeUploadFileType = File | Blob | boolean | string;
+    type TAction = string | ((file: IRcFile) => string | PromiseLike<string>);
+    type TUploadRequestMethod = 'POST' | 'PUT' | 'PATCH' | 'post' | 'put' | 'patch';
+    type TUploadRequestHeaders = Record<string, string>;
+    type TUploadFileStatus = 'error' | 'success' | 'done' | 'uploading' | 'removed';
+    type TUploadListType = 'text' | 'picture' | 'picture-card';
+    type TPreviewFileHandler = (file: IFileType | Blob) => PromiseLike<string>;
+    type TUploadListProgressProps = ComponentProps<typeof CdsProgress>;
+    type TItemRender<T = any> = (options: {
+        originNode: VNode;
+        file?: IUploadFile<T>;
+        fileList?: IUploadFile<T>[];
+        actions: {
+            download?: () => void;
+            preview?: () => void;
+            remove?: () => void;
+        };
+    }) => VNode;
+    interface IRcFile extends File {
+        uid: string;
+    }
+    interface IUploadRequestError extends Error {
+        status?: number;
+        method?: TUploadRequestMethod;
+        url?: string;
+    }
+    interface IUploadProgressEvent extends Partial<ProgressEvent> {
+        percent?: number;
+    }
+    interface IUploadRequestOption<T = any> {
+        data?: Record<string, unknown> | null;
+        filename?: string;
+        file: Exclude<TBeforeUploadFileType, File | boolean> | IRcFile | null;
+        withCredentials?: boolean;
+        action?: string | null;
+        headers?: TUploadRequestHeaders;
+        method?: TUploadRequestMethod;
+        onProgress?: (event: IUploadProgressEvent) => void;
+        onError?: (event: IUploadRequestError | ProgressEvent, body?: T) => void;
+        onSuccess?: (body: T, xhr?: XMLHttpRequest) => void;
+    }
+    interface IFileType extends IRcFile {
+        readonly lastModifiedDate: Date;
+    }
+    interface IParsedFile {
+        origin: IRcFile;
+        action?: string | null;
+        data?: Record<string, unknown> | null;
+        parsedFile: IRcFile | null;
+    }
+    interface IUploadFile<T = any> {
+        uid: string;
+        size?: number;
+        name: string;
+        fileName?: string;
+        lastModified?: number;
+        lastModifiedDate?: Date;
+        url?: string;
+        status?: TUploadFileStatus;
+        percent?: number;
+        thumbUrl?: string;
+        crossOrigin?: ImgHTMLAttributes['crossorigin'];
+        originFileObj?: File;
+        response?: T;
+        error?: any;
+        linkProps?: any;
+        type?: string;
+        xhr?: T;
+        preview?: string;
+    }
+    interface IInternalUploadFile<T = any> extends IUploadFile<T> {
+        originFileObj: IFileType;
+    }
+    interface IUploadChangeParam<T = IUploadFile> {
+        file: T;
+        fileList: T[];
+        event?: {
+            percent: number;
+        };
+    }
+    interface TShowUploadList {
+        showRemoveIcon?: boolean;
+        showPreviewIcon?: boolean;
+        showDownloadIcon?: boolean;
+    }
+    interface ILocale {
+        uploading?: string;
+        uploadFile?: string;
+        downloadFile?: string;
+        removeFile?: string;
+        uploadError?: string;
+        previewFile?: string;
+    }
+}

package/dist/components/CdsUploader/utils/accept.d.ts

@@ -0,0 +1,2 @@
+import type { NUploader } from '../interface';
+export declare function attrAccept(file: NUploader.IRcFile, acceptedFiles?: string | string[]): boolean;

package/dist/components/CdsUploader/utils/helpers.d.ts

@@ -0,0 +1,5 @@
+import type { NUploader } from '../interface';
+export declare function fileToObject(file: NUploader.IFileType | null): NUploader.IInternalUploadFile | null;
+export declare function updateFileList(file: NUploader.IUploadFile, fileList: NUploader.IUploadFile[]): NUploader.IUploadFile<any>[];
+export declare function getFileItem(file: NUploader.IFileType, fileList: NUploader.IUploadFile[]): NUploader.IUploadFile<any>;
+export declare function removeFileItem(file: NUploader.IUploadFile, fileList: NUploader.IUploadFile[]): NUploader.IUploadFile<any>[] | null;

package/dist/components/CdsUploader/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './helpers';
+export * from './accept';
+export * from './traverseFileTree';
+export * from './uid';

package/dist/components/CdsUploader/utils/traverseFileTree.d.ts

@@ -0,0 +1,14 @@
+import { NUploader } from '../../../components/CdsUploader/interface';
+interface InternalDataTransferItem extends DataTransferItem {
+    isFile: boolean;
+    file: (cd: (file: NUploader.IRcFile & {
+        webkitRelativePath: string;
+    }) => void) => void;
+    createReader: () => any;
+    fullPath: string;
+    isDirectory: boolean;
+    name: string;
+    path: string;
+}
+export declare function traverseFileTree(files: InternalDataTransferItem[], callback: (fileList: NUploader.IRcFile[]) => void, isAccepted: (file: NUploader.IRcFile) => boolean): void;
+export {};

package/dist/components/CdsUploader/utils/uid.d.ts

@@ -0,0 +1 @@
+export declare function getUid(): string;

package/dist/components/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Automatically generated by CDS CLI
- * Generated on 8/24/2023, 10:15:26 AM
+ * Generated on 9/14/2023, 12:22:32 PM
  **/
 export { default as CdsBadge } from './CdsBadge/CdsBadge.vue';
 export { default as CdsBreadcrumbs } from './CdsBreadcrumbs/CdsBreadcrumbs.vue';
@@ -45,14 +45,18 @@ export { default as CdsNotificationAlert } from './CdsNotification/CdsNotificati
 export { default as CdsOverlay } from './CdsOverlay/CdsOverlay.vue';
 export { default as CdsPage } from './CdsPage/CdsPage.vue';
 export { default as CdsPagination } from './CdsPagination/CdsPagination.vue';
+export { default as CdsProgress } from './CdsProgress/CdsProgress.vue';
 export { default as CdsRadio } from './CdsRadioButton/CdsRadio.vue';
 export { default as CdsRadioButton } from './CdsRadioButton/CdsRadioButton.vue';
 export { default as CdsSelect } from './CdsSelect/CdsSelect.vue';
 export { default as CdsSidebar } from './CdsSidebar/CdsSidebar.vue';
+export { default as CdsSkeletonLoader } from './CdsSkeletonLoader/CdsSkeletonLoader.vue';
 export { default as CdsSlideGroup } from './CdsSlideGroup/CdsSlideGroup.vue';
 export { default as CdsSlideGroupItem } from './CdsSlideGroup/CdsSlideGroupItem.vue';
 export { default as CdsStages } from './CdsStages/CdsStages.vue';
 export { default as CdsStatus } from './CdsStatus/CdsStatus.vue';
+export { default as CdsSteps } from './CdsSteps/CdsSteps.vue';
+export { default as CdsStepsItem } from './CdsSteps/CdsStepsItem.vue';
 export { default as CdsTable } from './CdsTable/CdsTable.vue';
 export { default as CdsTableColumn } from './CdsTable/CdsTableColumn.vue';
 export { default as CdsTableColumnGroup } from './CdsTable/CdsTableColumnGroup.vue';
@@ -64,7 +68,9 @@ export { default as CdsTextInput } from './CdsTextInput/CdsTextInput.vue';
 export { default as CdsTimePicker } from './CdsTimePicker/CdsTimePicker.vue';
 export { default as CdsToolbar } from './CdsToolbar/CdsToolbar.vue';
 export { default as CdsToolbarTitle } from './CdsToolbar/CdsToolbarTitle.vue';
+export { default as CdsToggle } from './CdsToggle/CdsToggle.vue';
 export { default as CdsTooltip } from './CdsTooltip/CdsTooltip.vue';
+export { default as CdsUploader } from './CdsUploader/CdsUploader.vue';
 export * from './CdsBadge';
 export * from './CdsBreadcrumbs';
 export * from './CdsButton';
@@ -93,12 +99,15 @@ export * from './CdsNotification';
 export * from './CdsOverlay';
 export * from './CdsPage';
 export * from './CdsPagination';
+export * from './CdsProgress';
 export * from './CdsRadioButton';
 export * from './CdsSelect';
 export * from './CdsSidebar';
+export * from './CdsSkeletonLoader';
 export * from './CdsSlideGroup';
 export * from './CdsStages';
 export * from './CdsStatus';
+export * from './CdsSteps';
 export * from './CdsTable';
 export * from './CdsTabs';
 export * from './CdsTag';
@@ -106,4 +115,6 @@ export * from './CdsTextArea';
 export * from './CdsTextInput';
 export * from './CdsTimePicker';
 export * from './CdsToolbar';
+export * from './CdsToggle';
 export * from './CdsTooltip';
+export * from './CdsUploader';

package/dist/composable/index.d.ts

@@ -36,6 +36,7 @@ export * from './filter';
 export * from './menu';
 export * from './datetime';
 export * from './resizeObserver';
+export * from './intersectionObserver';
 export * from './refs';
 export * from './display';
 export * from './state';

package/dist/composable/intersectionObserver.d.ts

@@ -0,0 +1,4 @@
+export declare function useIntersectionObserver(callback?: IntersectionObserverCallback, options?: IntersectionObserverInit): {
+    intersectionRef: import("vue").Ref<HTMLElement | undefined>;
+    isIntersection: import("vue").ShallowRef<boolean>;
+};

package/dist/composable/text.d.ts

@@ -1,8 +1,9 @@
-import type { PropType } from 'vue';
+import type { PropType, ComputedRef } from 'vue';
 export interface ITextProps {
     text: string | undefined;
 }
 export interface IUseText {
+    hasText: ComputedRef<boolean>;
 }
 export declare const makeTextProps: <Defaults extends {
     text?: unknown;
@@ -15,3 +16,4 @@ export declare const makeTextProps: <Defaults extends {
         default: undefined;
     };
 }, Defaults>;
+export declare function useText(props: ITextProps, slots: Record<string, unknown>): IUseText;

package/dist/locale/index.d.ts

@@ -1,4 +1,5 @@
 import type { NTable } from '../components/CdsTable/interface';
+import type { NUploader } from '../components/CdsUploader/interface';
 import type { TNotificationLocale } from '../components/CdsNotification/composable';
 import type { TDateLocale } from '../utils';
 export interface ILocale {
@@ -9,6 +10,7 @@ export interface ILocale {
         prev?: string;
         next?: string;
     };
+    uploader: NUploader.ILocale;
 }
 export declare const availableLocale: readonly ["ru", "en"];
 export declare type TAvailableLocale = typeof availableLocale[number];

package/dist/utils/dom/classNames.d.ts

@@ -1 +1,4 @@
 export declare function classNames(...args: any[]): any;
+export declare function hasClass(node: HTMLDivElement, className: string): boolean;
+export declare function addClass(node: HTMLDivElement, className: string): void;
+export declare function removeClass(node: HTMLDivElement, className: string): void;

package/dist/utils/helpers.d.ts

@@ -150,6 +150,12 @@ export declare function findChildrenWithProvide(key: InjectionKey<any> | symbol,
     [key: string]: any;
 }): ComponentInternalInstance[];
 export declare function focusableChildren(el: Element): HTMLElement[];
+/**
+ * https://github.com/lodash/lodash/blob/master/partition.js
+ * @param items
+ * @param predicates
+ */
+export declare function partition<T>(items: T[], predicates: (item: T) => boolean): [T[], T[]];
 export declare function noop(): void;
 /**
  * Types

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@central-design-system/components",
-  "version": "3.0.0-alpha.17",
+  "version": "3.0.0-alpha.18",
   "description": "Central Design System on the Vue 3.0 and TypeScript",
   "author": "magersoft",
   "license": "ISC",

package/src/scss/themes/index.ts

@@ -1,6 +1,6 @@
 /**
  * Automatically generated by CDS CLI
- * Generated on 8/31/2023, 2:43:54 PM
+ * Generated on 9/15/2023, 4:45:22 PM
  **/
 
 /**