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

package/src/components/UserPicker/type.ts

@@ -1,5 +1,5 @@
 // List item data structure
-export interface IUserPickerRow<T = unknown> {
+export interface UserPickerRow<T = unknown> {
   key: string; // Unique identifier
   label: string; // Display name
   avatarUrl?: string | undefined; // Avatar URL
@@ -7,21 +7,21 @@ export interface IUserPickerRow<T = unknown> {
 }
 
 // Tree node data structure
-export interface IUserPickerNode<T = unknown> {
+export interface UserPickerNode<T = unknown> {
   key: string; // Unique identifier
   label: string; // Display name
   isLeafNode: boolean; // Whether is leaf node
   avatarUrl?: string | undefined; // Avatar URL
   lazyLoad?: boolean; // Whether supports lazy loading
-  children?: Array<IUserPickerNode<T>>; // Child nodes
+  children?: Array<UserPickerNode<T>>; // Child nodes
   extraData?: T | undefined; // Extended data
 }
 
 // Data source type
-export type IUserPickerDataSource<T = unknown> = Array<IUserPickerRow<T>> | Array<IUserPickerNode<T>>;
+export type UserPickerDataSource<T = unknown> = Array<UserPickerRow<T>> | Array<UserPickerNode<T>>;
 
 // Selection result item type
-export interface IUserPickerResultItem<T = unknown> {
+export interface UserPickerResultItem<T = unknown> {
   key: string;
   label: string;
   avatarUrl?: string | undefined;
@@ -31,18 +31,18 @@ export interface IUserPickerResultItem<T = unknown> {
 }
 
 // Selection result type
-export type IUserPickerResult<T = unknown> = Array<IUserPickerResultItem<T>>;
+export type UserPickerResult<T = unknown> = Array<UserPickerResultItem<T>>;
 
 // Component props interface
-export interface IUserPickerProps<T = unknown> {
+export interface UserPickerProps<T = unknown> {
   // Basic properties
   displayMode: 'list' | 'tree'; // Display mode
-  dataSource: IUserPickerDataSource<T>; // Data source
+  dataSource: UserPickerDataSource<T>; // Data source
   defaultSelectedItems?: Array<{ key: string; [key: string]: any }>;
   lockedItems?: Array<{ key: string; [key: string]: any }>;
   maxCount?: number | undefined;
   minCount?: number | undefined;
-  onMaxCountExceed?: (selectedItems: IUserPickerResult<T>) => void;
+  onMaxCountExceed?: (selectedItems: UserPickerResult<T>) => void;
 
   // Search related
   enableSearch?: boolean; // Whether to enable search
@@ -50,31 +50,31 @@ export interface IUserPickerProps<T = unknown> {
   onSearch?: (value: string) => void; // Search callback
 
   // Custom rendering
-  renderItem?: (data: IUserPickerRow<T> | IUserPickerNode<T>) => any; // Vue render function or component
+  renderItem?: (data: UserPickerRow<T> | UserPickerNode<T>) => any; // Vue render function or component
 
   // Event callbacks
-  onSelectedChange?: (selectedItems: IUserPickerResult<T>) => void; // Selection change callback
+  onSelectedChange?: (selectedItems: UserPickerResult<T>) => void; // Selection change callback
   onReachEnd?: () => void; // List scroll to bottom callback (list mode)
 
   // Tree mode specific properties
-  onExpand?: (node: IUserPickerNode<T>) => void; // Expand callback for lazy loading child items
+  onExpand?: (node: UserPickerNode<T>) => void; // Expand callback for lazy loading child items
 }
 
 // Component ref interface
-export interface IUserPickerRef<T = unknown> {
-  getSelectedItems: () => IUserPickerResult<T>; // Get currently selected items
-  updateListData: (newDataSource: Array<IUserPickerRow<T>>) => void; // Update list data
-  updateTreeData: (key: string, partialNewNode: Partial<IUserPickerNode<T>>) => void; // Update tree data
+export interface UserPickerRef<T = unknown> {
+  getSelectedItems: () => UserPickerResult<T>; // Get currently selected items
+  updateListData: (newDataSource: Array<UserPickerRow<T>>) => void; // Update list data
+  updateTreeData: (key: string, partialNewNode: Partial<UserPickerNode<T>>) => void; // Update tree data
 }
 
 // Selection state type (for internal state management)
-export interface ISelectionState {
+export interface SelectionState {
   selectedKeys: Set<string>;
   halfSelectedKeys?: Set<string>; // Only valid in tree mode
 }
 
 // Tree node state type (for internal state management)
-export interface ITreeState {
+export interface TreeState {
   expandedKeys: Set<string>;
   loadingKeys: Set<string>;
 }

package/src/types/contact.ts

@@ -1,3 +1,4 @@
+import { Component } from 'vue';
 import type { GroupModel } from './engine';
 import type TUIChatEngine from '@tencentcloud/chat-uikit-engine';
 
@@ -180,10 +181,10 @@ export interface ContactListProps {
   searchPlaceholder?: string;
   emptyText?: string;
 
-  ContactItem?: any;
-  ContactSearchComponent?: any;
-  GroupHeader?: any;
-  PlaceholderEmptyList?: any;
+  ContactItem?: Component;
+  ContactSearchComponent?: Component;
+  GroupHeader?: Component;
+  PlaceholderEmptyList?: Component;
 
   onContactItemClick?: (item: ContactGroupItem) => void;
   onFriendApplicationAction?: (action: 'accept' | 'refuse', application: FriendApplication) => void;
@@ -197,14 +198,14 @@ export interface ContactInfoBaseProps {
 
 export interface ContactInfoProps extends ContactInfoBaseProps {
   contactItem?: ContactGroupItem | undefined;
-  PlaceholderEmpty?: any;
-  FriendInfoComponent?: any;
-  GroupInfoComponent?: any;
-  BlacklistInfoComponent?: any;
-  FriendApplicationInfoComponent?: any;
-  GroupApplicationInfoComponent?: any;
-  SearchGroupInfoComponent?: any;
-  SearchUserInfoComponent?: any;
+  PlaceholderEmpty?: Component;
+  FriendInfoComponent?: Component;
+  GroupInfoComponent?: Component;
+  BlacklistInfoComponent?: Component;
+  FriendApplicationInfoComponent?: Component;
+  GroupApplicationInfoComponent?: Component;
+  SearchGroupInfoComponent?: Component;
+  SearchUserInfoComponent?: Component;
   onSendMessage?: (friend: Friend) => void;
   onDeleteFriend?: (friend: Friend) => void;
   onUpdateFriendRemark?: (friend: Friend, remark: string) => void;

package/src/types/conversation.ts

@@ -26,11 +26,11 @@ export interface ConversationListProps {
   /** Specifies a vue component to customize the conversation actions in conversation preview. */
   ConversationActions?: Component<ConversationActionsProps>;
   /** Specifies a vue component to display when the chat list is empty. */
-  PlaceholderEmptyList?: any;
+  PlaceholderEmptyList?: Component;
   /** Specifies a vue component to display while the chat list is loading. */
-  PlaceholderLoading?: any;
+  PlaceholderLoading?: Component;
   /** Specifies a vue component to display when there is an error loading the chat list. */
-  PlaceholderLoadError?: any;
+  PlaceholderLoadError?: Component;
   /** Specifies a vue component to customize the avatar in list. */
   Avatar?: Component<AvatarProps>;
   /** Specifies a function to filter conversations in the conversation list. */
@@ -74,11 +74,11 @@ export interface ConversationListContentProps {
   /** Indicates whether there was an error loading the chat list */
   error?: boolean;
   /** A custom component to display when the chat list is empty */
-  PlaceholderEmptyList?: any;
+  PlaceholderEmptyList?: Component;
   /** A custom component to display while the chat list is loading */
-  PlaceholderLoading?: any;
+  PlaceholderLoading?: Component;
   /** A custom component to display when there is an error loading the chat list */
-  PlaceholderLoadError?: any;
+  PlaceholderLoadError?: Component;
   /** The custom class name */
   className?: string;
   /** The custom class style */
@@ -92,18 +92,16 @@ export interface ConversationPreviewUIProps {
   isSelected?: boolean;
   /** Whether to show the ConversationActions */
   enableActions?: boolean;
-  /** The string to be highlighted in the title */
-  highlightMatchString?: string;
   /** The custom Avatar component */
   Avatar?: Component<AvatarProps>;
   /** The custom Title component */
-  Title?: string | any;
+  Title?: string | Component;
   /** The custom last message abstract component */
-  LastMessageAbstract?: string | any;
+  LastMessageAbstract?: string | Component;
   /** The custom last message abstract component */
-  LastMessageTimestamp?: string | any;
+  LastMessageTimestamp?: string | Component;
   /** The custom Unread component */
-  Unread?: string | any;
+  Unread?: string | Component;
   /** The custom ConversationActions component */
   ConversationActions?: Component<ConversationActionsProps>;
   /** Callback when the user click a conversation from conversation list */
@@ -162,9 +160,9 @@ export interface ConversationActionsConfig extends ConversationActionsBaseConfig
    */
   customConversationActions?: Record<string, ConversationActionItem>;
   /** The icon vue element to be displayed in the action popup. */
-  PopupIcon?: any;
+  PopupIcon?: Component;
   /** An array of vue elements to be displayed in the action popup. */
-  PopupElements?: any[];
+  PopupElements?: Component[];
   /** The function to be called when the action popup is clicked. */
   onClick?: (e: Event, key?: string, conversation?: ConversationModel) => void;
   /** Function to be called when the actions modal is closed (H5 only). */

package/src/types/engine.ts

@@ -1,3 +1,5 @@
+import TUIChatEngine from '@tencentcloud/chat-uikit-engine';
+
 export type {
   IConversationModel as ConversationModel,
   ISearchResult as SearchResult,
@@ -16,3 +18,16 @@ export enum SearchType {
   USER = 'user',
   GROUP = 'group',
 }
+
+export enum MessageType {
+  TEXT = TUIChatEngine.TYPES.MSG_TEXT,
+  IMAGE = TUIChatEngine.TYPES.MSG_IMAGE,
+  AUDIO = TUIChatEngine.TYPES.MSG_AUDIO,
+  VIDEO = TUIChatEngine.TYPES.MSG_VIDEO,
+  FILE = TUIChatEngine.TYPES.MSG_FILE,
+  FACE = TUIChatEngine.TYPES.MSG_FACE,
+  LOCATION = TUIChatEngine.TYPES.MSG_LOCATION,
+  GRP_TIP = TUIChatEngine.TYPES.MSG_GRP_TIP,
+  CUSTOM = TUIChatEngine.TYPES.MSG_CUSTOM,
+  MERGER = TUIChatEngine.TYPES.MSG_MERGER,
+}

package/src/utils/json.ts

@@ -43,7 +43,6 @@ export function safeJSONParse<T>(
   }
 
   try {
-    // 处理一些常见的错误输入
     const trimmed = text.trim();
     if (!trimmed) {
       return defaultValue;
@@ -55,17 +54,14 @@ export function safeJSONParse<T>(
       return null as T;
     }
 
-    // 尝试解析 JSON
     const parsed = JSON.parse(trimmed, reviver);
 
-    // 验证解析结果是否为有效值
     if (parsed === undefined || parsed === null) {
       return defaultValue;
     }
 
     return parsed;
   } catch (error) {
-    console.warn('JSON parse failed:', error);
     return defaultValue;
   }
 }

package/dist/AttachmentPicker.module-0_DWsAtr.js

@@ -1,11 +0,0 @@
-const styles = {
-  "attachment-picker": "_attachment-picker_1b1ig_1",
-  "attachment-picker__icon": "_attachment-picker__icon_1b1ig_5",
-  "attachment-picker__popup": "_attachment-picker__popup_1b1ig_8",
-  "attachment-picker--expanded": "_attachment-picker--expanded_1b1ig_18",
-  "attachment-picker__item": "_attachment-picker__item_1b1ig_22",
-  "attachment-picker__item-icon": "_attachment-picker__item-icon_1b1ig_45"
-};
-export {
-  styles as s
-};

package/dist/FilePicker.vue_vue_type_script_setup_true_lang-CaSj3Gh_.js

@@ -1,72 +0,0 @@
-import { defineComponent, ref, createElementBlock, openBlock, createBlock, createElementVNode, normalizeStyle, normalizeClass, unref, createVNode, toDisplayString } from "vue";
-import { IconFile } from "@tencentcloud/uikit-base-component-vue3";
-import { s as styles } from "./AttachmentPicker.module-0_DWsAtr.js";
-import { useMessageInputState } from "./states/MessageInputState/MessageInputState.js";
-import { MessageContentType } from "./states/MessageInputState/type.js";
-const _hoisted_1 = ["accept"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "FilePicker",
-  props: {
-    label: { default: "" },
-    iconSize: { default: 24 },
-    onClose: { type: Function, default: () => {
-    } },
-    className: { default: "" },
-    style: { default: void 0 }
-  },
-  setup(__props) {
-    const PICKER_CONSTANTS = {
-      ACCEPT_TYPE: "*/*"
-    };
-    const props = __props;
-    const { sendMessage } = useMessageInputState();
-    const fileInputRef = ref(null);
-    function handleButtonClick() {
-      var _a;
-      (_a = fileInputRef.value) == null ? void 0 : _a.click();
-    }
-    function handleFileInput(e) {
-      var _a, _b;
-      const target = e.target;
-      const file = (_a = target.files) == null ? void 0 : _a[0];
-      if (!file) {
-        return;
-      }
-      sendMessage([{ type: MessageContentType.FILE, content: file }]);
-      target.value = "";
-      (_b = props.onClose) == null ? void 0 : _b.call(props);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        _ctx.label ? (openBlock(), createElementBlock("button", {
-          key: 0,
-          class: normalizeClass([unref(styles)["attachment-picker__item"], _ctx.className]),
-          style: normalizeStyle(_ctx.style),
-          onClick: handleButtonClick
-        }, [
-          createVNode(unref(IconFile), {
-            size: _ctx.iconSize,
-            class: normalizeClass(unref(styles)["attachment-picker__item-icon"])
-          }, null, 8, ["size", "class"]),
-          createElementVNode("div", null, toDisplayString(_ctx.label), 1)
-        ], 6)) : (openBlock(), createBlock(unref(IconFile), {
-          key: 1,
-          size: _ctx.iconSize,
-          class: normalizeClass(unref(styles)["attachment-picker__item-icon"]),
-          onClick: handleButtonClick
-        }, null, 8, ["size", "class"])),
-        createElementVNode("input", {
-          ref_key: "fileInputRef",
-          ref: fileInputRef,
-          type: "file",
-          accept: PICKER_CONSTANTS.ACCEPT_TYPE,
-          hidden: "",
-          onChange: handleFileInput
-        }, null, 40, _hoisted_1)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/ImagePicker.vue_vue_type_script_setup_true_lang-CrzGMmrh.js

@@ -1,72 +0,0 @@
-import { defineComponent, ref, createElementBlock, openBlock, createBlock, createElementVNode, normalizeStyle, normalizeClass, unref, createVNode, toDisplayString } from "vue";
-import { IconImage } from "@tencentcloud/uikit-base-component-vue3";
-import { s as styles } from "./AttachmentPicker.module-0_DWsAtr.js";
-import { useMessageInputState } from "./states/MessageInputState/MessageInputState.js";
-import { MessageContentType } from "./states/MessageInputState/type.js";
-const _hoisted_1 = ["accept"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ImagePicker",
-  props: {
-    label: { default: "" },
-    iconSize: { default: 24 },
-    onClose: { type: Function, default: () => {
-    } },
-    className: { default: "" },
-    style: { default: void 0 }
-  },
-  setup(__props) {
-    const PICKER_CONSTANTS = {
-      ACCEPT_TYPE: ".jpg,.jpeg,.gif,.png,.bmp,.webp"
-    };
-    const props = __props;
-    const { sendMessage } = useMessageInputState();
-    const fileInputRef = ref(null);
-    function handleButtonClick() {
-      var _a;
-      (_a = fileInputRef.value) == null ? void 0 : _a.click();
-    }
-    function handleFileInput(e) {
-      var _a, _b;
-      const target = e.target;
-      const file = (_a = target.files) == null ? void 0 : _a[0];
-      if (!file) {
-        return;
-      }
-      sendMessage([{ type: MessageContentType.IMAGE, content: file }]);
-      target.value = "";
-      (_b = props.onClose) == null ? void 0 : _b.call(props);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        _ctx.label ? (openBlock(), createElementBlock("button", {
-          key: 0,
-          class: normalizeClass([unref(styles)["attachment-picker__item"], _ctx.className]),
-          style: normalizeStyle(_ctx.style),
-          onClick: handleButtonClick
-        }, [
-          createVNode(unref(IconImage), {
-            size: _ctx.iconSize,
-            class: normalizeClass(unref(styles)["attachment-picker__item-icon"])
-          }, null, 8, ["size", "class"]),
-          createElementVNode("div", null, toDisplayString(_ctx.label), 1)
-        ], 6)) : (openBlock(), createBlock(unref(IconImage), {
-          key: 1,
-          size: _ctx.iconSize,
-          class: normalizeClass(unref(styles)["attachment-picker__item-icon"]),
-          onClick: handleButtonClick
-        }, null, 8, ["size", "class"])),
-        createElementVNode("input", {
-          ref_key: "fileInputRef",
-          ref: fileInputRef,
-          type: "file",
-          accept: PICKER_CONSTANTS.ACCEPT_TYPE,
-          hidden: "",
-          onChange: handleFileInput
-        }, null, 40, _hoisted_1)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/VideoPicker.vue_vue_type_script_setup_true_lang-DTv6TJKr.js

@@ -1,72 +0,0 @@
-import { defineComponent, ref, createElementBlock, openBlock, createBlock, createElementVNode, normalizeStyle, normalizeClass, unref, createVNode, toDisplayString } from "vue";
-import { IconVideo } from "@tencentcloud/uikit-base-component-vue3";
-import { s as styles } from "./AttachmentPicker.module-0_DWsAtr.js";
-import { useMessageInputState } from "./states/MessageInputState/MessageInputState.js";
-import { MessageContentType } from "./states/MessageInputState/type.js";
-const _hoisted_1 = ["accept"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VideoPicker",
-  props: {
-    label: { default: "" },
-    iconSize: { default: 24 },
-    onClose: { type: Function, default: () => {
-    } },
-    className: { default: "" },
-    style: { default: void 0 }
-  },
-  setup(__props) {
-    const PICKER_CONSTANTS = {
-      ACCEPT_TYPE: ".mp4,.mov,.qt"
-    };
-    const props = __props;
-    const { sendMessage } = useMessageInputState();
-    const fileInputRef = ref(null);
-    function handleButtonClick() {
-      var _a;
-      (_a = fileInputRef.value) == null ? void 0 : _a.click();
-    }
-    function handleFileInput(e) {
-      var _a, _b;
-      const target = e.target;
-      const file = (_a = target.files) == null ? void 0 : _a[0];
-      if (!file) {
-        return;
-      }
-      sendMessage([{ type: MessageContentType.VIDEO, content: file }]);
-      target.value = "";
-      (_b = props.onClose) == null ? void 0 : _b.call(props);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        _ctx.label ? (openBlock(), createElementBlock("button", {
-          key: 0,
-          class: normalizeClass([unref(styles)["attachment-picker__item"], _ctx.className]),
-          style: normalizeStyle(_ctx.style),
-          onClick: handleButtonClick
-        }, [
-          createVNode(unref(IconVideo), {
-            size: _ctx.iconSize,
-            class: normalizeClass(unref(styles)["attachment-picker__item-icon"])
-          }, null, 8, ["size", "class"]),
-          createElementVNode("div", null, toDisplayString(_ctx.label), 1)
-        ], 6)) : (openBlock(), createBlock(unref(IconVideo), {
-          key: 1,
-          size: _ctx.iconSize,
-          class: normalizeClass(unref(styles)["attachment-picker__item-icon"]),
-          onClick: handleButtonClick
-        }, null, 8, ["size", "class"])),
-        createElementVNode("input", {
-          ref_key: "fileInputRef",
-          ref: fileInputRef,
-          type: "file",
-          accept: PICKER_CONSTANTS.ACCEPT_TYPE,
-          hidden: "",
-          onChange: handleFileInput
-        }, null, 40, _hoisted_1)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/states/UIOpenControlState/UIOpenControlState.d.ts

@@ -1,15 +0,0 @@
-import { Ref } from 'vue';
-
-interface UIOpenControlState {
-    isChatSettingOpen: Ref<boolean>;
-    isChatSearchOpen: Ref<boolean>;
-}
-interface UIOpenControlAction {
-    toggleChatSetting: () => void;
-    setChatSettingOpen: (open: boolean) => void;
-    toggleChatSearch: () => void;
-    setChatSearchOpen: (open: boolean) => void;
-}
-declare function useUIOpenControlState(): UIOpenControlState & UIOpenControlAction;
-export { useUIOpenControlState, };
-export type { UIOpenControlState };

package/dist/states/UIOpenControlState/UIOpenControlState.js

@@ -1,28 +0,0 @@
-import { ref } from "vue";
-const isChatSettingOpen = ref(false);
-const isChatSearchOpen = ref(false);
-const toggleChatSetting = () => {
-  isChatSettingOpen.value = !isChatSettingOpen.value;
-};
-const setChatSettingOpen = (open) => {
-  isChatSettingOpen.value = open;
-};
-const toggleChatSearch = () => {
-  isChatSearchOpen.value = !isChatSearchOpen.value;
-};
-const setChatSearchOpen = (open) => {
-  isChatSearchOpen.value = open;
-};
-function useUIOpenControlState() {
-  return {
-    isChatSettingOpen,
-    isChatSearchOpen,
-    toggleChatSetting,
-    setChatSettingOpen,
-    toggleChatSearch,
-    setChatSearchOpen
-  };
-}
-export {
-  useUIOpenControlState
-};

package/dist/states/UIOpenControlState/index.d.ts

@@ -1 +0,0 @@
-export { useUIOpenControlState } from './UIOpenControlState';

package/dist/states/UIOpenControlState/index.js

@@ -1,4 +0,0 @@
-import { useUIOpenControlState } from "./UIOpenControlState.js";
-export {
-  useUIOpenControlState
-};