im-ui-mobile 0.1.0 → 0.1.2

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 (85) hide show
  1. package/components/im-avatar/im-avatar.vue +7 -7
  2. package/components/im-badge/im-badge.vue +326 -0
  3. package/components/im-button/im-button.vue +71 -34
  4. package/components/im-card/im-card.vue +563 -0
  5. package/components/im-chat-item/im-chat-item.vue +5 -4
  6. package/components/im-col/im-col.vue +191 -0
  7. package/components/im-dialog/im-dialog.vue +543 -0
  8. package/components/im-double-tap-view/im-double-tap-view.vue +93 -0
  9. package/components/im-emoji-picker/im-emoji-picker.vue +1143 -0
  10. package/components/im-friend-item/im-friend-item.vue +1 -1
  11. package/components/im-group-item/im-group-item.vue +1 -1
  12. package/components/im-group-member-selector/im-group-member-selector.vue +5 -5
  13. package/components/im-group-rtc-join/im-group-rtc-join.vue +8 -8
  14. package/components/im-icon/im-icon.vue +593 -0
  15. package/components/im-image-upload/im-image-upload.vue +0 -2
  16. package/components/im-link/im-link.vue +628 -0
  17. package/components/im-loading/im-loading.vue +13 -4
  18. package/components/im-mention-picker/im-mention-picker.vue +8 -7
  19. package/components/im-message-action/im-message-action.vue +678 -0
  20. package/components/im-message-item/im-message-item.vue +28 -26
  21. package/components/im-message-list/im-message-list.vue +1108 -0
  22. package/components/im-modal/im-modal.vue +373 -0
  23. package/components/im-nav-bar/im-nav-bar.vue +689 -75
  24. package/components/im-parse/im-parse.vue +1054 -0
  25. package/components/im-popup/im-popup.vue +467 -0
  26. package/components/im-read-receipt/im-read-receipt.vue +10 -10
  27. package/components/im-row/im-row.vue +189 -0
  28. package/components/im-search/im-search.vue +762 -0
  29. package/components/im-sku/im-sku.vue +720 -0
  30. package/components/im-sku/utils/helper.ts +182 -0
  31. package/components/im-stepper/im-stepper.vue +585 -0
  32. package/components/im-stepper/utils/helper.ts +167 -0
  33. package/components/im-tabs/im-tabs.vue +1022 -0
  34. package/components/im-tabs/tabs-navigation.vue +489 -0
  35. package/components/im-tabs/utils/helper.ts +181 -0
  36. package/components/im-tabs-tab-pane/im-tabs-tab-pane.vue +145 -0
  37. package/components/im-upload/im-upload.vue +1236 -0
  38. package/components/im-voice-input/im-voice-input.vue +1 -1
  39. package/index.js +3 -5
  40. package/index.scss +19 -0
  41. package/libs/emoji-data.ts +229 -0
  42. package/libs/index.ts +16 -16
  43. package/package.json +1 -2
  44. package/styles/button.scss +33 -33
  45. package/theme.scss +2 -2
  46. package/types/components/badge.d.ts +42 -0
  47. package/types/components/button.d.ts +2 -1
  48. package/types/components/card.d.ts +122 -0
  49. package/types/components/col.d.ts +37 -0
  50. package/types/components/dialog.d.ts +125 -0
  51. package/types/components/double-tap-view.d.ts +31 -0
  52. package/types/components/emoji-picker.d.ts +121 -0
  53. package/types/components/group-rtc-join.d.ts +1 -1
  54. package/types/components/icon.d.ts +77 -0
  55. package/types/components/link.d.ts +55 -0
  56. package/types/components/loading.d.ts +1 -0
  57. package/types/components/message-action.d.ts +96 -0
  58. package/types/components/message-item.d.ts +2 -2
  59. package/types/components/message-list.d.ts +136 -0
  60. package/types/components/modal.d.ts +106 -0
  61. package/types/components/nav-bar.d.ts +125 -0
  62. package/types/components/parse.d.ts +90 -0
  63. package/types/components/popup.d.ts +58 -0
  64. package/types/components/row.d.ts +31 -0
  65. package/types/components/search.d.ts +54 -0
  66. package/types/components/sku.d.ts +195 -0
  67. package/types/components/stepper.d.ts +99 -0
  68. package/types/components/tabs-tab-pane.d.ts +27 -0
  69. package/types/components/tabs.d.ts +117 -0
  70. package/types/components/upload.d.ts +137 -0
  71. package/types/components.d.ts +19 -1
  72. package/types/index.d.ts +38 -1
  73. package/types/libs/index.d.ts +10 -10
  74. package/types/utils/base64.d.ts +5 -0
  75. package/types/utils/dom.d.ts +3 -0
  76. package/types/utils/enums.d.ts +4 -5
  77. package/types/utils/validator.d.ts +74 -0
  78. package/utils/base64.js +18 -0
  79. package/utils/dom.js +353 -1
  80. package/utils/enums.js +4 -5
  81. package/utils/validator.js +230 -0
  82. package/components/im-file-upload/im-file-upload.vue +0 -309
  83. package/plugins/uview-plus.js +0 -29
  84. package/types/components/arrow-bar.d.ts +0 -14
  85. package/types/components/file-upload.d.ts +0 -58
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <view class="friend-item" @click="onClick()">
3
- <im-avatar :name="friend.nickName" :online="friend.online" :url="friend.headImage" size="small" />
3
+ <im-avatar :title="friend.nickName" :online="friend.online" :url="friend.avatar" size="small" />
4
4
  <view class="friend-info">
