Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-im
提交
c7240327
U
uni-im
项目概览
DCloud
/
uni-im
通知
3
Star
2
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-im
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
c7240327
编写于
6月 17, 2024
作者:
DCloud_JSON
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
更新 小程序端消息输入框,暂不支持富文本输入(包括:@用户、图片表情包等,@用户后续会支持)
上级
0ef75402
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
73 addition
and
12 deletion
+73
-12
components/uni-im-editor/uni-im-editor.vue
components/uni-im-editor/uni-im-editor.vue
+66
-12
pages/chat/chat.vue
pages/chat/chat.vue
+7
-0
未找到文件。
components/uni-im-editor/uni-im-editor.vue
浏览文件 @
c7240327
<
template
>
<view
class=
"uni-im-editor-box"
>
<div
class=
"uni-im-editor"
contenteditable=
"true"
></div>
<!-- #ifdef MP -->
<textarea
class=
"uni-im-editor-mp"
v-model=
"textareaValue"
@
input=
"oninput"
auto-height
:maxlength=
"maxlength"
:show-confirm-bar=
"false"
:adjust-position=
"false"
@
blur=
"lastCursor = $event.detail.cursor"
></textarea>
<!-- #endif -->
<!-- #ifndef MP -->
<div
class=
"uni-im-editor"
contenteditable=
"true"
></div>
<!-- 与rmd通讯专用 -->
<view
:change:prop=
"rdm.$callMethod"
:prop=
"callRmdParam"
></view>
<!-- #endif -->
</view>
</
template
>
...
...
@@ -13,7 +22,11 @@
emits
:
[
"
input
"
,
"
confirm
"
],
data
()
{
return
{
callRmdParam
:
[]
callRmdParam
:
[],
// #ifdef MP
"
textareaValue
"
:
this
.
modelValue
,
lastCursor
:
this
.
modelValue
.
length
// #endif
}
},
props
:
{
...
...
@@ -33,6 +46,23 @@
mounted
()
{
// 与rmd通讯专用
this
.
callRmd
=
async
(
funcName
,
...
params
)
=>
{
// #ifdef MP
switch
(
funcName
){
case
'
$setContent
'
:
this
.
textareaValue
=
params
[
0
]
break
;
case
'
$addHtmlToCursor
'
:
// 在第lastCursor位置添加内容
setTimeout
(()
=>
{
this
.
textareaValue
=
this
.
textareaValue
.
slice
(
0
,
this
.
lastCursor
)
+
params
[
0
]
+
this
.
textareaValue
.
slice
(
this
.
lastCursor
)
},
300
)
break
;
default
:
console
.
error
(
'
小程序暂不支持与rmd通讯
'
,
funcName
,
params
)
break
;
}
return
// #endif
this
.
callRmdParam
=
[]
this
.
$nextTick
(()
=>
{
return
new
Promise
((
resolve
,
reject
)
=>
{
...
...
@@ -214,12 +244,25 @@
},
methods
:
{
oninput
(
e
)
{
// #ifdef MP
let
oldValue
=
this
.
oninput
.
oldValue
||
''
;
// 当前输入框的值
const
value
=
e
.
detail
.
value
// 本次输入的数据
const
data
=
value
.
replace
(
oldValue
,
''
)
this
.
oninput
.
oldValue
=
value
e
=
{
data
,
value
}
// #endif
// console.error('input',e)
this
.
$emit
(
'
input
'
,
e
)
}
}
}
</
script
>
<!-- #ifndef MP -->
<
script
module=
"rdm"
lang=
"renderjs"
>
let
uniImEditor
,
lastFocusNode
,
lastCursor
;
// #ifdef APP
...
...
@@ -251,6 +294,7 @@
});
uniImEditor
.
addEventListener
(
'
blur
'
,
e
=>
{
// console.error('###blur', e);
setTimeout
(
this
.
$refreshLastCursor
,
0
);
});
// 键盘敲左右
uniImEditor
.
addEventListener
(
'
keydown
'
,
e
=>
{
...
...
@@ -290,9 +334,12 @@
methods
:
{
// 刷新光标信息
$refreshLastCursor
()
{
// console.log('刷新光标信息');
lastCursor
=
this
.
$getCursor
();
lastFocusNode
=
window
.
getSelection
().
focusNode
;
// console.log('刷新光标信息',{
// lastCursor,
// lastFocusNode
// });
},
$oninput
(
data
){
...
...
@@ -488,8 +535,15 @@
}
}
</
script
>
<!-- #endif -->
<
style
lang=
"scss"
scoped
>
/* #ifdef MP */
.uni-im-editor-mp
{
width
:
100%
;
height
:
auto
;
}
/* #endif */
.uni-im-editor
{
min-height
:
26px
;
max-height
:
110px
;
...
...
pages/chat/chat.vue
浏览文件 @
c7240327
...
...
@@ -774,6 +774,13 @@
}
},
showAboutMenber
(){
if
(
!
this
.
conversation
.
group_id
){
return
// 非群聊会话无需@用户的功能
}
// #ifdef MP
return
// 小程序暂不支持@用户的功能
// #endif
uni
.
hideKeyboard
()
this
.
aboutUserKeyword
=
''
;
console
.
log
(
'
showAboutMenber
'
,
this
.
memberList
[
0
]);
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录