@uzum-tech/ui 1.12.2 → 1.12.5

package/es/_utils/composable/composables.js

@@ -26,8 +26,9 @@ export const i18n = function (data) {
     return {
         locale: toRef(localeReactive, 'locale'),
         t(key) {
+            var _a;
             const { locale } = localeReactive;
-            return data[locale][key];
+            return (_a = data[locale]) === null || _a === void 0 ? void 0 : _a[key];
         }
     };
 };

package/es/chat/index.d.ts

@@ -1,7 +1,7 @@
 export { default as UChat } from './src/Chat';
 export { default as UChatListItems } from './src/ChatListItems';
 export { default as UChatMessages } from './src/ChatMessages';
-export type { ChatId, ChatProps, ChatListItemProps, ChatMessageProps, ChatMarkProps, ChatHeaderProps, ChatFooterProps, ChatListHeaderProps, ChatSlots, ChatListItemSlots, ChatMessageSlots, ChatMarkSlots, ChatHeaderSlots, ChatFooterSlots, ChatListItemData, ChatMessageData, ChatAttachment, OnChatSelect, OnMessageSend, OnAttachmentUpload, OnFilterChange, OnNetworkError, OnUploadError, OnSendError, ChatInst, ChatListInst, chatInjectionKey } from './src/interface';
+export type { ChatId, ChatProps, ChatListItemProps, ChatMessageProps, ChatMarkProps, ChatHeaderProps, ChatFooterProps, ChatListHeaderProps, ChatSlots, ChatListItemSlots, ChatMessageSlots, ChatMarkSlots, ChatHeaderSlots, ChatFooterSlots, ChatListItemData, ChatMessageData, ChatAttachment, OnChatSelect, OnMessageSend, OnAttachmentUpload, OnFilterChange, OnNetworkError, OnUploadError, OnSendError, ChatInst, ChatListInst, ChatAttachmentStatus, chatInjectionKey } from './src/interface';
 export { MessageStatus, ChatMessageType, ChatMarkType } from './src/interface';
 export type { ChatListItemsProps } from './src/ChatListItems';
 export type { ChatMessagesProps } from './src/ChatMessages';

