@mobilon-dev/chotto 0.3.55 → 0.3.56

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

@@ -1,18 +1,18 @@
-import { ref as I, computed as M, createElementBlock as i, openBlock as a, renderSlot as L, createBlock as h, createCommentVNode as n, createElementVNode as r, createVNode as w, unref as e, toDisplayString as u, createTextVNode as D, Fragment as y, renderList as p, Transition as Q, withCtx as N } from "vue";
+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 P } from "./composables/useChatListScroll.js";
-import { useChatListSelection as U } from "./composables/useChatListSelection.js";
-import { useChatListFilter as W } from "./composables/useChatListFilter.js";
-import { useChatListActions as j } from "./composables/useChatListActions.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";
 /* empty css              */
-import O from "../../../_virtual/_plugin-vue_export-helper.js";
-const R = { class: "chat-list" }, z = {
+import j from "../../../_virtual/_plugin-vue_export-helper.js";
+const O = { class: "chat-list" }, R = {
   key: 2,
   class: "chat-list__search-indicator"
-}, G = { class: "chat-list__search-content" }, H = { class: "chat-list__search-text" }, J = {
+}, z = { class: "chat-list__search-content" }, G = { class: "chat-list__search-text" }, J = {
   key: 0,
   class: "chat-list__search-progress"
 }, K = {
@@ -27,10 +27,10 @@ const R = { class: "chat-list" }, z = {
 }, Z = {
   key: 0,
   class: "chat-list__no-data"
-}, tt = {
+}, tt = { class: "chat-list__placeholder" }, et = { class: "chat-list__placeholder-title" }, st = { class: "chat-list__placeholder-hint" }, at = {
   key: 4,
   class: "chat-list__fixed-items-bottom"
-}, et = {
+}, it = {
   __name: "ChatList",
   props: {
     chats: {
@@ -82,59 +82,67 @@ const R = { class: "chat-list" }, z = {
       type: String,
       default: "hover",
       validator: (s) => ["hover", "rightClick"].includes(s)
+    },
+    placeholderTitle: {
+      type: String,
+      default: "Нет контактных данных, чтобы начать чат"
+    },
+    placeholderHint: {
+      type: String,
+      default: "Добавьте номер телефона и Имя в карточку контакта"
     }
   },
   emits: ["select", "action", "loadMoreChats", "expand", "tab-click", "search", "clear-search"],
   setup(s, { emit: F }) {
-    const l = s, d = F, S = I(), k = M(() => l.chats), {
+    const l = s, h = F, S = I(), k = M(() => l.chats), {
       isShowButton: B,
-      scrollToTopForce: C,
-      scrollCheck: _,
-      startScrollWatch: b,
-      stopScrollWatch: T
-    } = P({ refChatList: S, chats: k, emit: d }), {
+      scrollToTopForce: _,
+      scrollCheck: C,
+      startScrollWatch: T,
+      stopScrollWatch: b
+    } = H({ refChatList: S, chats: k, emit: h }), {
       selectChat: g
-    } = U({ chats: k, emit: d }), {
+    } = P({ chats: k, emit: h }), {
       getSortedAndFilteredChats: c,
       getFilter: A
-    } = W({ props: l, emit: d }), {
+    } = U({ props: l, emit: h }), {
       expandChat: m,
       action: f,
       handleTabClick: E
-    } = j({ emit: d });
-    return (v, o) => (a(), i("div", R, [
+    } = 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(), h(V, {
+      s.filterEnabled ? (a(), u(V, {
         key: 0,
         class: "chat-list__filter",
         onUpdate: e(A)
       }, null, 8, ["onUpdate"])) : n("", !0),
-      s.dialogTabs && s.dialogTabs.length > 0 ? (a(), h($, {
+      s.dialogTabs && s.dialogTabs.length > 0 ? (a(), u($, {
         key: 1,
         tabs: s.dialogTabs,
         onTabClick: e(E)
       }, null, 8, ["tabs", "onTabClick"])) : n("", !0),
-      s.isSearching || s.searchQuery ? (a(), i("div", z, [
-        r("div", G, [
-          r("div", H, [
-            s.isSearching ? (a(), i("span", J, u(s.searchProgress || "Поиск..."), 1)) : (a(), i("span", K, [
-              D(' Поиск "' + u(s.searchQuery) + '" завершён ', 1),
-              s.searchStats.loaded > 0 ? (a(), i("span", X, " (" + u(s.searchStats.loaded) + " " + u(s.searchStats.total !== "?" ? `из ${s.searchStats.total}` : "") + ") ", 1)) : 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)
             ]))
           ]),
-          s.searchQuery ? (a(), i("button", {
+          s.searchQuery ? (a(), o("button", {
             key: 0,
             class: "chat-list__search-clear",
             title: "Очистить поиск",
-            onClick: o[0] || (o[0] = (t) => d("clear-search"))
-          }, [...o[5] || (o[5] = [
+            onClick: i[0] || (i[0] = (t) => h("clear-search"))
+          }, [...i[5] || (i[5] = [
             r("i", { class: "pi pi-times" }, null, -1)
           ])])) : n("", !0)
         ])
       ])) : n("", !0),
-      !l.isLoading && e(c)().filter((t) => t.isFixedTop).length > 0 ? (a(), i("div", Y, [
-        (a(!0), i(y, null, p(e(c)().filter((t) => t.isFixedTop), (t) => (a(), h(x, {
+      !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, {
           key: t.chatId,
           class: "chat-list__item",
           chat: t,
@@ -149,20 +157,20 @@ const R = { class: "chat-list" }, z = {
         ref_key: "refChatList",
         ref: S,
         class: "chat-list__items",
-        onScroll: o[1] || (o[1] = (...t) => e(_) && e(_)(...t)),
-        onMousedown: o[2] || (o[2] = (...t) => e(b) && e(b)(...t)),
-        onMouseup: o[3] || (o[3] = (...t) => e(T) && e(T)(...t))
+        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))
       }, [
         w(q, {
           class: "chat-list__loading-indicator",
           "is-loading": l.isLoading
         }, null, 8, ["is-loading"]),
-        !l.isLoading && e(c)().length === 0 ? (a(), i("div", Z, [...o[6] || (o[6] = [
-          r("div", { class: "chat-list__placeholder" }, [
-            r("p", { class: "chat-list__placeholder-title" }, " Нет контактных данных, чтобы начать чат "),
-            r("p", { class: "chat-list__placeholder-hint" }, " Добавьте номер телефона или имя Telegram в карточку контакта ")
-          ], -1)
-        ])])) : (a(!0), i(y, { key: 1 }, p(e(c)().filter((t) => !t.isFixedBottom && !t.isFixedTop), (t) => (a(), h(x, {
+        !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)
+          ])
+        ])) : (a(!0), o(y, { key: 1 }, p(e(c)().filter((t) => !t.isFixedBottom && !t.isFixedTop), (t) => (a(), u(x, {
           key: t.chatId,
           class: "chat-list__item",
           chat: t,
@@ -173,8 +181,8 @@ const R = { class: "chat-list" }, z = {
           onAction: e(f)
         }, null, 8, ["chat", "show-dialogs", "context-menu-trigger", "onSelect", "onExpand", "onAction"]))), 128))
       ], 544),
-      !l.isLoading && e(c)().filter((t) => t.isFixedBottom).length > 0 ? (a(), i("div", tt, [
-        (a(!0), i(y, null, p(e(c)().filter((t) => t.isFixedBottom), (t) => (a(), h(x, {
+      !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, {
           key: t.chatId,
           class: "chat-list__item",
           chat: t,
@@ -187,11 +195,11 @@ const R = { class: "chat-list" }, z = {
       ])) : n("", !0),
       w(Q, null, {
         default: N(() => [
-          e(B) ? (a(), i("button", {
+          e(B) ? (a(), o("button", {
             key: 0,
             class: "chat-list__button-up",
-            onClick: o[4] || (o[4] = (...t) => e(C) && e(C)(...t))
-          }, [...o[7] || (o[7] = [
+            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)
           ])])) : n("", !0)
         ]),
@@ -199,7 +207,7 @@ const R = { class: "chat-list" }, z = {
       })
     ]));
   }
-}, gt = /* @__PURE__ */ O(et, [["__scopeId", "data-v-60e0e8be"]]);
+}, yt = /* @__PURE__ */ j(it, [["__scopeId", "data-v-53a4e79e"]]);
 export {
-  gt as default
+  yt as default
 };

package/dist/types/components/3_compounds/ChatList/ChatList.vue.d.ts

@@ -17,6 +17,8 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     isSearching: boolean;
     searchProgress: string;
     searchStats: Record<string, any>;
+    placeholderTitle: string;
+    placeholderHint: string;
     $props: {
         readonly chats?: unknown[] | undefined;
         readonly searchQuery?: string | undefined;
@@ -30,6 +32,8 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
         readonly isSearching?: boolean | undefined;
         readonly searchProgress?: string | undefined;
         readonly searchStats?: Record<string, any> | undefined;
+        readonly placeholderTitle?: string | undefined;
+        readonly placeholderHint?: string | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilon-dev/chotto",
-  "version": "0.3.55",
+  "version": "0.3.56",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",