@tencentcloud/chat-uikit-react 2.3.1 → 3.0.1

package/src/components/Profile/Profile.tsx

@@ -1,13 +1,14 @@
-import React, { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
 import { MyProfile } from './myProfile/index';
 
 import './styles/index.scss';
 import { useMyProfile } from './hooks';
 import { TUIProfileDefault } from './ProfileDefault';
-import { useUIManagerStore } from '../../store';
+import { useUIOpenControlState } from 'tuikit-atomicx-react';
 
 interface TUIProfileProps {
-  className?: string;
+  className?: string | undefined;
   TUIProfile?: React.ComponentType<any>;
 }
 
@@ -21,27 +22,28 @@ function UnMemoizedProfile<T extends TUIProfileProps>(
 
   const { myProfile, updateMyProfile } = useMyProfile();
 
-  const { setTUIProfileShow, TUIProfileShow } = useUIManagerStore('TUIProfile');
+  const { setProfileOpen, isProfileOpen } = useUIOpenControlState();
 
   const TUIProfileUIComponent = PropTUIProfile || TUIProfileDefault;
 
   return (
     <>
-      {/* //eslint-disable-next-line
-    @ts-ignore */}
-      <MyProfile
-        profile={myProfile}
-        handleAvatar={() => {
-          setTUIProfileShow && setTUIProfileShow(true);
-        }}
-      />
-      {TUIProfileShow && (
-        <TUIProfileUIComponent
-          className={className}
-          userInfo={myProfile}
-          update={updateMyProfile}
-        />
-      )}
+      {!isProfileOpen
+        ? (
+          <MyProfile
+            profile={myProfile}
+            handleAvatar={() => {
+              setProfileOpen(!isProfileOpen);
+            }}
+          />
+        )
+        : (
+          <TUIProfileUIComponent
+            className={className}
+            userInfo={myProfile}
+            update={updateMyProfile}
+          />
+        )}
     </>
   );
 }

package/src/components/Profile/ProfileDefault.tsx

@@ -1,66 +1,59 @@
-import React, { PropsWithChildren, useEffect, useState } from 'react';
-import DatePicker from 'react-date-picker';
-import { useUIKit } from '@tencentcloud/uikit-base-component-react';
-import TencentCloudChat, { Profile } from '@tencentcloud/chat';
-import { UpdateMyProfileParams } from '@tencentcloud/chat-uikit-engine';
-import { isH5 } from '../../utils/env';
-import { useUIManagerStore } from '../../store';
-
-import { Avatar } from '../Avatar';
+import type { PropsWithChildren } from 'react';
+import React, { useState } from 'react';
+import TUIChatEngine from '@tencentcloud/chat-uikit-engine';
+import { IconChevronLeft, useUIKit } from '@tencentcloud/uikit-base-component-react';
+import { Avatar, useUIOpenControlState } from 'tuikit-atomicx-react';
+import { useUIManagerState } from '../../states';
 import { DivWithEdit } from '../DivWithEdit';
-import { Icon, IconTypes } from '../Icon';
-import { handleDisplayAvatar } from '../utils';
+import { DatePicker } from './DatePicker';
+import type { Profile } from '@tencentcloud/chat';
+import type { UpdateMyProfileParams } from '@tencentcloud/chat-uikit-engine';
 
 const gender: any = {
-  [TencentCloudChat.TYPES.GENDER_UNKNOWN]: 'unknow',
-  [TencentCloudChat.TYPES.GENDER_MALE]: 'male',
-  [TencentCloudChat.TYPES.GENDER_FEMALE]: 'female',
+  [TUIChatEngine.TYPES.GENDER_UNKNOWN]: 'Unknown',
+  [TUIChatEngine.TYPES.GENDER_MALE]: 'male',
+  [TUIChatEngine.TYPES.GENDER_FEMALE]: 'female',
 };
 const allowType: any = {
-  [TencentCloudChat.TYPES.ALLOW_TYPE_ALLOW_ANY]: 'allowAny',
-  [TencentCloudChat.TYPES.ALLOW_TYPE_NEED_CONFIRM]: 'needConfirm',
-  [TencentCloudChat.TYPES.ALLOW_TYPE_DENY_ANY]: 'denyAny',
+  [TUIChatEngine.TYPES.ALLOW_TYPE_ALLOW_ANY]: 'allowAny',
+  [TUIChatEngine.TYPES.ALLOW_TYPE_NEED_CONFIRM]: 'needConfirm',
+  [TUIChatEngine.TYPES.ALLOW_TYPE_DENY_ANY]: 'denyAny',
 };
 
-const avatarList = [
-  'https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_1.png',
-  'https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_2.png',
-  'https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_3.png',
-  'https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_4.png',
-  'https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_5.png',
-  'https://im.sdk.qcloud.com/download/tuikit-resource/avatar/avatar_6.png',
-];
-
 const genderList = [
+  {
+    label: 'Unknown',
+    value: TUIChatEngine.TYPES.GENDER_UNKNOWN,
+  },
   {
     label: 'Male',
-    value: TencentCloudChat.TYPES.GENDER_MALE,
+    value: TUIChatEngine.TYPES.GENDER_MALE,
   },
   {
     label: 'Female',
-    value: TencentCloudChat.TYPES.GENDER_FEMALE,
+    value: TUIChatEngine.TYPES.GENDER_FEMALE,
   },
 ];
 
 const allowTypeList = [
   {
     label: 'AllowAny',
-    value: TencentCloudChat.TYPES.ALLOW_TYPE_ALLOW_ANY,
+    value: TUIChatEngine.TYPES.ALLOW_TYPE_ALLOW_ANY,
   },
   {
     label: 'NeedConfirm',
-    value: TencentCloudChat.TYPES.ALLOW_TYPE_NEED_CONFIRM,
+    value: TUIChatEngine.TYPES.ALLOW_TYPE_NEED_CONFIRM,
   },
   {
     label: 'DenyAny',
-    value: TencentCloudChat.TYPES.ALLOW_TYPE_DENY_ANY,
+    value: TUIChatEngine.TYPES.ALLOW_TYPE_DENY_ANY,
   },
 ];
 
 export interface TUIProfileDefaultProps {
-  userInfo?: Profile;
-  update?: (option: UpdateMyProfileParams) => void;
-  className?: string;
+  userInfo?: Profile | undefined;
+  update?: ((option: UpdateMyProfileParams) => void) | undefined;
+  className?: string | undefined;
 }
 
 function TUIProfileDefaultWithContext<T extends TUIProfileDefaultProps>(
@@ -73,7 +66,7 @@ function TUIProfileDefaultWithContext<T extends TUIProfileDefaultProps>(
   } = props;
 
   const { t } = useUIKit();
-  const { setTUIProfileShow } = useUIManagerStore('TUIProfileDefault');
+  const { setProfileOpen } = useUIOpenControlState();
 
   const [isEditName, setIsEditName] = useState('');
 
@@ -108,7 +101,55 @@ function TUIProfileDefaultWithContext<T extends TUIProfileDefaultProps>(
     return `${year}${month}${day}`;
   };
 
-  let editListMap: any = [
+  const handleSetEditName = (name: string) => {
+    setIsEditName(name);
+  };
+
+  const confirm = (options: any) => {
+    if (update) {
+      update(options);
+    }
+    setIsEditName('');
+  };
+
+  // edit gender
+  const editGender = (data: any) => {
+    confirm({ gender: data.value });
+  };
+
+  // edit allowType
+  const editAllowType = (data: any) => {
+    confirm({ allowType: data.value });
+  };
+
+  // edit birthday
+  function editBirthday(value: Date) {
+    confirm({
+      birthday: Number(editBirthdayFormat(value)),
+    });
+  }
+
+  // edit nick / selfSignature
+  const editText = (data?: any) => {
+    let key = '';
+    switch (data?.name) {
+      case 'nick':
+        key = 'nick';
+        break;
+      case 'Signature':
+        key = 'selfSignature';
+        break;
+      default:
+        setIsEditName('');
+        return;
+    }
+    const options = {
+      [key]: data.value,
+    };
+    confirm(options);
+  };
+
+  const editListMap: any = [
     {
       name: 'Signature',
       value: userInfo?.selfSignature,
@@ -138,7 +179,9 @@ function TUIProfileDefaultWithContext<T extends TUIProfileDefaultProps>(
                   role="menuitem"
                   tabIndex={index}
                   key={key}
-                  onClick={() => { editGender(item); }}
+                  onClick={() => {
+                    editGender(item);
+                  }}
                 >
                   {t(`TUIProfile.${item.label}`)}
                 </li>
@@ -166,7 +209,9 @@ function TUIProfileDefaultWithContext<T extends TUIProfileDefaultProps>(
                   role="menuitem"
                   tabIndex={index}
                   key={key}
-                  onClick={() => { editAllowType(item); }}
+                  onClick={() => {
+                    editAllowType(item);
+                  }}
                 >
                   {t(`TUIProfile.${item.label}`)}
                 </li>
@@ -183,87 +228,31 @@ function TUIProfileDefaultWithContext<T extends TUIProfileDefaultProps>(
       children: (
         <DatePicker
           className="tui-profile-birthday"
-          calendarClassName="tui-profile-birthday-calendar"
           isOpen
           format="y-MM-dd"
-          onChange={(value: Date) => { editBirthday(value); }}
+          onChange={editBirthday}
           value={transformBirthdayStringToDate(`${userInfo?.birthday}`)}
         />
       ),
     },
   ];
-  if (isH5) {
-    editListMap = editListMap.filter((item: any) => item.name !== 'Birthday');
-  }
-  const handleSetEditName = (name: string) => {
-    setIsEditName(name);
-  };
-
-  const confirm = (options: any) => {
-    update && update(options);
-    setIsEditName('');
-  };
-
-  // edit avatar
-  const editAvatar = (url: string) => {
-    confirm({ avatar: url });
-  };
-
-  // edit nick / selfSignature
-  const editText = (data?: any) => {
-    let key = '';
-    switch (data?.name) {
-      case 'nick':
-        key = 'nick';
-        break;
-      case 'Signature':
-        key = 'selfSignature';
-        break;
-      default:
-        setIsEditName('');
-        return;
-    }
-    const options = {
-      [key]: data.value,
-    };
-    confirm(options);
-  };
-
-  // edit gender
-  const editGender = (data: any) => {
-    confirm({ gender: data.value });
-  };
-
-  // edit allowType
-  const editAllowType = (data: any) => {
-    confirm({ allowType: data.value });
-  };
-
-  // edit birthday
-  const editBirthday = (value: Date) => {
-    confirm({
-      birthday: Number(editBirthdayFormat(value)),
-    });
-  };
 
   return (
     <div className={`${className} tui-profile`}>
-      <header className="tui-profile-header">
-        <Icon
-          width={9}
-          height={16}
-          type={IconTypes.BACK}
-          onClick={() => { setTUIProfileShow && setTUIProfileShow(false); }}
-        />
+      <header
+        className="tui-profile-header"
+        onClick={() => {
+          setProfileOpen(false);
+        }}
+      >
+        <IconChevronLeft size="24px" />
         <h1>{t('TUIProfile.Personal information')}</h1>
       </header>
       <main className="tui-profile-main">
         <div className="tui-profile-avatar">
           <Avatar
-            image={userInfo && handleDisplayAvatar(userInfo?.avatar)}
-            size={94}
-            update={editAvatar}
-            list={avatarList}
+            src={userInfo?.avatar || ''}
+            size="xl"
           />
         </div>
         <DivWithEdit
@@ -274,7 +263,9 @@ function TUIProfileDefaultWithContext<T extends TUIProfileDefaultProps>(
           toggle={handleSetEditName}
           isEdit={isEditName === 'nick'}
           confirm={editText}
-          close={() => { setIsEditName(''); }}
+          close={() => {
+            setIsEditName('');
+          }}
         />
         <div className="tui-profile-ID">
           <h5>ID:</h5>
@@ -297,7 +288,9 @@ function TUIProfileDefaultWithContext<T extends TUIProfileDefaultProps>(
                   toggle={handleSetEditName}
                   isEdit={isEditName === item.name}
                   confirm={editText}
-                  close={() => { setIsEditName(''); }}
+                  close={() => {
+                    setIsEditName('');
+                  }}
                 >
                   {item?.children}
                 </DivWithEdit>

package/src/components/Profile/myProfile/MyProfile.tsx

@@ -1,24 +1,25 @@
 import React from 'react';
 import './styles/index.scss';
-import { Profile as TProfile } from '@tencentcloud/chat';
-import { Avatar, defaultUserAvatar } from '../../Avatar';
-import { Icon, IconTypes } from '../../Icon';
+import { defaultUserAvatar } from '../../../constant/avatar';
+import type { Profile as TProfile } from '@tencentcloud/chat';
+import { Avatar } from 'tuikit-atomicx-react';
+import { IconHorizontalMoreTwo } from '@tencentcloud/uikit-base-component-react';
 
 export interface ProfileProps {
-  profile?: TProfile;
-  className?: string;
+  profile?: TProfile | undefined;
+  className?: string | undefined;
   handleAvatar?: () => void;
 }
 export function MyProfile<T extends ProfileProps>(props: T) {
   const { profile, className = '', handleAvatar } = props;
   return (profile?.nick || profile?.userID) && (
     <div className={`profile ${className}`}>
-      <div className="profile-content">
-        <Avatar size={32} image={profile.avatar || defaultUserAvatar} onClick={handleAvatar} />
+      <div className="profile-content" onClick={handleAvatar}>
+        <Avatar src={profile.avatar || defaultUserAvatar} />
         <div className="profile-name">{profile.nick || profile.userID}</div>
       </div>
-      <div className="profile-more">
-        <Icon type={IconTypes.ELLIPSE} width={18} height={5} onClick={handleAvatar} />
+      <div className="profile-more" onClick={handleAvatar}>
+        <IconHorizontalMoreTwo size='24px' />
       </div>
     </div>
   );

package/src/components/Profile/myProfile/styles/index.scss

@@ -1,4 +1,4 @@
-@use "~@tencentcloud/uikit-base-component-react/dist/styles/theme/util" as *;
+@use "@tencentcloud/uikit-base-component-react/dist/styles/theme/util" as *;
 
 .profile {
   display: flex;
@@ -29,4 +29,10 @@
       }
     }
   }
+
+  .profile-more {
+    @include theme() {
+      color: get(text-color-secondary);
+    }
+  }
 }

package/src/components/Profile/styles/color.scss

@@ -1,4 +1,4 @@
-@use "~@tencentcloud/uikit-base-component-react/dist/styles/theme/util" as *;
+@use "@tencentcloud/uikit-base-component-react/dist/styles/theme/util" as *;
 
 .tui-profile {
   @include theme() {

package/src/components/Profile/styles/index.scss

@@ -1,2 +1,2 @@
-@import "./layout.scss";
-@import "./color.scss";
+@forward "./layout";
+@forward "./color";

package/src/components/Profile/styles/layout.scss

@@ -1,4 +1,4 @@
-@use "~@tencentcloud/uikit-base-component-react/dist/styles/theme/util" as *;
+@use "@tencentcloud/uikit-base-component-react/dist/styles/theme/util" as *;
 
 .tui-profile {
   display: flex;
@@ -13,7 +13,7 @@
   &-header {
     box-sizing: border-box;
     width: 100%;
-    padding: 15px;
+    padding: 0 15px;
     display: flex;
     align-items: center;
 
@@ -45,12 +45,7 @@
   &-nick {
     font-weight: 700;
     font-size: 24px;
-    line-height: 29px;
     text-align: center;
-
-    .show {
-      padding-left: 25px;
-    }
   }
 
   &-ID {
@@ -77,22 +72,25 @@
     user-select: none;
 
     &-item {
-      padding: 0;
       cursor: pointer;
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      padding: 10px 0;
+
+      @include theme() {
+        border-bottom: 1px solid get(stroke-color-primary);
+      }
 
       h4 {
         font-size: 16px;
-        margin: 10px 0;
+        margin: 0;
       }
     }
   }
 
   &-div-with-edit {
     height: auto !important;
-
-    @include theme() {
-      border-bottom: 1px solid get(stroke-color-primary);
-    }
   }
 
   &-edit {

package/src/components/Switch/Switch.tsx

@@ -1,19 +1,20 @@
-import React, { useEffect, useRef } from 'react';
+import type React from 'react';
+import { useEffect, useRef } from 'react';
 // The general logic of Switch style:
-// Hide the input, then control the style through the label label and the span in the label, and add styles to the selected situation through 
+// Hide the input, then control the style through the label label and the span in the label, and add styles to the selected situation through
 // the pseudo-element selector: checked
 // Note: After setting the display: inline; attribute, it is best to add vertical-align:top;, otherwise some inexplicable bugs will appear
 import './Switch.scss';
 import { creteNewId } from './utils/newId';
 
 interface Props {
-  checked: boolean,
-  onChange: (e: React.ChangeEvent) => void,
-  checkedColor?: string,
-  className?: string,
+  checked: boolean;
+  onChange: (e: React.ChangeEvent) => void;
+  checkedColor?: string;
+  className?: string;
 }
 // : React.FunctionComponent<Props>
-export function Switch(props:Props) {
+export function Switch(props: Props) {
   const {
     checked, onChange, checkedColor = '#34C759', className,
   } = props;

package/src/components/index.ts

@@ -1,26 +1,12 @@
-export * from './Chat';
-export * from './ConversationList';
-export * from './ConversationActions';
-export * from './ConversationPreview';
-export * from './ConversationSearch';
-export * from './ConversationCreate';
+// normal components export
 export * from './ChatHeader';
-export * from './MessageList';
-export * from './MessageElement';
-export * from './MessageInput';
-export * from './Profile';
-export * from './Avatar';
-export * from './ChatSetting';
-export * from './Popup';
+export * from './Chat';
 export * from './Checkbox';
 export * from './DivWithEdit';
-export * from './Icon';
-export * from './PlaceHolder';
 export * from './EmptyStateIndicator';
-export * from './Input';
+export * from './Icon';
 export * from './Model';
 export * from './Plugins';
-export * from './Switch';
-export * from './Toast';
 export * from './Popup';
-export * from './Contact';
+export * from './Profile';
+export * from './Switch';

package/src/constant/emoji.ts

@@ -0,0 +1,97 @@
+interface IEmojiUrlMap {
+  [key: string]: string;
+}
+
+interface IBigEmojiListItem {
+  icon: number;
+  list: string[];
+}
+
+const emojiBaseUrl = 'https://web.sdk.qcloud.com/im/assets/emoji-plugin/';
+
+const emojiUrlMap: IEmojiUrlMap = {
+  '[TUIEmoji_Expect]': 'emoji_0@2x.png',
+  '[TUIEmoji_Blink]': 'emoji_1@2x.png',
+  '[TUIEmoji_Guffaw]': 'emoji_2@2x.png',
+  '[TUIEmoji_KindSmile]': 'emoji_3@2x.png',
+  '[TUIEmoji_Haha]': 'emoji_4@2x.png',
+  '[TUIEmoji_Cheerful]': 'emoji_5@2x.png',
+  '[TUIEmoji_Smile]': 'emoji_6@2x.png',
+  '[TUIEmoji_Sorrow]': 'emoji_7@2x.png',
+  '[TUIEmoji_Speechless]': 'emoji_8@2x.png',
+  '[TUIEmoji_Amazed]': 'emoji_9@2x.png',
+  '[TUIEmoji_Complacent]': 'emoji_10@2x.png',
+  '[TUIEmoji_Lustful]': 'emoji_11@2x.png',
+  '[TUIEmoji_Stareyes]': 'emoji_12@2x.png',
+  '[TUIEmoji_Giggle]': 'emoji_13@2x.png',
+  '[TUIEmoji_Daemon]': 'emoji_14@2x.png',
+  '[TUIEmoji_Rage]': 'emoji_15@2x.png',
+  '[TUIEmoji_Yawn]': 'emoji_16@2x.png',
+  '[TUIEmoji_TearsLaugh]': 'emoji_17@2x.png',
+  '[TUIEmoji_Silly]': 'emoji_18@2x.png',
+  '[TUIEmoji_Wail]': 'emoji_19@2x.png',
+  '[TUIEmoji_Kiss]': 'emoji_20@2x.png',
+  '[TUIEmoji_Trapped]': 'emoji_21@2x.png',
+  '[TUIEmoji_Fear]': 'emoji_22@2x.png',
+  '[TUIEmoji_BareTeeth]': 'emoji_23@2x.png',
+  '[TUIEmoji_FlareUp]': 'emoji_24@2x.png',
+  '[TUIEmoji_Tact]': 'emoji_25@2x.png',
+  '[TUIEmoji_Shit]': 'emoji_26@2x.png',
+  '[TUIEmoji_ShutUp]': 'emoji_27@2x.png',
+  '[TUIEmoji_Sigh]': 'emoji_28@2x.png',
+  '[TUIEmoji_Hehe]': 'emoji_29@2x.png',
+  '[TUIEmoji_Silent]': 'emoji_30@2x.png',
+  '[TUIEmoji_Skull]': 'emoji_31@2x.png',
+  '[TUIEmoji_Mask]': 'emoji_32@2x.png',
+  '[TUIEmoji_Beer]': 'emoji_33@2x.png',
+  '[TUIEmoji_Cake]': 'emoji_34@2x.png',
+  '[TUIEmoji_RedPacket]': 'emoji_35@2x.png',
+  '[TUIEmoji_Bombs]': 'emoji_36@2x.png',
+  '[TUIEmoji_Ai]': 'emoji_37@2x.png',
+  '[TUIEmoji_Celebrate]': 'emoji_38@2x.png',
+  '[TUIEmoji_Bless]': 'emoji_39@2x.png',
+  '[TUIEmoji_Flower]': 'emoji_40@2x.png',
+  '[TUIEmoji_Watermelon]': 'emoji_41@2x.png',
+  '[TUIEmoji_Cow]': 'emoji_42@2x.png',
+  '[TUIEmoji_Fool]': 'emoji_43@2x.png',
+  '[TUIEmoji_Surprised]': 'emoji_44@2x.png',
+  '[TUIEmoji_Askance]': 'emoji_45@2x.png',
+  '[TUIEmoji_Monster]': 'emoji_46@2x.png',
+  '[TUIEmoji_Pig]': 'emoji_47@2x.png',
+  '[TUIEmoji_Coffee]': 'emoji_48@2x.png',
+  '[TUIEmoji_Ok]': 'emoji_49@2x.png',
+  '[TUIEmoji_Heart]': 'emoji_50@2x.png',
+  '[TUIEmoji_Sun]': 'emoji_51@2x.png',
+  '[TUIEmoji_Moon]': 'emoji_52@2x.png',
+  '[TUIEmoji_Star]': 'emoji_53@2x.png',
+  '[TUIEmoji_Rich]': 'emoji_54@2x.png',
+  '[TUIEmoji_Fortune]': 'emoji_55@2x.png',
+  '[TUIEmoji_857]': 'emoji_56@2x.png',
+  '[TUIEmoji_666]': 'emoji_57@2x.png',
+  '[TUIEmoji_Prohibit]': 'emoji_58@2x.png',
+  '[TUIEmoji_Convinced]': 'emoji_59@2x.png',
+  '[TUIEmoji_Knife]': 'emoji_60@2x.png',
+  '[TUIEmoji_Like]': 'emoji_61@2x.png',
+};
+
+const faceUrl = 'https://web.sdk.qcloud.com/im/assets/face-elem/';
+
+const bigEmojiList: IBigEmojiListItem[] = [
+  {
+    icon: 1,
+    list: ['yz00', 'yz01', 'yz02', 'yz03', 'yz04', 'yz05', 'yz06', 'yz07', 'yz08',
+      'yz09', 'yz10', 'yz11', 'yz12', 'yz13', 'yz14', 'yz15', 'yz16', 'yz17'],
+  },
+  {
+    icon: 2,
+    list: ['ys00', 'ys01', 'ys02', 'ys03', 'ys04', 'ys05', 'ys06', 'ys07', 'ys08',
+      'ys09', 'ys10', 'ys11', 'ys12', 'ys13', 'ys14', 'ys15'],
+  },
+  {
+    icon: 3,
+    list: ['gcs00', 'gcs01', 'gcs02', 'gcs03', 'gcs04', 'gcs05', 'gcs06', 'gcs07',
+      'gcs08', 'gcs09', 'gcs10', 'gcs11', 'gcs12', 'gcs13', 'gcs14', 'gcs15', 'gcs16'],
+  },
+];
+
+export { emojiUrlMap, bigEmojiList, emojiBaseUrl, faceUrl };

package/src/constant/index.ts

@@ -0,0 +1,13 @@
+export {
+  defaultGroupAvatarWork,
+  defaultGroupAvatarPublic,
+  defaultGroupAvatarMeeting,
+  defaultGroupAvatarAVChatRoom,
+  defaultUserAvatar,
+} from './avatar';
+export {
+  emojiUrlMap,
+  bigEmojiList,
+  emojiBaseUrl,
+  faceUrl,
+} from './emoji';