@tencentcloud/chat-uikit-react 3.4.3 → 3.4.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/README.md +4 -0
- package/dist/components/Chat/Chat.js +1 -1
- package/dist/components/ChatHeader/AudioCallPicker/AudioCallPicker.js +1 -1
- package/dist/components/ChatHeader/ChatHeader.js +1 -1
- package/dist/components/ChatHeader/ChatHeaderUI/ChatHeaderUI.js +1 -1
- package/dist/components/ChatHeader/VideoCallPicker/VideoCallPicker.js +1 -1
- package/dist/components/Profile/ProfileDefault.js +5 -5
- package/dist/components/Profile/myProfile/MyProfile.js +1 -1
- package/dist/hooks/useChatHeader.js +1 -1
- package/dist/{index-xEivqx5r-DvlvKDWE.js → index-CbbBkaXR-Bj8jOwjf.js} +3463 -3423
- package/dist/index.js +1 -1
- package/dist/styles/{index-xEivqx5r.css → index-CbbBkaXR.css} +1 -1
- package/package.json +5 -2
- package/ci/install-nvm-node18.sh +0 -117
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
## [3.4.4] (2025-11-07)
|
|
2
|
+
|
|
3
|
+
#### fix
|
|
4
|
+
* Fixed issue where messages containing only line breaks could be sent
|
|
5
|
+
* Fixed audio message waveform display issue
|
|
6
|
+
* Fixed message action button outline style issue
|
|
7
|
+
* Fixed missing internationalization for some voice message text
|
|
8
|
+
* Fixed EmojiPicker size issue when used standalone
|
|
9
|
+
* Fixed issue where pasted emojis in MessageInput convert to images
|
|
10
|
+
|
|
1
11
|
## [3.4.3] (2025-10-20)
|
|
2
12
|
|
|
3
13
|
#### fix
|
package/README.md
CHANGED
|
@@ -21,6 +21,10 @@
|
|
|
21
21
|
</tr>
|
|
22
22
|
</table>
|
|
23
23
|
|
|
24
|
+
## 🚀 Recommended: Use the More Efficient AI Integration Assistant
|
|
25
|
+
We offer you a brand-new way to integrate AI. Just briefly describe your needs, and it will automatically generate the integration code, significantly boosting development efficiency.</br>
|
|
26
|
+
[Click here to experience the AI Integration Assistant immediately](https://cloud.tencent.com/document/product/269/124481)
|
|
27
|
+
|
|
24
28
|
## Integrating chat-uikit-react
|
|
25
29
|
This tutorial shows how you can build a chat application in just 10 minutes by integrating chat-uikit-react
|
|
26
30
|
[<img src="https://web.sdk.qcloud.com/im/assets/images/build_react_chat.png" width="800"/>](https://www.youtube.com/watch?v=o0PcxpGl66Y)
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { a as i, V as n } from "../../index-
|
|
2
|
+
import { a as i, V as n } from "../../index-CbbBkaXR-Bj8jOwjf.js";
|
|
3
3
|
import { c as m } from "../../external_modules/classnames-HRMVOjAa.js";
|
|
4
4
|
import { ChatProvider as l } from "../../context/ChatContext.js";
|
|
5
5
|
import '../../styles/Chat.css';const h = "uikit-chat", p = {
|
|
@@ -2,7 +2,7 @@ import { jsx as a, Fragment as V, jsxs as B } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as j, useRef as z, useMemo as n, useCallback as r } from "react";
|
|
3
3
|
import { useUIKit as K, IconCallFilled as X, Dialog as Y } from "@tencentcloud/uikit-base-component-react";
|
|
4
4
|
import { c as Z } from "../../../external_modules/classnames-HRMVOjAa.js";
|
|
5
|
-
import { b as $, a as q, y as H, C as y, s as h, V as J, O as Q } from "../../../index-
|
|
5
|
+
import { b as $, a as q, y as H, C as y, s as h, V as J, O as Q } from "../../../index-CbbBkaXR-Bj8jOwjf.js";
|
|
6
6
|
import '../../../styles/AudioCallPicker.css';const u = {
|
|
7
7
|
"audio-call-picker__button": "uikit-audio-call-picker__button",
|
|
8
8
|
"audio-call-picker__button--disabled": "uikit-audio-call-picker__button--disabled",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as v } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect as H } from "react";
|
|
3
3
|
import { TUIUserService as U } from "@tencentcloud/chat-uikit-engine-lite";
|
|
4
|
-
import { u as x } from "../../index-
|
|
4
|
+
import { u as x } from "../../index-CbbBkaXR-Bj8jOwjf.js";
|
|
5
5
|
import { useChatHeader as y } from "../../hooks/useChatHeader.js";
|
|
6
6
|
import g from "./ChatHeaderUI/ChatHeaderUI.js";
|
|
7
7
|
const w = (t) => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as t, jsxs as r } from "react/jsx-runtime";
|
|
2
2
|
import { useUIKit as C } from "@tencentcloud/uikit-base-component-react";
|
|
3
3
|
import { c as m } from "../../../external_modules/classnames-HRMVOjAa.js";
|
|
4
|
-
import { V as a, A as v } from "../../../index-
|
|
4
|
+
import { V as a, A as v } from "../../../index-CbbBkaXR-Bj8jOwjf.js";
|
|
5
5
|
import { AudioCallPicker as g } from "../AudioCallPicker/AudioCallPicker.js";
|
|
6
6
|
import { VideoCallPicker as T } from "../VideoCallPicker/VideoCallPicker.js";
|
|
7
7
|
import '../../../styles/ChatHeaderUI.css';const e = {
|
|
@@ -2,7 +2,7 @@ import { jsx as s, Fragment as F, jsxs as T } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as B, useRef as j, useMemo as n, useCallback as l } from "react";
|
|
3
3
|
import { useUIKit as z, IconVideoFilled as K, Dialog as X } from "@tencentcloud/uikit-base-component-react";
|
|
4
4
|
import { c as Y } from "../../../external_modules/classnames-HRMVOjAa.js";
|
|
5
|
-
import { b as Z, a as $, y as q, C as P, s as S, V as H, O as J } from "../../../index-
|
|
5
|
+
import { b as Z, a as $, y as q, C as P, s as S, V as H, O as J } from "../../../index-CbbBkaXR-Bj8jOwjf.js";
|
|
6
6
|
import '../../../styles/VideoCallPicker.css';const u = {
|
|
7
7
|
"video-call-picker__button": "uikit-video-call-picker__button",
|
|
8
8
|
"video-call-picker__button--disabled": "uikit-video-call-picker__button--disabled",
|
|
@@ -2,7 +2,7 @@ import { jsx as i, jsxs as s } from "react/jsx-runtime";
|
|
|
2
2
|
import W, { useState as x } from "react";
|
|
3
3
|
import a from "@tencentcloud/chat-uikit-engine-lite";
|
|
4
4
|
import { useUIKit as R, IconChevronLeft as F } from "@tencentcloud/uikit-base-component-react";
|
|
5
|
-
import { A as G } from "../../index-
|
|
5
|
+
import { A as G } from "../../index-CbbBkaXR-Bj8jOwjf.js";
|
|
6
6
|
import { DivWithEdit as S } from "../DivWithEdit/DivWithEdit.js";
|
|
7
7
|
import { DatePicker as B } from "./DatePicker/DatePicker.js";
|
|
8
8
|
const c = {
|
|
@@ -46,8 +46,8 @@ function z(h) {
|
|
|
46
46
|
userInfo: e,
|
|
47
47
|
update: T,
|
|
48
48
|
onClose: p,
|
|
49
|
-
className:
|
|
50
|
-
} = h, { t: r } = R(), [u, o] = x(""),
|
|
49
|
+
className: $
|
|
50
|
+
} = h, { t: r } = R(), [u, o] = x(""), v = (t) => {
|
|
51
51
|
const l = String(t);
|
|
52
52
|
if (l.length === 8) {
|
|
53
53
|
const n = l.substring(0, 4), m = l.substring(4, 6), O = l.substring(6, 8);
|
|
@@ -154,7 +154,7 @@ function z(h) {
|
|
|
154
154
|
},
|
|
155
155
|
{
|
|
156
156
|
name: "Birthday",
|
|
157
|
-
value: e != null && e.birthday ?
|
|
157
|
+
value: e != null && e.birthday ? v(e.birthday) : "",
|
|
158
158
|
type: "select",
|
|
159
159
|
children: /* @__PURE__ */ i(
|
|
160
160
|
B,
|
|
@@ -168,7 +168,7 @@ function z(h) {
|
|
|
168
168
|
)
|
|
169
169
|
}
|
|
170
170
|
];
|
|
171
|
-
return /* @__PURE__ */ s("div", { className: `${
|
|
171
|
+
return /* @__PURE__ */ s("div", { className: `${$} tui-profile`, children: [
|
|
172
172
|
/* @__PURE__ */ s(
|
|
173
173
|
"header",
|
|
174
174
|
{
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as o, jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { defaultUserAvatar as c } from "../../../constant/avatar.js";
|
|
3
|
-
import { A as n } from "../../../index-
|
|
3
|
+
import { A as n } from "../../../index-CbbBkaXR-Bj8jOwjf.js";
|
|
4
4
|
import { IconHorizontalMoreTwo as l } from "@tencentcloud/uikit-base-component-react";
|
|
5
5
|
import '../../../styles/MyProfile.css';function v(i) {
|
|
6
6
|
const { profile: r, className: s = "", handleAvatar: e } = i;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useMemo as o } from "react";
|
|
2
|
-
import { a as p, C as s } from "../index-
|
|
2
|
+
import { a as p, C as s } from "../index-CbbBkaXR-Bj8jOwjf.js";
|
|
3
3
|
import { useUIManagerState as d } from "../states/UIManagerState.js";
|
|
4
4
|
function G() {
|
|
5
5
|
const { userStatusMap: i } = d(), { activeConversation: t } = p(), n = t ? t.type === s.SYSTEM : void 0, a = o(() => {
|