@uzum-tech/ui 2.3.2 → 2.3.4

package/lib/chat/src/Chat.js

@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.chatProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
@@ -13,189 +12,12 @@ const ChatMainArea_1 = __importDefault(require("./ChatMainArea"));
 const Sidebar_1 = __importDefault(require("./ChatParts/Sidebar"));
 const interface_1 = require("./interface");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-exports.chatProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { chatItems: {
-        type: Array,
-        default: () => []
-    }, selectedChatId: {
-        type: [String, Number],
-        default: undefined
-    }, messages: {
-        type: Array,
-        default: () => []
-    }, typingChatIds: {
-        type: Array,
-        default: () => []
-    }, disabled: {
-        type: Boolean,
-        default: false
-    }, listEmptyProps: {
-        type: Object,
-        default: undefined
-    }, listHeaderTitle: {
-        type: [String, Function],
-        default: 'Chats'
-    }, listHeaderActions: {
-        type: Array,
-        default: () => []
-    }, listHeaderButtonProps: {
-        type: Object,
-        default: undefined
-    }, listHeaderIconProps: {
-        type: Object,
-        default: undefined
-    }, listItemAvatarProps: {
-        type: Object,
-        default: undefined
-    }, listItemBadgeProps: {
-        type: Object,
-        default: undefined
-    }, headerTitle: {
-        type: [String, Function],
-        default: undefined
-    }, headerActions: {
-        type: Array,
-        default: () => []
-    }, headerButtonProps: {
-        type: Object,
-        default: undefined
-    }, headerIconProps: {
-        type: Object,
-        default: undefined
-    }, headerShareButtonProps: {
-        type: Object,
-        default: undefined
-    }, headerProfileButtonProps: {
-        type: Object,
-        default: undefined
-    }, headerCloseButtonProps: {
-        type: Object,
-        default: undefined
-    }, headerShareIconProps: {
-        type: Object,
-        default: undefined
-    }, headerProfileIconProps: {
-        type: Object,
-        default: undefined
-    }, messageSenderAvatarProps: {
-        type: Object,
-        default: undefined
-    }, messageUploadProps: {
-        type: Object,
-        default: undefined
-    }, messageButtonProps: {
-        type: Object,
-        default: undefined
-    }, footerInputProps: {
-        type: Object,
-        default: undefined
-    }, footerButtonProps: {
-        type: Object,
-        default: undefined
-    }, footerUploadProps: {
-        type: Object,
-        default: undefined
-    }, footerUploadTriggerProps: {
-        type: Object,
-        default: undefined
-    }, footerIconProps: {
-        type: Object,
-        default: undefined
-    }, footerSuffixIconProps: {
-        type: Object,
-        default: undefined
-    }, emptyProps: {
-        type: Object,
-        default: undefined
-    }, retryText: {
-        type: String,
-        default: undefined
-    }, typingText: {
-        type: String,
-        default: undefined
-    }, closeButtonText: {
-        type: String,
-        default: undefined
-    }, shareButtonTooltip: {
-        type: String,
-        default: undefined
-    }, profileButtonTooltip: {
-        type: String,
-        default: undefined
-    }, unreadNotificationText: {
-        type: String,
-        default: undefined
-    }, chatItemsLoading: {
-        type: Boolean,
-        default: false
-    }, chatItemsLoadingCount: {
-        type: Number,
-        default: 10
-    }, messagesLoading: {
-        type: Boolean,
-        default: false
-    }, messagesLoadingCount: {
-        type: Number,
-        default: 10
-    }, height: {
-        type: [String, Number],
-        default: 800
-    }, onChatSelect: {
-        type: Function,
-        default: undefined
-    }, onMessageRetry: {
-        type: Function,
-        default: undefined
-    }, bubbleActions: {
-        type: Array,
-        default: undefined
-    }, onChatClose: {
-        type: Function,
-        default: undefined
-    }, onChatShare: {
-        type: Function,
-        default: undefined
-    }, onUserProfile: {
-        type: Function,
-        default: undefined
-    }, onAttachmentUpload: {
-        type: Function,
-        default: undefined
-    }, onAttachmentDownload: {
-        type: Function,
-        default: undefined
-    }, onFilterChange: {
-        type: Function,
-        default: undefined
-    }, onFooterInputChange: {
-        type: Function,
-        default: undefined
-    }, onNetworkError: {
-        type: Function,
-        default: undefined
-    }, onUploadError: {
-        type: Function,
-        default: undefined
-    }, onSendError: {
-        type: Function,
-        default: undefined
-    }, onChatItemsScrollToTop: {
-        type: Function,
-        default: undefined
-    }, onChatItemsScrollToBottom: {
-        type: Function,
-        default: undefined
-    }, onMessagesScrollToTop: {
-        type: Function,
-        default: undefined
-    }, onMessagesScrollToBottom: {
-        type: Function,
-        default: undefined
-    } });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Chat',
-    props: exports.chatProps,
+    props: interface_1.chatProps,
     emits: [
         'update:selectedChatId',
+        'update:inputValue',
         'message-send',
         'message-retry',
         'attachment-upload',
@@ -211,6 +33,7 @@ exports.default = (0, vue_1.defineComponent)({
         'messages-scroll-to-bottom'
     ],
     setup(props, { emit, expose }) {
+        var _a;
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Chat', '-chat', index_cssr_1.default, styles_1.chatLight, props, mergedClsPrefixRef);
         const { localeRef } = (0, _mixins_1.useLocale)('Chat');
@@ -267,6 +90,16 @@ exports.default = (0, vue_1.defineComponent)({
                 ? props.selectedChatId
                 : uncontrolledSelectedChatIdRef.value;
         });
+        const uncontrolledInputValueRef = (0, vue_1.ref)((_a = props.inputValue) !== null && _a !== void 0 ? _a : '');
+        const mergedInputValueRef = (0, vue_1.computed)(() => {
+            return props.inputValue !== undefined
+                ? props.inputValue
+                : uncontrolledInputValueRef.value;
+        });
+        const handleInputValueChange = (value) => {
+            uncontrolledInputValueRef.value = value;
+            emit('update:inputValue', value);
+        };
         const selectedChatRef = (0, vue_1.computed)(() => {
             var _a;
             return (_a = props.chatItems) === null || _a === void 0 ? void 0 : _a.find((item) => item.id === mergedSelectedChatIdRef.value);
@@ -366,6 +199,8 @@ exports.default = (0, vue_1.defineComponent)({
             chatItemsRef: (0, vue_1.toRef)(props, 'chatItems'),
             selectedChatIdRef: mergedSelectedChatIdRef,
             selectedChatRef,
+            inputValueRef: mergedInputValueRef,
+            handleInputValueChange,
             messagesRef: filteredMessagesRef,
             typingChatIdsRef: (0, vue_1.toRef)(props, 'typingChatIds'),
             chatItemsLoadingRef: (0, vue_1.toRef)(props, 'chatItemsLoading'),