@uzum-tech/ui 1.9.0 → 1.9.1

package/dist/index.js

@@ -15406,6 +15406,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -15541,6 +15543,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -15677,6 +15681,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -15817,6 +15823,8 @@
         typingText: "\u041F\u0435\u0447\u0430\u0442\u0430\u0435\u0442...",
         retryText: "\u041F\u043E\u0432\u0442\u043E\u0440\u043D\u043E \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C",
         closeButtonText: "\u0417\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044C \u0447\u0430\u0442",
+        shareButtonTooltip: "\u041F\u043E\u0434\u0435\u043B\u0438\u0442\u044C\u0441\u044F \u0447\u0430\u0442\u043E\u043C",
+        profileButtonTooltip: "\u041F\u0440\u043E\u0441\u043C\u043E\u0442\u0440\u0435\u0442\u044C \u043F\u0440\u043E\u0444\u0438\u043B\u044C",
         unreadNotificationText: "\u043D\u043E\u0432\u044B\u0445 \u0441\u043E\u043E\u0431\u0449\u0435\u043D\u0438\u0439"
       }
     };
@@ -15953,6 +15961,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -16091,6 +16101,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -16229,6 +16241,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -16368,6 +16382,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -16503,6 +16519,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -16642,6 +16660,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -16779,6 +16799,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -16914,6 +16936,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -17053,6 +17077,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -17191,6 +17217,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -17330,6 +17358,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -17466,6 +17496,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -17604,6 +17636,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -17739,6 +17773,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -17878,6 +17914,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -18013,6 +18051,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -18149,6 +18189,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -18286,6 +18328,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -18421,6 +18465,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -18556,6 +18602,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -18691,6 +18739,8 @@
         typingText: "Typing...",
         retryText: "Resend",
         closeButtonText: "Close chat",
+        shareButtonTooltip: "Share chat",
+        profileButtonTooltip: "View profile",
         unreadNotificationText: "new messages"
       }
     };
@@ -40075,7 +40125,8 @@
         Input: inputLight,
         Button: buttonLight,
         TimePicker: timePickerLight,
-        Scrollbar: scrollbarLight
+        Scrollbar: scrollbarLight,
+        Select: internalSelectionLight
       },
       self: self$Q
     });
@@ -40087,7 +40138,8 @@
         Input: inputDark,
         Button: buttonDark,
         TimePicker: timePickerDark,
-        Scrollbar: scrollbarDark
+        Scrollbar: scrollbarDark,
+        Select: internalSelectionDark
       },
       self: self$Q
     };
@@ -59451,6 +59503,36 @@
       }
     });
 