package/es/chat/src/ChatParts/ChatAttachment.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import type { ChatAttachment as ChatAttachmentType, ChatMessageData } from '../interface';
+import { ChatAttachment as ChatAttachmentType, ChatMessageData } from '../interface';
 declare const _default: import("vue").DefineComponent<{
     message: {
         type: PropType<ChatMessageData>;

package/es/chat/src/ChatParts/ChatAttachment.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { h, defineComponent, inject } from 'vue';
 import { UUpload, UUploadFileList } from '../../../upload';
-import { chatInjectionKey } from '../interface';
+import { ChatAttachmentStatus, chatInjectionKey } from '../interface';
 export default defineComponent({
     name: 'ChatAttachment',
     props: {
@@ -59,7 +59,7 @@ export default defineComponent({
                 return ({
                     id: `${String(props.message.id)}-attachment-${index}`,
                     name: attachment.name,
-                    status: attachment.status || 'finished',
+                    status: attachment.status || ChatAttachmentStatus.FINISHED,
                     percentage: (_a = attachment.percentage) !== null && _a !== void 0 ? _a : null,
                     url: (_b = attachment.url) !== null && _b !== void 0 ? _b : null,
                     thumbnailUrl: getThumbnailUrl(attachment),
@@ -75,9 +75,9 @@ export default defineComponent({
                         gap: '2px',
                         marginTop: '0'
                     }
-                    : undefined, showRemoveButton: false, showDownloadButton: props.attachments.some((attachment) => attachment.status === 'finished' &&
+                    : undefined, showRemoveButton: false, showDownloadButton: props.attachments.some((attachment) => attachment.status === ChatAttachmentStatus.FINISHED &&
                     attachment.url &&
-                    attachment.url !== '#'), showRetryButton: props.attachments.some((attachment) => attachment.status === 'error'), onDownload: handleDownload }), {
+                    attachment.url !== '#'), showRetryButton: props.attachments.some((attachment) => attachment.status === ChatAttachmentStatus.ERROR), onDownload: handleDownload }), {
                 default: () => (h(UUploadFileList, null, {
                     'upload-file-title': slots['upload-file-title']
                         ? ({ file }) => { var _a; return (_a = slots['upload-file-title']) === null || _a === void 0 ? void 0 : _a.call(slots, file); }

package/es/chat/src/ChatParts/MainArea.js

@@ -355,6 +355,16 @@ export default defineComponent({
                 }))();
             }
         };
+        const handleOnChange = () => {
+            var _a;
+            const outerOnChange = (_a = footerUploadPropsRef.value) === null || _a === void 0 ? void 0 : _a.onChange;
+            if (outerOnChange) {
+                return (data) => {
+                    outerOnChange(data);
+                    attachmentFileList.value = [];
+                };
+            }
+        };
         const renderEditingBlock = () => {
             if (!(editMessageIdRef === null || editMessageIdRef === void 0 ? void 0 : editMessageIdRef.value) || !editingMessage.value)
                 return null;
@@ -374,7 +384,7 @@ export default defineComponent({
         };
         const renderFooter = () => {
             return (h("div", { class: `${mergedClsPrefixRef.value}-chat-main__footer` },
-                h(UUpload, Object.assign({ abstract: true, multiple: true, defaultUpload: false, fileList: attachmentFileList.value, onUpdateFileList: handleFileListUpdate }, footerUploadPropsRef.value), {
+                h(UUpload, Object.assign({ abstract: true, multiple: true, defaultUpload: false, fileList: attachmentFileList.value, onUpdateFileList: handleFileListUpdate }, footerUploadPropsRef.value, { onChange: handleOnChange() }), {
                     default: () => (h(UFlex, { align: "end", size: "small", wrap: false, class: `${mergedClsPrefixRef.value}-chat-main__input-container` }, {
                         default: () => (h(Fragment, null,
                             h(UUploadTrigger, { abstract: true }, {

package/es/chat/src/interface.d.ts

@@ -8,6 +8,7 @@ import { EmptyProps } from '../../empty';
 import { InputProps } from '../../input';
 import type { ChatTheme } from '../styles';
 import type { MergedTheme } from '../../_mixins';
+import { OnChangePayload } from '../../upload/src/interface';
 export declare enum MessageStatus {
     READ = "read",
     UNREAD = "unread",
@@ -20,6 +21,12 @@ export declare enum ChatMessageType {
     FILE = "file",
     MARK = "mark"
 }
+export declare enum ChatAttachmentStatus {
+    PENDING = "pending",
+    UPLOADING = "uploading",
+    FINISHED = "finished",
+    ERROR = "error"
+}
 export declare enum ChatMarkType {
     SYSTEM = "system",
     EVENT = "event",
@@ -120,7 +127,7 @@ export interface ChatAttachment {
     size?: number | string;
     thumbnail?: string | (() => VNodeChild);
     preview?: string | (() => VNodeChild);
-    status?: 'pending' | 'uploading' | 'finished' | 'error';
+    status?: ChatAttachmentStatus;
     percentage?: number;
     uploadProps?: Partial<UploadProps>;
 }
@@ -346,3 +353,4 @@ export declare const chatInjectionKey: InjectionKey<{
     headerShareIconPropsRef: Ref<Partial<IconProps> | undefined>;
     headerProfileIconPropsRef: Ref<Partial<IconProps> | undefined>;
 }>;
+export type HandleOnChangeType = ((data: OnChangePayload) => void) | undefined;

package/es/chat/src/interface.js

@@ -13,6 +13,13 @@ export var ChatMessageType;
     ChatMessageType["FILE"] = "file";
     ChatMessageType["MARK"] = "mark";
 })(ChatMessageType || (ChatMessageType = {}));
+export var ChatAttachmentStatus;
+(function (ChatAttachmentStatus) {
+    ChatAttachmentStatus["PENDING"] = "pending";
+    ChatAttachmentStatus["UPLOADING"] = "uploading";
+    ChatAttachmentStatus["FINISHED"] = "finished";
+    ChatAttachmentStatus["ERROR"] = "error";
+})(ChatAttachmentStatus || (ChatAttachmentStatus = {}));
 export var ChatMarkType;
 (function (ChatMarkType) {
     ChatMarkType["SYSTEM"] = "system";

package/es/header/src/Header.d.ts

@@ -399,6 +399,7 @@ declare const _default: import("vue").DefineComponent<{
     handleSearchResultSelect: (result: HeaderSearchResult) => void;
     handlePreviewClick: () => void;
     handleLogoutClick: () => void;
+    handleLogoClick: () => void;
     toggleMobileMenu: () => void;
     closeMobileMenu: () => void;
     handleMobileMenuItemClick: (option: HeaderMenuOption) => void;
@@ -407,7 +408,7 @@ declare const _default: import("vue").DefineComponent<{
     menuPaneClass: ComputedRef<string>;
     menuPaneWrapperClass: ComputedRef<string>;
     onRender: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ["search", "search-result-select", "preview", "logout", "language-select", "mobile-primary-action", "mobile-secondary-action"], "search" | "logout" | "preview" | "search-result-select" | "language-select" | "mobile-primary-action" | "mobile-secondary-action", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ["search", "search-result-select", "preview", "logout", "language-select", "logo-click", "mobile-primary-action", "mobile-secondary-action"], "search" | "logout" | "preview" | "search-result-select" | "language-select" | "logo-click" | "mobile-primary-action" | "mobile-secondary-action", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     menuOptions: {
         type: PropType<HeaderPropsInterface["menuOptions"]>;
         default: () => never[];
@@ -582,6 +583,7 @@ declare const _default: import("vue").DefineComponent<{
     onLogout?: ((...args: any[]) => any) | undefined;
     "onSearch-result-select"?: ((...args: any[]) => any) | undefined;
     "onLanguage-select"?: ((...args: any[]) => any) | undefined;
+    "onLogo-click"?: ((...args: any[]) => any) | undefined;
     "onMobile-primary-action"?: ((...args: any[]) => any) | undefined;
     "onMobile-secondary-action"?: ((...args: any[]) => any) | undefined;
 }, {

package/es/header/src/Header.js

@@ -95,6 +95,7 @@ export default defineComponent({
         'preview',
         'logout',
         'language-select',
+        'logo-click',
         'mobile-primary-action',
         'mobile-secondary-action'
     ],
@@ -193,9 +194,7 @@ export default defineComponent({
                 call(_onUpdateMenuValue, value);
         }
         function handleMenuValueUpdate(value) {
-            if (value !== null) {
-                doUpdateMenuValue(value);
-            }
+            doUpdateMenuValue(value);
         }
         function handleSearchClick() {
             searchVisibleRef.value = true;
@@ -232,6 +231,9 @@ export default defineComponent({
             if (option.key !== undefined) {
                 doUpdateMenuValue(option.key);
             }
+            if (option.onClick) {
+                option.onClick();
+            }
             closeMobileMenu();
         }
         function handleMobilePrimaryAction() {
@@ -240,6 +242,9 @@ export default defineComponent({
         function handleMobileSecondaryAction() {
             emit('mobile-secondary-action');
         }
+        function handleLogoClick() {
+            emit('logo-click');
+        }
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: cssVarsRef,
@@ -258,6 +263,7 @@ export default defineComponent({
             handleSearchResultSelect,
             handlePreviewClick,
             handleLogoutClick,
+            handleLogoClick,
             toggleMobileMenu,
             closeMobileMenu,
             handleMobileMenuItemClick,
@@ -273,7 +279,13 @@ export default defineComponent({
         const { mergedClsPrefix, $slots } = this;
         (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         const blockClass = `${mergedClsPrefix}-header`;
-        const logoNode = resolveWrappedSlot($slots.logo, (children) => children ? h("div", { class: `${blockClass}__logo` }, children) : null) || (h("div", { class: `${blockClass}__logo` },
+        const logoNode = resolveWrappedSlot($slots.logo, (children) => children ? (h("div", { class: [
+                `${blockClass}__logo`,
+                this.logoSrc && `${blockClass}__logo--clickable`
+            ].filter(Boolean), onClick: this.handleLogoClick }, children)) : null) || (h("div", { class: [
+                `${blockClass}__logo`,
+                this.logoSrc && `${blockClass}__logo--clickable`
+            ].filter(Boolean), onClick: this.handleLogoClick },
             h("img", { src: this.logoSrc, alt: this.logoAlt })));
         const navigationNode = resolveWrappedSlot($slots.navigation, (children) => children !== null && children !== void 0 ? children : null) || (h(HeaderNavigation, { menuOptions: this.menuOptions, menuPlacement: this.menuPlacement, menuTrigger: this.menuTrigger, menuValue: this.mergedMenuValue, menuTabsProps: this.menuTabsProps, menuCardMinColumnWidth: this.menuCardMinColumnWidth, mergedClsPrefix: mergedClsPrefix, menuPaneClass: this.menuPaneClass, menuPaneWrapperClass: this.menuPaneWrapperClass, onUpdateMenuValue: this.handleMenuValueUpdate }));
         const mobileNode = this.responsive && this.isMobile ? (h(HeaderMobile, { visible: this.mobileMenuVisible, menuOptions: this.normalizedMenuItems, activeMenuValue: this.mergedMenuValue, langOptions: this.langOptions || defaultLangOptions, currentLang: this.currentLang, mergedClsPrefix: mergedClsPrefix, cssVars: this.cssVars, menuType: this.mobileMenuType, showFooterActions: this.mobileShowFooterActions, showHeaderActions: this.mobileShowHeaderActions, primaryActionText: this.mobilePrimaryActionText, secondaryActionText: this.mobileSecondaryActionText, onToggle: this.toggleMobileMenu, onClose: this.closeMobileMenu, onMenuItemClick: this.handleMobileMenuItemClick, onLanguageSelect: this.handleSelectLang, onPrimaryAction: this.handleMobilePrimaryAction, onSecondaryAction: this.handleMobileSecondaryAction, onSearchClick: this.handleSearchClick, onPreview: this.handlePreviewClick, onLogout: this.handleLogoutClick }, {