tuikit-atomicx-vue3 0.1.1 → 3.3.0-beta.3

package/dist/components/ConversationList/ConversationPreview/ConversationPreviewAbstract.js

@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         draftTextAbstract.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           createElementVNode("label", {
             class: normalizeClass(_ctx.$style.conversationPreview__drafts)
-          }, toDisplayString(unref(t)("TUIChat.[Drafts]")), 3),
+          }, "[" + toDisplayString(unref(t)("TUIConversation.Drafts")) + "]", 3),
           createTextVNode(" " + toDisplayString(" ") + " " + toDisplayString(draftTextAbstract.value), 1)
         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
           createTextVNode(toDisplayString(latestMessagePreview.value), 1)

package/dist/components/ConversationList/ConversationPreview/ConversationPreviewUI.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, unref, normalizeStyle, normalizeClass, renderSlot, resolveDynamicComponent, mergeProps } from "vue";
+import { defineComponent, ref, watch, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, mergeProps, unref, renderSlot, normalizeClass, resolveDynamicComponent } from "vue";
 import TUIChatEngine from "@tencentcloud/chat-uikit-engine";
 import Avatar from "../../Avatar/Avatar.js";
 import DefaultLastMessageAbstract from "./ConversationPreviewAbstract.js";
@@ -18,12 +18,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     isSelected: { type: Boolean, default: false },
     enableActions: { type: Boolean, default: true },
     highlightMatchString: {},
-    Avatar: { default: () => Avatar },
+    Avatar: { type: [Object, Function], default: () => Avatar },
     Title: { default: () => DefaultTitle },
     LastMessageAbstract: { default: () => DefaultLastMessageAbstract },
     LastMessageTimestamp: { default: () => DefaultLastMessageTimestamp },
     Unread: { default: () => DefaultUnread },
-    ConversationActions: { default: () => ConversationActionsComponent },
+    ConversationActions: { type: [Object, Function], default: () => ConversationActionsComponent },
     onSelectConversation: {},
     actionsConfig: {},
     className: {},
@@ -37,13 +37,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { activeConversation, setActiveConversation } = useConversationListState();
     const conversationPreviewRef = ref();
     const isActionMenuActive = ref(false);
-    const { isHovering } = useMouseHover(conversationPreviewRef);
-    const { handleTouchStart, handleTouchEnd } = useLongPress(() => {
+    const { isHovered } = useMouseHover(conversationPreviewRef);
+    const { getEventHandlers } = useLongPress(() => {
       if (isH5) {
         isActionMenuActive.value = true;
       }
     });
-    watch(isHovering, (newValue) => {
+    const longPressEvents = getEventHandlers();
+    watch(isHovered, (newValue) => {
       if (!isH5) {
         isActionMenuActive.value = newValue;
       }
@@ -52,26 +53,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("select", props.conversation);
       setActiveConversation(props.conversation.conversationID);
     };
-    const handleMouseEnter = () => {
-      if (!isH5) {
-        isActionMenuActive.value = true;
-      }
-    };
-    const handleMouseLeave = () => {
-      if (!isH5) {
-        isActionMenuActive.value = false;
-      }
-    };
     const handleCloseActionsModal = () => {
       isActionMenuActive.value = false;
     };
     return (_ctx, _cache) => {
       var _a, _b, _c, _d, _e, _f, _g, _h;
       return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", {
+        createElementVNode("div", mergeProps({
           ref_key: "conversationPreviewRef",
           ref: conversationPreviewRef,
-          class: normalizeClass([
+          class: [
             _ctx.$style.conversationPreview,
             _ctx.className,
             unref(isH5) && [_ctx.$style["conversationPreview--mobile"]],
@@ -79,16 +70,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             !((_c = _ctx.conversation) == null ? void 0 : _c.isMuted) && (((_d = _ctx.conversation) == null ? void 0 : _d.unreadCount) > 0 || ((_f = (_e = _ctx.conversation) == null ? void 0 : _e.markList) == null ? void 0 : _f.includes(unref(TUIChatEngine).TYPES.CONV_MARK_TYPE_UNREAD))) && [_ctx.$style["conversationPreview--unread"]],
             ((_g = _ctx.conversation) == null ? void 0 : _g.isPinned) && [_ctx.$style["conversationPreview--pin"]],
             ((_h = _ctx.conversation) == null ? void 0 : _h.isMuted) && [_ctx.$style["conversationPreview--mute"]]
-          ]),
-          style: normalizeStyle(_ctx.style),
-          onClick: handleClick,
-          onTouchstart: _cache[0] || (_cache[0] = //@ts-ignore
-          (...args) => unref(handleTouchStart) && unref(handleTouchStart)(...args)),
-          onTouchend: _cache[1] || (_cache[1] = //@ts-ignore
-          (...args) => unref(handleTouchEnd) && unref(handleTouchEnd)(...args)),
-          onMouseenter: handleMouseEnter,
-          onMouseleave: handleMouseLeave
-        }, [
+          ],
+          style: _ctx.style
+        }, unref(longPressEvents), { onClick: handleClick }), [
           renderSlot(_ctx.$slots, "default", {}, () => {
             var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
             return [
@@ -121,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ], 2)
             ];
           })
-        ], 38),
+        ], 16),
         unref(isH5) && _ctx.enableActions && isActionMenuActive.value ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.ConversationActions), mergeProps({
           key: 0,
           conversation: _ctx.conversation