+    const scrollbarProps = {
+      ...useTheme.props,
+      trigger: String,
+      xScrollable: Boolean,
+      onScroll: Function,
+      size: Number
+    };
+    const Scrollbar = vue.defineComponent({
+      name: "Scrollbar",
+      props: scrollbarProps,
+      setup() {
+        const scrollbarInstRef = vue.ref(null);
+        const exposedMethods = {
+          scrollTo: (...args) => {
+            scrollbarInstRef.value?.scrollTo(args[0], args[1]);
+          },
+          scrollBy: (...args) => {
+            scrollbarInstRef.value?.scrollBy(args[0], args[1]);
+          }
+        };
+        return {
+          ...exposedMethods,
+          scrollbarInstRef
+        };
+      },
+      render() {
+        return /* @__PURE__ */ vue.h(Scrollbar$1, { ref: "scrollbarInstRef", ...this.$props }, this.$slots);
+      }
+    });
+
     var style$13 = c$1([cB("align-start", `
     align-self: self-start;
   `), cB("align-center", `
@@ -60138,11 +60220,11 @@
       gap: 8px;
     `), cE("content", `
       flex: 1;
-      overflow-y: auto;
       min-height: 0;
-      padding: 16px;
-      padding-top: 8px;
-    `), cE("item", `
+    `, [c$1(".u-scrollbar-content", `
+        padding: 16px;
+        padding-top: 8px;
+      `)]), cE("item", `
        padding: 12px 16px;
        width: 100%;
        cursor: pointer;
@@ -60264,8 +60346,19 @@
           `), cE("header-title", `
             margin-top: 9px;
             color: var(--u-header-title-color);
+            flex: 1;
+            min-width: 0;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            display: block;
+            margin-right: 16px;
           `), cE("header-actions", `
             padding: 4px;
+            flex-shrink: 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
           `), cE("unread-notification", `
             background-color: var(--u-unread-notification-background-color);
             color: var(--u-unread-notification-text-color);
@@ -60900,10 +60993,10 @@
     var ChatSidebar = vue.defineComponent({
       name: "ChatSidebar",
       setup(props, { slots }) {
-        return { slots };
-      },
-      render() {
-        const { slots } = this;
+        const sidebarContentRef = vue.ref();
+        const lastScrollTop = vue.ref(0);
+        const scrollTopFired = vue.ref(false);
+        const scrollBottomFired = vue.ref(false);
         const {
           mergedClsPrefixRef,
           mergedThemeRef,
@@ -60917,9 +61010,35 @@
           listItemAvatarPropsRef,
           listItemBadgePropsRef,
           notificationsShownSetRef,
-          handleChatSelect
+          handleChatSelect,
+          onChatItemsScrollToTop,
+          onChatItemsScrollToBottom
           // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         } = vue.inject(chatInjectionKey);
+        const handleSidebarScroll = (e) => {
+          const target = e.target;
+          if (!target) return;
+          const { scrollTop, scrollHeight, clientHeight } = target;
+          const threshold = 5;
+          const scrollDirection = scrollTop > lastScrollTop.value ? "down" : "up";
+          const nearTop = scrollTop <= threshold;
+          const nearBottom = scrollHeight - (scrollTop + clientHeight) <= threshold;
+          if (scrollTop > threshold) {
+            scrollTopFired.value = false;
+          }
+          if (scrollHeight - (scrollTop + clientHeight) > threshold) {
+            scrollBottomFired.value = false;
+          }
+          if (nearTop && scrollDirection === "up" && !scrollTopFired.value) {
+            scrollTopFired.value = true;
+            onChatItemsScrollToTop?.value?.();
+          }
+          if (nearBottom && scrollDirection === "down" && !scrollBottomFired.value) {
+            scrollBottomFired.value = true;
+            onChatItemsScrollToBottom?.value?.();
+          }
+          lastScrollTop.value = scrollTop;
+        };
         const renderListHeader = () => {
           return /* @__PURE__ */ vue.h("div", { class: `${mergedClsPrefixRef.value}-chat-sidebar__header` }, /* @__PURE__ */ vue.h(
             UFlex,
@@ -60954,55 +61073,56 @@
             }
           ));
         };
-        return /* @__PURE__ */ vue.h("div", { class: `${mergedClsPrefixRef.value}-chat-sidebar` }, renderListHeader(), /* @__PURE__ */ vue.h("div", { class: `${mergedClsPrefixRef.value}-chat-sidebar__content` }, /* @__PURE__ */ vue.h(
-          UChatListItems,
-          {
-            chatItems: chatItemsRef.value,
-            selectedChatId: selectedChatIdRef.value,
-            typingChatIds: typingChatIdsRef.value,
-            typingText: typingTextRef.value,
-            loading: chatItemsLoadingRef.value,
-            loadingCount: chatItemsLoadingCountRef.value,
-            emptyProps: listEmptyPropsRef.value,
-            avatarProps: listItemAvatarPropsRef.value,
-            badgeProps: listItemBadgePropsRef.value,
-            notificationsShown: notificationsShownSetRef.value,
-            onChatSelect: handleChatSelect
-          },
-          {
-            chatItemStatus: slots.chatItemStatus
-          }
-        )));
-      }
-    });
-
-    const scrollbarProps = {
-      ...useTheme.props,
-      trigger: String,
-      xScrollable: Boolean,
-      onScroll: Function,
-      size: Number
-    };
-    const Scrollbar = vue.defineComponent({
-      name: "Scrollbar",
-      props: scrollbarProps,
-      setup() {
-        const scrollbarInstRef = vue.ref(null);
-        const exposedMethods = {
-          scrollTo: (...args) => {
-            scrollbarInstRef.value?.scrollTo(args[0], args[1]);
-          },
-          scrollBy: (...args) => {
-            scrollbarInstRef.value?.scrollBy(args[0], args[1]);
-          }
-        };
         return {
-          ...exposedMethods,
-          scrollbarInstRef
+          slots,
+          sidebarContentRef,
+          renderListHeader,
+          handleSidebarScroll,
+          mergedClsPrefixRef,
+          mergedThemeRef,
+          chatItemsRef,
+          chatItemsLoadingRef,
+          chatItemsLoadingCountRef,
+          listEmptyPropsRef,
+          selectedChatIdRef,
+          typingChatIdsRef,
+          typingTextRef,
+          listItemAvatarPropsRef,
+          listItemBadgePropsRef,
+          notificationsShownSetRef,
+          handleChatSelect
         };
       },
       render() {
-        return /* @__PURE__ */ vue.h(Scrollbar$1, { ref: "scrollbarInstRef", ...this.$props }, this.$slots);
+        return /* @__PURE__ */ vue.h("div", { class: `${this.mergedClsPrefixRef}-chat-sidebar` }, this.renderListHeader(), /* @__PURE__ */ vue.h(
+          Scrollbar,
+          {
+            ref: "sidebarContentRef",
+            class: `${this.mergedClsPrefixRef}-chat-sidebar__content`,
+            onScroll: this.handleSidebarScroll
+          },
+          {
+            default: () => /* @__PURE__ */ vue.h(
+              UChatListItems,
+              {
+                chatItems: this.chatItemsRef,
+                selectedChatId: this.selectedChatIdRef,
+                typingChatIds: this.typingChatIdsRef,
+                typingText: this.typingTextRef,
+                loading: this.chatItemsLoadingRef,
+                loadingCount: this.chatItemsLoadingCountRef,
+                emptyProps: this.listEmptyPropsRef,
+                avatarProps: this.listItemAvatarPropsRef,
+                badgeProps: this.listItemBadgePropsRef,
+                notificationsShown: this.notificationsShownSetRef,
+                onChatSelect: this.handleChatSelect
+              },
+              {
+                chatItemStatus: this.slots.chatItemStatus
+              }
+            )
+          }
+        ));
       }
     });
 
@@ -64761,22 +64881,22 @@
         }
       },
       setup(props, { slots }) {
-        const getThumbnailUrl = (att) => {
-          const url = [att.preview, att.thumbnail].find(
+        const getThumbnailUrl = (attachment) => {
+          const url = [attachment.preview, attachment.thumbnail].find(
             (value) => typeof value === "string"
           );
           return url ?? null;
         };
         const renderAttachment = () => {
           const fileList = props.attachments.map(
-            (att, index) => ({
+            (attachment, index) => ({
               id: `${String(props.message.id)}-attachment-${index}`,
-              name: att.name,
-              status: att.status || "finished",
-              percentage: att.percentage ?? null,
-              url: att.url ?? null,
-              thumbnailUrl: getThumbnailUrl(att),
-              type: att.type ?? null,
+              name: attachment.name,
+              status: attachment.status || "finished",
+              percentage: attachment.percentage ?? null,
+              url: attachment.url ?? null,
+              thumbnailUrl: getThumbnailUrl(attachment),
+              type: attachment.type ?? null,
               file: null,
               batchId: null
             })
@@ -64794,10 +64914,10 @@
               } : void 0,
               showRemoveButton: false,
               showDownloadButton: props.attachments.some(
-                (att) => att.status === "finished"
+                (attachment) => attachment.status === "finished" && attachment.url && attachment.url !== "#"
               ),
               showRetryButton: props.attachments.some(
-                (att) => att.status === "error"
+                (attachment) => attachment.status === "error"
               ),
               ...props.uploadProps
             },
@@ -64805,10 +64925,10 @@
               default: () => /* @__PURE__ */ vue.h(UUploadFileList, null, {
                 "upload-file-title": slots["upload-file-title"] ? ({ file }) => slots["upload-file-title"]?.(file) : void 0,
                 "upload-file-subtitle": slots["upload-file-subtitle"] ? ({ file }) => slots["upload-file-subtitle"]?.(file) : ({ file }) => {
-                  const att = props.attachments.find(
-                    (a) => a.name === file.name
+                  const attachment = props.attachments.find(
+                    (attachment2) => attachment2.name === file.name
                   );
-                  return /* @__PURE__ */ vue.h("span", { style: { fontSize: "12px", color: "#999" } }, att?.size || file.file?.size);
+                  return /* @__PURE__ */ vue.h("span", { style: { fontSize: "12px", color: "#999" } }, attachment?.size || file.file?.size);
                 }
               })
             }
@@ -65341,7 +65461,6 @@
       }
     });
 
-    const SCROLL_DELAY = 50;
     const SENDING_DELAY = 100;
     var ChatMainArea = vue.defineComponent({
       name: "ChatMainArea",
@@ -65356,6 +65475,11 @@
           messagesLoadingCountRef,
           headerButtonPropsRef,
           headerIconPropsRef,
+          headerShareButtonPropsRef,
+          headerProfileButtonPropsRef,
+          headerCloseButtonPropsRef,
+          headerShareIconPropsRef,
+          headerProfileIconPropsRef,
           messageUploadPropsRef,
           footerInputPropsRef,
           footerButtonPropsRef,
@@ -65365,21 +65489,29 @@
           retryTextRef,
           typingTextRef,
           closeButtonTextRef,
+          shareButtonTooltipRef,
+          profileButtonTooltipRef,
           unreadNotificationTextRef,
           notificationsShownSetRef,
           unreadCountsBeforeReadRef,
           markNotificationShown,
           handleMessageSend,
           handleMessageRetry,
+          handleFooterInputChange,
           onChatClose,
           onChatShare,
-          onUserProfile
+          onUserProfile,
+          onMessagesScrollToTop,
+          onMessagesScrollToBottom
           // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         } = vue.inject(chatInjectionKey);
         const messagesBodyRef = vue.ref();
         const inputRef = vue.ref();
         const inputValue = vue.ref("");
         const attachmentFileList = vue.ref([]);
+        const lastScrollTop = vue.ref(0);
+        const scrollTopFired = vue.ref(false);
+        const scrollBottomFired = vue.ref(false);
         const unreadMessagesCount = vue.computed(() => {
           if (!messagesRef.value) return 0;
           return messagesRef.value.filter(
@@ -65391,6 +65523,7 @@
         const unreadCountOnOpen = vue.ref(0);
         const chatInputs = vue.ref({});
         const lastMessageId = vue.ref(null);
+        const shouldScrollOnLoad = vue.ref(false);
         vue.watch(
           selectedChatRef,
           (newChat, oldChat) => {
@@ -65399,6 +65532,10 @@
               const unreadBeforeRead = unreadCountsBeforeReadRef.value[newChat.id] || 0;
               unreadCountOnOpen.value = unreadBeforeRead;
               lastMessageId.value = null;
+              lastScrollTop.value = 0;
+              scrollTopFired.value = false;
+              scrollBottomFired.value = false;
+              shouldScrollOnLoad.value = true;
               if (unreadBeforeRead > 0 && !notificationsShownSetRef.value.has(newChat.id)) {
                 hasUnreadMessages.value = true;
                 showNotificationManually.value = true;
@@ -65407,12 +65544,6 @@
                 hasUnreadMessages.value = false;
                 showNotificationManually.value = false;
               }
-              void vue.nextTick(() => {
-                scrollToBottom();
-              });
-              setTimeout(() => {
-                scrollToBottom();
-              }, SCROLL_DELAY);
             }
           },
           { immediate: true }
@@ -65426,16 +65557,15 @@
             }
             const currentLastMessage = newMessages[newMessages.length - 1];
             const currentLastId = currentLastMessage?.id;
-            if (currentLastId !== lastMessageId.value && lastMessageId.value !== null) {
+            const hasLastMessageChanged = currentLastId !== lastMessageId.value;
+            if (hasLastMessageChanged && currentLastMessage && !currentLastMessage.isOwn && currentLastMessage.status === MessageStatus.UNREAD) {
+              unreadCountOnOpen.value = unreadMessagesCount.value;
+            }
+            if (shouldScrollOnLoad.value && newMessages.length > 0) {
+              shouldScrollOnLoad.value = false;
               void vue.nextTick(() => {
                 scrollToBottom();
               });
-              setTimeout(() => {
-                scrollToBottom();
-              }, SCROLL_DELAY);
-              if (currentLastMessage && !currentLastMessage.isOwn && currentLastMessage.status === MessageStatus.UNREAD) {
-                unreadCountOnOpen.value = unreadMessagesCount.value;
-              }
             }
             lastMessageId.value = currentLastId ?? null;
           },
@@ -65450,17 +65580,38 @@
             notificationsShownSetRef.value = newSet;
           }
         });
+        vue.watch(inputValue, (newValue) => {
+          if (selectedChatRef.value) {
+            handleFooterInputChange(newValue, selectedChatRef.value.id);
+          }
+        });
         const showUnreadNotification = vue.computed(() => {
           return hasUnreadMessages.value && showNotificationManually.value;
         });
-        vue.onMounted(() => {
-          void vue.nextTick(() => {
-            scrollToBottom();
-          });
-          setTimeout(() => {
-            scrollToBottom();
-          }, SCROLL_DELAY);
-        });
+        const handleMessagesScroll = (e) => {
+          const target = e.target;
+          if (!target) return;
+          const { scrollTop, scrollHeight, clientHeight } = target;
+          const threshold = 5;
+          const scrollDirection = scrollTop > lastScrollTop.value ? "down" : "up";
+          const nearTop = scrollTop <= threshold;
+          const nearBottom = scrollHeight - (scrollTop + clientHeight) <= threshold;
+          if (scrollTop > threshold) {
+            scrollTopFired.value = false;
+          }
+          if (scrollHeight - (scrollTop + clientHeight) > threshold) {
+            scrollBottomFired.value = false;
+          }
+          if (nearTop && scrollDirection === "up" && !scrollTopFired.value) {
+            scrollTopFired.value = true;
+            onMessagesScrollToTop?.value?.();
+          }
+          if (nearBottom && scrollDirection === "down" && !scrollBottomFired.value) {
+            scrollBottomFired.value = true;
+            onMessagesScrollToBottom?.value?.();
+          }
+          lastScrollTop.value = scrollTop;
+        };
         const scrollToBottom = () => {
           const el = messagesBodyRef.value;
           if (!el) return;
@@ -65480,7 +65631,7 @@
           }
         };
         const renderHeader = () => {
-          return /* @__PURE__ */ vue.h("div", { class: `${mergedClsPrefixRef.value}-chat-main__header` }, /* @__PURE__ */ vue.h(UFlex, { justify: "space-between", align: "flex-start" }, {
+          return /* @__PURE__ */ vue.h("div", { class: `${mergedClsPrefixRef.value}-chat-main__header` }, /* @__PURE__ */ vue.h(UFlex, { justify: "space-between", align: "flex-start", wrap: false }, {
             default: () => /* @__PURE__ */ vue.h(vue.Fragment, null, /* @__PURE__ */ vue.h(
               UText,
               {
@@ -65490,7 +65641,7 @@
                 themeOverrides: mergedThemeRef.value.peerOverrides.Typography
               },
               {
-                default: () => selectedChatRef.value?.title || "Select a chat"
+                default: () => selectedChatRef.value?.title ?? ""
               }
             ), /* @__PURE__ */ vue.h(
               UFlex,
@@ -65500,75 +65651,115 @@
                 class: `${mergedClsPrefixRef.value}-chat-main__header-actions`
               },
               {
-                default: () => resolveSlot(slots.headerActions, () => [
-                  /* @__PURE__ */ vue.h(
-                    Button,
-                    {
-                      secondary: true,
-                      circle: true,
-                      size: "large",
-                      ...headerButtonPropsRef.value,
-                      theme: mergedThemeRef.value.peers.Button,
-                      themeOverrides: mergedThemeRef.value.peerOverrides.Button,
-                      onClick: () => onChatShare?.value?.()
-                    },
-                    {
-                      default: () => /* @__PURE__ */ vue.h(
-                        UIcon,
-                        {
-                          size: 20,
-                          ...headerIconPropsRef.value,
-                          theme: mergedThemeRef.value.peers.Icon,
-                          themeOverrides: mergedThemeRef.value.peerOverrides.Icon
-                        },
-                        {
-                          default: () => /* @__PURE__ */ vue.h(ArrowHookUpRight, null)
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ vue.h(
-                    Button,
-                    {
-                      secondary: true,
-                      circle: true,
-                      size: "large",
-                      ...headerButtonPropsRef.value,
-                      theme: mergedThemeRef.value.peers.Button,
-                      themeOverrides: mergedThemeRef.value.peerOverrides.Button,
-                      onClick: () => onUserProfile?.value?.()
-                    },
-                    {
-                      default: () => /* @__PURE__ */ vue.h(
-                        UIcon,
+                default: () => resolveSlot(slots.headerActions, () => {
+                  const shareButtonProps = {
+                    ...headerButtonPropsRef.value,
+                    ...headerShareButtonPropsRef.value
+                  };
+                  const profileButtonProps = {
+                    ...headerButtonPropsRef.value,
+                    ...headerProfileButtonPropsRef.value
+                  };
+                  const closeButtonProps = {
+                    ...headerButtonPropsRef.value,
+                    ...headerCloseButtonPropsRef.value
+                  };
+                  const shareIconProps = {
+                    ...headerIconPropsRef.value,
+                    ...headerShareIconPropsRef.value
+                  };
+                  const profileIconProps = {
+                    ...headerIconPropsRef.value,
+                    ...headerProfileIconPropsRef.value
+                  };
+                  const buttons = [];
+                  if (shareButtonProps.disabled !== true) {
+                    buttons.push(
+                      /* @__PURE__ */ vue.h(UTooltip, null, {
+                        trigger: () => /* @__PURE__ */ vue.h(
+                          Button,
+                          {
+                            secondary: true,
+                            circle: true,
+                            size: "large",
+                            ...shareButtonProps,
+                            theme: mergedThemeRef.value.peers.Button,
+                            themeOverrides: mergedThemeRef.value.peerOverrides.Button,
+                            onClick: () => onChatShare?.value?.()
+                          },
+                          {
+                            default: () => /* @__PURE__ */ vue.h(
+                              UIcon,
+                              {
+                                size: 20,
+                                ...shareIconProps,
+                                theme: mergedThemeRef.value.peers.Icon,
+                                themeOverrides: mergedThemeRef.value.peerOverrides.Icon
+                              },
+                              {
+                                default: () => /* @__PURE__ */ vue.h(ArrowHookUpRight, null)
+                              }
+                            )
+                          }
+                        ),
+                        default: () => shareButtonTooltipRef.value
+                      })
+                    );
+                  }
+                  if (profileButtonProps.disabled !== true) {
+                    buttons.push(
+                      /* @__PURE__ */ vue.h(UTooltip, null, {
+                        trigger: () => /* @__PURE__ */ vue.h(
+                          Button,
+                          {
+                            secondary: true,
+                            circle: true,
+                            size: "large",
+                            ...profileButtonProps,
+                            theme: mergedThemeRef.value.peers.Button,
+                            themeOverrides: mergedThemeRef.value.peerOverrides.Button,
+                            onClick: () => onUserProfile?.value?.()
+                          },
+                          {
+                            default: () => /* @__PURE__ */ vue.h(
+                              UIcon,
+                              {
+                                size: 20,
+                                ...profileIconProps,
+                                theme: mergedThemeRef.value.peers.Icon,
+                                themeOverrides: mergedThemeRef.value.peerOverrides.Icon
+                              },
+                              {
+                                default: () => /* @__PURE__ */ vue.h(PersonNote, null)
+                              }
+                            )
+                          }
+                        ),
+                        default: () => profileButtonTooltipRef.value
+                      })
+                    );
+                  }
+                  if (closeButtonProps.disabled !== true) {
+                    buttons.push(
+                      /* @__PURE__ */ vue.h(
+                        Button,
                         {
-                          size: 20,
-                          ...headerIconPropsRef.value,
-                          theme: mergedThemeRef.value.peers.Icon,
-                          themeOverrides: mergedThemeRef.value.peerOverrides.Icon
+                          type: "primary",
+                          size: "large",
+                          round: true,
+                          ...closeButtonProps,
+                          theme: mergedThemeRef.value.peers.Button,
+                          themeOverrides: mergedThemeRef.value.peerOverrides.Button,
+                          onClick: () => onChatClose?.value?.()
                         },
                         {
-                          default: () => /* @__PURE__ */ vue.h(PersonNote, null)
+                          default: () => closeButtonTextRef.value
                         }
                       )
-                    }
-                  ),
-                  /* @__PURE__ */ vue.h(
-                    Button,
-                    {
-                      type: "primary",
-                      size: "large",
-                      round: true,
-                      ...headerButtonPropsRef.value,
-                      theme: mergedThemeRef.value.peers.Button,
-                      themeOverrides: mergedThemeRef.value.peerOverrides.Button,
-                      onClick: () => onChatClose?.value?.()
-                    },
-                    {
-                      default: () => closeButtonTextRef.value
-                    }
-                  )
-                ])
+                    );
+                  }
+                  return buttons;
+                })
               }
             ))
           }));
@@ -65624,12 +65815,6 @@
               chatInputs.value[selectedChatRef.value.id] = "";
               hasUnreadMessages.value = false;
               showNotificationManually.value = false;
-              void vue.nextTick(() => {
-                scrollToBottom();
-              });
-              setTimeout(() => {
-                scrollToBottom();
-              }, SCROLL_DELAY);
             } finally {
               setTimeout(() => {
                 isSending.value = false;
@@ -65673,12 +65858,6 @@
                 handleMessageSend("", attachments);
                 pendingFiles.value = [];
                 attachmentFileList.value = [];
-                void vue.nextTick(() => {
-                  scrollToBottom();
-                });
-                setTimeout(() => {
-                  scrollToBottom();
-                }, SCROLL_DELAY);
               }
             }, SENDING_DELAY);
           }
@@ -65770,6 +65949,7 @@
           inputRef,
           inputValue,
           handleSendMessage,
+          handleMessagesScroll,
           scrollToBottom
         };
       },
@@ -65779,7 +65959,8 @@
           Scrollbar,
           {
             ref: "messagesBodyRef",
-            class: `${mergedClsPrefixRef.value}-chat-main__body`
+            class: `${mergedClsPrefixRef.value}-chat-main__body`,
+            onScroll: this.handleMessagesScroll
           },
           {
             default: () => this.renderMessages()
@@ -65854,6 +66035,26 @@
         type: Object,
         default: void 0
       },
+      headerShareButtonProps: {
+        type: Object,
+        default: void 0
+      },
+      headerProfileButtonProps: {
+        type: Object,
+        default: void 0
+      },
+      headerCloseButtonProps: {
+        type: Object,
+        default: void 0
+      },
+      headerShareIconProps: {
+        type: Object,
+        default: void 0
+      },
+      headerProfileIconProps: {
+        type: Object,
+        default: void 0
+      },
       messageSenderAvatarProps: {
         type: Object,
         default: void 0
@@ -65902,6 +66103,14 @@
         type: String,
         default: void 0
       },
+      shareButtonTooltip: {
+        type: String,
+        default: void 0
+      },
+      profileButtonTooltip: {
+        type: String,
+        default: void 0
+      },
       unreadNotificationText: {
         type: String,
         default: void 0
@@ -65954,7 +66163,7 @@
         type: Function,
         default: void 0
       },
-      onLoadMoreChats: {
+      onFooterInputChange: {
         type: Function,
         default: void 0
       },
@@ -65969,6 +66178,22 @@
       onSendError: {
         type: Function,
         default: void 0
+      },
+      onChatItemsScrollToTop: {
+        type: Function,
+        default: void 0
+      },
+      onChatItemsScrollToBottom: {
+        type: Function,
+        default: void 0
+      },
+      onMessagesScrollToTop: {
+        type: Function,
+        default: void 0
+      },
+      onMessagesScrollToBottom: {
+        type: Function,
+        default: void 0
       }
     };
     var Chat = vue.defineComponent({
@@ -65981,12 +66206,16 @@
         "attachment-upload",
         "mark-messages-read",
         "filter-change",
-        "load-more-chats",
+        "footer-input-change",
         "network-error",
         "upload-error",
-        "send-error"
+        "send-error",
+        "chat-items-scroll-to-top",
+        "chat-items-scroll-to-bottom",
+        "messages-scroll-to-top",
+        "messages-scroll-to-bottom"
       ],
-      setup(props, { slots, emit }) {
+      setup(props, { slots, emit, expose }) {
         const { mergedClsPrefixRef } = useConfig(props);
         const themeRef = useTheme(
           "Chat",
@@ -66149,30 +66378,24 @@
         };
         const handleMessageRetry = (message) => {
           emit("message-retry", message);
-          props.onMessageRetry?.(message);
         };
         const markMessagesAsRead = (chatId) => {
           emit("mark-messages-read", chatId);
         };
         const handleFilterChange = (filter) => {
           emit("filter-change", filter);
-          props.onFilterChange?.(filter);
         };
-        const handleLoadMoreChats = (offset, limit) => {
-          emit("load-more-chats", { offset, limit });
-          props.onLoadMoreChats?.(offset, limit);
+        const handleFooterInputChange = (value, chatId) => {
+          emit("footer-input-change", value, chatId);
         };
         const handleNetworkError = (error) => {
           emit("network-error", error);
-          props.onNetworkError?.(error);
         };
         const handleUploadError = (error) => {
           emit("upload-error", error);
-          props.onUploadError?.(error);
         };
         const handleSendError = (error) => {
           emit("send-error", error);
-          props.onSendError?.(error);
         };
         const mergedInputPlaceholderRef = vue.computed(() => {
           const placeholder = props.footerInputProps?.placeholder;
@@ -66190,6 +66413,12 @@
         const mergedCloseButtonTextRef = vue.computed(
           () => props.closeButtonText ?? localeRef.value.closeButtonText
         );
+        const mergedShareButtonTooltipRef = vue.computed(
+          () => props.shareButtonTooltip ?? localeRef.value.shareButtonTooltip
+        );
+        const mergedProfileButtonTooltipRef = vue.computed(
+          () => props.profileButtonTooltip ?? localeRef.value.profileButtonTooltip
+        );
         const mergedUnreadNotificationTextRef = vue.computed(
           () => props.unreadNotificationText ?? localeRef.value.unreadNotificationText
         );
@@ -66213,6 +66442,11 @@
           emptyPropsRef: vue.toRef(props, "emptyProps"),
           headerButtonPropsRef: vue.toRef(props, "headerButtonProps"),
           headerIconPropsRef: vue.toRef(props, "headerIconProps"),
+          headerShareButtonPropsRef: vue.toRef(props, "headerShareButtonProps"),
+          headerProfileButtonPropsRef: vue.toRef(props, "headerProfileButtonProps"),
+          headerCloseButtonPropsRef: vue.toRef(props, "headerCloseButtonProps"),
+          headerShareIconPropsRef: vue.toRef(props, "headerShareIconProps"),
+          headerProfileIconPropsRef: vue.toRef(props, "headerProfileIconProps"),
           messageSenderAvatarPropsRef: vue.toRef(props, "messageSenderAvatarProps"),
           messageUploadPropsRef: vue.toRef(props, "messageUploadProps"),
           messageButtonPropsRef: vue.toRef(props, "messageButtonProps"),
@@ -66225,6 +66459,8 @@
           retryTextRef: mergedRetryTextRef,
           typingTextRef: mergedTypingTextRef,
           closeButtonTextRef: mergedCloseButtonTextRef,
+          shareButtonTooltipRef: mergedShareButtonTooltipRef,
+          profileButtonTooltipRef: mergedProfileButtonTooltipRef,
           unreadNotificationTextRef: mergedUnreadNotificationTextRef,
           notificationsShownSetRef: notificationsShownSet,
           unreadCountsBeforeReadRef: unreadCountsBeforeRead,
@@ -66234,20 +66470,36 @@
           handleMessageRetry,
           markMessagesAsRead,
           handleFilterChange,
-          handleLoadMoreChats,
+          handleFooterInputChange,
           handleNetworkError,
           handleUploadError,
           handleSendError,
           onChatClose: vue.toRef(props, "onChatClose"),
           onChatShare: vue.toRef(props, "onChatShare"),
-          onUserProfile: vue.toRef(props, "onUserProfile")
+          onUserProfile: vue.toRef(props, "onUserProfile"),
+          onChatItemsScrollToTop: vue.toRef(props, "onChatItemsScrollToTop"),
+          onChatItemsScrollToBottom: vue.toRef(props, "onChatItemsScrollToBottom"),
+          onMessagesScrollToTop: vue.toRef(props, "onMessagesScrollToTop"),
+          onMessagesScrollToBottom: vue.toRef(props, "onMessagesScrollToBottom")
+        });
+        const mainAreaRef = vue.ref(null);
+        const scrollToBottom = () => {
+          mainAreaRef.value?.scrollToBottom();
+        };
+        const sendMessage = (content, attachments) => {
+          handleMessageSend(content, attachments);
+        };
+        expose({
+          scrollToBottom,
+          sendMessage
         });
         return {
           mergedClsPrefix: mergedClsPrefixRef,
           mergedTheme: themeRef,
           cssVars: cssVarsRef,
           themeClass: themeClassHandle?.themeClass,
-          onRender: themeClassHandle?.onRender
+          onRender: themeClassHandle?.onRender,
+          mainAreaRef
         };
       },
       render() {
@@ -66272,7 +66524,7 @@
                 sidebarHeaderActions: $slots.sidebarHeaderActions
               })
             ]), this.selectedChatId && resolveSlot($slots.default, () => [
-              /* @__PURE__ */ vue.h(ChatMainArea, null, {
+              /* @__PURE__ */ vue.h(ChatMainArea, { ref: "mainAreaRef" }, {
                 headerActions: $slots.headerActions
               })
             ]))
@@ -105189,6 +105441,7 @@
         default: void 0
       },
       clearable: Boolean,
+      round: Boolean,
       updateValueOnClose: Boolean,
       defaultValue: [Number, Array],
       defaultFormattedValue: [String, Array],
@@ -105238,6 +105491,10 @@
       defaultCalendarStartTime: Number,
       defaultCalendarEndTime: Number,
       bindCalendarMonths: Boolean,
+      triggerPreset: {
+        type: String,
+        default: "input"
+      },
       "onUpdate:show": [Function, Array],
       onUpdateShow: [Function, Array],
       "onUpdate:formattedValue": [Function, Array],
@@ -106151,84 +106408,137 @@
           /* @__PURE__ */ vue.h(Binder, null, {
             default: () => [
               /* @__PURE__ */ vue.h(VTarget, null, {
-                default: () => this.isRange ? /* @__PURE__ */ vue.h(
-                  UInput,
-                  {
-                    ref: "inputInstRef",
-                    status: this.mergedStatus,
-                    value: [this.displayStartTime, this.displayEndTime],
-                    placeholder: [
-                      this.localizedStartPlaceholder,
-                      this.localizedEndPlaceholder
-                    ],
-                    textDecoration: [
-                      this.isStartValueInvalid ? "line-through" : "",
-                      this.isEndValueInvalid ? "line-through" : ""
-                    ],
-                    pair: true,
-                    onUpdateValue: this.handleRangeUpdateValue,
-                    theme: this.mergedTheme.peers.Input,
-                    themeOverrides: this.mergedTheme.peerOverrides.Input,
-                    internalForceFocus: this.mergedShow,
-                    internalDeactivateOnEnter: true,
-                    ...commonInputProps
-                  },
-                  {
-                    separator: () => this.separator === void 0 ? resolveSlot($slots.separator, () => [
-                      /* @__PURE__ */ vue.h(
-                        UBaseIcon,
-                        {
-                          clsPrefix: mergedClsPrefix,
-                          class: `${mergedClsPrefix}-date-picker-icon`
-                        },
-                        {
-                          default: () => /* @__PURE__ */ vue.h(ToIcon, null)
-                        }
-                      )
-                    ]) : this.separator,
-                    [clearable ? "clear-icon-placeholder" : "suffix"]: () => resolveSlot($slots["date-icon"], () => [
-                      /* @__PURE__ */ vue.h(
+                default: () => {
+                  if ($slots.trigger) {
+                    return $slots.trigger({
+                      open: this.handleTriggerClick,
+                      value: this.displayTime || this.localizedPlacehoder
+                    });
+                  }
+                  if (this.triggerPreset === "select") {
+                    return /* @__PURE__ */ vue.h(
+                      UInternalSelection,
+                      {
+                        ref: "inputInstRef",
+                        selectedOption: this.displayTime ? {
+                          label: this.displayTime,
+                          value: this.displayTime
+                        } : null,
+                        round: this.round,
+                        status: this.mergedStatus,
+                        clsPrefix: mergedClsPrefix,
+                        bordered: this.mergedBordered,
+                        size: this.mergedSize,
+                        theme: this.mergedTheme.peers.Select,
+                        themeOverrides: this.mergedTheme.peerOverrides.Select,
+                        placeholder: this.localizedPlacehoder,
+                        active: this.mergedShow,
+                        clearable: this.clearable,
+                        disabled: this.mergedDisabled,
+                        onFocus: this.handleInputFocus,
+                        onBlur: this.handleInputBlur,
+                        onClick: this.handleTriggerClick,
+                        onClear: this.handleClear
+                      },
+                      {
+                        arrow: () => this.$slots.arrow?.()
+                      }
+                    );
+                  }
+                  if (this.triggerPreset === "button") {
+                    return /* @__PURE__ */ vue.h(
+                      Button,
+                      {
+                        round: this.round,
+                        size: this.mergedSize,
+                        theme: this.mergedTheme.peers.Button,
+                        themeOverrides: this.mergedTheme.peerOverrides.Button,
+                        onClick: this.handleTriggerClick
+                      },
+                      this.displayTime || this.localizedPlacehoder
+                    );
+                  }
+                  return this.isRange ? /* @__PURE__ */ vue.h(
+                    UInput,
+                    {
+                      ref: "inputInstRef",
+                      round: this.round,
+                      status: this.mergedStatus,
+                      value: [this.displayStartTime, this.displayEndTime],
+                      placeholder: [
+                        this.localizedStartPlaceholder,
+                        this.localizedEndPlaceholder
+                      ],
+                      textDecoration: [
+                        this.isStartValueInvalid ? "line-through" : "",
+                        this.isEndValueInvalid ? "line-through" : ""
+                      ],
+                      pair: true,
+                      onUpdateValue: this.handleRangeUpdateValue,
+                      theme: this.mergedTheme.peers.Input,
+                      themeOverrides: this.mergedTheme.peerOverrides.Input,
+                      internalForceFocus: this.mergedShow,
+                      internalDeactivateOnEnter: true,
+                      ...commonInputProps
+                    },
+                    {
+                      separator: () => this.separator === void 0 ? resolveSlot($slots.separator, () => [
+                        /* @__PURE__ */ vue.h(
+                          UBaseIcon,
+                          {
+                            clsPrefix: mergedClsPrefix,
+                            class: `${mergedClsPrefix}-date-picker-icon`
+                          },
+                          {
+                            default: () => /* @__PURE__ */ vue.h(ToIcon, null)
+                          }
+                        )
+                      ]) : this.separator,
+                      [clearable ? "clear-icon-placeholder" : "suffix"]: () => resolveSlot($slots["date-icon"], () => [
+                        /* @__PURE__ */ vue.h(
+                          UBaseIcon,
+                          {
+                            clsPrefix: mergedClsPrefix,
+                            class: `${mergedClsPrefix}-date-picker-icon`
+                          },
+                          {
+                            default: () => /* @__PURE__ */ vue.h(DateIcon, null)
+                          }
+                        )
+                      ])
+                    }
+                  ) : /* @__PURE__ */ vue.h(
+                    UInput,
+                    {
+                      ref: "inputInstRef",
+                      round: this.round,
+                      status: this.mergedStatus,
+                      value: this.displayTime,
+                      placeholder: this.localizedPlacehoder,
+                      textDecoration: this.isValueInvalid && !this.isRange ? "line-through" : "",
+                      onUpdateValue: this.handleSingleUpdateValue,
+                      theme: this.mergedTheme.peers.Input,
+                      themeOverrides: this.mergedTheme.peerOverrides.Input,
+                      internalForceFocus: this.mergedShow,
+                      internalDeactivateOnEnter: true,
+                      ...commonInputProps
+                    },
+                    {
+                      [clearable ? "clear-icon-placeholder" : "suffix"]: () => /* @__PURE__ */ vue.h(
                         UBaseIcon,
                         {
                           clsPrefix: mergedClsPrefix,
                           class: `${mergedClsPrefix}-date-picker-icon`
                         },
                         {
-                          default: () => /* @__PURE__ */ vue.h(DateIcon, null)
+                          default: () => resolveSlot($slots["date-icon"], () => [
+                            /* @__PURE__ */ vue.h(DateIcon, null)
+                          ])
                         }
                       )
-                    ])
-                  }
-                ) : /* @__PURE__ */ vue.h(
-                  UInput,
-                  {
-                    ref: "inputInstRef",
-                    status: this.mergedStatus,
-                    value: this.displayTime,
-                    placeholder: this.localizedPlacehoder,
-                    textDecoration: this.isValueInvalid && !this.isRange ? "line-through" : "",
-                    onUpdateValue: this.handleSingleUpdateValue,
-                    theme: this.mergedTheme.peers.Input,
-                    themeOverrides: this.mergedTheme.peerOverrides.Input,
-                    internalForceFocus: this.mergedShow,
-                    internalDeactivateOnEnter: true,
-                    ...commonInputProps
-                  },
-                  {
-                    [clearable ? "clear-icon-placeholder" : "suffix"]: () => /* @__PURE__ */ vue.h(
-                      UBaseIcon,
-                      {
-                        clsPrefix: mergedClsPrefix,
-                        class: `${mergedClsPrefix}-date-picker-icon`
-                      },
-                      {
-                        default: () => resolveSlot($slots["date-icon"], () => [
-                          /* @__PURE__ */ vue.h(DateIcon, null)
-                        ])
-                      }
-                    )
-                  }
-                )
+                    }
+                  );
+                }
               }),
               /* @__PURE__ */ vue.h(
                 VFollower,
@@ -106377,6 +106687,14 @@
 
     const descriptionsProps = {
       ...useTheme.props,
+      skeletonProps: {
+        type: Object,
+        default: () => ({
+          width: "50%",
+          height: "25px",
+          round: true
+        })
+      },
       title: String,
       column: {
         type: Number,
@@ -106400,6 +106718,7 @@
         default: "medium"
       },
       bordered: Boolean,
+      loadingSkeleton: Boolean,
       labelStyle: [Object, String],
       contentStyle: [Object, String]
     };
@@ -106494,6 +106813,8 @@
           labelAlign,
           size,
           bordered,
+          loadingSkeleton,
+          skeletonProps,
           title,
           cssVars,
           mergedClsPrefix,
@@ -106538,7 +106859,7 @@
                     colspan: 1,
                     style: labelStyle
                   },
-                  itemLabel
+                  loadingSkeleton ? /* @__PURE__ */ vue.h(UBaseSkeleton, { ...skeletonProps }) : itemLabel
                 ),
                 /* @__PURE__ */ vue.h(
                   "td",
@@ -106547,7 +106868,7 @@
                     colspan: isLastIteration ? (compitableColumn - memorizedSpan) * 2 + 1 : itemSpan * 2 - 1,
                     style: contentStyle
                   },
-                  itemChildren
+                  loadingSkeleton ? /* @__PURE__ */ vue.h(UBaseSkeleton, { ...skeletonProps }) : itemChildren
                 )
               );
             } else {
@@ -106564,7 +106885,7 @@
                       class: `${mergedClsPrefix}-descriptions-table-content__label`,
                       style: labelStyle
                     },
-                    [
+                    loadingSkeleton ? /* @__PURE__ */ vue.h(UBaseSkeleton, { ...skeletonProps }) : [
                       ...itemLabel,
                       separator && /* @__PURE__ */ vue.h("span", { class: `${mergedClsPrefix}-descriptions-separator` }, separator)
                     ]
@@ -106575,7 +106896,7 @@
                       class: `${mergedClsPrefix}-descriptions-table-content__content`,
                       style: contentStyle
                     },
-                    itemChildren
+                    loadingSkeleton ? /* @__PURE__ */ vue.h(UBaseSkeleton, { ...skeletonProps }) : itemChildren
                   )
                 )
               );
@@ -106590,7 +106911,7 @@
                   colspan,
                   style: labelStyle
                 },
-                itemLabel
+                loadingSkeleton ? /* @__PURE__ */ vue.h(UBaseSkeleton, { ...skeletonProps }) : itemLabel
               )
             );
             state.secondRow.push(
@@ -106601,7 +106922,7 @@
                   colspan,
                   style: contentStyle
                 },
-                itemChildren
+                loadingSkeleton ? /* @__PURE__ */ vue.h(UBaseSkeleton, { ...skeletonProps }) : itemChildren
               )
             );
           }
@@ -130363,7 +130684,7 @@
         watermarkProps: watermarkProps
     });
 
-    var version = "1.9.0";
+    var version = "1.9.1";
 
     function create({
       componentPrefix = "U",