@uzum-tech/ui 1.12.1 → 1.12.4

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

@@ -360,6 +360,16 @@ exports.default = (0, vue_1.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;
@@ -379,7 +389,7 @@ exports.default = (0, vue_1.defineComponent)({
         };
         const renderFooter = () => {
             return ((0, vue_1.h)("div", { class: `${mergedClsPrefixRef.value}-chat-main__footer` },
-                (0, vue_1.h)(upload_1.UUpload, Object.assign({ abstract: true, multiple: true, defaultUpload: false, fileList: attachmentFileList.value, onUpdateFileList: handleFileListUpdate }, footerUploadPropsRef.value), {
+                (0, vue_1.h)(upload_1.UUpload, Object.assign({ abstract: true, multiple: true, defaultUpload: false, fileList: attachmentFileList.value, onUpdateFileList: handleFileListUpdate }, footerUploadPropsRef.value, { onChange: handleOnChange() }), {
                     default: () => ((0, vue_1.h)(flex_1.UFlex, { align: "end", size: "small", wrap: false, class: `${mergedClsPrefixRef.value}-chat-main__input-container` }, {
                         default: () => ((0, vue_1.h)(vue_1.Fragment, null,
                             (0, vue_1.h)(upload_1.UUploadTrigger, { abstract: true }, {

package/lib/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/lib/chat/src/interface.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.chatInjectionKey = exports.ChatBubbleActionKey = exports.ChatMarkType = exports.ChatMessageType = exports.MessageStatus = void 0;
+exports.chatInjectionKey = exports.ChatBubbleActionKey = exports.ChatMarkType = exports.ChatAttachmentStatus = exports.ChatMessageType = exports.MessageStatus = void 0;
 const _utils_1 = require("../../_utils");
 var MessageStatus;
 (function (MessageStatus) {
@@ -16,6 +16,13 @@ var ChatMessageType;
     ChatMessageType["FILE"] = "file";
     ChatMessageType["MARK"] = "mark";
 })(ChatMessageType || (exports.ChatMessageType = ChatMessageType = {}));
+var ChatAttachmentStatus;
+(function (ChatAttachmentStatus) {
+    ChatAttachmentStatus["PENDING"] = "pending";
+    ChatAttachmentStatus["UPLOADING"] = "uploading";
+    ChatAttachmentStatus["FINISHED"] = "finished";
+    ChatAttachmentStatus["ERROR"] = "error";
+})(ChatAttachmentStatus || (exports.ChatAttachmentStatus = ChatAttachmentStatus = {}));
 var ChatMarkType;
 (function (ChatMarkType) {
     ChatMarkType["SYSTEM"] = "system";

package/lib/config-provider/src/internal-interface.d.ts

@@ -180,6 +180,7 @@ import type { UploadProps } from '../../upload';
 import type { WatermarkProps } from '../../watermark';
 import type { ChatProps } from '../../chat';
 import type { ScrollbarProps } from '../../scrollbar';
+import type { TextProps } from '../../typography';
 import { SelectSize } from '../../_internal/selection';
 import { IconPlacement } from '../../dialog/src/interface';
 import { ModalFullscreenTheme } from '../../modal-fullscreen/styles';
@@ -383,6 +384,7 @@ export interface GlobalComponentConfig {
     Flex?: FlexProps;
     CardList?: CardListProps;
     Chat?: ChatProps;
+    Text?: TextProps;
     InputOtp?: InputOtpProps;
 }
 export interface GlobalIconConfig {

package/lib/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/lib/header/src/Header.js

@@ -124,6 +124,7 @@ exports.default = (0, vue_1.defineComponent)({
         'preview',
         'logout',
         'language-select',
+        'logo-click',
         'mobile-primary-action',
         'mobile-secondary-action'
     ],
@@ -222,9 +223,7 @@ exports.default = (0, vue_1.defineComponent)({
                 (0, _utils_1.call)(_onUpdateMenuValue, value);
         }
         function handleMenuValueUpdate(value) {
-            if (value !== null) {
-                doUpdateMenuValue(value);
-            }
+            doUpdateMenuValue(value);
         }
         function handleSearchClick() {
             searchVisibleRef.value = true;
@@ -261,6 +260,9 @@ exports.default = (0, vue_1.defineComponent)({
             if (option.key !== undefined) {
                 doUpdateMenuValue(option.key);
             }
+            if (option.onClick) {
+                option.onClick();
+            }
             closeMobileMenu();
         }
         function handleMobilePrimaryAction() {
@@ -269,6 +271,9 @@ exports.default = (0, vue_1.defineComponent)({
         function handleMobileSecondaryAction() {
             emit('mobile-secondary-action');
         }
+        function handleLogoClick() {
+            emit('logo-click');
+        }
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             cssVars: cssVarsRef,
@@ -287,6 +292,7 @@ exports.default = (0, vue_1.defineComponent)({
             handleSearchResultSelect,
             handlePreviewClick,
             handleLogoutClick,
+            handleLogoClick,
             toggleMobileMenu,
             closeMobileMenu,
             handleMobileMenuItemClick,
@@ -302,7 +308,13 @@ exports.default = (0, vue_1.defineComponent)({
         const { mergedClsPrefix, $slots } = this;
         (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
         const blockClass = `${mergedClsPrefix}-header`;
-        const logoNode = (0, _utils_1.resolveWrappedSlot)($slots.logo, (children) => children ? (0, vue_1.h)("div", { class: `${blockClass}__logo` }, children) : null) || ((0, vue_1.h)("div", { class: `${blockClass}__logo` },
+        const logoNode = (0, _utils_1.resolveWrappedSlot)($slots.logo, (children) => children ? ((0, vue_1.h)("div", { class: [
+                `${blockClass}__logo`,
+                this.logoSrc && `${blockClass}__logo--clickable`
+            ].filter(Boolean), onClick: this.handleLogoClick }, children)) : null) || ((0, vue_1.h)("div", { class: [
+                `${blockClass}__logo`,
+                this.logoSrc && `${blockClass}__logo--clickable`
+            ].filter(Boolean), onClick: this.handleLogoClick },
             (0, vue_1.h)("img", { src: this.logoSrc, alt: this.logoAlt })));
         const navigationNode = (0, _utils_1.resolveWrappedSlot)($slots.navigation, (children) => children !== null && children !== void 0 ? children : null) || ((0, vue_1.h)(HeaderNavigation_1.default, { 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 ? ((0, vue_1.h)(HeaderMobile_1.default, { 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 }, {