@uzum-tech/ui 2.3.2 → 2.3.4

package/es/chat/src/ChatMainArea.mjs

@@ -25,6 +25,14 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
     step((generator = generator.apply(thisArg, _arguments || [])).next());
   });
 };
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
 import { computed, defineComponent, Fragment, h, inject, nextTick, onMounted, provide, ref, toRef, watch } from 'vue';
 import { ArrowHookUpRight, AttachIcon, CloseIcon, PersonNote, SendFilled } from "../../_internal/icons/index.mjs";
 import { useConfig, useLocale, useTheme, useThemeClass } from "../../_mixins/index.mjs";
@@ -48,6 +56,10 @@ export const chatMainAreaProps = Object.assign(Object.assign({}, useTheme.props)
     type: Object,
     default: undefined
   },
+  inputValue: {
+    type: String,
+    default: undefined
+  },
   messages: {
     type: Array,
     default: () => []
@@ -164,6 +176,10 @@ export const chatMainAreaProps = Object.assign(Object.assign({}, useTheme.props)
     type: Function,
     default: undefined
   },
+  'onUpdate:inputValue': {
+    type: Function,
+    default: undefined
+  },
   onChatClose: {
     type: Function,
     default: undefined
@@ -199,7 +215,7 @@ export default defineComponent({
   setup(props, {
     slots
   }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18;
     const UChat = inject(chatInjectionKey, null);
     const isStandalone = !UChat;
     const {
@@ -223,6 +239,15 @@ export default defineComponent({
     const headerProfileIconPropsRef = (_o = UChat === null || UChat === void 0 ? void 0 : UChat.headerProfileIconPropsRef) !== null && _o !== void 0 ? _o : toRef(props, 'headerProfileIconProps');
     const messageUploadPropsRef = (_p = UChat === null || UChat === void 0 ? void 0 : UChat.messageUploadPropsRef) !== null && _p !== void 0 ? _p : toRef(props, 'messageUploadProps');
     const footerInputPropsRef = (_q = UChat === null || UChat === void 0 ? void 0 : UChat.footerInputPropsRef) !== null && _q !== void 0 ? _q : toRef(props, 'footerInputProps');
+    const safeFooterInputPropsRef = computed(() => {
+      var _a;
+      const _b = (_a = footerInputPropsRef.value) !== null && _a !== void 0 ? _a : {},
+        {
+          value
+        } = _b,
+        rest = __rest(_b, ["value"]);
+      return rest;
+    });
     const footerButtonPropsRef = (_r = UChat === null || UChat === void 0 ? void 0 : UChat.footerButtonPropsRef) !== null && _r !== void 0 ? _r : toRef(props, 'footerButtonProps');
     const footerUploadPropsRef = (_s = UChat === null || UChat === void 0 ? void 0 : UChat.footerUploadPropsRef) !== null && _s !== void 0 ? _s : toRef(props, 'footerUploadProps');
     const footerIconPropsRef = (_t = UChat === null || UChat === void 0 ? void 0 : UChat.footerIconPropsRef) !== null && _t !== void 0 ? _t : toRef(props, 'footerIconProps');
@@ -362,7 +387,24 @@ export default defineComponent({
     const themeClassHandle = useThemeClass('chat-main-area', computed(() => ''), cssVarsRef, props);
     const messagesBodyRef = ref();
     const inputRef = ref();
-    const inputValue = ref('');
+    const uncontrolledInputValueRef = ref((_17 = props.inputValue) !== null && _17 !== void 0 ? _17 : '');
+    const handleInputValueChange = (_18 = UChat === null || UChat === void 0 ? void 0 : UChat.handleInputValueChange) !== null && _18 !== void 0 ? _18 : value => {
+      var _a;
+      uncontrolledInputValueRef.value = value;
+      (_a = props['onUpdate:inputValue']) === null || _a === void 0 ? void 0 : _a.call(props, value);
+    };
+    const inputValue = computed({
+      get: () => {
+        var _a;
+        if (UChat) {
+          return (_a = UChat.inputValueRef.value) !== null && _a !== void 0 ? _a : '';
+        }
+        return props.inputValue !== undefined ? props.inputValue : uncontrolledInputValueRef.value;
+      },
+      set: value => {
+        handleInputValueChange(value);
+      }
+    });
     const attachmentFileList = ref([]);
     const uploadedAttachmentsMap = ref(new Map());
     const lastScrollTop = ref(0);
@@ -875,13 +917,15 @@ export default defineComponent({
               }
             },
             onKeydown: e => {
+              var _a, _b;
+              (_b = (_a = footerInputPropsRef.value) === null || _a === void 0 ? void 0 : _a.onKeydown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
               if (e.key === 'Enter' && !e.shiftKey) {
                 e.preventDefault();
                 e.stopPropagation();
                 void handleSendMessage();
               }
             }
-          }, footerInputPropsRef.value), {
+          }, safeFooterInputPropsRef.value), {
             prefix: () => renderEditingBlock(),
             suffix: () => h(UIcon, Object.assign({
               size: 24,
@@ -904,6 +948,8 @@ export default defineComponent({
         mergedClsPrefixRef,
         mergedThemeRef,
         selectedChatRef,
+        inputValueRef: inputValue,
+        handleInputValueChange,
         messagesRef,
         typingChatIdsRef,
         messagesLoadingRef,