handy-uploader 2.0.0 → 2.0.2

package/dist/lib/index.d.ts

@@ -0,0 +1,713 @@
+import ThumbnailUploader from '../components/ThumbnailUploader.vue';
+import TableUploader from '../components/TableUploader.vue';
+import SimpleUploader from '../components/SimpleUploader.vue';
+import HandyUploader from '../components/handyUploader.vue';
+import InsertButton from '../components/InsertButton.vue';
+import SelectFileIconType from '../components/SelectFileIconType.vue';
+export type { FileData, DocumentAttachment, FileUploaderType, CardType, LanguageCode, FileSizeResult, FileIconProps, Translation, LanguageCollection, BaseUploaderProps, CardThemeProps, HandyUploaderProps, UploaderEvents, HandyUploaderEvents, MimeType, ProcessedFile, SnackbarConfig } from '../types';
+export { formatFileSize, getFileType, getFileIcon, isImageFile, validateFileSize, validateFileCount, getMimeTypeFromExtension, constructImageDataUrl, compressImage, fileToBase64 } from '../utils/fileUtils';
+export { useFileUpload } from '../composables/useFileUpload';
+export { useErrorHandler } from '../composables/useErrorHandler';
+export { languages as languageData } from './language';
+export { ThumbnailUploader, TableUploader, SimpleUploader, HandyUploader, InsertButton, SelectFileIconType };
+declare const _default: {
+    ThumbnailUploader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        outlined: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        shaped: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tile: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        documentAttachment: {
+            type: import("vue").PropType<import("../types").DocumentAttachment[]>;
+            required: true;
+        };
+        lang: {
+            type: import("vue").PropType<import("../types").LanguageCode>;
+            required: true;
+            default: string;
+        };
+        thumb: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        cols: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        editPermission: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        deletePermission: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        selectedLang: {
+            type: import("vue").PropType<import("../types").LanguageCollection>;
+            required: true;
+        };
+        cardType: {
+            type: import("vue").PropType<import("../types").CardType>;
+        };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        openDeleteDialog: (index: number, deleteId: string) => void;
+        openEditDocumentDialog: (item: import("../types").DocumentAttachment, index: number) => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        outlined: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        shaped: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tile: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        documentAttachment: {
+            type: import("vue").PropType<import("../types").DocumentAttachment[]>;
+            required: true;
+        };
+        lang: {
+            type: import("vue").PropType<import("../types").LanguageCode>;
+            required: true;
+            default: string;
+        };
+        thumb: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        cols: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        editPermission: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        deletePermission: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        selectedLang: {
+            type: import("vue").PropType<import("../types").LanguageCollection>;
+            required: true;
+        };
+        cardType: {
+            type: import("vue").PropType<import("../types").CardType>;
+        };
+    }>> & Readonly<{
+        onOpenDeleteDialog?: ((index: number, deleteId: string) => any) | undefined;
+        onOpenEditDocumentDialog?: ((item: import("../types").DocumentAttachment, index: number) => any) | undefined;
+    }>, {
+        outlined: boolean;
+        shaped: boolean;
+        raised: boolean;
+        tile: boolean;
+        lang: import("../types").LanguageCode;
+        thumb: boolean;
+        cols: number;
+        editPermission: boolean;
+        deletePermission: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    TableUploader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        tableThumbColumn: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
+        tableFixedHeader: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        tableHeight: {
+            type: import("vue").PropType<number>;
+            required: true;
+            default: number;
+        };
+        documentAttachment: {
+            type: import("vue").PropType<import("../types").DocumentAttachment[]>;
+            required: true;
+        };
+        lang: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        thumb: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        cols: {
+            type: import("vue").PropType<number>;
+            required: true;
+            default: number;
+        };
+        editPermission: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        deletePermission: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        selectedLang: {
+            type: import("vue").PropType<import("../types").LanguageCollection>;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        openDeleteDialog: (...args: any[]) => void;
+        openEditDocumentDialog: (...args: any[]) => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        tableThumbColumn: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
+        tableFixedHeader: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        tableHeight: {
+            type: import("vue").PropType<number>;
+            required: true;
+            default: number;
+        };
+        documentAttachment: {
+            type: import("vue").PropType<import("../types").DocumentAttachment[]>;
+            required: true;
+        };
+        lang: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        thumb: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        cols: {
+            type: import("vue").PropType<number>;
+            required: true;
+            default: number;
+        };
+        editPermission: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        deletePermission: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        selectedLang: {
+            type: import("vue").PropType<import("../types").LanguageCollection>;
+            required: true;
+        };
+    }>> & Readonly<{
+        onOpenDeleteDialog?: ((...args: any[]) => any) | undefined;
+        onOpenEditDocumentDialog?: ((...args: any[]) => any) | undefined;
+    }>, {
+        tableFixedHeader: boolean;
+        tableHeight: number;
+        lang: string;
+        thumb: boolean;
+        cols: number;
+        editPermission: boolean;
+        deletePermission: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    SimpleUploader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        outlined: {
+            type: import("vue").PropType<boolean>;
+        };
+        shaped: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+        tile: {
+            type: import("vue").PropType<boolean>;
+        };
+        documentAttachment: {
+            type: import("vue").PropType<import("../types").DocumentAttachment[]>;
+            required: true;
+        };
+        lang: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        thumb: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        cols: {
+            type: import("vue").PropType<number>;
+            required: true;
+            default: number;
+        };
+        editPermission: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        deletePermission: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        selectedLang: {
+            type: import("vue").PropType<import("../types").LanguageCollection>;
+            required: true;
+        };
+        cardType: {
+            type: import("vue").PropType<string>;
+        };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        openDeleteDialog: (...args: any[]) => void;
+        openEditDocumentDialog: (...args: any[]) => void;
+        setCardTheme: (...args: any[]) => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        outlined: {
+            type: import("vue").PropType<boolean>;
+        };
+        shaped: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+        tile: {
+            type: import("vue").PropType<boolean>;
+        };
+        documentAttachment: {
+            type: import("vue").PropType<import("../types").DocumentAttachment[]>;
+            required: true;
+        };
+        lang: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        thumb: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        cols: {
+            type: import("vue").PropType<number>;
+            required: true;
+            default: number;
+        };
+        editPermission: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        deletePermission: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        selectedLang: {
+            type: import("vue").PropType<import("../types").LanguageCollection>;
+            required: true;
+        };
+        cardType: {
+            type: import("vue").PropType<string>;
+        };
+    }>> & Readonly<{
+        onOpenDeleteDialog?: ((...args: any[]) => any) | undefined;
+        onOpenEditDocumentDialog?: ((...args: any[]) => any) | undefined;
+        onSetCardTheme?: ((...args: any[]) => any) | undefined;
+    }>, {
+        lang: string;
+        thumb: boolean;
+        cols: number;
+        editPermission: boolean;
+        deletePermission: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    HandyUploader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        outlined: {
+            type: import("vue").PropType<boolean>;
+        };
+        shaped: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+        tile: {
+            type: import("vue").PropType<boolean>;
+        };
+        maxFileSize: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        fileUploaderType: {
+            type: import("vue").PropType<import("../types").FileUploaderType>;
+            default: string;
+        };
+        maxFileCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        badgeCounter: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        btnColor: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        imageCompressor: {
+            type: import("vue").PropType<boolean>;
+        };
+        imageCompressLevel: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        fileAccept: {
+            type: import("vue").PropType<string>;
+        };
+        tableThumbColumn: {
+            type: import("vue").PropType<boolean>;
+        };
+        tableFixedHeader: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tableHeight: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        rtlSupport: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        changeFileName: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        addFileDescription: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        addFileTag: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tags: {
+            type: import("vue").PropType<string[]>;
+        };
+        customLang: {
+            type: import("vue").PropType<import("../types").LanguageCollection | null>;
+            default: null;
+        };
+        insertPermission: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        documentAttachment: {
+            type: import("vue").PropType<import("../types").DocumentAttachment[]>;
+            required: true;
+        };
+        lang: {
+            type: import("vue").PropType<import("../types").LanguageCode>;
+            required: true;
+            default: string;
+        };
+        thumb: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        cols: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        editPermission: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        deletePermission: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        cardType: {
+            type: import("vue").PropType<import("../types").CardType>;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        updateCardType: (...args: any[]) => void;
+        updateBadgeCounter: (...args: any[]) => void;
+        updateMaxFileCount: (...args: any[]) => void;
+        updateMaxFileSize: (...args: any[]) => void;
+        updateImageCompressor: (...args: any[]) => void;
+        updateImageCompressLevel: (...args: any[]) => void;
+        updateFileAccept: (...args: any[]) => void;
+        updateThumb: (...args: any[]) => void;
+        updateChangeFileName: (...args: any[]) => void;
+        updateAddFileDescription: (...args: any[]) => void;
+        updateTableThumbColumn: (...args: any[]) => void;
+        updateTableFixedHeader: (...args: any[]) => void;
+        updateTableHeight: (...args: any[]) => void;
+        updateLang: (...args: any[]) => void;
+        updateDocumentAttachment: (...args: any[]) => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        outlined: {
+            type: import("vue").PropType<boolean>;
+        };
+        shaped: {
+            type: import("vue").PropType<boolean>;
+        };
+        raised: {
+            type: import("vue").PropType<boolean>;
+        };
+        tile: {
+            type: import("vue").PropType<boolean>;
+        };
+        maxFileSize: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        fileUploaderType: {
+            type: import("vue").PropType<import("../types").FileUploaderType>;
+            default: string;
+        };
+        maxFileCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        badgeCounter: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        btnColor: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        imageCompressor: {
+            type: import("vue").PropType<boolean>;
+        };
+        imageCompressLevel: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        fileAccept: {
+            type: import("vue").PropType<string>;
+        };
+        tableThumbColumn: {
+            type: import("vue").PropType<boolean>;
+        };
+        tableFixedHeader: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tableHeight: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        rtlSupport: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        changeFileName: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        addFileDescription: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        addFileTag: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tags: {
+            type: import("vue").PropType<string[]>;
+        };
+        customLang: {
+            type: import("vue").PropType<import("../types").LanguageCollection | null>;
+            default: null;
+        };
+        insertPermission: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        documentAttachment: {
+            type: import("vue").PropType<import("../types").DocumentAttachment[]>;
+            required: true;
+        };
+        lang: {
+            type: import("vue").PropType<import("../types").LanguageCode>;
+            required: true;
+            default: string;
+        };
+        thumb: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        cols: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        editPermission: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        deletePermission: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        cardType: {
+            type: import("vue").PropType<import("../types").CardType>;
+            default: string;
+        };
+    }>> & Readonly<{
+        onUpdateCardType?: ((...args: any[]) => any) | undefined;
+        onUpdateBadgeCounter?: ((...args: any[]) => any) | undefined;
+        onUpdateMaxFileCount?: ((...args: any[]) => any) | undefined;
+        onUpdateMaxFileSize?: ((...args: any[]) => any) | undefined;
+        onUpdateImageCompressor?: ((...args: any[]) => any) | undefined;
+        onUpdateImageCompressLevel?: ((...args: any[]) => any) | undefined;
+        onUpdateFileAccept?: ((...args: any[]) => any) | undefined;
+        onUpdateThumb?: ((...args: any[]) => any) | undefined;
+        onUpdateChangeFileName?: ((...args: any[]) => any) | undefined;
+        onUpdateAddFileDescription?: ((...args: any[]) => any) | undefined;
+        onUpdateTableThumbColumn?: ((...args: any[]) => any) | undefined;
+        onUpdateTableFixedHeader?: ((...args: any[]) => any) | undefined;
+        onUpdateTableHeight?: ((...args: any[]) => any) | undefined;
+        onUpdateLang?: ((...args: any[]) => any) | undefined;
+        onUpdateDocumentAttachment?: ((...args: any[]) => any) | undefined;
+    }>, {
+        maxFileSize: number;
+        fileUploaderType: import("../types").FileUploaderType;
+        maxFileCount: number;
+        badgeCounter: boolean;
+        btnColor: string;
+        imageCompressLevel: number;
+        tableFixedHeader: boolean;
+        tableHeight: number;
+        rtlSupport: boolean;
+        changeFileName: boolean;
+        addFileDescription: boolean;
+        addFileTag: boolean;
+        customLang: import("../types").LanguageCollection | null;
+        insertPermission: boolean;
+        lang: import("../types").LanguageCode;
+        thumb: boolean;
+        cols: number;
+        editPermission: boolean;
+        deletePermission: boolean;
+        cardType: import("../types").CardType;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    InsertButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        documentAttachment: {
+            type: import("vue").PropType<import("../types").DocumentAttachment[]>;
+            required: true;
+        };
+        badgeCounter: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
+        btnColor: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        lang: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        maxFileCount: {
+            type: import("vue").PropType<number>;
+            required: true;
+        };
+        selectedLang: {
+            type: import("vue").PropType<import("../types").LanguageCollection>;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        openInputDocumentModal: (...args: any[]) => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        documentAttachment: {
+            type: import("vue").PropType<import("../types").DocumentAttachment[]>;
+            required: true;
+        };
+        badgeCounter: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
+        btnColor: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        lang: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        maxFileCount: {
+            type: import("vue").PropType<number>;
+            required: true;
+        };
+        selectedLang: {
+            type: import("vue").PropType<import("../types").LanguageCollection>;
+            required: true;
+        };
+    }>> & Readonly<{
+        onOpenInputDocumentModal?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    SelectFileIconType: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        fileFormat: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        size: {
+            type: import("vue").PropType<number>;
+            required: true;
+            default: number;
+        };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        fileFormat: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        size: {
+            type: import("vue").PropType<number>;
+            required: true;
+            default: number;
+        };
+    }>> & Readonly<{}>, {
+        size: number;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};
+export default _default;
+import type { App } from 'vue';
+export declare function install(app: App): void;
+declare global {
+    interface Window {
+        Vue?: App;
+    }
+}