@mobilon-dev/chotto 0.3.68 → 0.3.69

package/dist/components/3_compounds/ChatList/ChatList.vue.js

@@ -1,36 +1,36 @@
-import { ref as I, computed as M, createElementBlock as o, openBlock as a, renderSlot as L, createBlock as u, createCommentVNode as n, createElementVNode as r, createVNode as w, unref as e, toDisplayString as d, createTextVNode as D, Fragment as y, renderList as p, Transition as Q, withCtx as N } from "vue";
-import x from "../../2_chatlist_elements/ChatItem/ChatItem.vue.js";
-import V from "../../2_chatlist_elements/ChatFilter/ChatFilter.vue.js";
-import $ from "../../2_chatlist_elements/ChatTabs/ChatTabs.vue.js";
-import q from "../../1_atoms/LoadingIndicator/LoadingIndicator.vue.js";
-import { useChatListScroll as H } from "./composables/useChatListScroll.js";
-import { useChatListSelection as P } from "./composables/useChatListSelection.js";
-import { useChatListFilter as U } from "./composables/useChatListFilter.js";
-import { useChatListActions as W } from "./composables/useChatListActions.js";
+import { ref as D, computed as u, onMounted as H, nextTick as O, onUpdated as P, onBeforeUnmount as W, createElementBlock as l, openBlock as s, renderSlot as M, createBlock as f, createCommentVNode as n, createElementVNode as c, createVNode as Q, unref as e, toDisplayString as h, createTextVNode as j, Fragment as v, renderList as k, normalizeStyle as R, Transition as Y, withCtx as G } from "vue";
+import _ from "../../2_chatlist_elements/ChatItem/ChatItem.vue.js";
+import J from "../../2_chatlist_elements/ChatFilter/ChatFilter.vue.js";
+import K from "../../2_chatlist_elements/ChatTabs/ChatTabs.vue.js";
+import X from "../../1_atoms/LoadingIndicator/LoadingIndicator.vue.js";
+import { useChatListScroll as Z } from "./composables/useChatListScroll.js";
+import { useChatListSelection as tt } from "./composables/useChatListSelection.js";
+import { useChatListFilter as et } from "./composables/useChatListFilter.js";
+import { useChatListActions as at } from "./composables/useChatListActions.js";
 /* empty css              */
