@matechat/core 1.11.0 → 1.12.0-alpha

package/Attachment/Attachment.vue.d.ts

@@ -3,7 +3,7 @@ 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 type: import("vue").PropType<import("@matechat/common/Attachment/common/attachment-types").UploadOptions>;
         readonly default: () => {};
     };
     disabled: {
@@ -34,7 +34,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly default: true;
     };
     beforeUpload: {
-        readonly type: import("vue").PropType<(file: File) => boolean | Promise<boolean>>;
+        readonly type: import("vue").PropType<import("@matechat/common/Attachment/common/attachment-types").BeforeUpload>;
         readonly default: null;
     };
     getDropContainer: {
@@ -49,11 +49,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     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;
+    validChange: (e: import("@matechat/common/Attachment/common/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 type: import("vue").PropType<import("@matechat/common/Attachment/common/attachment-types").UploadOptions>;
         readonly default: () => {};
     };
     disabled: {
@@ -84,7 +84,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly default: true;
     };
     beforeUpload: {
-        readonly type: import("vue").PropType<(file: File) => boolean | Promise<boolean>>;
+        readonly type: import("vue").PropType<import("@matechat/common/Attachment/common/attachment-types").BeforeUpload>;
         readonly default: null;
     };
     getDropContainer: {
@@ -99,17 +99,17 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     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;
+    onValidChange?: ((e: import("@matechat/common/Attachment/common/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;
+    uploadOptions: import("@matechat/common/Attachment/common/attachment-types").UploadOptions;
     maxCount: number;
     maxSize: number;
-    beforeUpload: (file: File) => boolean | Promise<boolean>;
+    beforeUpload: import("@matechat/common/Attachment/common/attachment-types").BeforeUpload;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/Attachment/attachment-types.d.ts

@@ -1,33 +1,6 @@
 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";
-}
+import type { UploadOptions, FileStatus, FileItem, BeforeUpload, ValidResultType, IValidResult } from "@matechat/common/Attachment/common/attachment-types.ts";
+export { UploadOptions, FileStatus, FileItem, BeforeUpload, ValidResultType, IValidResult, };
 export declare const AttachmentProps: {
     readonly uploadOptions: {
         readonly type: PropType<UploadOptions>;
@@ -61,7 +34,7 @@ export declare const AttachmentProps: {
         readonly default: true;
     };
     readonly beforeUpload: {
-        readonly type: PropType<(file: File) => boolean | Promise<boolean>>;
+        readonly type: PropType<BeforeUpload>;
         readonly default: null;
     };
     readonly getDropContainer: {
@@ -69,11 +42,6 @@ export declare const AttachmentProps: {
     };
 };
 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;

package/Attachment/index.css

@@ -1 +1 @@
-.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}
+.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;box-sizing:border-box}.mc-attachment-drop-area.hide-drop-area{display:none}.mc-attachment{display:inline-block;cursor:pointer;position:relative}.mc-attachment .mc-attachment-file{display:none}

package/Attachment/index.js

@@ -1,7 +1,7 @@
 import "./index.css";
-import { computed as P, defineComponent as E, inject as U, ref as b, watch as N, onMounted as S, onBeforeUnmount as R, createBlock as k, openBlock as T, Teleport as V, withDirectives as M, createElementVNode as w, renderSlot as A, vShow as O, mergeModels as x, useSlots as B, useModel as $, provide as j, createElementBlock as z, unref as g, normalizeClass as _, createCommentVNode as H, withCtx as L, createTextVNode as W, toDisplayString as q } from "vue";
-import { useMcI18n as Y } from "@matechat/core/Locale";
-const K = {
+import { computed as U, defineComponent as E, inject as N, ref as b, watch as S, onMounted as R, onBeforeUnmount as V, openBlock as T, createBlock as k, Teleport as M, createElementVNode as w, normalizeClass as I, renderSlot as A, useSlots as O, useModel as B, provide as $, createElementBlock as j, unref as g, withCtx as z, createTextVNode as _, toDisplayString as H, createCommentVNode as L, mergeModels as x } from "vue";
+import { useMcI18n as W } from "@matechat/core/Locale";
+const q = {
   uploadOptions: {
     type: Object,
     default: () => ({})
@@ -40,15 +40,15 @@ const K = {
   getDropContainer: {
     type: Function
   }
-}, X = {
+}, Y = {
   change: (a, s) => a instanceof File && Array.isArray(s),
   success: (a, s, o) => a instanceof File && Array.isArray(o),
   error: (a, s, o) => a instanceof File && Array.isArray(o),
   progress: (a, s) => a instanceof File && Array.isArray(s),
   drop: (a) => Array.isArray(a),
   validChange: (a) => Array.isArray(a)
-}, I = "mc-attachment";
-function G(a) {
+}, P = "mc-attachment";
+function K(a) {
   const { file: s, options: o, onProgress: i, onSuccess: h, onError: p } = a, t = new XMLHttpRequest();
   t.upload.onprogress = (l) => {
     if (l.lengthComputable) {
@@ -86,12 +86,12 @@ function G(a) {
   }
   t.send(c);
 }
-let J = Date.now();
-function Q(a, s, o, i) {
-  const h = P(() => a.disabled || i.value.length >= a.maxCount), p = (r) => {
+let X = Date.now();
+function G(a, s, o, i) {
+  const h = U(() => a.disabled || i.value.length >= a.maxCount), p = (r) => {
     const d = URL.createObjectURL(r);
     return {
-      uid: J++,
+      uid: X++,
       name: r.name,
       size: r.size,
       type: r.type,
@@ -110,8 +110,8 @@ function Q(a, s, o, i) {
     for (const n of r) {
       let e = !0;
       if (a.accept && a.accept !== "*") {
-        const f = a.accept.split(",").map((y) => y.trim().toLowerCase()), v = n.type.toLowerCase(), C = n.name.toLowerCase();
-        f.some((y) => y.endsWith("/*") ? v.startsWith(y.slice(0, -1)) : y.startsWith(".") ? C.endsWith(y) : v === y) || (u.push({ type: "unsupportedFileType", file: n }), e = !1);
+        const f = a.accept.split(",").map((v) => v.trim().toLowerCase()), y = n.type.toLowerCase(), C = n.name.toLowerCase();
+        f.some((v) => v.endsWith("/*") ? y.startsWith(v.slice(0, -1)) : v.startsWith(".") ? C.endsWith(v) : y === v) || (u.push({ type: "unsupportedFileType", file: n }), e = !1);
       }
       if (e && n.size / 1024 / 1024 > a.maxSize && (u.push({ type: "exceedSizeLimit", file: n }), e = !1), e && a.beforeUpload)
         try {
@@ -128,7 +128,7 @@ function Q(a, s, o, i) {
       }
   }, c = (r, d) => {
     const u = () => i.value.findIndex((n) => n.uid === d.uid);
-    G({
+    K({
       file: r,
       options: a.uploadOptions,
       onProgress: (n) => {
@@ -158,14 +158,14 @@ function Q(a, s, o, i) {
     uploadFiles: t
   };
 }
-const Z = /* @__PURE__ */ E({
+const J = /* @__PURE__ */ E({
   __name: "drop-area",
   setup(a) {
-    const { rootProps: s, rootEmits: o, isDisabled: i, uploadFiles: h } = U(
-      I
+    const { rootProps: s, rootEmits: o, isDisabled: i, uploadFiles: h } = N(
+      P
     ), p = b(), t = b(), c = b(!1);
     let m = 0;
-    N(
+    S(
       () => s.getDropContainer,
       (e) => {
         if (e) {
@@ -179,71 +179,69 @@ const Z = /* @__PURE__ */ E({
         if (p.value === document.body)
           t.value.style.inset = "0";
         else {
-          const { x: f, y: v, width: C, height: D } = p.value.getBoundingClientRect();
-          t.value.style.width = `${C}px`, t.value.style.height = `${D}px`, t.value.style.top = `${v}px`, t.value.style.left = `${f}px`;
+          const { x: f, y, width: C, height: D } = p.value.getBoundingClientRect();
+          t.value.style.width = `${C}px`, t.value.style.height = `${D}px`, t.value.style.top = `${y}px`, t.value.style.left = `${f}px`;
         }
     }, r = (e) => {
       e.preventDefault();
     }, d = (e) => {
       e.preventDefault(), m--, m === 0 && (c.value = !1);
     }, u = (e) => {
-      var v;
+      var y;
       if (e.preventDefault(), c.value = !1, m = 0, i.value) return;
-      const f = Array.from(((v = e.dataTransfer) == null ? void 0 : v.files) || []);
+      const f = Array.from(((y = e.dataTransfer) == null ? void 0 : y.files) || []);
       f.length > 0 && (o("drop", f), h(f));
     };
     function n(e) {
       e.preventDefault(), c.value = !1, m = 0;
     }
-    return S(() => {
+    return R(() => {
       s.getDropContainer && (p.value = s.getDropContainer()), document.body.addEventListener("dragenter", l), document.body.addEventListener("dragover", r), document.body.addEventListener("dragleave", d), document.body.addEventListener("drop", n);
-    }), R(() => {
+    }), V(() => {
       document.body.removeEventListener("dragenter", l), document.body.removeEventListener("dragover", r), document.body.removeEventListener("dragleave", d), document.body.removeEventListener("drop", n);
-    }), (e, f) => (T(), k(V, { to: "body" }, [
-      M(w(
+    }), (e, f) => (T(), k(M, { to: "body" }, [
+      w(
         "div",
         {
           ref_key: "dropAreaEl",
           ref: t,
-          class: "mc-attachment-drop-area",
+          class: I(["mc-attachment-drop-area", !c.value && "hide-drop-area"]),
           onDrop: u
         },
         [
           A(e.$slots, "default")
         ],
-        544
-        /* NEED_HYDRATION, NEED_PATCH */
-      ), [
-        [O, c.value]
-      ])
+        34
+        /* CLASS, NEED_HYDRATION */
+      )
     ]));
   }
-}), ee = ["accept", "multiple", "disabled"], F = /* @__PURE__ */ E({
+}), Q = ["accept", "multiple", "disabled"], F = /* @__PURE__ */ E({
   name: "McAttachment",
   __name: "Attachment",
-  props: /* @__PURE__ */ x(K, {
+  props: /* @__PURE__ */ x(q, {
     modelValue: { default: [] },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ x(X, ["update:modelValue"]),
+  emits: /* @__PURE__ */ x(Y, ["update:modelValue"]),
   setup(a, { emit: s }) {
     const o = a, i = s;
-    B();
-    const h = $(a, "modelValue"), { t: p } = Y(), t = b(), { handleClick: c, handleFileChange: m, isDisabled: l, uploadFiles: r } = Q(
+    O();
+    const h = B(a, "modelValue"), { t: p } = W(), t = b(), { handleClick: c, handleFileChange: m, isDisabled: l, uploadFiles: r } = G(
       o,
       i,
       t,
       h
     );
-    return j(I, {
+    return $(P, {
       rootProps: o,
       rootEmits: i,
       isDisabled: l,
       uploadFiles: r
-    }), (d, u) => (T(), z(
+    }), (d, u) => (T(), j(
       "div",
       {
-        class: _(["mc-attachment", { "is-disabled": g(l) }]),
+        class: I(["mc-attachment", { "is-disabled": g(l) }]),
         onClick: u[1] || (u[1] = //@ts-ignore
         (...n) => g(c) && g(c)(...n))
       },
@@ -259,12 +257,12 @@ const Z = /* @__PURE__ */ E({
           disabled: g(l),
           onChange: u[0] || (u[0] = //@ts-ignore
           (...n) => g(m) && g(m)(...n))
-        }, null, 40, ee),
-        d.draggable ? (T(), k(Z, { key: 0 }, {
-          default: L(() => [
+        }, null, 40, Q),
+        d.draggable ? (T(), k(J, { key: 0 }, {
+          default: z(() => [
             A(d.$slots, "dropPlaceholder", {}, () => [
-              W(
-                q(d.dropPlaceholder ?? g(p)("Attachment.dragToUpload")),
+              _(
+                H(d.dropPlaceholder ?? g(p)("Attachment.dragToUpload")),
                 1
                 /* TEXT */
               )
@@ -272,7 +270,7 @@ const Z = /* @__PURE__ */ E({
           ]),
           _: 3
           /* FORWARDED */
-        })) : H("v-if", !0)
+        })) : L("v-if", !0)
       ],
       2
       /* CLASS */

package/Bubble/index.css

@@ -1 +1 @@
-.mc-bubble-avatar-wrapper{display:inline-block}.mc-bubble-avatar-wrapper .mc-bubble-avatar-style{display:inline-block;text-align:center;color:var(--devui-light-text, #ffffff)}.mc-bubble-avatar-wrapper .mc-bubble-avatar-background-0{background-color:#ff8b87}.mc-bubble-avatar-wrapper .mc-bubble-avatar-background-1{background-color:#7693f5}.mc-bubble-loading[data-v-395fc568]{display:flex;align-items:center;gap:8px}.mc-bubble-loading .loading-dot[data-v-395fc568]{width:8px;height:8px;border-radius:5px;background-color:#9880ff}.mc-bubble-loading .loading-dot.dot-start[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:0s}.mc-bubble-loading .loading-dot.dot-middle[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:.5s}.mc-bubble-loading .loading-dot.dot-end[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:1s}@keyframes dotFlashing-395fc568{0%{background-color:#9880ff}to{background-color:#ebe6ff}}.mc-bubble[data-v-7e509691]{display:flex;gap:4px}.mc-bubble .mc-bubble-content[data-v-7e509691]{word-wrap:break-word}.mc-bubble .mc-bubble-content.filled[data-v-7e509691],.mc-bubble .mc-bubble-content.bordered[data-v-7e509691]{padding:12px 16px;border-radius:12px}.mc-bubble .mc-bubble-content.filled[data-v-7e509691]{background-color:var(--devui-global-bg, #f6f6f8)}.mc-bubble .mc-bubble-content.bordered[data-v-7e509691]{border:1px solid var(--devui-dividing-line, #f2f2f3)}.mc-bubble .mc-bubble-avatar[data-v-7e509691]{flex-shrink:0;display:flex;gap:4px}.mc-bubble .mc-bubble-avatar .mc-bubble-avatar-name[data-v-7e509691]{font-size:14px}.mc-bubble .mc-bubble-avatar.empty-avatar[data-v-7e509691]{visibility:hidden}.mc-bubble.mc-bubble-avatar-top .mc-bubble-avatar[data-v-7e509691]{align-items:center}.mc-bubble .mc-bubble-content-container[data-v-7e509691]{max-width:100%}.mc-bubble.mc-bubble-avatar-top[data-v-7e509691]{flex-direction:column}.mc-bubble.mc-bubble-loading.mc-bubble-avatar-side[data-v-7e509691]{align-items:center}.mc-bubble.mc-bubble-avatar-side.mc-bubble-right[data-v-7e509691]{flex-direction:row-reverse;justify-content:end}.mc-bubble.mc-bubble-avatar-top .mc-bubble-avatar[data-v-7e509691],.mc-bubble.mc-bubble-avatar-top .mc-bubble-content-container[data-v-7e509691]{display:flex}.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-avatar[data-v-7e509691],.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-content-container[data-v-7e509691]{justify-content:end}.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-avatar[data-v-7e509691]{flex-direction:row-reverse}
+.mc-bubble-loading[data-v-395fc568]{display:flex;align-items:center;gap:8px}.mc-bubble-loading .loading-dot[data-v-395fc568]{width:8px;height:8px;border-radius:5px;background-color:#9880ff}.mc-bubble-loading .loading-dot.dot-start[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:0s}.mc-bubble-loading .loading-dot.dot-middle[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:.5s}.mc-bubble-loading .loading-dot.dot-end[data-v-395fc568]{animation:dotFlashing-395fc568 1s infinite linear alternate;animation-delay:1s}@keyframes dotFlashing-395fc568{0%{background-color:#9880ff}to{background-color:#ebe6ff}}.mc-bubble-avatar-wrapper{display:inline-block}.mc-bubble-avatar-wrapper .mc-bubble-avatar-style{display:inline-block;text-align:center;color:var(--devui-light-text, #ffffff)}.mc-bubble-avatar-wrapper .mc-bubble-avatar-background-0{background-color:#ff8b87}.mc-bubble-avatar-wrapper .mc-bubble-avatar-background-1{background-color:#7693f5}.mc-bubble[data-v-9c10edf4]{display:flex;gap:4px;font-size:var(--devui-font-size, 14px)}.mc-bubble .mc-bubble-content[data-v-9c10edf4]{word-wrap:break-word;word-break:break-all}.mc-bubble .mc-bubble-content.filled[data-v-9c10edf4],.mc-bubble .mc-bubble-content.bordered[data-v-9c10edf4]{padding:12px 16px;border-radius:12px}.mc-bubble .mc-bubble-content.filled[data-v-9c10edf4]{background-color:var(--devui-global-bg, #f6f6f8)}.mc-bubble .mc-bubble-content.bordered[data-v-9c10edf4]{border:1px solid var(--devui-dividing-line, #f2f2f3)}.mc-bubble .mc-bubble-avatar[data-v-9c10edf4]{flex-shrink:0;display:flex;gap:4px}.mc-bubble .mc-bubble-avatar .mc-bubble-avatar-name[data-v-9c10edf4]{font-size:14px}.mc-bubble .mc-bubble-avatar.empty-avatar[data-v-9c10edf4]{visibility:hidden}.mc-bubble.mc-bubble-avatar-top .mc-bubble-avatar[data-v-9c10edf4]{align-items:center}.mc-bubble .mc-bubble-content-container[data-v-9c10edf4]{max-width:100%}.mc-bubble.mc-bubble-avatar-top[data-v-9c10edf4]{flex-direction:column}.mc-bubble.mc-bubble-avatar-top .mc-bubble-content-container[data-v-9c10edf4]{align-items:flex-start;flex-direction:column}.mc-bubble.mc-bubble-loading.mc-bubble-avatar-side[data-v-9c10edf4]{align-items:center}.mc-bubble.mc-bubble-avatar-side.mc-bubble-right[data-v-9c10edf4]{flex-direction:row-reverse;justify-content:end}.mc-bubble.mc-bubble-avatar-top .mc-bubble-avatar[data-v-9c10edf4],.mc-bubble.mc-bubble-avatar-top .mc-bubble-content-container[data-v-9c10edf4]{display:flex}.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-avatar[data-v-9c10edf4],.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-content-container[data-v-9c10edf4]{align-items:flex-end}.mc-bubble.mc-bubble-avatar-top.mc-bubble-right .mc-bubble-avatar[data-v-9c10edf4]{flex-direction:row-reverse}