tuikit-atomicx-vue3 0.1.1 → 3.3.0

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)
@@ -33,21 +33,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const conversationPreview = "_conversationPreview_87t7r_1";
-const conversationPreview__avatar = "_conversationPreview__avatar_87t7r_23";
-const conversationPreview__content = "_conversationPreview__content_87t7r_27";
-const conversationPreview__header = "_conversationPreview__header_87t7r_31";
-const conversationPreview__title = "_conversationPreview__title_87t7r_37";
-const conversationPreview__time = "_conversationPreview__time_87t7r_46";
-const conversationPreview__footer = "_conversationPreview__footer_87t7r_53";
-const conversationPreview__abstract = "_conversationPreview__abstract_87t7r_58";
-const conversationPreview__external = "_conversationPreview__external_87t7r_66";
-const conversationPreview__unread = "_conversationPreview__unread_87t7r_75";
-const conversationPreview__actions = "_conversationPreview__actions_87t7r_92";
+const conversationPreview = "_conversationPreview_29xqv_12";
+const conversationPreview__avatar = "_conversationPreview__avatar_29xqv_34";
+const conversationPreview__content = "_conversationPreview__content_29xqv_38";
+const conversationPreview__header = "_conversationPreview__header_29xqv_42";
+const conversationPreview__title = "_conversationPreview__title_29xqv_48";
+const conversationPreview__time = "_conversationPreview__time_29xqv_58";
+const conversationPreview__footer = "_conversationPreview__footer_29xqv_65";
+const conversationPreview__abstract = "_conversationPreview__abstract_29xqv_70";
+const conversationPreview__external = "_conversationPreview__external_29xqv_79";
+const conversationPreview__unread = "_conversationPreview__unread_29xqv_88";
+const conversationPreview__actions = "_conversationPreview__actions_29xqv_108";
 const style0 = {
   conversationPreview,
-  "conversationPreview--active": "_conversationPreview--active_87t7r_17",
-  "conversationPreview--pin": "_conversationPreview--pin_87t7r_20",
+  "conversationPreview--active": "_conversationPreview--active_29xqv_28",
+  "conversationPreview--pin": "_conversationPreview--pin_29xqv_31",
   conversationPreview__avatar,
   conversationPreview__content,
   conversationPreview__header,
@@ -57,7 +57,7 @@ const style0 = {
   conversationPreview__abstract,
   conversationPreview__external,
   conversationPreview__unread,
-  "unread-count": "_unread-count_87t7r_79",
+  "unread-count": "_unread-count_29xqv_95",
   conversationPreview__actions
 };
 const cssModules = {

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

@@ -22,21 +22,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const conversationPreview = "_conversationPreview_87t7r_1";
-const conversationPreview__avatar = "_conversationPreview__avatar_87t7r_23";
-const conversationPreview__content = "_conversationPreview__content_87t7r_27";
-const conversationPreview__header = "_conversationPreview__header_87t7r_31";
-const conversationPreview__title = "_conversationPreview__title_87t7r_37";
-const conversationPreview__time = "_conversationPreview__time_87t7r_46";
-const conversationPreview__footer = "_conversationPreview__footer_87t7r_53";
-const conversationPreview__abstract = "_conversationPreview__abstract_87t7r_58";
-const conversationPreview__external = "_conversationPreview__external_87t7r_66";
-const conversationPreview__unread = "_conversationPreview__unread_87t7r_75";
-const conversationPreview__actions = "_conversationPreview__actions_87t7r_92";
+const conversationPreview = "_conversationPreview_29xqv_12";
+const conversationPreview__avatar = "_conversationPreview__avatar_29xqv_34";
+const conversationPreview__content = "_conversationPreview__content_29xqv_38";
+const conversationPreview__header = "_conversationPreview__header_29xqv_42";
+const conversationPreview__title = "_conversationPreview__title_29xqv_48";
+const conversationPreview__time = "_conversationPreview__time_29xqv_58";
+const conversationPreview__footer = "_conversationPreview__footer_29xqv_65";
+const conversationPreview__abstract = "_conversationPreview__abstract_29xqv_70";
+const conversationPreview__external = "_conversationPreview__external_29xqv_79";
+const conversationPreview__unread = "_conversationPreview__unread_29xqv_88";
+const conversationPreview__actions = "_conversationPreview__actions_29xqv_108";
 const style0 = {
   conversationPreview,
-  "conversationPreview--active": "_conversationPreview--active_87t7r_17",
-  "conversationPreview--pin": "_conversationPreview--pin_87t7r_20",
+  "conversationPreview--active": "_conversationPreview--active_29xqv_28",
+  "conversationPreview--pin": "_conversationPreview--pin_29xqv_31",
   conversationPreview__avatar,
   conversationPreview__content,
   conversationPreview__header,
@@ -46,7 +46,7 @@ const style0 = {
   conversationPreview__abstract,
   conversationPreview__external,
   conversationPreview__unread,
-  "unread-count": "_unread-count_87t7r_79",
+  "unread-count": "_unread-count_29xqv_95",
   conversationPreview__actions
 };
 const cssModules = {

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

@@ -1,47 +1,36 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, Fragment, renderList, toDisplayString } from "vue";
-import { generateHighlightTitle } from "./utils.js";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, toDisplayString, unref } from "vue";
 import { _ as _export_sfc } from "../../../_plugin-vue_export-helper-1tPrXgE0.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ConversationPreviewTitle",
   props: {
-    conversation: {},
-    highlightMatchString: {}
+    conversation: {}
   },
   setup(__props) {
+    var _a, _b;
     const props = __props;
-    const titleItems = computed(() => generateHighlightTitle(props.conversation, props.highlightMatchString));
+    const title = ((_b = (_a = props == null ? void 0 : props.conversation) == null ? void 0 : _a.getShowName) == null ? void 0 : _b.call(_a)) || "";
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([_ctx.$style.conversationPreview__title, _ctx.$style.textEllipsis])
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(titleItems.value, (item, index) => {
-          return openBlock(), createElementBlock("span", {
-            key: index,
-            class: normalizeClass({
-              [_ctx.$style["conversationPreview__title--highlight"]]: item.isHighlight,
-              [_ctx.$style["conversationPreview__title--normal"]]: !item.isHighlight
-            })
-          }, toDisplayString(item.text), 3);
-        }), 128))
-      ], 2);
+      }, toDisplayString(unref(title)), 3);
     };
   }
 });