-import j from "../../../_virtual/_plugin-vue_export-helper.js";
-const O = { class: "chat-list" }, R = {
+import st from "../../../_virtual/_plugin-vue_export-helper.js";
+const ot = { class: "chat-list" }, it = {
   key: 2,
   class: "chat-list__search-indicator"
-}, z = { class: "chat-list__search-content" }, G = { class: "chat-list__search-text" }, J = {
+}, lt = { class: "chat-list__search-content" }, nt = { class: "chat-list__search-text" }, rt = {
   key: 0,
   class: "chat-list__search-progress"
-}, K = {
+}, ct = {
   key: 1,
   class: "chat-list__search-query"
-}, X = {
+}, dt = {
   key: 0,
   class: "chat-list__search-stats"
-}, Y = {
+}, ut = {
   key: 3,
   class: "chat-list__fixed-items-top"
-}, Z = {
+}, ht = { class: "chat-list__placeholder" }, gt = { class: "chat-list__placeholder-title" }, ft = {
   key: 0,
-  class: "chat-list__no-data"
-}, tt = { class: "chat-list__placeholder" }, et = { class: "chat-list__placeholder-title" }, st = { class: "chat-list__placeholder-hint" }, at = {
+  class: "chat-list__placeholder-hint"
+}, mt = {
   key: 4,
   class: "chat-list__fixed-items-bottom"
-}, it = {
+}, yt = {
   __name: "ChatList",
   props: {
     chats: {
@@ -81,7 +81,7 @@ const O = { class: "chat-list" }, R = {
     contextMenuTrigger: {
       type: String,
       default: "hover",
-      validator: (s) => ["hover", "rightClick"].includes(s)
+      validator: (a) => ["hover", "rightClick"].includes(a)
     },
     placeholderTitle: {
       type: String,
@@ -93,121 +93,142 @@ const O = { class: "chat-list" }, R = {
     }
   },
   emits: ["select", "action", "loadMoreChats", "expand", "tab-click", "search", "clear-search"],
-  setup(s, { emit: F }) {
-    const l = s, h = F, S = I(), k = M(() => l.chats), {
-      isShowButton: B,
-      scrollToTopForce: _,
-      scrollCheck: C,
-      startScrollWatch: T,
-      stopScrollWatch: b
-    } = H({ refChatList: S, chats: k, emit: h }), {
-      selectChat: g
-    } = P({ chats: k, emit: h }), {
-      getSortedAndFilteredChats: c,
-      getFilter: A
-    } = U({ props: l, emit: h }), {
-      expandChat: m,
-      action: f,
-      handleTabClick: E
-    } = W({ emit: h });
-    return (v, i) => (a(), o("div", O, [
-      L(v.$slots, "header", {}, void 0, !0),
-      L(v.$slots, "sidebar", {}, void 0, !0),
-      s.filterEnabled ? (a(), u(V, {
+  setup(a, { emit: I }) {
+    const i = a, g = I, y = D(), T = D(0), C = u(() => i.chats), m = () => {
+      var r;
+      T.value = ((r = y.value) == null ? void 0 : r.offsetTop) ?? 0;
+    }, $ = u(() => ({
+      transform: `translateY(${-(T.value / 2)}px)`
+    })), b = u(() => {
+      var r, o, t;
+      return ((r = i.searchQuery) == null ? void 0 : r.trim()) || ((o = i.filterQuery) == null ? void 0 : o.trim()) || ((t = V.value) == null ? void 0 : t.trim()) || "";
+    }), w = u(
+      () => b.value.length > 0 && !i.isSearching
+    ), N = u(() => w.value ? `Не нашли чат по запросу "${b.value}"` : i.placeholderTitle), L = u(() => w.value ? "" : i.placeholderHint), {
+      isShowButton: U,
+      scrollToTopForce: E,
+      scrollCheck: B,
+      startScrollWatch: F,
+      stopScrollWatch: A
+    } = Z({ refChatList: y, chats: C, emit: g }), {
+      selectChat: p
+    } = tt({ chats: C, emit: g }), {
+      filter: V,
+      getSortedAndFilteredChats: d,
+      getFilter: q
+    } = et({ props: i, emit: g }), {
+      expandChat: S,
+      action: x,
+      handleTabClick: z
+    } = at({ emit: g });
+    return H(async () => {
+      await O(), m(), window.addEventListener("resize", m);
+    }), P(() => {
+      m();
+    }), W(() => {
+      window.removeEventListener("resize", m);
+    }), (r, o) => (s(), l("div", ot, [
+      M(r.$slots, "header", {}, void 0, !0),
+      M(r.$slots, "sidebar", {}, void 0, !0),
+      a.filterEnabled ? (s(), f(J, {
         key: 0,
         class: "chat-list__filter",
-        onUpdate: e(A)
+        onUpdate: e(q)
       }, null, 8, ["onUpdate"])) : n("", !0),
-      s.dialogTabs && s.dialogTabs.length > 0 ? (a(), u($, {
+      a.dialogTabs && a.dialogTabs.length > 0 ? (s(), f(K, {
         key: 1,
-        tabs: s.dialogTabs,
-        onTabClick: e(E)
+        tabs: a.dialogTabs,
+        onTabClick: e(z)
       }, null, 8, ["tabs", "onTabClick"])) : n("", !0),
-      s.isSearching || s.searchQuery ? (a(), o("div", R, [
-        r("div", z, [
-          r("div", G, [
-            s.isSearching ? (a(), o("span", J, d(s.searchProgress || "Поиск..."), 1)) : (a(), o("span", K, [
-              D(' Поиск "' + d(s.searchQuery) + '" завершён ', 1),
-              s.searchStats.loaded > 0 ? (a(), o("span", X, " (" + d(s.searchStats.loaded) + " " + d(s.searchStats.total !== "?" ? `из ${s.searchStats.total}` : "") + ") ", 1)) : n("", !0)
+      a.isSearching || a.searchQuery ? (s(), l("div", it, [
+        c("div", lt, [
+          c("div", nt, [
+            a.isSearching ? (s(), l("span", rt, h(a.searchProgress || "Поиск..."), 1)) : (s(), l("span", ct, [
+              j(' Поиск "' + h(a.searchQuery) + '" завершён ', 1),
+              a.searchStats.loaded > 0 ? (s(), l("span", dt, " (" + h(a.searchStats.loaded) + " " + h(a.searchStats.total !== "?" ? `из ${a.searchStats.total}` : "") + ") ", 1)) : n("", !0)
             ]))
           ]),
-          s.searchQuery ? (a(), o("button", {
+          a.searchQuery ? (s(), l("button", {
             key: 0,
             class: "chat-list__search-clear",
             title: "Очистить поиск",
-            onClick: i[0] || (i[0] = (t) => h("clear-search"))
-          }, [...i[5] || (i[5] = [
-            r("i", { class: "pi pi-times" }, null, -1)
+            onClick: o[0] || (o[0] = (t) => g("clear-search"))
+          }, [...o[5] || (o[5] = [
+            c("i", { class: "pi pi-times" }, null, -1)
           ])])) : n("", !0)
         ])
       ])) : n("", !0),
-      !l.isLoading && e(c)().filter((t) => t.isFixedTop).length > 0 ? (a(), o("div", Y, [
-        (a(!0), o(y, null, p(e(c)().filter((t) => t.isFixedTop), (t) => (a(), u(x, {
+      !i.isLoading && e(d)().filter((t) => t.isFixedTop).length > 0 ? (s(), l("div", ut, [
+        (s(!0), l(v, null, k(e(d)().filter((t) => t.isFixedTop), (t) => (s(), f(_, {
           key: t.chatId,
           class: "chat-list__item",
           chat: t,
-          "show-dialogs": s.showDialogs,
-          "context-menu-trigger": l.contextMenuTrigger,
-          onSelect: e(g),
-          onExpand: e(m),
-          onAction: e(f)
+          "show-dialogs": a.showDialogs,
+          "context-menu-trigger": i.contextMenuTrigger,
+          onSelect: e(p),
+          onExpand: e(S),
+          onAction: e(x)
         }, null, 8, ["chat", "show-dialogs", "context-menu-trigger", "onSelect", "onExpand", "onAction"]))), 128))
       ])) : n("", !0),
-      r("div", {
+      c("div", {
         ref_key: "refChatList",
-        ref: S,
+        ref: y,
         class: "chat-list__items",
-        onScroll: i[1] || (i[1] = (...t) => e(C) && e(C)(...t)),
-        onMousedown: i[2] || (i[2] = (...t) => e(T) && e(T)(...t)),
-        onMouseup: i[3] || (i[3] = (...t) => e(b) && e(b)(...t))
+        onScroll: o[1] || (o[1] = (...t) => e(B) && e(B)(...t)),
+        onMousedown: o[2] || (o[2] = (...t) => e(F) && e(F)(...t)),
+        onMouseup: o[3] || (o[3] = (...t) => e(A) && e(A)(...t))
       }, [
-        w(q, {
+        Q(X, {
           class: "chat-list__loading-indicator",
-          "is-loading": l.isLoading
+          "is-loading": i.isLoading
         }, null, 8, ["is-loading"]),
-        !l.isLoading && e(c)().length === 0 ? (a(), o("div", Z, [
-          r("div", tt, [
-            r("p", et, d(s.placeholderTitle), 1),
-            r("p", st, d(s.placeholderHint), 1)
+        !i.isLoading && e(d)().length === 0 ? (s(), l("div", {
+          key: 0,
+          class: "chat-list__no-data",
+          style: R($.value)
+        }, [
+          c("div", ht, [
+            c("p", gt, h(N.value), 1),
+            L.value ? (s(), l("p", ft, h(L.value), 1)) : n("", !0)
           ])
-        ])) : (a(!0), o(y, { key: 1 }, p(e(c)().filter((t) => !t.isFixedBottom && !t.isFixedTop), (t) => (a(), u(x, {
+        ], 4)) : (s(!0), l(v, { key: 1 }, k(e(d)().filter((t) => !t.isFixedBottom && !t.isFixedTop), (t) => (s(), f(_, {
           key: t.chatId,
           class: "chat-list__item",
           chat: t,
-          "show-dialogs": s.showDialogs,
-          "context-menu-trigger": l.contextMenuTrigger,
-          onSelect: e(g),
-          onExpand: e(m),
-          onAction: e(f)
+          "show-dialogs": a.showDialogs,
+          "context-menu-trigger": i.contextMenuTrigger,
+          onSelect: e(p),
+          onExpand: e(S),
+          onAction: e(x)
         }, null, 8, ["chat", "show-dialogs", "context-menu-trigger", "onSelect", "onExpand", "onAction"]))), 128))
       ], 544),
-      !l.isLoading && e(c)().filter((t) => t.isFixedBottom).length > 0 ? (a(), o("div", at, [
-        (a(!0), o(y, null, p(e(c)().filter((t) => t.isFixedBottom), (t) => (a(), u(x, {
+      !i.isLoading && e(d)().filter((t) => t.isFixedBottom).length > 0 ? (s(), l("div", mt, [
+        (s(!0), l(v, null, k(e(d)().filter((t) => t.isFixedBottom), (t) => (s(), f(_, {
           key: t.chatId,
           class: "chat-list__item",
           chat: t,
-          "show-dialogs": s.showDialogs,
-          "context-menu-trigger": l.contextMenuTrigger,
-          onSelect: e(g),
-          onExpand: e(m),
-          onAction: e(f)
+          "show-dialogs": a.showDialogs,
+          "context-menu-trigger": i.contextMenuTrigger,
+          onSelect: e(p),
+          onExpand: e(S),
+          onAction: e(x)
         }, null, 8, ["chat", "show-dialogs", "context-menu-trigger", "onSelect", "onExpand", "onAction"]))), 128))
       ])) : n("", !0),
-      w(Q, null, {
-        default: N(() => [
-          e(B) ? (a(), o("button", {
+      Q(Y, null, {
+        default: G(() => [
+          e(U) ? (s(), l("button", {
             key: 0,
             class: "chat-list__button-up",
-            onClick: i[4] || (i[4] = (...t) => e(_) && e(_)(...t))
-          }, [...i[6] || (i[6] = [
-            r("span", { class: "pi pi-angle-up chat-list__icon-down" }, null, -1)
+            onClick: o[4] || (o[4] = (...t) => e(E) && e(E)(...t))
+          }, [...o[6] || (o[6] = [
+            c("span", { class: "pi pi-angle-up chat-list__icon-down" }, null, -1)
           ])])) : n("", !0)
         ]),
         _: 1
       })
     ]));
   }
-}, yt = /* @__PURE__ */ j(it, [["__scopeId", "data-v-53a4e79e"]]);
+}, Et = /* @__PURE__ */ st(yt, [["__scopeId", "data-v-20eeef36"]]);
 export {
-  yt as default
+  Et as default
 };