5
5
  <view class="friend-name">{{ friend.nickName }}</view>
6
6
  <view class="friend-online">
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <view class="group-item" @click="showGroupInfo()">
3
- <im-avatar :name="group.showGroupName" :url="group.headImageThumb" size="small" />
3
+ <im-avatar :title="group.showGroupName" :url="group.avatarThumb" size="small" />
4
4
  <view class="group-name">
5
5
  <view>{{ group.showGroupName }}</view>
6
6
  </view>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <u-popup ref="popup" mode="bottom">
2
+ <im-popup ref="popup" position="bottom">
3
3
  <view class="group-member-selector">
4
4
  <view class="top-bar">
5
5
  <view class="top-tip">选择成员</view>
@@ -10,18 +10,18 @@
10
10
  <scroll-view v-show="checkedIds.length > 0" scroll-x="true" scroll-left="120">
11
11
  <view class="checked-users">
12
12
  <view v-for="m in checkedMembers" class="user-item" :key="m.userId">
13
- <im-avatar :name="m.showNickName" :url="m.headImage" :size="60" />
13
+ <im-avatar :title="m.showNickName" :url="m.avatar" :size="60" />
14
14
  </view>
15
15
  </view>
16
16
  </scroll-view>
17
17
  <view class="search-bar">
18
- <u-search v-model="searchText" :show-action="false" placeholder="搜索"></u-search>
18
+ <im-search v-model="searchText" :show-action="false" placeholder="搜索"/>
19
19
  </view>
20
20
  <view class="member-items">
21
21
  <im-virtual-list :data="showMembers">
22
22
  <template v-slot="{ item }">
23
23
  <view class="member-item" @click="onSwitchChecked(item)">
24
- <im-avatar :name="item.showNickName" :online="item.online" :url="item.headImage"
24
+ <im-avatar :title="item.showNickName" :online="item.online" :url="item.avatar"
25
25
  :size="90" />
26
26
  <view class="member-name">{{ item.showNickName }}
27
27
  </view>
@@ -34,7 +34,7 @@
34
34
  </im-virtual-list>
35
35
  </view>
36
36
  </view>
37
- </u-popup>
37
+ </im-popup>
38
38
  </template>
39
39
 
40
40
 
@@ -1,24 +1,24 @@
1
1
  <template>
2
- <u-popup ref="popup" mode="center">
3
- <u-modal :show="true" :zoom="false" :async-close="false" title="是否加入通话?" confirm-text="加入" @confirm="onOk">
2
+ <im-popup ref="popup" position="center">
3
+ <im-modal :show="true" title="是否加入通话?" confirm-text="加入" @confirm="onOk">
4
4
  <div class="group-rtc-join">
5
5
  <div class="host-info">
6
6
  <div>发起人</div>
7
- <im-avatar :name="rtcInfo.host.nickName" :url="rtcInfo.host.headImage" :size="80" />
7
+ <im-avatar :title="rtcInfo.host.nickName" :url="rtcInfo.host.avatar" :size="80" />
8
8
  </div>
9
9
  <div class="user-info">
10
10
  <div>{{ rtcInfo.userInfos.length + '人正在通话中' }}</div>
11
11
  <scroll-view scroll-x="true" scroll-left="120">
12
12
  <view class="user-list">
13
13
  <view v-for="user in rtcInfo.userInfos" class="user-item" :key="user.id">
14
- <im-avatar :name="user.nickName" :url="user.headImage" :size="80" />
14
+ <im-avatar :title="user.nickName" :url="user.avatar" :size="80" />
15
15
  </view>
16
16
  </view>
17
17
  </scroll-view>
18
18
  </div>
19
19
  </div>
20
- </u-modal>
21
- </u-popup>
20
+ </im-modal>
21
+ </im-popup>
22
22
  </template>
23
23
 
24
24
  <script setup lang="ts">
@@ -34,7 +34,7 @@ interface RtcInfo {
34
34
  userInfos: Array<{
35
35
  id: number;
36
36
  nickName: string;
37
- headImage: string;
37
+ avatar: string;
38
38
  isCamera?: boolean;
39
39
  isMicroPhone?: boolean;
40
40
  }>,
@@ -65,7 +65,7 @@ const onOk = () => {
65
65
  users.push({
66
66
  id: mine.id,
67
67
  nickName: mine.nickName,
68
- headImage: String(mine.headImageThumb),
68
+ avatar: String(mine.avatarThumb),
69
69
  isCamera: false,
70
70
  isMicroPhone: true
71
71
  });