easemob-chat-uikit 2.0.1 → 2.2.0

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.
Files changed (39) hide show
  1. package/ChatUI.esm.js +79482 -85006
  2. package/ChatUI.js +131 -118
  3. package/ChatUI.umd.js +131 -118
  4. package/package.json +1 -1
  5. package/style/contactList/style/detail.scss +1 -0
  6. package/style/conversation/style/item.scss +6 -2
  7. package/style/groupDetail/style/style.scss +6 -0
  8. package/style/input/style/search.scss +3 -0
  9. package/style/reaction/style/style.scss +1 -1
  10. package/style/textMessage/style/style.scss +9 -0
  11. package/style/userItem/style/style.scss +3 -0
  12. package/style/userSelect/style/style.scss +3 -0
  13. package/style.css +1 -1
  14. package/types/module/callkit/CallKit.d.ts +1 -0
  15. package/types/module/callkit/hooks/useFullscreen.d.ts +1 -1
  16. package/types/module/callkit/index.d.ts +1 -2
  17. package/types/module/callkit/layouts/MultiPartyLayout.d.ts +2 -2
  18. package/types/module/callkit/services/CallService.d.ts +6 -1
  19. package/types/module/callkit/types/index.d.ts +6 -3
  20. package/types/module/callkit/types/layout.d.ts +5 -3
  21. package/types/module/contactList/ContactDetail.d.ts +2 -0
  22. package/types/module/empty/Empty.d.ts +1 -0
  23. package/types/module/groupDetail/GroupDetail.d.ts +1 -0
  24. package/types/module/hooks/useSDK.d.ts +2 -0
  25. package/types/module/hooks/useScreen.d.ts +25 -0
  26. package/types/module/index.d.ts +2 -1
  27. package/types/module/messageInput/MessageInput.d.ts +6 -6
  28. package/types/module/messageInput/emoji/Emoji.d.ts +5 -1
  29. package/types/module/messageInput/index.d.ts +1 -0
  30. package/types/module/messageInput/recorder/Recorder.d.ts +6 -1
  31. package/types/module/reaction/EmojiKeyboard.d.ts +5 -1
  32. package/types/module/reaction/index.d.ts +1 -0
  33. package/types/module/store/Provider.d.ts +1 -1
  34. package/types/module/store/index.d.ts +1 -4
  35. package/types/module/store/rootContext.d.ts +3 -7
  36. package/types/module/thread/ThreadListExpandableIcon.d.ts +8 -3
  37. package/types/module/utils/index.d.ts +1 -1
  38. package/README.md +0 -388
  39. package/types/module/callkit/layouts/PreviewLayout.d.ts +0 -25
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "easemob-chat-uikit",
3
- "version": "2.0.1",
3
+ "version": "2.2.0",
4
4
  "description": "",
5
5
  "main": "ChatUI.umd.js",
6
6
  "type": "module",
@@ -12,6 +12,7 @@ $contact-detail-prefix-cls: #{$cui-prefix}-contact-detail;
12
12
  overflow: hidden;
13
13
  color: $gray-1;
14
14
  background-color: $gray-98;
15
+ position: relative;
15
16
  &-content{
16
17
  width: 376px;
17
18
  display: flex;
@@ -10,6 +10,9 @@ $conversation-prefix-cls: #{$cui-prefix}-conversationItem;
10
10
  position: relative;
11
11
  border-radius: $cvs-item-border-radius;
12
12
  margin: $cvs-item-margin;
13
+ user-select: none;
14
+ -webkit-user-select: none;
15
+ -webkit-touch-callout: none;
13
16
  &-selected{
14
17
  background-color: $cvs-item-selected-bg-color !important;
15
18
  .#{$conversation-prefix-cls}-nickname{
@@ -34,8 +37,9 @@ $conversation-prefix-cls: #{$cui-prefix}-conversationItem;
34
37
  max-width: calc(100% - 96px); //136
35
38
  width: 100%;
36
39
  overflow: hidden;
37
- // flex: 1;
38
- // position: relative;
40
+ user-select: none;
41
+ -webkit-user-select: none;
42
+ -webkit-touch-callout: none;
39
43
  }
40
44
 
41
45
  &-info{
@@ -53,6 +53,12 @@ $groupSetting-prefix-cls: #{$cui-prefix}-groupSetting;
53
53
  text-overflow: ellipsis;
54
54
  text-align: center;
55
55
  }
56
+ &-back{
57
+ margin-top: 0 !important;
58
+ display: flex;
59
+ padding-left: 12px;
60
+ flex-direction: row !important;
61
+ }
56
62
  }
57
63
  &-header>div{
58
64
  margin-top: 16px;
@@ -32,6 +32,9 @@ $search-prefix-cls: #{$cui-prefix}-search;
32
32
  &::placeholder{
33
33
  color: #919BA1;
34
34
  }
35
+ @media screen and (max-width: 767.98px) {
36
+ font-size: 16px;
37
+ }
35
38
  }
36
39
  &-icon{
37
40
  position: absolute;
@@ -23,7 +23,7 @@ $status-prefix-cls: #{$cui-prefix}-reaction-box;
23
23
  }
24
24
 
25
25
  .#{$cui-prefix}-reaction-icon{
26
- fill: $gray-6;
26
+ // fill: $gray-6;
27
27
  &:hover {
28
28
  fill: $blue-5;
29
29
  cursor: pointer;
@@ -6,12 +6,21 @@ $text-modify-prefix-cls: #{$cui-prefix}-modify-textarea;
6
6
  .#{$cui-prefix}-message-text-url-container{
7
7
  width: 230px;
8
8
  word-break: break-all;
9
+ user-select: none;
10
+ -webkit-user-select: none;
11
+ -webkit-touch-callout: none;
9
12
 
10
13
  .#{$text-msg-prefix-cls} {
11
14
  word-break: break-all;
15
+ user-select: none;
16
+ -webkit-user-select: none;
17
+ -webkit-touch-callout: none;
12
18
  }
13
19
  }
14
20
  .#{$text-msg-prefix-cls} {
21
+ user-select: none;
22
+ -webkit-user-select: none;
23
+ -webkit-touch-callout: none;
15
24
  font-size: $font-size-lg;
16
25
  line-height: 24px;
17
26
  font-style: normal;
@@ -13,6 +13,9 @@ $user-prefix-cls: #{$cui-prefix}-userItem;
13
13
  // width: 100%;
14
14
  flex: 1;
15
15
  overflow: hidden;
16
+ user-select: none;
17
+ -webkit-user-select: none;
18
+ -webkit-touch-callout: none;
16
19
  &:hover{
17
20
  background: $gray-98;
18
21
  }
@@ -8,6 +8,9 @@ $userSelect-prefix-cls: #{$cui-prefix}-user-select;
8
8
  display: flex;
9
9
  overflow: hidden;
10
10
  height: 544px;
11
+ &-mobile{
12
+ flex-direction: column;
13
+ }
11
14
  &>div:first-child{
12
15
  background-color: $gray-95;
13
16
  overflow-y: auto;