xs-common-plugins 1.2.2 → 1.2.3
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/README.md +298 -298
- package/common.js +110 -110
- package/index.js +1 -1
- package/package.json +16 -16
- package/src/common/common.js +548 -548
- package/src/components/CheckBox_Cmp/index.vue +62 -62
- package/src/components/FormItem/index.vue +92 -92
- package/src/components/ReportCmp/index.vue +76 -76
- package/src/components/Search/index.scss +219 -219
- package/src/components/Search/index.vue +410 -410
- package/src/components/Search/product_option/index.scss +1 -1
- package/src/components/Search_filter/index.scss +104 -104
- package/src/components/TableItem/TableItem.vue +55 -55
- package/src/components/TextOVer/index.vue +55 -55
- package/src/components/UploadImg/index.vue +177 -177
- package/src/components/im/index.vue +155 -155
- package/src/components/im/pages/chatList/index.vue +45 -45
- package/src/components/im/pages/chatRoom/index.vue +159 -159
- package/src/components/xsSelect/index.vue +125 -125
- package/src/mixin/keepAlive.js +52 -0
- package/src/plugins/im/components/chat/index.scss +163 -163
- package/src/plugins/im/components/chat/index.vue +144 -144
- package/src/plugins/im/components/chat/methods.js +149 -149
- package/src/plugins/im/components/msg-image/index.vue +40 -40
- package/src/plugins/im/components/send-msg/index.scss +164 -164
- package/src/plugins/im/components/send-msg/index.vue +107 -107
- package/src/plugins/im/components/send-msg/methods.js +125 -125
- package/src/plugins/im/components/template-message/index.vue +76 -76
- package/src/plugins/im/components/without.vue +19 -19
- package/src/plugins/im/index.js +31 -31
- package/src/plugins/im/utils/services.js +625 -625
- package/src/plugins/index.js +60 -60
- package/src/plugins/row-col-cmp/index.js +20 -20
- package/src/router/permission.js +126 -126
- package/src/store/modules/dic.js +74 -74
- package/src/store/modules/oss.js +40 -40
- package/src/styles/index.scss +91 -91
- package/src/styles/table.scss +90 -90
- package/src/utils/api.js +54 -54
- package/src/utils/auth.js +38 -38
- package/src/utils/concat_batch_btns.js +88 -88
- package/src/utils/enum.js +150 -150
- package/src/utils/filter.js +5 -5
- package/src/utils/filterRules.js +55 -55
- package/src/utils/getMenu.js +82 -82
- package/src/utils/global_directive.js +10 -0
- package/src/utils/ossService.js +55 -55
- package/src/utils/prototype.js +46 -46
- package/src/utils/search.js +33 -33
- package/src/utils/signalR.js +24 -24
- package/src/views/callback/index.vue +35 -35
- package/src/views/home/index.vue +25 -25
- package/src/views/layout/components/AppMain.vue +21 -5
- package/src/views/layout/components/Navbar.vue +20 -13
- package/src/views/layout/components/TagsView/index.vue +130 -91
- package/src/views/slienceAuth/index.vue +42 -42
|
@@ -1,126 +1,126 @@
|
|
|
1
|
-
|
|
2
|
-
const RongEmoji = require("../../lib/RongIMEmoji-2.2.6.js");
|
|
3
|
-
const utils = require('../../utils/utils.js');
|
|
4
|
-
let Message = null;
|
|
5
|
-
let File = null;
|
|
6
|
-
const imgBase64 = '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';
|
|
7
|
-
// import '../../im-plug-in/RongIMLib-4.1.0.js'
|
|
8
|
-
import '../../lib/RongIMLib-3.0.7.2-dev.js'
|
|
9
|
-
import '../../im-plug-in/send-data.js'
|
|
10
|
-
import '../../im-plug-in/upload.js'
|
|
11
|
-
import '../../im-plug-in/init.js'
|
|
12
|
-
const plugInInit = require('../../im-plug-in/init.js')
|
|
13
|
-
export default {
|
|
14
|
-
|
|
15
|
-
initEvent() {
|
|
16
|
-
Message = this.$Service.Message
|
|
17
|
-
File = this.$Service.File
|
|
18
|
-
},
|
|
19
|
-
// input的弹起 关闭
|
|
20
|
-
handleIcon(type) {
|
|
21
|
-
if (this.inputOpen === type) {
|
|
22
|
-
this.inputOpen = "";
|
|
23
|
-
return;
|
|
24
|
-
}
|
|
25
|
-
this.inputOpen = type;
|
|
26
|
-
},
|
|
27
|
-
// 选中emoji
|
|
28
|
-
handleEmoji(data) {
|
|
29
|
-
this.inputVal += data.emoji;
|
|
30
|
-
},
|
|
31
|
-
// 发送消息
|
|
32
|
-
sendText() {
|
|
33
|
-
if (!this.inputVal) {
|
|
34
|
-
return;
|
|
35
|
-
}
|
|
36
|
-
let { userName, targetName, avatarUrl } = this.chatObj.latestMessage.content.userInfo
|
|
37
|
-
Message.sendText({
|
|
38
|
-
type: this.type,
|
|
39
|
-
targetId: this.targetId,
|
|
40
|
-
content: this.inputVal,
|
|
41
|
-
userInfo: {
|
|
42
|
-
userName,
|
|
43
|
-
targetName,
|
|
44
|
-
avatarUrl,
|
|
45
|
-
}
|
|
46
|
-
}).then(message => {
|
|
47
|
-
this.$emit('sendMsgEvent', message)
|
|
48
|
-
this.inputVal = ""
|
|
49
|
-
this.inputOpen = "";
|
|
50
|
-
});
|
|
51
|
-
},
|
|
52
|
-
// emoji 排列轮播
|
|
53
|
-
formatEmojis() {
|
|
54
|
-
RongEmoji.init();
|
|
55
|
-
let list = RongEmoji.list;
|
|
56
|
-
return utils.sliceArray(list, { size: 24 });
|
|
57
|
-
},
|
|
58
|
-
|
|
59
|
-
// 上传图片发送
|
|
60
|
-
uploadEvent(e) {
|
|
61
|
-
const fileType = this.getFileType(e.target.files[0].name);
|
|
62
|
-
let { config, uploadCallbacks } = this.genUploadConfig(fileType);
|
|
63
|
-
var _file = e.target.files[0]; // 上传的file对象
|
|
64
|
-
|
|
65
|
-
plugInInit.initFile(config, function (uploadFile) {
|
|
66
|
-
uploadFile.upload(_file, uploadCallbacks);
|
|
67
|
-
});
|
|
68
|
-
},
|
|
69
|
-
getFileType(filename) {
|
|
70
|
-
var imageType = {
|
|
71
|
-
'jpg': 1,
|
|
72
|
-
'png': 2
|
|
73
|
-
};
|
|
74
|
-
var index = filename.lastIndexOf('.') + 1,
|
|
75
|
-
type = filename.substring(index);
|
|
76
|
-
return type in imageType ? 'img' : 'file';
|
|
77
|
-
},
|
|
78
|
-
genUploadConfig(type) {
|
|
79
|
-
let _this = this;
|
|
80
|
-
let fileType;
|
|
81
|
-
if (type === 'img') {
|
|
82
|
-
fileType = 1; // 图片
|
|
83
|
-
}
|
|
84
|
-
var config = {
|
|
85
|
-
domain: "https://upload.qiniup.com",
|
|
86
|
-
fileType: fileType,
|
|
87
|
-
getToken: function (callback) {
|
|
88
|
-
File.FileToken(fileType).then(data => {
|
|
89
|
-
callback(data.token, data);
|
|
90
|
-
})
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
var uploadCallbacks = {
|
|
94
|
-
onProgress: function (loaded, total) {
|
|
95
|
-
// 上传进度 percent
|
|
96
|
-
var percent = Math.floor(loaded / total * 100);
|
|
97
|
-
},
|
|
98
|
-
onCompleted: (data) => {
|
|
99
|
-
File.getFileUrl(fileType, data).then(res => {
|
|
100
|
-
this.inputOpen = "";
|
|
101
|
-
Message.sendImage({
|
|
102
|
-
type: _this.type,
|
|
103
|
-
targetId: _this.targetId,
|
|
104
|
-
imageUri: res.downloadUrl,
|
|
105
|
-
extra: { width: 100 },
|
|
106
|
-
content: imgBase64,
|
|
107
|
-
userInfo: {
|
|
108
|
-
userName: _this.userName,
|
|
109
|
-
avatarUrl: _this.avatarUrl,
|
|
110
|
-
targetName: _this.targetName
|
|
111
|
-
}
|
|
112
|
-
}).then(message => {
|
|
113
|
-
_this.$emit('sendMsgEvent', message)
|
|
114
|
-
});
|
|
115
|
-
})
|
|
116
|
-
},
|
|
117
|
-
onError: function (error) {
|
|
118
|
-
console.error('上传失败', error);
|
|
119
|
-
}
|
|
120
|
-
};
|
|
121
|
-
return {
|
|
122
|
-
config,
|
|
123
|
-
uploadCallbacks
|
|
124
|
-
}
|
|
125
|
-
},
|
|
1
|
+
|
|
2
|
+
const RongEmoji = require("../../lib/RongIMEmoji-2.2.6.js");
|
|
3
|
+
const utils = require('../../utils/utils.js');
|
|
4
|
+
let Message = null;
|
|
5
|
+
let File = null;
|
|
6
|
+
const imgBase64 = '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';
|
|
7
|
+
// import '../../im-plug-in/RongIMLib-4.1.0.js'
|
|
8
|
+
import '../../lib/RongIMLib-3.0.7.2-dev.js'
|
|
9
|
+
import '../../im-plug-in/send-data.js'
|
|
10
|
+
import '../../im-plug-in/upload.js'
|
|
11
|
+
import '../../im-plug-in/init.js'
|
|
12
|
+
const plugInInit = require('../../im-plug-in/init.js')
|
|
13
|
+
export default {
|
|
14
|
+
|
|
15
|
+
initEvent() {
|
|
16
|
+
Message = this.$Service.Message
|
|
17
|
+
File = this.$Service.File
|
|
18
|
+
},
|
|
19
|
+
// input的弹起 关闭
|
|
20
|
+
handleIcon(type) {
|
|
21
|
+
if (this.inputOpen === type) {
|
|
22
|
+
this.inputOpen = "";
|
|
23
|
+
return;
|
|
24
|
+
}
|
|
25
|
+
this.inputOpen = type;
|
|
26
|
+
},
|
|
27
|
+
// 选中emoji
|
|
28
|
+
handleEmoji(data) {
|
|
29
|
+
this.inputVal += data.emoji;
|
|
30
|
+
},
|
|
31
|
+
// 发送消息
|
|
32
|
+
sendText() {
|
|
33
|
+
if (!this.inputVal) {
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
let { userName, targetName, avatarUrl } = this.chatObj.latestMessage.content.userInfo
|
|
37
|
+
Message.sendText({
|
|
38
|
+
type: this.type,
|
|
39
|
+
targetId: this.targetId,
|
|
40
|
+
content: this.inputVal,
|
|
41
|
+
userInfo: {
|
|
42
|
+
userName,
|
|
43
|
+
targetName,
|
|
44
|
+
avatarUrl,
|
|
45
|
+
}
|
|
46
|
+
}).then(message => {
|
|
47
|
+
this.$emit('sendMsgEvent', message)
|
|
48
|
+
this.inputVal = ""
|
|
49
|
+
this.inputOpen = "";
|
|
50
|
+
});
|
|
51
|
+
},
|
|
52
|
+
// emoji 排列轮播
|
|
53
|
+
formatEmojis() {
|
|
54
|
+
RongEmoji.init();
|
|
55
|
+
let list = RongEmoji.list;
|
|
56
|
+
return utils.sliceArray(list, { size: 24 });
|
|
57
|
+
},
|
|
58
|
+
|
|
59
|
+
// 上传图片发送
|
|
60
|
+
uploadEvent(e) {
|
|
61
|
+
const fileType = this.getFileType(e.target.files[0].name);
|
|
62
|
+
let { config, uploadCallbacks } = this.genUploadConfig(fileType);
|
|
63
|
+
var _file = e.target.files[0]; // 上传的file对象
|
|
64
|
+
|
|
65
|
+
plugInInit.initFile(config, function (uploadFile) {
|
|
66
|
+
uploadFile.upload(_file, uploadCallbacks);
|
|
67
|
+
});
|
|
68
|
+
},
|
|
69
|
+
getFileType(filename) {
|
|
70
|
+
var imageType = {
|
|
71
|
+
'jpg': 1,
|
|
72
|
+
'png': 2
|
|
73
|
+
};
|
|
74
|
+
var index = filename.lastIndexOf('.') + 1,
|
|
75
|
+
type = filename.substring(index);
|
|
76
|
+
return type in imageType ? 'img' : 'file';
|
|
77
|
+
},
|
|
78
|
+
genUploadConfig(type) {
|
|
79
|
+
let _this = this;
|
|
80
|
+
let fileType;
|
|
81
|
+
if (type === 'img') {
|
|
82
|
+
fileType = 1; // 图片
|
|
83
|
+
}
|
|
84
|
+
var config = {
|
|
85
|
+
domain: "https://upload.qiniup.com",
|
|
86
|
+
fileType: fileType,
|
|
87
|
+
getToken: function (callback) {
|
|
88
|
+
File.FileToken(fileType).then(data => {
|
|
89
|
+
callback(data.token, data);
|
|
90
|
+
})
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
var uploadCallbacks = {
|
|
94
|
+
onProgress: function (loaded, total) {
|
|
95
|
+
// 上传进度 percent
|
|
96
|
+
var percent = Math.floor(loaded / total * 100);
|
|
97
|
+
},
|
|
98
|
+
onCompleted: (data) => {
|
|
99
|
+
File.getFileUrl(fileType, data).then(res => {
|
|
100
|
+
this.inputOpen = "";
|
|
101
|
+
Message.sendImage({
|
|
102
|
+
type: _this.type,
|
|
103
|
+
targetId: _this.targetId,
|
|
104
|
+
imageUri: res.downloadUrl,
|
|
105
|
+
extra: { width: 100 },
|
|
106
|
+
content: imgBase64,
|
|
107
|
+
userInfo: {
|
|
108
|
+
userName: _this.userName,
|
|
109
|
+
avatarUrl: _this.avatarUrl,
|
|
110
|
+
targetName: _this.targetName
|
|
111
|
+
}
|
|
112
|
+
}).then(message => {
|
|
113
|
+
_this.$emit('sendMsgEvent', message)
|
|
114
|
+
});
|
|
115
|
+
})
|
|
116
|
+
},
|
|
117
|
+
onError: function (error) {
|
|
118
|
+
console.error('上传失败', error);
|
|
119
|
+
}
|
|
120
|
+
};
|
|
121
|
+
return {
|
|
122
|
+
config,
|
|
123
|
+
uploadCallbacks
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
126
|
}
|
|
@@ -1,76 +1,76 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="template-message">
|
|
3
|
-
<div class="image">
|
|
4
|
-
<img :src="message.content.GoodsCoverImg" />
|
|
5
|
-
</div>
|
|
6
|
-
<div class="info">
|
|
7
|
-
<p class="title"> {{ message.content && message.content.ReceiverTitle }}</p>
|
|
8
|
-
<p class="content"> {{ message.content && message.content.ReceiverContent }}</p>
|
|
9
|
-
</div>
|
|
10
|
-
<div class="look" @click="goToOrderList">
|
|
11
|
-
查看订单
|
|
12
|
-
</div>
|
|
13
|
-
</div>
|
|
14
|
-
</template>
|
|
15
|
-
|
|
16
|
-
<script>
|
|
17
|
-
export default {
|
|
18
|
-
name: 'templateMessage',
|
|
19
|
-
props: {
|
|
20
|
-
message: {
|
|
21
|
-
type: Object,
|
|
22
|
-
default: ()=> {return {content: ''}}
|
|
23
|
-
},
|
|
24
|
-
},
|
|
25
|
-
methods: {
|
|
26
|
-
goToOrderList (){
|
|
27
|
-
this.$router.push({path:'/10-views-erp/60-order/50-order', query:{orderId: this.message.content.OrderId}})
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
</script>
|
|
32
|
-
|
|
33
|
-
<style lang="scss" scoped>
|
|
34
|
-
.template-message {
|
|
35
|
-
width: 90%;
|
|
36
|
-
height: 80px;
|
|
37
|
-
background-color: #fff;
|
|
38
|
-
border-radius: 5px;
|
|
39
|
-
padding: 10px;
|
|
40
|
-
display: flex;
|
|
41
|
-
position: relative;
|
|
42
|
-
margin: 0 auto;
|
|
43
|
-
p{
|
|
44
|
-
padding: 0px;
|
|
45
|
-
margin: 0px;
|
|
46
|
-
line-height: 30px;
|
|
47
|
-
}
|
|
48
|
-
.image {
|
|
49
|
-
width: 60px;
|
|
50
|
-
margin-right: 5px;
|
|
51
|
-
height: 60px;
|
|
52
|
-
overflow: hidden;
|
|
53
|
-
border-radius: 5px;
|
|
54
|
-
img {
|
|
55
|
-
width: 100%;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
.info {
|
|
59
|
-
.title {
|
|
60
|
-
font-size: 15px;
|
|
61
|
-
}
|
|
62
|
-
.content {
|
|
63
|
-
font-size: 13px;
|
|
64
|
-
color: #333;
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
.look {
|
|
68
|
-
position: absolute;
|
|
69
|
-
right: 15px;
|
|
70
|
-
top: 32px;
|
|
71
|
-
font-size: 14px;
|
|
72
|
-
color: #999;
|
|
73
|
-
cursor: pointer;
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="template-message">
|
|
3
|
+
<div class="image">
|
|
4
|
+
<img :src="message.content.GoodsCoverImg" />
|
|
5
|
+
</div>
|
|
6
|
+
<div class="info">
|
|
7
|
+
<p class="title"> {{ message.content && message.content.ReceiverTitle }}</p>
|
|
8
|
+
<p class="content"> {{ message.content && message.content.ReceiverContent }}</p>
|
|
9
|
+
</div>
|
|
10
|
+
<div class="look" @click="goToOrderList">
|
|
11
|
+
查看订单
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
</template>
|
|
15
|
+
|
|
16
|
+
<script>
|
|
17
|
+
export default {
|
|
18
|
+
name: 'templateMessage',
|
|
19
|
+
props: {
|
|
20
|
+
message: {
|
|
21
|
+
type: Object,
|
|
22
|
+
default: ()=> {return {content: ''}}
|
|
23
|
+
},
|
|
24
|
+
},
|
|
25
|
+
methods: {
|
|
26
|
+
goToOrderList (){
|
|
27
|
+
this.$router.push({path:'/10-views-erp/60-order/50-order', query:{orderId: this.message.content.OrderId}})
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
</script>
|
|
32
|
+
|
|
33
|
+
<style lang="scss" scoped>
|
|
34
|
+
.template-message {
|
|
35
|
+
width: 90%;
|
|
36
|
+
height: 80px;
|
|
37
|
+
background-color: #fff;
|
|
38
|
+
border-radius: 5px;
|
|
39
|
+
padding: 10px;
|
|
40
|
+
display: flex;
|
|
41
|
+
position: relative;
|
|
42
|
+
margin: 0 auto;
|
|
43
|
+
p{
|
|
44
|
+
padding: 0px;
|
|
45
|
+
margin: 0px;
|
|
46
|
+
line-height: 30px;
|
|
47
|
+
}
|
|
48
|
+
.image {
|
|
49
|
+
width: 60px;
|
|
50
|
+
margin-right: 5px;
|
|
51
|
+
height: 60px;
|
|
52
|
+
overflow: hidden;
|
|
53
|
+
border-radius: 5px;
|
|
54
|
+
img {
|
|
55
|
+
width: 100%;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
.info {
|
|
59
|
+
.title {
|
|
60
|
+
font-size: 15px;
|
|
61
|
+
}
|
|
62
|
+
.content {
|
|
63
|
+
font-size: 13px;
|
|
64
|
+
color: #333;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
.look {
|
|
68
|
+
position: absolute;
|
|
69
|
+
right: 15px;
|
|
70
|
+
top: 32px;
|
|
71
|
+
font-size: 14px;
|
|
72
|
+
color: #999;
|
|
73
|
+
cursor: pointer;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
</style>
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
<!--
|
|
2
|
-
* @Author: your name
|
|
3
|
-
* @Date: 2021-01-15 11:24:40
|
|
4
|
-
* @LastEditTime: 2021-01-16 09:43:26
|
|
5
|
-
* @LastEditors: your name
|
|
6
|
-
* @Description: In User Settings Edit
|
|
7
|
-
* @FilePath: \dev\src\plugins\im\components\without.vue
|
|
8
|
-
-->
|
|
9
|
-
<template>
|
|
10
|
-
<div class="rong-notify" id="message-notify-without">没有更多啦~</div>
|
|
11
|
-
</template>
|
|
12
|
-
|
|
13
|
-
<style lang="css">
|
|
14
|
-
.rong-notify {
|
|
15
|
-
color: #ccc;
|
|
16
|
-
text-align: center;
|
|
17
|
-
margin: 30px;
|
|
18
|
-
font-size: 12px;
|
|
19
|
-
}
|
|
1
|
+
<!--
|
|
2
|
+
* @Author: your name
|
|
3
|
+
* @Date: 2021-01-15 11:24:40
|
|
4
|
+
* @LastEditTime: 2021-01-16 09:43:26
|
|
5
|
+
* @LastEditors: your name
|
|
6
|
+
* @Description: In User Settings Edit
|
|
7
|
+
* @FilePath: \dev\src\plugins\im\components\without.vue
|
|
8
|
+
-->
|
|
9
|
+
<template>
|
|
10
|
+
<div class="rong-notify" id="message-notify-without">没有更多啦~</div>
|
|
11
|
+
</template>
|
|
12
|
+
|
|
13
|
+
<style lang="css">
|
|
14
|
+
.rong-notify {
|
|
15
|
+
color: #ccc;
|
|
16
|
+
text-align: center;
|
|
17
|
+
margin: 30px;
|
|
18
|
+
font-size: 12px;
|
|
19
|
+
}
|
|
20
20
|
</style>
|
package/src/plugins/im/index.js
CHANGED
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import Chat from './components/chat';
|
|
2
|
-
import ConversationList from './components/conversation-list';
|
|
3
|
-
import chatCom from './components/chat';
|
|
4
|
-
import TextMessage from './components/msg-text';
|
|
5
|
-
import ImageMessage from './components/msg-image';
|
|
6
|
-
|
|
7
|
-
const components = {
|
|
8
|
-
ConversationList,
|
|
9
|
-
chatCom,
|
|
10
|
-
TextMessage,
|
|
11
|
-
ImageMessage
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
function Service(Config) {
|
|
15
|
-
return require("./utils/services.js")(Config);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
function install(Vue) {
|
|
19
|
-
Vue.prototype.$Service = Service()
|
|
20
|
-
Object.keys(components).forEach((key) => {
|
|
21
|
-
Vue.component(key, components[key]);
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
if (typeof window !== 'undefined' && window.Vue) install(window.Vue);
|
|
26
|
-
|
|
27
|
-
export default {
|
|
28
|
-
install,
|
|
29
|
-
...components
|
|
30
|
-
};
|
|
31
|
-
|
|
1
|
+
import Chat from './components/chat';
|
|
2
|
+
import ConversationList from './components/conversation-list';
|
|
3
|
+
import chatCom from './components/chat';
|
|
4
|
+
import TextMessage from './components/msg-text';
|
|
5
|
+
import ImageMessage from './components/msg-image';
|
|
6
|
+
|
|
7
|
+
const components = {
|
|
8
|
+
ConversationList,
|
|
9
|
+
chatCom,
|
|
10
|
+
TextMessage,
|
|
11
|
+
ImageMessage
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
function Service(Config) {
|
|
15
|
+
return require("./utils/services.js")(Config);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
function install(Vue) {
|
|
19
|
+
Vue.prototype.$Service = Service()
|
|
20
|
+
Object.keys(components).forEach((key) => {
|
|
21
|
+
Vue.component(key, components[key]);
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
if (typeof window !== 'undefined' && window.Vue) install(window.Vue);
|
|
26
|
+
|
|
27
|
+
export default {
|
|
28
|
+
install,
|
|
29
|
+
...components
|
|
30
|
+
};
|
|
31
|
+
|