@matechat/core 1.10.0 → 1.11.0-alpha.0

package/Attachment/Attachment.vue.d.ts

@@ -0,0 +1,121 @@
+import { AttachmentSlots } from "./attachment-types";
+import type { FileItem } from "./attachment-types";
+type __VLS_Slots = AttachmentSlots;
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    uploadOptions: {
+        readonly type: import("vue").PropType<import("./attachment-types").UploadOptions>;
+        readonly default: () => {};
+    };
+    disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    accept: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    dropPlaceholder: {
+        readonly type: StringConstructor;
+    };
+    maxCount: {
+        readonly type: NumberConstructor;
+        readonly default: number;
+    };
+    maxSize: {
+        readonly type: NumberConstructor;
+        readonly default: number;
+    };
+    multiple: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    draggable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    beforeUpload: {
+        readonly type: import("vue").PropType<(file: File) => boolean | Promise<boolean>>;
+        readonly default: null;
+    };
+    getDropContainer: {
+        readonly type: import("vue").PropType<() => HTMLElement>;
+    };
+    modelValue: {
+        type: import("vue").PropType<FileItem<unknown, unknown>[]>;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    progress: (file: File, fileList: FileItem<unknown, unknown>[]) => void;
+    error: (file: File, error: unknown, fileList: FileItem<unknown, unknown>[]) => void;
+    change: (file: File, fileList: FileItem<unknown, unknown>[]) => void;
+    drop: (files: File[]) => void;
+    success: (file: File, response: unknown, fileList: FileItem<unknown, unknown>[]) => void;
+    validChange: (e: import("./attachment-types").IValidResult[]) => void;
+    "update:modelValue": (value: FileItem<unknown, unknown>[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    uploadOptions: {
+        readonly type: import("vue").PropType<import("./attachment-types").UploadOptions>;
+        readonly default: () => {};
+    };
+    disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    accept: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    dropPlaceholder: {
+        readonly type: StringConstructor;
+    };
+    maxCount: {
+        readonly type: NumberConstructor;
+        readonly default: number;
+    };
+    maxSize: {
+        readonly type: NumberConstructor;
+        readonly default: number;
+    };
+    multiple: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    draggable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    beforeUpload: {
+        readonly type: import("vue").PropType<(file: File) => boolean | Promise<boolean>>;
+        readonly default: null;
+    };
+    getDropContainer: {
+        readonly type: import("vue").PropType<() => HTMLElement>;
+    };
+    modelValue: {
+        type: import("vue").PropType<FileItem<unknown, unknown>[]>;
+    };
+}>> & Readonly<{
+    onProgress?: ((file: File, fileList: FileItem<unknown, unknown>[]) => any) | undefined;
+    onError?: ((file: File, error: unknown, fileList: FileItem<unknown, unknown>[]) => any) | undefined;
+    onChange?: ((file: File, fileList: FileItem<unknown, unknown>[]) => any) | undefined;
+    onDrop?: ((files: File[]) => any) | undefined;
+    onSuccess?: ((file: File, response: unknown, fileList: FileItem<unknown, unknown>[]) => any) | undefined;
+    onValidChange?: ((e: import("./attachment-types").IValidResult[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: FileItem<unknown, unknown>[]) => any) | undefined;
+}>, {
+    draggable: boolean;
+    disabled: boolean;
+    multiple: boolean;
+    accept: string;
+    uploadOptions: import("./attachment-types").UploadOptions;
+    maxCount: number;
+    maxSize: number;
+    beforeUpload: (file: File) => boolean | Promise<boolean>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/Attachment/attachment-types.d.ts

@@ -0,0 +1,103 @@
+import type { ExtractPropTypes, InjectionKey, PropType, Ref, VNode } from "vue";
+export type FileStatus = "uploading" | "downloading" | "success" | "uploadError" | "downloadError";
+export interface FileItem<T = unknown, E = unknown> {
+    uid: number;
+    name: string;
+    size: number;
+    type?: string;
+    status?: FileStatus;
+    percentage?: number;
+    id?: string | number;
+    response?: T;
+    error?: E;
+    thumbUrl?: string;
+    url?: string;
+}
+export interface UploadOptions {
+    uri: string | URL;
+    method?: "POST" | "PUT" | "PATCH";
+    headers?: {
+        [key: string]: string;
+    };
+    authToken?: string;
+    authTokenHeader?: string;
+    additionalParameter?: {
+        [key: string]: string | Blob;
+    };
+    fileFieldName?: string;
+    withCredentials?: boolean;
+    responseType?: "arraybuffer" | "blob" | "json" | "text";
+}
+export declare const AttachmentProps: {
+    readonly uploadOptions: {
+        readonly type: PropType<UploadOptions>;
+        readonly default: () => {};
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly accept: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly dropPlaceholder: {
+        readonly type: StringConstructor;
+    };
+    readonly maxCount: {
+        readonly type: NumberConstructor;
+        readonly default: number;
+    };
+    readonly maxSize: {
+        readonly type: NumberConstructor;
+        readonly default: number;
+    };
+    readonly multiple: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly draggable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly beforeUpload: {
+        readonly type: PropType<(file: File) => boolean | Promise<boolean>>;
+        readonly default: null;
+    };
+    readonly getDropContainer: {
+        readonly type: PropType<() => HTMLElement>;
+    };
+};
+export type AttachmentProps = ExtractPropTypes<typeof AttachmentProps>;
+export type ValidResultType = "exceedCount" | "unsupportedFileType" | "exceedSizeLimit" | "beforeUploadRejected";
+export interface IValidResult {
+    type: ValidResultType;
+    file?: File;
+}
+export declare const AttachmentEmits: {
+    change: (file: File, fileList: FileItem[]) => boolean;
+    success: (file: File, response: FileItem["response"], fileList: FileItem[]) => boolean;
+    error: (file: File, error: FileItem["error"], fileList: FileItem[]) => boolean;
+    progress: (file: File, fileList: FileItem[]) => boolean;
+    drop: (files: File[]) => boolean;
+    validChange: (e: IValidResult[]) => boolean;
+};
+export type AttachmentEmits = {
+    (e: "change", file: File, fileList: FileItem[]): void;
+    (e: "success", file: File, response: FileItem["response"], fileList: FileItem[]): void;
+    (e: "error", file: File, error: FileItem["error"], fileList: FileItem[]): void;
+    (e: "progress", file: File, fileList: FileItem[]): void;
+    (e: "drop", files: File[]): void;
+    (e: "validChange", validResult: IValidResult[]): void;
+};
+export interface AttachmentSlots {
+    default(): VNode;
+    dropPlaceholder(): VNode;
+}
+export interface IAttachmentCtx {
+    rootProps: AttachmentProps;
+    rootEmits: AttachmentEmits;
+    isDisabled: Ref<boolean>;
+    uploadFiles: (files: File[]) => Promise<void>;
+}
+export declare const AttachmentInjectKey: InjectionKey<IAttachmentCtx>;

package/Attachment/drop-area.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/Attachment/index.css

@@ -1 +1 @@
-.mc-alert{position:fixed;top:50px;left:50%;transform:translate(-50%);padding:10px;border-radius:var(--devui-border-radius, 2px);transition:all .3s ease-in-out;z-index:10000}.mc-alert--error{background-color:var(--devui-info-bg, #e9edfa)}.mc-alert__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mc-alert__title{font-weight:700;font-size:var(--devui-font-size, 12px);color:var(--devui-text, #252b3a)}.mc-alert__close-btn{background:none;border:none;cursor:pointer;font-size:16px;color:var(--devui-aide-text, #71757f)}.mc-alert__close-btn:hover{color:var(--devui-text, #252b3a)}.mc-alert__content{font-size:var(--devui-font-size-sm, 12px);color:var(--devui-aide-text, #71757f)}.mc-alert__message{white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:inherit}.mc-alert-fade-enter-from,.mc-alert-fade-leave-to{opacity:0;transform:translate(-50%) translateY(-100%)}.mc-attachment{display:inline-block;cursor:pointer;position:relative}.mc-attachment .mc-attachment-file{display:none}.mc-attachment .mc-attachment-default-trigger{padding:4px 8px;color:var(--devui-text, #252b3a);font-size:var(--devui-font-size-sm, 12px);cursor:pointer;outline:none;transition:all .3s ease;box-sizing:border-box;border:1px solid transparent}.mc-attachment .mc-attachment-default-trigger:disabled{cursor:not-allowed;color:var(--devui-disabled-text, #cfd0d3)}.mc-attachment-drag-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 40px;background-color:var(--devui-base-bg, #ffffff);border:2px dashed var(--devui-brand, #5e7ce0);border-radius:var(--devui-border-radius, 2px);color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px);font-weight:700;z-index:9999;pointer-events:none}.mc-attachment-drag-modal.is-disabled{border-color:var(--devui-danger, #f66f6a);color:var(--devui-danger, #f66f6a)}
+.mc-attachment{display:inline-block;cursor:pointer;position:relative}.mc-attachment .mc-attachment-file{display:none}.mc-attachment-drop-area{position:fixed;padding:20px 40px;display:flex;justify-content:center;align-items:center;border:2px dashed var(--devui-brand, #5e7ce0);border-radius:var(--devui-border-radius, 2px);color:var(--devui-text, #252b3a);font-size:var(--devui-font-size, 12px);font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999}

package/Attachment/index.d.ts

@@ -0,0 +1,2 @@
+import McAttachment from './Attachment.vue.ts';
+export { McAttachment };