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.
- package/components/im-avatar/im-avatar.vue +7 -7
- package/components/im-badge/im-badge.vue +326 -0
- package/components/im-button/im-button.vue +71 -34
- package/components/im-card/im-card.vue +563 -0
- package/components/im-chat-item/im-chat-item.vue +5 -4
- package/components/im-col/im-col.vue +191 -0
- package/components/im-dialog/im-dialog.vue +543 -0
- package/components/im-double-tap-view/im-double-tap-view.vue +93 -0
- package/components/im-emoji-picker/im-emoji-picker.vue +1143 -0
- package/components/im-friend-item/im-friend-item.vue +1 -1
- package/components/im-group-item/im-group-item.vue +1 -1
- package/components/im-group-member-selector/im-group-member-selector.vue +5 -5
- package/components/im-group-rtc-join/im-group-rtc-join.vue +8 -8
- package/components/im-icon/im-icon.vue +593 -0
- package/components/im-image-upload/im-image-upload.vue +0 -2
- package/components/im-link/im-link.vue +628 -0
- package/components/im-loading/im-loading.vue +13 -4
- package/components/im-mention-picker/im-mention-picker.vue +8 -7
- package/components/im-message-action/im-message-action.vue +678 -0
- package/components/im-message-item/im-message-item.vue +28 -26
- package/components/im-message-list/im-message-list.vue +1108 -0
- package/components/im-modal/im-modal.vue +373 -0
- package/components/im-nav-bar/im-nav-bar.vue +689 -75
- package/components/im-parse/im-parse.vue +1054 -0
- package/components/im-popup/im-popup.vue +467 -0
- package/components/im-read-receipt/im-read-receipt.vue +10 -10
- package/components/im-row/im-row.vue +189 -0
- package/components/im-search/im-search.vue +762 -0
- package/components/im-sku/im-sku.vue +720 -0
- package/components/im-sku/utils/helper.ts +182 -0
- package/components/im-stepper/im-stepper.vue +585 -0
- package/components/im-stepper/utils/helper.ts +167 -0
- package/components/im-tabs/im-tabs.vue +1022 -0
- package/components/im-tabs/tabs-navigation.vue +489 -0
- package/components/im-tabs/utils/helper.ts +181 -0
- package/components/im-tabs-tab-pane/im-tabs-tab-pane.vue +145 -0
- package/components/im-upload/im-upload.vue +1236 -0
- package/components/im-voice-input/im-voice-input.vue +1 -1
- package/index.js +3 -5
- package/index.scss +19 -0
- package/libs/emoji-data.ts +229 -0
- package/libs/index.ts +16 -16
- package/package.json +1 -2
- package/styles/button.scss +33 -33
- package/theme.scss +2 -2
- package/types/components/badge.d.ts +42 -0
- package/types/components/button.d.ts +2 -1
- package/types/components/card.d.ts +122 -0
- package/types/components/col.d.ts +37 -0
- package/types/components/dialog.d.ts +125 -0
- package/types/components/double-tap-view.d.ts +31 -0
- package/types/components/emoji-picker.d.ts +121 -0
- package/types/components/group-rtc-join.d.ts +1 -1
- package/types/components/icon.d.ts +77 -0
- package/types/components/link.d.ts +55 -0
- package/types/components/loading.d.ts +1 -0
- package/types/components/message-action.d.ts +96 -0
- package/types/components/message-item.d.ts +2 -2
- package/types/components/message-list.d.ts +136 -0
- package/types/components/modal.d.ts +106 -0
- package/types/components/nav-bar.d.ts +125 -0
- package/types/components/parse.d.ts +90 -0
- package/types/components/popup.d.ts +58 -0
- package/types/components/row.d.ts +31 -0
- package/types/components/search.d.ts +54 -0
- package/types/components/sku.d.ts +195 -0
- package/types/components/stepper.d.ts +99 -0
- package/types/components/tabs-tab-pane.d.ts +27 -0
- package/types/components/tabs.d.ts +117 -0
- package/types/components/upload.d.ts +137 -0
- package/types/components.d.ts +19 -1
- package/types/index.d.ts +38 -1
- package/types/libs/index.d.ts +10 -10
- package/types/utils/base64.d.ts +5 -0
- package/types/utils/dom.d.ts +3 -0
- package/types/utils/enums.d.ts +4 -5
- package/types/utils/validator.d.ts +74 -0
- package/utils/base64.js +18 -0
- package/utils/dom.js +353 -1
- package/utils/enums.js +4 -5
- package/utils/validator.js +230 -0
- package/components/im-file-upload/im-file-upload.vue +0 -309
- package/plugins/uview-plus.js +0 -29
- package/types/components/arrow-bar.d.ts +0 -14
- 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 :
|
|
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 :
|
|
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
|
-
<
|
|
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 :
|
|
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
|
-
<
|
|
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 :
|
|
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
|
-
</
|
|
37
|
+
</im-popup>
|
|
38
38
|
</template>
|
|
39
39
|
|
|
40
40
|
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
3
|
-
<
|
|
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 :
|
|
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 :
|
|
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
|
-
</
|
|
21
|
-
</
|
|
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
|
-
|
|
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
|
-
|
|
68
|
+
avatar: String(mine.avatarThumb),
|
|
69
69
|
isCamera: false,
|
|
70
70
|
isMicroPhone: true
|
|
71
71
|
});
|