mc-plus 1.0.21 → 1.0.22

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

@@ -26,3 +26,4 @@ export * from './mc-tab';
 export * from './mc-reset';
 export * from './mc-divider';
 export * from './mc-lightbox';
+export * from './mc-upload';

package/dist/types/components/mc-lightbox/index.d.ts

@@ -18,7 +18,9 @@ export declare const McLightbox: {
         portCssSelector: string;
         hideFooter: boolean;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        _ref: HTMLDivElement;
+        lightboxRef: HTMLDivElement;
+        wrapperRef: HTMLDivElement;
+        contentRef: HTMLDivElement;
         footerRef: HTMLDivElement;
     }, any, import('vue').ComponentProvideOptions, {
         P: {};

package/dist/types/components/mc-upload/constanst.d.ts

@@ -0,0 +1,11 @@
+export declare const WILDCARD = "[?]";
+export declare const UPLOAD_TEXT_EH: {
+    upload_note: string;
+    max_size: string;
+    max_count: string;
+    uploaded_by: string;
+    uploaded_on: string;
+    limit_count: string;
+    limit_size: string;
+    limit_type: string;
+};

package/dist/types/components/mc-upload/index.d.ts

@@ -0,0 +1,124 @@
+export * from './types';
+export declare const McUpload: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../core').UploadProps> & Readonly<{
+        "onUpdate:modelValue"?: ((files: import('../../core').UploadFile[]) => any) | undefined;
+        onUpload?: ((files: import('../../core').UploadFile[]) => any) | undefined;
+        "onDelete:file"?: ((file: import('../../core').UploadFile) => any) | undefined;
+        "onReview:file"?: ((file: import('../../core').UploadFile) => any) | undefined;
+        "onError:count"?: (() => any) | undefined;
+        "onError:size"?: (() => any) | undefined;
+    }>, {
+        uploadInputRef: import('vue').Ref<HTMLDivElement | void>;
+        clear: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "update:modelValue": (files: import('../../core').UploadFile[]) => any;
+        upload: (files: import('../../core').UploadFile[]) => any;
+        "delete:file": (file: import('../../core').UploadFile) => any;
+        "review:file": (file: import('../../core').UploadFile) => any;
+        "error:count": () => any;
+        "error:size": () => any;
+    }, import('vue').PublicProps, {
+        modelValue: import('../../core').UploadFile[];
+        fileSize: number | string;
+        fileCount: number;
+        hiddenIcon: boolean;
+        uploadUser: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        uploadFileRef: HTMLInputElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('../../core').UploadProps> & Readonly<{
+        "onUpdate:modelValue"?: ((files: import('../../core').UploadFile[]) => any) | undefined;
+        onUpload?: ((files: import('../../core').UploadFile[]) => any) | undefined;
+        "onDelete:file"?: ((file: import('../../core').UploadFile) => any) | undefined;
+        "onReview:file"?: ((file: import('../../core').UploadFile) => any) | undefined;
+        "onError:count"?: (() => any) | undefined;
+        "onError:size"?: (() => any) | undefined;
+    }>, {
+        uploadInputRef: import('vue').Ref<HTMLDivElement | void>;
+        clear: () => void;
+    }, {}, {}, {}, {
+        modelValue: import('../../core').UploadFile[];
+        fileSize: number | string;
+        fileCount: number;
+        hiddenIcon: boolean;
+        uploadUser: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('../../core').UploadProps> & Readonly<{
+    "onUpdate:modelValue"?: ((files: import('../../core').UploadFile[]) => any) | undefined;
+    onUpload?: ((files: import('../../core').UploadFile[]) => any) | undefined;
+    "onDelete:file"?: ((file: import('../../core').UploadFile) => any) | undefined;
+    "onReview:file"?: ((file: import('../../core').UploadFile) => any) | undefined;
+    "onError:count"?: (() => any) | undefined;
+    "onError:size"?: (() => any) | undefined;
+}>, {
+    uploadInputRef: import('vue').Ref<HTMLDivElement | void>;
+    clear: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (files: import('../../core').UploadFile[]) => any;
+    upload: (files: import('../../core').UploadFile[]) => any;
+    "delete:file": (file: import('../../core').UploadFile) => any;
+    "review:file": (file: import('../../core').UploadFile) => any;
+    "error:count": () => any;
+    "error:size": () => any;
+}, string, {
+    modelValue: import('../../core').UploadFile[];
+    fileSize: number | string;
+    fileCount: number;
+    hiddenIcon: boolean;
+    uploadUser: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export declare const McFileList: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../core').FileListProps> & Readonly<{
+        "onDelete:file"?: ((file: import('../../core').UploadFile) => any) | undefined;
+        "onReview:file"?: ((file: import('../../core').UploadFile) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        "delete:file": (file: import('../../core').UploadFile) => any;
+        "review:file": (file: import('../../core').UploadFile) => any;
+    }, import('vue').PublicProps, {
+        files: import('../../core').UploadFile[];
+        deletable: boolean;
+        theme: import('../../core').FileListTheme;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        fileContainerRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('../../core').FileListProps> & Readonly<{
+        "onDelete:file"?: ((file: import('../../core').UploadFile) => any) | undefined;
+        "onReview:file"?: ((file: import('../../core').UploadFile) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        files: import('../../core').UploadFile[];
+        deletable: boolean;
+        theme: import('../../core').FileListTheme;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('../../core').FileListProps> & Readonly<{
+    "onDelete:file"?: ((file: import('../../core').UploadFile) => any) | undefined;
+    "onReview:file"?: ((file: import('../../core').UploadFile) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "delete:file": (file: import('../../core').UploadFile) => any;
+    "review:file": (file: import('../../core').UploadFile) => any;
+}, string, {
+    files: import('../../core').UploadFile[];
+    deletable: boolean;
+    theme: import('../../core').FileListTheme;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;

package/dist/types/components/mc-upload/types.d.ts

@@ -0,0 +1,46 @@
+import { Ref } from 'vue';
+export type UploadState = "loading" | "failed" | "successed";
+export type UploadFunc = (file: File) => Promise<UploadFile>;
+export interface UploadFile {
+    fid?: number;
+    name?: string;
+    size?: number;
+    status?: UploadState;
+    errorMessage?: string;
+    uploadBy?: string;
+    uploadTime?: string | number;
+}
+export interface UploadProps {
+    modelValue?: UploadFile[];
+    fileSize?: number | string;
+    fileCount?: number;
+    hiddenIcon?: boolean;
+    allowedFileTypes?: string[];
+    uploadUser?: string;
+    uploadFunc?: UploadFunc;
+}
+export interface UploadEmits {
+    (e: "upload", files: UploadFile[]): void;
+    (e: "update:modelValue", files: UploadFile[]): void;
+    (e: "delete:file", file: UploadFile): void;
+    (e: "review:file", file: UploadFile): void;
+    (e: "error:count"): void;
+    (e: "error:size"): void;
+}
+export interface UploadInstance {
+    uploadInputRef: Ref<HTMLDivElement | void>;
+    clear: () => void;
+}
+export type FileListTheme = "grey" | "white";
+export interface FileListProps {
+    files?: UploadFile[];
+    deletable?: boolean;
+    theme?: FileListTheme;
+}
+export interface FileListEmits {
+    (e: "delete:file", file: UploadFile): void;
+    (e: "review:file", file: UploadFile): void;
+}
+export interface FileInstance {
+    ref: Ref<HTMLDivElement | void>;
+}

package/dist/types/components/mc-upload/utils.d.ts

@@ -0,0 +1,4 @@
+declare const getFileSize: (size: number, fraction?: number) => string;
+declare const changeSizeStringToNumber: (size: string) => number;
+declare function formatDate(timestamp?: number | string): string;
+export { getFileSize, changeSizeStringToNumber, formatDate };