@uzum-tech/ui 2.3.2 → 2.3.4

package/es/chat/src/Chat.mjs

@@ -5,254 +5,17 @@ import { UFlex } from "../../flex/index.mjs";
 import { chatLight } from "../styles/index.mjs";
 import ChatMainArea from "./ChatMainArea.mjs";
 import ChatSidebar from "./ChatParts/Sidebar.mjs";
-import { chatInjectionKey } from "./interface.mjs";
+import { chatInjectionKey, chatProps } from "./interface.mjs";
 import style from "./styles/index.cssr.mjs";
-export const chatProps = Object.assign(Object.assign({}, 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
-  }
-});
 export default defineComponent({
   name: 'Chat',
   props: chatProps,
-  emits: ['update:selectedChatId', 'message-send', 'message-retry', 'attachment-upload', 'mark-messages-read', 'filter-change', 'footer-input-change', 'network-error', 'upload-error', 'send-error', 'chat-items-scroll-to-top', 'chat-items-scroll-to-bottom', 'messages-scroll-to-top', 'messages-scroll-to-bottom'],
+  emits: ['update:selectedChatId', 'update:inputValue', 'message-send', 'message-retry', 'attachment-upload', 'mark-messages-read', 'filter-change', 'footer-input-change', 'network-error', 'upload-error', 'send-error', 'chat-items-scroll-to-top', 'chat-items-scroll-to-bottom', 'messages-scroll-to-top', 'messages-scroll-to-bottom'],
   setup(props, {
     emit,
     expose
   }) {
+    var _a;
     const {
       mergedClsPrefixRef
     } = useConfig(props);
@@ -352,6 +115,14 @@ export default defineComponent({
     const mergedSelectedChatIdRef = computed(() => {
       return props.selectedChatId !== undefined ? props.selectedChatId : uncontrolledSelectedChatIdRef.value;
     });
+    const uncontrolledInputValueRef = ref((_a = props.inputValue) !== null && _a !== void 0 ? _a : '');
+    const mergedInputValueRef = computed(() => {
+      return props.inputValue !== undefined ? props.inputValue : uncontrolledInputValueRef.value;
+    });
+    const handleInputValueChange = value => {
+      uncontrolledInputValueRef.value = value;
+      emit('update:inputValue', value);
+    };
     const selectedChatRef = computed(() => {
       var _a;
       return (_a = props.chatItems) === null || _a === void 0 ? void 0 : _a.find(item => item.id === mergedSelectedChatIdRef.value);
@@ -469,6 +240,8 @@ export default defineComponent({
       chatItemsRef: toRef(props, 'chatItems'),
       selectedChatIdRef: mergedSelectedChatIdRef,
       selectedChatRef,
+      inputValueRef: mergedInputValueRef,
+      handleInputValueChange,
       messagesRef: filteredMessagesRef,
       typingChatIdsRef: toRef(props, 'typingChatIds'),
       chatItemsLoadingRef: toRef(props, 'chatItemsLoading'),