@matechat/core 1.11.0 → 1.12.0-alpha

package/Bubble/index.js

@@ -1,5 +1,64 @@
-import { defineComponent as M, createElementBlock as l, openBlock as r, normalizeStyle as h, createElementVNode as v, ref as p, watch as N, createCommentVNode as d, normalizeClass as b, toDisplayString as A, createVNode as w, useSlots as B, computed as $, normalizeProps as R, guardReactiveProps as E, unref as Z, renderSlot as y, createTextVNode as F } from "vue";
-const T = {
+import "./index.css";
+var N = Object.defineProperty;
+var F = (s, e, t) => e in s ? N(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var $ = (s, e, t) => F(s, typeof e != "symbol" ? e + "" : e, t);
+import { openBlock as l, createElementBlock as u, createElementVNode as p, defineComponent as S, normalizeStyle as f, ref as C, watch as R, createCommentVNode as g, normalizeClass as y, toDisplayString as Z, createVNode as M, reactive as E, nextTick as T, onBeforeUnmount as I, computed as _, useSlots as D, unref as h, renderSlot as L, normalizeProps as z, guardReactiveProps as U, createTextVNode as H } from "vue";
+const P = (s, e) => {
+  const t = s.__vccOpts || s;
+  for (const [n, o] of e)
+    t[n] = o;
+  return t;
+}, O = {}, j = { class: "mc-bubble-loading" };
+function G(s, e) {
+  return l(), u("div", j, e[0] || (e[0] = [
+    p(
+      "div",
+      { class: "loading-dot dot-start" },
+      null,
+      -1
+      /* HOISTED */
+    ),
+    p(
+      "div",
+      { class: "loading-dot dot-middle" },
+      null,
+      -1
+      /* HOISTED */
+    ),
+    p(
+      "div",
+      { class: "loading-dot dot-end" },
+      null,
+      -1
+      /* HOISTED */
+    )
+  ]));
+}
+const W = /* @__PURE__ */ P(O, [["render", G], ["__scopeId", "data-v-395fc568"]]), q = 36, J = 36, K = {
+  content: {
+    type: String,
+    default: ""
+  },
+  loading: {
+    type: Boolean,
+    default: !1
+  },
+  align: {
+    type: String,
+    default: "left"
+  },
+  avatarPosition: {
+    type: String,
+    default: "side"
+  },
+  variant: {
+    type: String,
+    default: "filled"
+  },
+  avatarConfig: {
+    type: Object
+  }
+}, Q = {
   name: {
     type: String,
     default: ""
@@ -23,7 +82,7 @@ const T = {
     type: String,
     default: ""
   }
-}, _ = /* @__PURE__ */ M({
+}, X = /* @__PURE__ */ S({
   __name: "AvatarBodyIcon",
   props: {
     width: {
@@ -35,21 +94,21 @@ const T = {
       default: 16
     }
   },
-  setup(i) {
-    return (a, s) => (r(), l(
+  setup(s) {
+    return (e, t) => (l(), u(
       "svg",
       {
-        style: h({
-          width: `${i.width}px`,
-          height: `${i.height}px`,
+        style: f({
+          width: `${s.width}px`,
+          height: `${s.height}px`,
           verticalAlign: "middle"
         }),
         viewBox: "0 0 30 30",
         version: "1.1",
         xmlns: "http://www.w3.org/2000/svg"
       },
-      s[0] || (s[0] = [
-        v(
+      t[0] || (t[0] = [
+        p(
           "g",
           {
             stroke: "none",
@@ -58,14 +117,14 @@ const T = {
             "fill-rule": "evenodd"
           },
           [
-            v("circle", {
+            p("circle", {
               id: "Oval",
               fill: "#CACFD8",
               cx: "15",
               cy: "15",
               r: "15"
             }),
-            v("path", {
+            p("path", {
               d: "M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866, 11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 C17.485068, 7 19.4997866,9.01471863 19.4997866,11.5 C19.4997866,13.9852814 17.485068, 16 14.9997866,16 Z M23,23 L7,22.998553 C7,19.0122153 10.8892296, 16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z",
               fill: "#FFFFFF"
             })
@@ -78,7 +137,7 @@ const T = {
       /* STYLE */
     ));
   }
-}), D = /* @__PURE__ */ M({
+}), Y = /* @__PURE__ */ S({
   __name: "AvatarNoBodyIcon",
   props: {
     width: {
@@ -90,21 +149,21 @@ const T = {
       default: 16
     }
   },
-  setup(i) {
-    return (a, s) => (r(), l(
+  setup(s) {
+    return (e, t) => (l(), u(
       "svg",
       {
-        style: h({
-          width: `${i.width}px`,
-          height: `${i.height}px`,
+        style: f({
+          width: `${s.width}px`,
+          height: `${s.height}px`,
           verticalAlign: "middle"
         }),
         viewBox: "0 0 30 30",
         version: "1.1",
         xmlns: "http://www.w3.org/2000/svg"
       },
-      s[0] || (s[0] = [
-        v(
+      t[0] || (t[0] = [
+        p(
           "g",
           {
             stroke: "none",
@@ -113,7 +172,7 @@ const T = {
             "fill-rule": "evenodd"
           },
           [
-            v("path", {
+            p("path", {
               d: `M22.31,19.2474562 L22.31,21.9974562 L20.81,21.9974562 L20.81, 19.2474562 L18.06,19.2474562 L18.06,17.7474562 
           L20.81,17.7474562 L20.81, 14.9974562 L22.31,14.9974562 L22.31,17.7474562 L25.06,17.7474562 L25.06, 19.2474562 
           L22.31,19.2474562 Z M14.9297866,14.9974562 C12.4445053, 14.9974562 10.4297866,12.9827376 10.4297866,10.4974562 
@@ -123,7 +182,7 @@ const T = {
           17.9612467,15.983021 19.2414296, 16.7474562 L17.06,16.7474562 L17.06,20.2474562 L19.6797866,20.2474562 Z`,
               fill: "#959EB2"
             }),
-            v("path", {
+            p("path", {
               d: `M0,15 L1,15 C1,15.6118966 1.03919561,16.2186526 1.11683409,
             16.8178549 L0.125124012,16.9463505 C0.0425740367,16.309242 0,
             15.6595925 0,15 Z M0.503241262,18.867175 L1.46961749,18.6100428 C1.62594651,
@@ -210,239 +269,316 @@ const T = {
       /* STYLE */
     ));
   }
-}), I = { class: "mc-bubble-avatar-wrapper" }, z = ["src"], P = /* @__PURE__ */ M({
+}), V = { class: "mc-bubble-avatar-wrapper" }, x = ["src"], e1 = /* @__PURE__ */ S({
   __name: "Avatar",
-  props: T,
-  setup(i) {
-    const a = i, s = p(!1), n = p(!0), g = p(1), t = p(12), o = p(), C = (e) => {
-      if (a.gender) {
-        a.gender.toLowerCase() === "male" ? g.value = 1 : a.gender.toLowerCase() === "female" && (g.value = 0);
+  props: Q,
+  setup(s) {
+    const e = s, t = C(!1), n = C(!0), o = C(1), r = C(12), i = C(), b = (a) => {
+      if (e.gender) {
+        e.gender.toLowerCase() === "male" ? o.value = 1 : e.gender.toLowerCase() === "female" && (o.value = 0);
         return;
       }
-      const u = e.charCodeAt(0);
-      g.value = u % 2;
-    }, L = (e, u) => {
-      if (e.length < 2)
-        o.value = e;
-      else if (/^[\u4e00-\u9fa5]/.test(e))
-        o.value = e.substr(e.length - 2, 2);
-      else if (/^[A-Za-z]/.test(e))
-        if (/[_ -]/.test(e)) {
-          const c = e.split(/_|-|\s+/)[0], m = e.split(/_|-|\s+/)[1];
-          o.value = c.substr(0, 1).toUpperCase() + m.substr(0, 1).toUpperCase();
+      const c = a.charCodeAt(0);
+      o.value = c % 2;
+    }, w = (a, c) => {
+      if (a.length < 2)
+        i.value = a;
+      else if (/^[\u4e00-\u9fa5]/.test(a))
+        i.value = a.substr(a.length - 2, 2);
+      else if (/^[A-Za-z]/.test(a))
+        if (/[_ -]/.test(a)) {
+          const v = a.split(/_|-|\s+/)[0], A = a.split(/_|-|\s+/)[1];
+          i.value = v.substr(0, 1).toUpperCase() + A.substr(0, 1).toUpperCase();
         } else
-          o.value = e.substr(0, 2).toUpperCase();
+          i.value = a.substr(0, 2).toUpperCase();
       else
-        o.value = e.substr(0, 2);
-      u < 30 && (o.value = e.substr(0, 1).toUpperCase()), C(e.substr(0, 1));
-    }, f = (e) => {
-      const u = e, c = Math.min(a.width, a.height);
-      u ? (n.value = !1, L(u, c)) : u === "" ? (n.value = !1, o.value = "") : n.value = !0, t.value = c / 4 + 3;
+        i.value = a.substr(0, 2);
+      c < 30 && (i.value = a.substr(0, 1).toUpperCase()), b(a.substr(0, 1));
+    }, m = (a) => {
+      const c = a, v = Math.min(e.width, e.height);
+      c ? (n.value = !1, w(c, v)) : c === "" ? (n.value = !1, i.value = "") : n.value = !0, r.value = v / 4 + 3;
     };
-    return f(a.name), N([() => a.name, () => a.width, () => a.height, () => a.gender], () => {
-      f(a.name);
-    }), (e, u) => {
-      var c, m;
-      return r(), l("span", I, [
-        e.imgSrc && !s.value ? (r(), l("img", {
+    return m(e.name), R([() => e.name, () => e.width, () => e.height, () => e.gender], () => {
+      m(e.name);
+    }), (a, c) => {
+      var v, A;
+      return l(), u("span", V, [
+        a.imgSrc && !t.value ? (l(), u("img", {
           key: 0,
-          src: e.imgSrc,
+          src: a.imgSrc,
           alt: "",
-          onError: u[0] || (u[0] = () => s.value = !0),
-          style: h({
-            height: `${e.height}px`,
-            width: `${e.width}px`,
-            borderRadius: e.isRound ? "100%" : "0"
+          onError: c[0] || (c[0] = () => t.value = !0),
+          style: f({
+            height: `${a.height}px`,
+            width: `${a.width}px`,
+            borderRadius: a.isRound ? "100%" : "0"
           })
-        }, null, 44, z)) : d("v-if", !0),
-        !e.imgSrc && !n.value && ((c = o.value) == null ? void 0 : c.length) !== 0 ? (r(), l(
+        }, null, 44, x)) : g("v-if", !0),
+        !a.imgSrc && !n.value && ((v = i.value) == null ? void 0 : v.length) !== 0 ? (l(), u(
           "span",
           {
             key: 1,
-            class: b(["mc-bubble-avatar-style", `mc-bubble-avatar-background-${g.value}`]),
-            style: h({
-              height: `${e.height}px`,
-              width: `${e.width}px`,
-              lineHeight: `${e.height}px`,
-              fontSize: `${t.value}px`,
-              borderRadius: e.isRound ? "100%" : "0"
+            class: y(["mc-bubble-avatar-style", `mc-bubble-avatar-background-${o.value}`]),
+            style: f({
+              height: `${a.height}px`,
+              width: `${a.width}px`,
+              lineHeight: `${a.height}px`,
+              fontSize: `${r.value}px`,
+              borderRadius: a.isRound ? "100%" : "0"
             })
           },
-          A(o.value),
+          Z(i.value),
           7
           /* TEXT, CLASS, STYLE */
-        )) : d("v-if", !0),
-        !e.imgSrc && !n.value && ((m = o.value) == null ? void 0 : m.length) === 0 ? (r(), l(
+        )) : g("v-if", !0),
+        !a.imgSrc && !n.value && ((A = i.value) == null ? void 0 : A.length) === 0 ? (l(), u(
           "span",
           {
             key: 2,
             class: "mc-bubble-avatar-style",
-            style: h({ borderRadius: e.isRound ? "100%" : "0" })
+            style: f({ borderRadius: a.isRound ? "100%" : "0" })
           },
           [
-            w(_, {
-              width: e.width,
-              height: e.height
+            M(X, {
+              width: a.width,
+              height: a.height
             }, null, 8, ["width", "height"])
           ],
           4
           /* STYLE */
-        )) : d("v-if", !0),
-        !e.imgSrc && n.value || e.imgSrc && s.value ? (r(), l(
+        )) : g("v-if", !0),
+        !a.imgSrc && n.value || a.imgSrc && t.value ? (l(), u(
           "span",
           {
             key: 3,
             class: "mc-bubble-avatar-style",
-            style: h({ borderRadius: e.isRound ? "100%" : "0" })
+            style: f({ borderRadius: a.isRound ? "100%" : "0" })
           },
           [
-            w(D, {
-              width: e.width,
-              height: e.height
+            M(Y, {
+              width: a.width,
+              height: a.height
             }, null, 8, ["width", "height"])
           ],
           4
           /* STYLE */
-        )) : d("v-if", !0)
+        )) : g("v-if", !0)
       ]);
     };
   }
-}), U = {
-  content: {
-    type: String,
-    default: ""
-  },
-  loading: {
-    type: Boolean,
-    default: !1
-  },
-  align: {
-    type: String,
-    default: "left"
-  },
-  avatarPosition: {
-    type: String,
-    default: "side"
-  },
-  variant: {
-    type: String,
-    default: "filled"
-  },
-  avatarConfig: {
-    type: Object
+});
+function t1() {
+  const s = E({});
+  return {
+    getCache: (e) => s[e],
+    getCaches: () => ({ ...s }),
+    setCache: (e, t) => {
+      s[e] = t;
+    },
+    nextTick: T
+  };
+}
+function a1({
+  adapter: s,
+  foundationClass: e
+}) {
+  const t = C(null), n = () => (t.value || (t.value = new e(s), typeof t.value.init == "function" && t.value.init()), t.value), o = () => {
+    t.value && (typeof t.value.destroy == "function" && t.value.destroy(), t.value = null);
+  };
+  return I(() => {
+    o();
+  }), {
+    foundation: n(),
+    destroyFoundation: o
+  };
+}
+const s1 = "name", r1 = "imgSrc", d = () => {
+};
+class k {
+  constructor(e) {
+    $(this, "_adapter");
+    this._adapter = { ...k.defaultAdapter, ...e };
+  }
+  static get cssClasses() {
+    return {};
+  }
+  static get strings() {
+    return {};
+  }
+  static get numbers() {
+    return {};
+  }
+  static get defaultAdapter() {
+    return {
+      getProp: d,
+      getProps: d,
+      getState: d,
+      getStates: d,
+      setState: d,
+      getContext: d,
+      getContexts: d,
+      getCache: d,
+      setCache: d,
+      getCaches: d,
+      stopPropagation: d
+    };
+  }
+  getProp(e) {
+    return this._adapter.getProp(e);
+  }
+  getProps() {
+    return this._adapter.getProps();
+  }
+  getState(e) {
+    return this._adapter.getState(e);
+  }
+  getStates() {
+    return this._adapter.getStates();
+  }
+  setState(e, t) {
+    return this._adapter.setState({ ...e }, t);
+  }
+  /* istanbul ignore next */
+  getCaches() {
+    return this._adapter.getCaches();
+  }
+  getCache(e) {
+    return this._adapter.getCache(e);
+  }
+  setCache(e, t) {
+    return e && this._adapter.setCache(e, t);
+  }
+  nextTick(e) {
+    return this._adapter.nextTick(e);
+  }
+  _isInProps(e) {
+    const t = this.getProps();
+    return e in t;
+  }
+  init(e) {
+  }
+  destroy() {
+  }
+}
+class n1 extends k {
+  constructor(e) {
+    super({ ...e });
+  }
+  getBubbleClasses() {
+    const { align: e, loading: t, isEmptyAvatar: n, avatarPosition: o } = this.getProps();
+    return [
+      `mc-bubble-avatar-${o}`,
+      `mc-bubble-${e}`,
+      t ? "mc-bubble-loading" : "",
+      n ? "mc-bubble-avatar-empty" : ""
+    ].filter(Boolean).join(" ");
+  }
+  getIsEmptyAvatar(e) {
+    if (e) {
+      const t = Object.keys(e), n = t.some(
+        (o) => o === s1 || o === r1
+      );
+      return t.length < 1 || !n;
+    } else
+      return !0;
   }
-}, H = 36, O = 36, j = "name", G = "imgSrc", k = (i, a) => {
-  const s = i.__vccOpts || i;
-  for (const [n, g] of a)
-    s[n] = g;
-  return s;
-}, W = {}, q = { class: "mc-bubble-loading" };
-function J(i, a) {
-  return r(), l("div", q, a[0] || (a[0] = [
-    v(
-      "div",
-      { class: "loading-dot dot-start" },
-      null,
-      -1
-      /* HOISTED */
-    ),
-    v(
-      "div",
-      { class: "loading-dot dot-middle" },
-      null,
-      -1
-      /* HOISTED */
-    ),
-    v(
-      "div",
-      { class: "loading-dot dot-end" },
-      null,
-      -1
-      /* HOISTED */
-    )
-  ]));
 }
-const K = /* @__PURE__ */ k(W, [["render", J], ["__scopeId", "data-v-395fc568"]]), Q = {
+function o1({ props: s }) {
+  const t = {
+    ...t1(),
+    getProps: () => s,
+    getProp: (i) => s[i],
+    getStates: () => ({}),
+    getState: (i) => {
+    },
+    setState: (i, b) => {
+    }
+  }, { foundation: n } = a1({
+    adapter: t,
+    foundationClass: n1
+  }), o = _(() => n.getBubbleClasses()), r = _(() => n.getIsEmptyAvatar(s.avatarConfig));
+  return {
+    foundation: n,
+    bubbleClasses: o,
+    isEmptyAvatar: r
+  };
+}
+const i1 = {
+  key: 0,
+  class: "mc-bubble-avatar"
+}, l1 = {
   key: 0,
   class: "mc-bubble-avatar-name"
-}, X = {
+}, u1 = {
   key: 1,
   class: "loading-container"
-}, Y = /* @__PURE__ */ M({
+}, d1 = /* @__PURE__ */ S({
   __name: "Bubble",
-  props: U,
-  setup(i) {
-    const a = B(), s = i, n = $(() => [
-      `mc-bubble-avatar-${s.avatarPosition}`,
-      `mc-bubble-${s.align}`,
-      s.loading ? "mc-bubble-loading" : ""
-    ]), g = $(() => {
-      if (s.avatarConfig) {
-        const t = Object.keys(s.avatarConfig), o = t.some((C) => C === j || C === G);
-        return t.length < 1 || !o;
-      } else
-        return !0;
-    });
-    return (t, o) => {
-      var C, L, f;
-      return r(), l(
+  props: K,
+  setup(s) {
+    const e = D(), t = s, { bubbleClasses: n, isEmptyAvatar: o } = o1({ props: t });
+    return (r, i) => {
+      var b, w, m;
+      return l(), u(
         "div",
         {
-          class: b(["mc-bubble", n.value])
+          class: y(["mc-bubble", h(n)])
         },
         [
-          t.avatarConfig ? (r(), l(
+          h(e).avatar ? (l(), u("div", i1, [
+            L(r.$slots, "avatar", {}, void 0, !0)
+          ])) : r.avatarConfig ? (l(), u(
             "div",
             {
-              key: 0,
-              class: b(["mc-bubble-avatar", { "empty-avatar": g.value }])
+              key: 1,
+              class: y(["mc-bubble-avatar", { "empty-avatar": h(o) }])
             },
             [
-              w(
-                P,
-                R(E(
-                  g.value ? {
-                    width: ((C = t.avatarConfig) == null ? void 0 : C.width) || Z(H),
-                    height: ((L = t.avatarConfig) == null ? void 0 : L.height) || Z(O)
-                  } : t.avatarConfig
+              M(
+                e1,
+                z(U(
+                  h(o) ? {
+                    width: ((b = r.avatarConfig) == null ? void 0 : b.width) || h(q),
+                    height: ((w = r.avatarConfig) == null ? void 0 : w.height) || h(J)
+                  } : r.avatarConfig
                 )),
                 null,
                 16
                 /* FULL_PROPS */
               ),
-              t.avatarPosition === "top" ? (r(), l(
+              r.avatarPosition === "top" ? (l(), u(
                 "span",
-                Q,
-                A((f = t.avatarConfig) == null ? void 0 : f.displayName),
+                l1,
+                Z((m = r.avatarConfig) == null ? void 0 : m.displayName),
                 1
                 /* TEXT */
-              )) : d("v-if", !0)
+              )) : g("v-if", !0)
             ],
             2
             /* CLASS */
-          )) : d("v-if", !0),
-          v(
+          )) : g("v-if", !0),
+          p(
             "div",
             {
-              class: b(["mc-bubble-content-container", { "with-avatar": t.avatarConfig }])
+              class: y(["mc-bubble-content-container", { "with-avatar": r.avatarConfig }])
             },
             [
-              t.loading ? d("v-if", !0) : y(t.$slots, "top", { key: 0 }, void 0, !0),
-              t.loading ? (r(), l("div", X, [
-                y(t.$slots, "loadingTpl", {}, () => [
-                  w(K)
+              r.loading ? g("v-if", !0) : L(r.$slots, "top", { key: 0 }, void 0, !0),
+              r.loading ? (l(), u("div", u1, [
+                L(r.$slots, "loadingTpl", {}, () => [
+                  M(W)
                 ], !0)
-              ])) : d("v-if", !0),
-              (Z(a).default || t.content) && !t.loading ? (r(), l(
+              ])) : g("v-if", !0),
+              (h(e).default || r.content) && !r.loading ? (l(), u(
                 "div",
                 {
                   key: 2,
-                  class: b(["mc-bubble-content", [t.variant]])
+                  class: y(["mc-bubble-content", [r.variant]])
                 },
                 [
-                  y(t.$slots, "default", {}, () => [
-                    F(
-                      A(t.content),
+                  L(r.$slots, "default", {}, () => [
+                    H(
+                      Z(r.content),
                       1
                       /* TEXT */
                     )
@@ -450,8 +586,8 @@ const K = /* @__PURE__ */ k(W, [["render", J], ["__scopeId", "data-v-395fc568"]]
                 ],
                 2
                 /* CLASS */
-              )) : d("v-if", !0),
-              t.loading ? d("v-if", !0) : y(t.$slots, "bottom", { key: 3 }, void 0, !0)
+              )) : g("v-if", !0),
+              r.loading ? g("v-if", !0) : L(r.$slots, "bottom", { key: 3 }, void 0, !0)
             ],
             2
             /* CLASS */
@@ -462,10 +598,10 @@ const K = /* @__PURE__ */ k(W, [["render", J], ["__scopeId", "data-v-395fc568"]]
       );
     };
   }
-}), S = /* @__PURE__ */ k(Y, [["__scopeId", "data-v-7e509691"]]);
-S.install = (i) => {
-  i.component("McBubble", S);
+}), B = /* @__PURE__ */ P(d1, [["__scopeId", "data-v-9c10edf4"]]);
+B.install = (s) => {
+  s.component("McBubble", B);
 };
 export {
-  S as McBubble
+  B as McBubble
 };