@mobilon-dev/chotto 0.3.111 → 0.3.112

package/dist/types/src/components/2_feed_elements/ImageMessage/stories/ImageMessage.stories.d.ts

@@ -22,3 +22,6 @@ export declare const LeftMessageWithPreviewLink: Story;
 export declare const WithImagePreviewUrl: Story;
 export declare const RightWithImagePreviewUrl: Story;
 export declare const RightMessageWithPreviewLink: Story;
+export declare const AlbumTwoImages: Story;
+export declare const AlbumThreeImages: Story;
+export declare const AlbumFiveImages: Story;

package/dist/types/src/components/2_feed_elements/ImageMessage/styles/types.d.ts

@@ -392,6 +392,46 @@ export interface ImageMessageThemeCSSVariables {
     '--chotto-imagemessage-modal-image-max-height': string;
     /** Максимальная ширина изображения в модальном окне */
     '--chotto-imagemessage-modal-image-max-width': string;
+    /** Минимальная ширина сетки альбома */
+    '--chotto-imagemessage-album-size': string;
+    /** Отображение сетки альбома */
+    '--chotto-imagemessage-album-display': string;
+    /** Промежуток между фото в альбоме */
+    '--chotto-imagemessage-album-gap': string;
+    /** Ширина сетки альбома */
+    '--chotto-imagemessage-album-width': string;
+    /** Высота сетки альбома */
+    '--chotto-imagemessage-album-height': string;
+    /** Фон плитки альбома */
+    '--chotto-imagemessage-album-tile-background': string;
+    /** Курсор плитки альбома */
+    '--chotto-imagemessage-album-tile-cursor': string;
+    /** Вписывание фото в плитке альбома */
+    '--chotto-imagemessage-album-tile-object-fit': string;
+    /** Фон оверлея «ещё N» */
+    '--chotto-imagemessage-album-overflow-background': string;
+    /** Цвет текста оверлея «ещё N» */
+    '--chotto-imagemessage-album-overflow-color': string;
+    /** Размер шрифта оверлея «ещё N» */
+    '--chotto-imagemessage-album-overflow-font-size': string;
+    /** Размер кнопки навигации в модалке альбома */
+    '--chotto-imagemessage-modal-nav-size': string;
+    /** Фон кнопки навигации в модалке альбома */
+    '--chotto-imagemessage-modal-nav-background': string;
+    /** Цвет иконки навигации в модалке альбома */
+    '--chotto-imagemessage-modal-nav-color': string;
+    /** Скругление кнопки навигации в модалке альбома */
+    '--chotto-imagemessage-modal-nav-border-radius': string;
+    /** Размер иконки навигации в модалке альбома */
+    '--chotto-imagemessage-modal-nav-font-size': string;
+    /** Цвет счётчика в модалке альбома */
+    '--chotto-imagemessage-modal-counter-color': string;
+    /** Размер шрифта счётчика в модалке альбома */
+    '--chotto-imagemessage-modal-counter-font-size': string;
+    /** Внутренние отступы счётчика в модалке альбома */
+    '--chotto-imagemessage-modal-counter-padding': string;
+    /** Скругление счётчика в модалке альбома */
+    '--chotto-imagemessage-modal-counter-border-radius': string;
     /** Переход появления контекстного меню */
     '--chotto-imagemessage-context-menu-enter-active-transition': string;
     /** Переход скрытия контекстного меню */

package/dist/types/src/components/2_feed_elements/types/components.d.ts

@@ -1,4 +1,4 @@
-import { IAudioMessage, ICallMessage, IDateMessage, IFileMessage, IImageMessage, IKeyBoard, ILinkPreview, ISystemMessage, ITextMessage, ITypingMessage, IVideoMessage, Reply } from "@/types";
+import { IAudioMessage, ICallMessage, IDateMessage, IFileMessage, IImageMessage, IImageMessageItem, IKeyBoard, ILinkPreview, ISystemMessage, ITextMessage, ITypingMessage, IVideoMessage, Reply } from "@/types";
 export interface IFeedObject {
     messageId: string;
     type: string;
@@ -10,6 +10,8 @@ export interface IFeedObject {
     url?: string;
     /** URL превью картинки для ленты (для `message.image`) */
     imagePreviewUrl?: string;
+    /** Несколько изображений в одном `message.image` */
+    items?: IImageMessageItem[];
     /** URL сжатого превью видео для ленты (для `message.video`) */
     videoPreviewUrl?: string;
     /** URL обложки видео для ленты (для `message.video`) */

package/dist/types/src/components/2_feed_elements/types/messages.d.ts

@@ -268,13 +268,27 @@ export interface IFileMessage {
     /** Можно ли ещё удалить (если `false` — пункт меню disabled) */
     canDelete?: boolean;
 }
+/** Одно изображение в альбоме `message.image` */
+export interface IImageMessageItem {
+    url: string;
+    /** URL превью для ленты. Если нет — показывается `url`. */
+    imagePreviewUrl?: string;
+    filename?: string;
+    size?: number | string;
+}
 export interface IImageMessage {
     messageId: string;
     position: string;
     time: string;
-    url: string;
+    /**
+     * Полноразмерный URL (для одного фото или как дубль первого элемента `items`).
+     * Если задан `items`, в ленте используются элементы массива.
+     */
+    url?: string;
     /** URL превью для ленты. Если нет — в ленте показывается `url`. При широком просмотре открывается полноразмерный `url`. */
     imagePreviewUrl?: string;
+    /** Несколько изображений в одном сообщении. Один элемент — обычное фото. */
+    items?: IImageMessageItem[];
     alt?: string;
     status: string;
     statusMsg?: string;

package/dist/types/src/hooks/messages/buildReplyPayload.d.ts

@@ -1,4 +1,4 @@
-import type { Reply } from '@/types';
+import type { IImageMessageItem, Reply } from '@/types';
 export interface ReplyMessageSource {
     messageId: string | number;
     type?: string;
@@ -10,5 +10,6 @@ export interface ReplyMessageSource {
     filename?: string;
     header?: string;
     callDuration?: string;
+    items?: IImageMessageItem[];
 }
 export declare function buildReplyPayload(message: ReplyMessageSource, fallbackType: string): Reply;

package/dist/types/src/hooks/messages/getImageMessageItems.d.ts

@@ -0,0 +1,12 @@
+import type { IImageMessageItem } from '@/types';
+export interface ImageMessageItemsSource {
+    url?: string;
+    imagePreviewUrl?: string;
+    filename?: string;
+    items?: IImageMessageItem[];
+}
+/**
+ * Список картинок сообщения: `items`, если их больше нуля, иначе корневые `url` / `imagePreviewUrl`.
+ */
+export declare function getImageMessageItems(message: ImageMessageItemsSource | undefined): IImageMessageItem[];
+export declare function getPrimaryImageItem(message: ImageMessageItemsSource | undefined): IImageMessageItem | undefined;

package/dist/types/src/hooks/messages/index.d.ts

@@ -11,6 +11,7 @@ export * from './useStartReply';
 export * from './useStartEdit';
 export * from './canStartEditLastSent';
 export * from './buildReplyPayload';
+export * from './getImageMessageItems';
 export * from './buildEditPayload';
 export * from './getEditTooltipLines';
 export * from './getDeletedOriginalText';

package/dist/types/src/hooks/validators/messages/types.d.ts

@@ -55,6 +55,12 @@ export interface Message {
     coverUrl?: string;
     filename?: string;
     alt?: string;
+    items?: Array<{
+        url: string;
+        imagePreviewUrl?: string;
+        filename?: string;
+        size?: number | string;
+    }>;
     views?: number;
     reply?: MessageReply;
     embed?: MessageEmbed;

package/package.json

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