-const conversationPreview = "_conversationPreview_87t7r_1";
-const conversationPreview__avatar = "_conversationPreview__avatar_87t7r_23";
-const conversationPreview__content = "_conversationPreview__content_87t7r_27";
-const conversationPreview__header = "_conversationPreview__header_87t7r_31";
-const conversationPreview__title = "_conversationPreview__title_87t7r_37";
-const conversationPreview__time = "_conversationPreview__time_87t7r_46";
-const conversationPreview__footer = "_conversationPreview__footer_87t7r_53";
-const conversationPreview__abstract = "_conversationPreview__abstract_87t7r_58";
-const conversationPreview__external = "_conversationPreview__external_87t7r_66";
-const conversationPreview__unread = "_conversationPreview__unread_87t7r_75";
-const conversationPreview__actions = "_conversationPreview__actions_87t7r_92";
+const conversationPreview = "_conversationPreview_29xqv_12";
+const conversationPreview__avatar = "_conversationPreview__avatar_29xqv_34";
+const conversationPreview__content = "_conversationPreview__content_29xqv_38";
+const conversationPreview__header = "_conversationPreview__header_29xqv_42";
+const conversationPreview__title = "_conversationPreview__title_29xqv_48";
+const conversationPreview__time = "_conversationPreview__time_29xqv_58";
+const conversationPreview__footer = "_conversationPreview__footer_29xqv_65";
+const conversationPreview__abstract = "_conversationPreview__abstract_29xqv_70";
+const conversationPreview__external = "_conversationPreview__external_29xqv_79";
+const conversationPreview__unread = "_conversationPreview__unread_29xqv_88";
+const conversationPreview__actions = "_conversationPreview__actions_29xqv_108";
 const style0 = {
   conversationPreview,
-  "conversationPreview--active": "_conversationPreview--active_87t7r_17",
-  "conversationPreview--pin": "_conversationPreview--pin_87t7r_20",
+  "conversationPreview--active": "_conversationPreview--active_29xqv_28",
+  "conversationPreview--pin": "_conversationPreview--pin_29xqv_31",
   conversationPreview__avatar,
   conversationPreview__content,
   conversationPreview__header,
@@ -51,7 +40,7 @@ const style0 = {
   conversationPreview__abstract,
   conversationPreview__external,
   conversationPreview__unread,
-  "unread-count": "_unread-count_87t7r_79",
+  "unread-count": "_unread-count_29xqv_95",
   conversationPreview__actions
 };
 const cssModules = {

package/dist/components/ConversationList/ConversationPreview/ConversationPreviewTitle.vue.d.ts

@@ -2,10 +2,8 @@ import { ConversationModel } from '../../../types';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     conversation: ConversationModel;
-    highlightMatchString?: string;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     conversation: ConversationModel;
-    highlightMatchString?: string;
 }>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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";
@@ -17,13 +17,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     conversation: {},
     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 +36,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 +52,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 +69,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 +104,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
@@ -130,21 +113,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const conversationPreview = "_conversationPreview_87t7r_1";
-const conversationPreview__avatar = "_conversationPreview__avatar_87t7r_23";
-const conversationPreview__content = "_conversationPreview__content_87t7r_27";
-const conversationPreview__header = "_conversationPreview__header_87t7r_31";
-const conversationPreview__title = "_conversationPreview__title_87t7r_37";
-const conversationPreview__time = "_conversationPreview__time_87t7r_46";
-const conversationPreview__footer = "_conversationPreview__footer_87t7r_53";
-const conversationPreview__abstract = "_conversationPreview__abstract_87t7r_58";
-const conversationPreview__external = "_conversationPreview__external_87t7r_66";
-const conversationPreview__unread = "_conversationPreview__unread_87t7r_75";
-const conversationPreview__actions = "_conversationPreview__actions_87t7r_92";
+const conversationPreview = "_conversationPreview_29xqv_12";
+const conversationPreview__avatar = "_conversationPreview__avatar_29xqv_34";
+const conversationPreview__content = "_conversationPreview__content_29xqv_38";
+const conversationPreview__header = "_conversationPreview__header_29xqv_42";
+const conversationPreview__title = "_conversationPreview__title_29xqv_48";
+const conversationPreview__time = "_conversationPreview__time_29xqv_58";
+const conversationPreview__footer = "_conversationPreview__footer_29xqv_65";
+const conversationPreview__abstract = "_conversationPreview__abstract_29xqv_70";
+const conversationPreview__external = "_conversationPreview__external_29xqv_79";
+const conversationPreview__unread = "_conversationPreview__unread_29xqv_88";
+const conversationPreview__actions = "_conversationPreview__actions_29xqv_108";
 const style0 = {
   conversationPreview,
-  "conversationPreview--active": "_conversationPreview--active_87t7r_17",
-  "conversationPreview--pin": "_conversationPreview--pin_87t7r_20",
+  "conversationPreview--active": "_conversationPreview--active_29xqv_28",
+  "conversationPreview--pin": "_conversationPreview--pin_29xqv_31",
   conversationPreview__avatar,
   conversationPreview__content,
   conversationPreview__header,
@@ -154,7 +137,7 @@ const style0 = {
   conversationPreview__abstract,
   conversationPreview__external,
   conversationPreview__unread,
-  "unread-count": "_unread-count_87t7r_79",
+  "unread-count": "_unread-count_29xqv_95",
   conversationPreview__actions
 };
 const cssModules = {