优化页面
This commit is contained in:
pengxiaolong
@@ -1,47 +0,0 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../common/vendor.js");
|
||||
const groupIntroConfig = [
|
||||
{
|
||||
icon: "https://web.sdk.qcloud.com/im/assets/images/Public.svg",
|
||||
label: "陌生人社交群（Public）",
|
||||
type: common_vendor.qt.TYPES.GRP_PUBLIC,
|
||||
detail: "类似 QQ 群，创建后群主可以指定群管理员，用户搜索群 ID 发起加群申请后，需要群主或管理员审批通过才能入群。详见",
|
||||
src: "产品文档"
|
||||
},
|
||||
{
|
||||
icon: "https://web.sdk.qcloud.com/im/assets/images/Meeting.svg",
|
||||
label: "临时会议群（Meeting）",
|
||||
type: common_vendor.qt.TYPES.GRP_MEETING,
|
||||
detail: "创建后可以随意进出，且支持查看入群前消息；适合用于音视频会议场景、在线教育场景等与实时音视频产品结合的场景。详见",
|
||||
src: "产品文档"
|
||||
},
|
||||
{
|
||||
icon: "https://web.sdk.qcloud.com/im/assets/images/Work.svg",
|
||||
label: "好友工作群（Work）",
|
||||
type: common_vendor.qt.TYPES.GRP_WORK,
|
||||
detail: "类似普通微信群，创建后仅支持已在群内的好友邀请加群，且无需被邀请方同意或群主审批。详见",
|
||||
src: "产品文档"
|
||||
},
|
||||
{
|
||||
icon: "https://web.sdk.qcloud.com/im/assets/images/AVChatroom.svg",
|
||||
label: "直播群（AVChatroom）",
|
||||
type: common_vendor.qt.TYPES.GRP_AVCHATROOM,
|
||||
detail: "创建后可以随意进出，没有群成员数量上限，但不支持历史消息存储；适合与直播产品结合，用于弹幕聊天场景。详见",
|
||||
src: "产品文档"
|
||||
},
|
||||
{
|
||||
icon: "https://web.sdk.qcloud.com/im/assets/images/Community.png",
|
||||
label: "社群（Community）",
|
||||
type: common_vendor.qt.TYPES.GRP_COMMUNITY,
|
||||
detail: "创建后可以随意进出，最多支持100000人，支持历史消息存储，用户搜索群 ID 发起加群申请后，无需管理员审批即可进群。详见",
|
||||
src: "产品文档"
|
||||
}
|
||||
];
|
||||
const findGroupIntroConfig = (type) => {
|
||||
return groupIntroConfig.filter((item) => {
|
||||
return item.type === type;
|
||||
})[0];
|
||||
};
|
||||
exports.findGroupIntroConfig = findGroupIntroConfig;
|
||||
exports.groupIntroConfig = groupIntroConfig;
|
||||
//# sourceMappingURL=../../../../../../.sourcemap/mp-weixin/TUIKit/components/TUIGroup/create-group/group-introduction/config.js.map
|
||||
@@ -1,70 +0,0 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../../common/vendor.js");
|
||||
require("../../../../adapter-vue.js");
|
||||
const TUIKit_utils_documentLink = require("../../../../utils/documentLink.js");
|
||||
const common_assets = require("../../../../../common/assets.js");
|
||||
const TUIKit_components_TUIGroup_createGroup_groupIntroduction_config = require("./config.js");
|
||||
const TUIKit_utils_env = require("../../../../utils/env.js");
|
||||
if (!Math) {
|
||||
Icon();
|
||||
}
|
||||
const Icon = () => "../../../common/Icon.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
groupType: {
|
||||
type: String,
|
||||
default: ""
|
||||
}
|
||||
},
|
||||
emits: ["selectType"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const props = __props;
|
||||
const type = TUIKit_components_TUIGroup_createGroup_groupIntroduction_config.groupIntroConfig;
|
||||
const selectType = common_vendor.ref();
|
||||
const emit = __emit;
|
||||
common_vendor.watchEffect(() => {
|
||||
selectType.value = props.groupType;
|
||||
});
|
||||
const selected = (item) => {
|
||||
selectType.value = item.type;
|
||||
emit("selectType", item.type);
|
||||
};
|
||||
const openUrl = (link) => {
|
||||
var _a;
|
||||
if (!TUIKit_utils_env.isUniFrameWork) {
|
||||
(_a = common_vendor.i) == null ? void 0 : _a.open(link);
|
||||
}
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.f(common_vendor.unref(type), (item, index, i0) => {
|
||||
return common_vendor.e({
|
||||
a: "ec1da4f5-0-" + i0,
|
||||
b: common_vendor.p({
|
||||
file: item.icon
|
||||
}),
|
||||
c: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.${item.label}`)),
|
||||
d: common_vendor.unref(selectType) === item.type
|
||||
}, common_vendor.unref(selectType) === item.type ? {
|
||||
e: "ec1da4f5-1-" + i0,
|
||||
f: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.selectedIcon)
|
||||
})
|
||||
} : {}, {
|
||||
g: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.${item.detail}`)),
|
||||
h: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.${item.src}`)),
|
||||
i: common_vendor.o$1(($event) => openUrl(common_vendor.unref(TUIKit_utils_documentLink.Link).product.url), index),
|
||||
j: index,
|
||||
k: common_vendor.n(common_vendor.unref(selectType) === item.type && "selected"),
|
||||
l: common_vendor.o$1(($event) => selected(item), index)
|
||||
});
|
||||
}),
|
||||
b: common_vendor.unref(TUIKit_utils_documentLink.Link).product.url
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-ec1da4f5"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../../.sourcemap/mp-weixin/TUIKit/components/TUIGroup/create-group/group-introduction/index.js.map
|
||||
@@ -1,6 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"icon": "../../../common/Icon"
|
||||
}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
<view class="group-introduction-list select data-v-ec1da4f5"><view wx:for="{{a}}" wx:for-item="item" wx:key="j" class="{{['select-item', 'data-v-ec1da4f5', item.k]}}" bindtap="{{item.l}}"><view class="select-item-type data-v-ec1da4f5"><view class="select-item-header data-v-ec1da4f5"><view class="left data-v-ec1da4f5"><icon wx:if="{{item.b}}" class="icon data-v-ec1da4f5" u-i="{{item.a}}" bind:__l="__l" u-p="{{item.b}}"/><label class="select-item-label data-v-ec1da4f5">{{item.c}}</label></view><icon wx:if="{{item.d}}" class="data-v-ec1da4f5" u-i="{{item.e}}" bind:__l="__l" u-p="{{item.f}}"/></view><label class="select-item-detail data-v-ec1da4f5">{{item.g}}</label><navigator class="link data-v-ec1da4f5" href="{{b}}" target="_blank" bindtap="{{item.i}}">{{item.h}}</navigator></view></view></view>
|
||||
@@ -1,324 +0,0 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
body.data-v-ec1da4f5, div.data-v-ec1da4f5, ul.data-v-ec1da4f5, ol.data-v-ec1da4f5, dt.data-v-ec1da4f5, dd.data-v-ec1da4f5, li.data-v-ec1da4f5, dl.data-v-ec1da4f5, h1.data-v-ec1da4f5, h2.data-v-ec1da4f5, h3.data-v-ec1da4f5, h4.data-v-ec1da4f5, p.data-v-ec1da4f5 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-style: normal;
|
||||
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
||||
}
|
||||
ol.data-v-ec1da4f5, ul.data-v-ec1da4f5, li.data-v-ec1da4f5 {
|
||||
list-style: none;
|
||||
}
|
||||
img.data-v-ec1da4f5 {
|
||||
border: 0;
|
||||
vertical-align: middle;
|
||||
pointer-events: none;
|
||||
}
|
||||
body.data-v-ec1da4f5 {
|
||||
color: #000;
|
||||
background: #FFF;
|
||||
}
|
||||
.clear.data-v-ec1da4f5 {
|
||||
clear: both;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin-top: -1px;
|
||||
}
|
||||
a.data-v-ec1da4f5 {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
a.data-v-ec1da4f5:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
input.data-v-ec1da4f5, textarea.data-v-ec1da4f5 {
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
input.data-v-ec1da4f5:focus, input.data-v-ec1da4f5:active, textarea.data-v-ec1da4f5:focus, textarea.data-v-ec1da4f5:active {
|
||||
outline: none;
|
||||
}
|
||||
.chat-aside.data-v-ec1da4f5 {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 0;
|
||||
box-sizing: border-box;
|
||||
width: 360px !important;
|
||||
border-radius: 8px 0 0 8px;
|
||||
z-index: 9999;
|
||||
max-height: calc(100% - 50px);
|
||||
}
|
||||
.group.data-v-ec1da4f5 {
|
||||
background: #FFF;
|
||||
}
|
||||
.group-list-item.data-v-ec1da4f5 {
|
||||
background: #FFF;
|
||||
}
|
||||
.group-list-item label.data-v-ec1da4f5 {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
.group-list input.data-v-ec1da4f5 {
|
||||
border: 1px solid rgba(131, 137, 153, 0.4);
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
.group-list-edit.data-v-ec1da4f5 {
|
||||
background: #FFF;
|
||||
}
|
||||
.group-profile-footer.data-v-ec1da4f5 {
|
||||
background: #FFF;
|
||||
}
|
||||
.group-h5.data-v-ec1da4f5 {
|
||||
background: #F7F8FA;
|
||||
}
|
||||
.group-h5-list-item-introduction.data-v-ec1da4f5 {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
color: #888;
|
||||
}
|
||||
.group-h5-list-item-introduction a.data-v-ec1da4f5 {
|
||||
color: #006EFF;
|
||||
}
|
||||
.select.data-v-ec1da4f5 {
|
||||
flex: 1;
|
||||
}
|
||||
.select a.data-v-ec1da4f5 {
|
||||
color: #006EFF;
|
||||
}
|
||||
.select-item.data-v-ec1da4f5 {
|
||||
border: 1px solid rgba(131, 137, 153, 0.4);
|
||||
}
|
||||
.select-item-header .left.data-v-ec1da4f5 {
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
.select-item-detail.data-v-ec1da4f5 {
|
||||
color: #4F4F4F;
|
||||
}
|
||||
.select .selected.data-v-ec1da4f5 {
|
||||
border: 1px solid #006EFF;
|
||||
}
|
||||
header.data-v-ec1da4f5 {
|
||||
background: #FFF;
|
||||
}
|
||||
header h1.data-v-ec1da4f5 {
|
||||
font-family: PingFangSC-Medium;
|
||||
font-weight: 500;
|
||||
color: #000;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.btn-default.data-v-ec1da4f5 {
|
||||
background: #FFF;
|
||||
border: 1px solid #DDD;
|
||||
font-family: PingFangSC-Medium;
|
||||
font-weight: 500;
|
||||
color: #828282;
|
||||
}
|
||||
.btn-submit.data-v-ec1da4f5 {
|
||||
background: #3370FF;
|
||||
border: 0 solid #2F80ED;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
color: #FFF;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.btn-submit.data-v-ec1da4f5:disabled {
|
||||
background: #e8e8e9;
|
||||
border: 1px solid #DDD;
|
||||
color: #FFF;
|
||||
}
|
||||
.group.data-v-ec1da4f5 {
|
||||
padding: 30px;
|
||||
box-sizing: border-box;
|
||||
width: 750px;
|
||||
max-height: calc(100vh - 100px);
|
||||
overflow-y: auto;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.group .group-box .group-box-header.data-v-ec1da4f5 {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.group .group-box .group-box-header .group-box-header-title.data-v-ec1da4f5 {
|
||||
font-size: 18px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.group-list-item.data-v-ec1da4f5 {
|
||||
display: flex;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.group-list-item-label.data-v-ec1da4f5 {
|
||||
width: 84px;
|
||||
}
|
||||
.group-list input.data-v-ec1da4f5 {
|
||||
flex: 1;
|
||||
box-sizing: border-box;
|
||||
padding: 6px 10px;
|
||||
border-radius: 2px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.select.data-v-ec1da4f5 {
|
||||
flex: 1;
|
||||
}
|
||||
.select-item.data-v-ec1da4f5 {
|
||||
padding: 12px 20px !important;
|
||||
border-radius: 2px;
|
||||
margin-bottom: 20px !important;
|
||||
}
|
||||
.select-item-header.data-v-ec1da4f5 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.select-item-header .left.data-v-ec1da4f5 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
}
|
||||
.select-item-header .left .icon.data-v-ec1da4f5 {
|
||||
margin-right: 12px;
|
||||
}
|
||||
.select-item-header .icon-selected.data-v-ec1da4f5 {
|
||||
position: relative;
|
||||
left: 12px;
|
||||
top: -4px;
|
||||
}
|
||||
.select-item-type.data-v-ec1da4f5 {
|
||||
text-align: left;
|
||||
}
|
||||
.select-item-detail.data-v-ec1da4f5 {
|
||||
padding-top: 6px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.select-item .link.data-v-ec1da4f5 {
|
||||
display: inline-block;
|
||||
}
|
||||
.group-profile-footer.data-v-ec1da4f5 {
|
||||
padding-top: 10px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.btn-default.data-v-ec1da4f5 {
|
||||
width: 82px;
|
||||
height: 32px;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.btn-submit.data-v-ec1da4f5 {
|
||||
width: 82px;
|
||||
height: 32px;
|
||||
border-radius: 4px;
|
||||
margin-left: 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.group-h5.data-v-ec1da4f5 {
|
||||
max-height: none;
|
||||
height: 100%;
|
||||
border-radius: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.group-h5 .group-box.data-v-ec1da4f5 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
.group-h5 .group-box .group-box-header.data-v-ec1da4f5 {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
padding: 16px 18px;
|
||||
}
|
||||
.group-h5 .group-box .group-box-header .icon-close.data-v-ec1da4f5 {
|
||||
position: absolute;
|
||||
left: 18px;
|
||||
}
|
||||
.group-h5 .group-box .group-list.data-v-ec1da4f5 {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
justify-content: flex-end;
|
||||
margin-top: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.group-h5 .group-box .group-list .group-introduction-list.data-v-ec1da4f5 {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: auto;
|
||||
padding: 12px 18px;
|
||||
}
|
||||
.group-h5 .group-box .group-list-item.data-v-ec1da4f5 {
|
||||
padding: 14px 18px;
|
||||
border-bottom: 1px solid #E5E5E5;
|
||||
}
|
||||
.group-h5 .group-box .group-list-item-label.data-v-ec1da4f5 {
|
||||
font-size: 14px;
|
||||
}
|
||||
.group-h5 .group-box .group-list-edit.data-v-ec1da4f5 {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.group-h5 .group-box .group-list-edit .group-name-input.data-v-ec1da4f5 {
|
||||
flex: 0 0 auto;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
}
|
||||
.group-h5 .group-box .group-profile-footer.data-v-ec1da4f5 {
|
||||
box-shadow: inset 0 1px 0 0 #eee;
|
||||
padding: 12px 18px;
|
||||
}
|
||||
.group-h5-list-item-content.data-v-ec1da4f5 {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.group-h5-list-item-content .content.data-v-ec1da4f5 {
|
||||
width: 0;
|
||||
flex: 1;
|
||||
padding: 0 12px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
text-align: end;
|
||||
}
|
||||
.group-h5-list-item-introduction.data-v-ec1da4f5 {
|
||||
padding: 12px 18px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
text-align: left;
|
||||
}
|
||||
.group-h5 .select-item-type.data-v-ec1da4f5 {
|
||||
text-align: left;
|
||||
}
|
||||
@@ -1,241 +0,0 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
const TUIKit_utils_documentLink = require("../../../utils/documentLink.js");
|
||||
const TUIKit_utils_env = require("../../../utils/env.js");
|
||||
const common_assets = require("../../../../common/assets.js");
|
||||
const TUIKit_components_TUIGroup_createGroup_groupIntroduction_config = require("./group-introduction/config.js");
|
||||
const TUIKit_components_common_Toast_index = require("../../common/Toast/index.js");
|
||||
const TUIKit_components_TUIGroup_server = require("../server.js");
|
||||
const TUIKit_components_common_Toast_type = require("../../common/Toast/type.js");
|
||||
if (!Math) {
|
||||
(Icon + Avatar + GroupIntroduction + Dialog)();
|
||||
}
|
||||
const Icon = () => "../../common/Icon.js";
|
||||
const GroupIntroduction = () => "./group-introduction/index.js";
|
||||
const Dialog = () => "../../common/Dialog/index.js";
|
||||
const Avatar = () => "../../common/Avatar/index.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "index",
|
||||
setup(__props) {
|
||||
const TUIGroupServer = TUIKit_components_TUIGroup_server.TUIGroupServer.getInstance();
|
||||
const TUIConstants = TUIGroupServer.constants;
|
||||
const groupInfo = common_vendor.reactive({
|
||||
profile: {
|
||||
groupID: "",
|
||||
name: "",
|
||||
type: TUIKit_components_TUIGroup_createGroup_groupIntroduction_config.groupIntroConfig[0].type,
|
||||
avatar: TUIKit_components_TUIGroup_createGroup_groupIntroduction_config.groupIntroConfig[0].icon,
|
||||
introduction: "",
|
||||
notification: "",
|
||||
// joinOption: '',
|
||||
memberList: [],
|
||||
isSupportTopic: false
|
||||
},
|
||||
groupConfig: {
|
||||
title: "",
|
||||
value: "",
|
||||
key: "",
|
||||
type: "",
|
||||
placeholder: ""
|
||||
},
|
||||
isEdit: false
|
||||
});
|
||||
common_vendor.watchEffect(() => {
|
||||
const params = TUIGroupServer.getOnCallParams(TUIConstants.TUIGroup.SERVICE.METHOD.CREATE_GROUP);
|
||||
groupInfo.profile.memberList = params.memberList;
|
||||
groupInfo.groupConfig.title = params.title;
|
||||
});
|
||||
const groupTypeDetail = common_vendor.computed(() => {
|
||||
return TUIKit_components_TUIGroup_createGroup_groupIntroduction_config.findGroupIntroConfig(groupInfo.profile.type);
|
||||
});
|
||||
const headerTitle = common_vendor.computed(() => {
|
||||
let name = "添加群聊";
|
||||
if (groupInfo.isEdit) {
|
||||
name = groupInfo.groupConfig.title;
|
||||
}
|
||||
return common_vendor.Wt.t(`TUIGroup.${name}`);
|
||||
});
|
||||
const createInfo = common_vendor.computed(() => {
|
||||
const groupNameInput = {
|
||||
name: common_vendor.Wt.t("TUIGroup.群名称"),
|
||||
key: "name",
|
||||
placeholder: common_vendor.Wt.t("TUIGroup.请输入群名称")
|
||||
};
|
||||
const groupIDInput = {
|
||||
name: `${common_vendor.Wt.t("TUIGroup.群ID")}(${common_vendor.Wt.t("TUIGroup.选填")})`,
|
||||
key: "groupID",
|
||||
placeholder: common_vendor.Wt.t("TUIGroup.请输入群ID")
|
||||
};
|
||||
return groupInfo.profile.type === common_vendor.qt.TYPES.GRP_COMMUNITY ? [groupNameInput] : [groupNameInput, groupIDInput];
|
||||
});
|
||||
const submitDisabledStatus = common_vendor.computed(() => {
|
||||
return groupInfo.profile.name === "" && !groupInfo.isEdit;
|
||||
});
|
||||
const selected = (type) => {
|
||||
if (groupInfo.profile.type !== type) {
|
||||
groupInfo.profile.type = type;
|
||||
groupInfo.profile.avatar = TUIKit_components_TUIGroup_createGroup_groupIntroduction_config.findGroupIntroConfig(type).icon;
|
||||
if (groupInfo.isEdit) {
|
||||
groupInfo.groupConfig.value = type;
|
||||
}
|
||||
}
|
||||
};
|
||||
const createGroup = async (options) => {
|
||||
try {
|
||||
options.memberList = options.memberList.map((item) => {
|
||||
return { userID: item.userID };
|
||||
});
|
||||
if (options.type === common_vendor.qt.TYPES.GRP_COMMUNITY) {
|
||||
delete options.groupID;
|
||||
}
|
||||
const res = await common_vendor.es.createGroup(options);
|
||||
const { type } = res.data.group;
|
||||
if (type === common_vendor.qt.TYPES.GRP_AVCHATROOM) {
|
||||
await common_vendor.es.joinGroup({
|
||||
groupID: res.data.group.groupID,
|
||||
applyMessage: ""
|
||||
});
|
||||
}
|
||||
handleCompleteCreate(res.data.group);
|
||||
TUIKit_components_common_Toast_index.Toast({
|
||||
message: common_vendor.Wt.t("TUIGroup.群组创建成功"),
|
||||
type: TUIKit_components_common_Toast_type.TOAST_TYPE.SUCCESS
|
||||
});
|
||||
} catch (err) {
|
||||
TUIKit_components_common_Toast_index.Toast({
|
||||
message: err.message,
|
||||
type: TUIKit_components_common_Toast_type.TOAST_TYPE.ERROR
|
||||
});
|
||||
}
|
||||
};
|
||||
const submit = () => {
|
||||
const { profile } = groupInfo;
|
||||
if (groupInfo.isEdit) {
|
||||
groupInfo.profile[groupInfo.groupConfig.key] = groupInfo.groupConfig.value;
|
||||
return groupInfo.isEdit = !groupInfo.isEdit;
|
||||
} else {
|
||||
createGroup(profile);
|
||||
}
|
||||
};
|
||||
const closeCreated = () => {
|
||||
if (groupInfo.isEdit) {
|
||||
return groupInfo.isEdit = !groupInfo.isEdit;
|
||||
}
|
||||
handleCompleteCreate(null);
|
||||
};
|
||||
const edit = (label) => {
|
||||
groupInfo.isEdit = !groupInfo.isEdit;
|
||||
groupInfo.groupConfig.key = label;
|
||||
groupInfo.groupConfig.value = groupInfo.profile[label];
|
||||
switch (label) {
|
||||
case "name":
|
||||
groupInfo.groupConfig.title = "设置群名称";
|
||||
groupInfo.groupConfig.placeholder = "请输入群名称";
|
||||
groupInfo.groupConfig.type = "input";
|
||||
break;
|
||||
case "groupID":
|
||||
groupInfo.groupConfig.title = "设置群ID";
|
||||
groupInfo.groupConfig.placeholder = "请输入群ID";
|
||||
groupInfo.groupConfig.type = "input";
|
||||
break;
|
||||
case "type":
|
||||
groupInfo.groupConfig.title = "选择群类型";
|
||||
groupInfo.groupConfig.type = "select";
|
||||
break;
|
||||
}
|
||||
};
|
||||
const handleCompleteCreate = (group) => {
|
||||
common_vendor.Jt.update(common_vendor.o.GRP, "isShowCreateComponent", false);
|
||||
const callback = TUIGroupServer.getOnCallCallback(TUIConstants.TUIGroup.SERVICE.METHOD.CREATE_GROUP);
|
||||
callback && callback(group);
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.o$1(closeCreated),
|
||||
b: common_vendor.p({
|
||||
file: common_vendor.unref(TUIKit_utils_env.isPC) ? common_vendor.unref(common_assets.closeIcon$2) : common_vendor.unref(common_assets.backIcon),
|
||||
size: "16px"
|
||||
}),
|
||||
c: common_vendor.t(common_vendor.unref(headerTitle)),
|
||||
d: !common_vendor.unref(groupInfo).isEdit
|
||||
}, !common_vendor.unref(groupInfo).isEdit ? common_vendor.e({
|
||||
e: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("TUIGroup.群头像")),
|
||||
f: common_vendor.p({
|
||||
url: common_vendor.unref(groupInfo).profile.avatar
|
||||
}),
|
||||
g: common_vendor.f(common_vendor.unref(createInfo), (item, index, i0) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.t(item.name)
|
||||
}, common_vendor.unref(TUIKit_utils_env.isPC) ? {
|
||||
b: item.placeholder,
|
||||
c: common_vendor.unref(groupInfo).profile[item.key],
|
||||
d: common_vendor.o$1(($event) => common_vendor.unref(groupInfo).profile[item.key] = $event.detail.value, index)
|
||||
} : {
|
||||
e: common_vendor.t(common_vendor.unref(groupInfo).profile[item.key]),
|
||||
f: "3db83c6c-3-" + i0 + ",3db83c6c-0",
|
||||
g: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.rightIcon)
|
||||
}),
|
||||
h: common_vendor.o$1(($event) => edit(item.key), index)
|
||||
}, {
|
||||
i: index
|
||||
});
|
||||
}),
|
||||
h: common_vendor.unref(TUIKit_utils_env.isPC),
|
||||
i: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("TUIGroup.群类型")),
|
||||
j: common_vendor.unref(TUIKit_utils_env.isPC)
|
||||
}, common_vendor.unref(TUIKit_utils_env.isPC) ? {
|
||||
k: common_vendor.o$1(selected),
|
||||
l: common_vendor.p({
|
||||
groupType: common_vendor.unref(groupInfo).profile.type
|
||||
})
|
||||
} : {
|
||||
m: common_vendor.t(common_vendor.unref(groupTypeDetail).label),
|
||||
n: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.rightIcon)
|
||||
}),
|
||||
o: common_vendor.o$1(($event) => edit("type"))
|
||||
}, {
|
||||
p: !common_vendor.unref(TUIKit_utils_env.isPC)
|
||||
}, !common_vendor.unref(TUIKit_utils_env.isPC) ? {
|
||||
q: common_vendor.t(common_vendor.unref(groupTypeDetail).label),
|
||||
r: common_vendor.t(common_vendor.unref(groupTypeDetail).detail),
|
||||
s: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.${common_vendor.unref(groupTypeDetail).src}`)),
|
||||
t: common_vendor.unref(TUIKit_utils_documentLink.Link).product.url
|
||||
} : {}) : common_vendor.e({
|
||||
v: common_vendor.unref(groupInfo).groupConfig.type === "input"
|
||||
}, common_vendor.unref(groupInfo).groupConfig.type === "input" ? {
|
||||
w: common_vendor.unref(common_vendor.Wt).t(`TUIGroup.${common_vendor.unref(groupInfo).groupConfig.placeholder}`),
|
||||
x: common_vendor.unref(groupInfo).groupConfig.value,
|
||||
y: common_vendor.o$1(($event) => common_vendor.unref(groupInfo).groupConfig.value = $event.detail.value)
|
||||
} : {
|
||||
z: common_vendor.o$1(selected),
|
||||
A: common_vendor.p({
|
||||
groupType: common_vendor.unref(groupInfo).groupConfig.value
|
||||
})
|
||||
}), {
|
||||
B: common_vendor.unref(TUIKit_utils_env.isPC) && !common_vendor.unref(groupInfo).isEdit
|
||||
}, common_vendor.unref(TUIKit_utils_env.isPC) && !common_vendor.unref(groupInfo).isEdit ? {
|
||||
C: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("TUIGroup.取消")),
|
||||
D: common_vendor.o$1(closeCreated)
|
||||
} : {}, {
|
||||
E: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("TUIGroup.确认")),
|
||||
F: common_vendor.unref(submitDisabledStatus),
|
||||
G: common_vendor.o$1(submit),
|
||||
H: common_vendor.n(!common_vendor.unref(TUIKit_utils_env.isPC) ? "group-h5" : ""),
|
||||
I: common_vendor.o$1(closeCreated),
|
||||
J: common_vendor.p({
|
||||
show: true,
|
||||
isH5: !common_vendor.unref(TUIKit_utils_env.isPC),
|
||||
isHeaderShow: false,
|
||||
isFooterShow: false,
|
||||
background: false
|
||||
})
|
||||
});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-3db83c6c"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/TUIGroup/create-group/index.js.map
|
||||
@@ -1,9 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"icon": "../../common/Icon",
|
||||
"group-introduction": "./group-introduction/index",
|
||||
"dialog": "../../common/Dialog/index",
|
||||
"avatar": "../../common/Avatar/index"
|
||||
}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
<dialog wx:if="{{J}}" class="data-v-3db83c6c" u-s="{{['d']}}" bindupdateShow="{{I}}" u-i="3db83c6c-0" bind:__l="__l" u-p="{{J}}"><view class="{{['group', 'data-v-3db83c6c', H]}}"><view class="group-box data-v-3db83c6c"><view class="group-box-header data-v-3db83c6c"><icon wx:if="{{b}}" class="icon-close data-v-3db83c6c" bindonClick="{{a}}" u-i="3db83c6c-1,3db83c6c-0" bind:__l="__l" u-p="{{b}}"/><view class="group-box-header-title data-v-3db83c6c">{{c}}</view></view><view wx:if="{{d}}" class="group-list data-v-3db83c6c"><view class="group-list-item data-v-3db83c6c"><label class="group-list-item-label data-v-3db83c6c">{{e}}</label><avatar wx:if="{{f}}" class="data-v-3db83c6c" u-i="3db83c6c-2,3db83c6c-0" bind:__l="__l" u-p="{{f}}"/></view><view class="data-v-3db83c6c"><view wx:for="{{g}}" wx:for-item="item" wx:key="i" class="group-list-item data-v-3db83c6c"><label class="group-list-item-label data-v-3db83c6c">{{item.a}}</label><input wx:if="{{h}}" class="data-v-3db83c6c" type="text" placeholder="{{item.b}}" value="{{item.c}}" bindinput="{{item.d}}"></input><label wx:else class="group-h5-list-item-content data-v-3db83c6c" bindtap="{{item.h}}"><view class="content data-v-3db83c6c">{{item.e}}</view><icon wx:if="{{item.g}}" class="data-v-3db83c6c" u-i="{{item.f}}" bind:__l="__l" u-p="{{item.g}}"/></label></view><view class="group-list-introduction data-v-3db83c6c"><view class="group-list-item data-v-3db83c6c"><label class="group-list-item-label data-v-3db83c6c">{{i}}</label><group-introduction wx:if="{{j}}" class="data-v-3db83c6c" bindselectType="{{k}}" u-i="3db83c6c-4,3db83c6c-0" bind:__l="__l" u-p="{{l}}"/><label wx:else class="group-h5-list-item-content data-v-3db83c6c" bindtap="{{o}}"><view class="content data-v-3db83c6c">{{m}}</view><icon wx:if="{{n}}" class="data-v-3db83c6c" u-i="3db83c6c-5,3db83c6c-0" bind:__l="__l" u-p="{{n}}"/></label></view><view wx:if="{{p}}" class="group-h5-list-item-introduction data-v-3db83c6c"><label class="introduction-name data-v-3db83c6c">{{q}}：</label><label class="introduction-detail data-v-3db83c6c">{{r}}</label><navigator class="data-v-3db83c6c" href="{{t}}" target="view_window">{{s}}</navigator></view></view></view></view><view wx:else class="group-list group-list-edit data-v-3db83c6c"><input wx:if="{{v}}" class="group-name-input data-v-3db83c6c" type="text" placeholder="{{w}}" value="{{x}}" bindinput="{{y}}"></input><group-introduction wx:else class="group-introduction-list data-v-3db83c6c" bindselectType="{{z}}" u-i="3db83c6c-6,3db83c6c-0" bind:__l="__l" u-p="{{A||''}}"/></view><view class="group-profile-footer data-v-3db83c6c"><button wx:if="{{B}}" class="btn-default data-v-3db83c6c" bindtap="{{D}}">{{C}}</button><button class="btn-submit data-v-3db83c6c" disabled="{{F}}" bindtap="{{G}}">{{E}}</button></view></view></view></dialog>
|
||||
@@ -1,324 +0,0 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
body.data-v-3db83c6c, div.data-v-3db83c6c, ul.data-v-3db83c6c, ol.data-v-3db83c6c, dt.data-v-3db83c6c, dd.data-v-3db83c6c, li.data-v-3db83c6c, dl.data-v-3db83c6c, h1.data-v-3db83c6c, h2.data-v-3db83c6c, h3.data-v-3db83c6c, h4.data-v-3db83c6c, p.data-v-3db83c6c {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-style: normal;
|
||||
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
||||
}
|
||||
ol.data-v-3db83c6c, ul.data-v-3db83c6c, li.data-v-3db83c6c {
|
||||
list-style: none;
|
||||
}
|
||||
img.data-v-3db83c6c {
|
||||
border: 0;
|
||||
vertical-align: middle;
|
||||
pointer-events: none;
|
||||
}
|
||||
body.data-v-3db83c6c {
|
||||
color: #000;
|
||||
background: #FFF;
|
||||
}
|
||||
.clear.data-v-3db83c6c {
|
||||
clear: both;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin-top: -1px;
|
||||
}
|
||||
a.data-v-3db83c6c {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
a.data-v-3db83c6c:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
input.data-v-3db83c6c, textarea.data-v-3db83c6c {
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
input.data-v-3db83c6c:focus, input.data-v-3db83c6c:active, textarea.data-v-3db83c6c:focus, textarea.data-v-3db83c6c:active {
|
||||
outline: none;
|
||||
}
|
||||
.chat-aside.data-v-3db83c6c {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 0;
|
||||
box-sizing: border-box;
|
||||
width: 360px !important;
|
||||
border-radius: 8px 0 0 8px;
|
||||
z-index: 9999;
|
||||
max-height: calc(100% - 50px);
|
||||
}
|
||||
.group.data-v-3db83c6c {
|
||||
background: #FFF;
|
||||
}
|
||||
.group-list-item.data-v-3db83c6c {
|
||||
background: #FFF;
|
||||
}
|
||||
.group-list-item label.data-v-3db83c6c {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
.group-list input.data-v-3db83c6c {
|
||||
border: 1px solid rgba(131, 137, 153, 0.4);
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
.group-list-edit.data-v-3db83c6c {
|
||||
background: #FFF;
|
||||
}
|
||||
.group-profile-footer.data-v-3db83c6c {
|
||||
background: #FFF;
|
||||
}
|
||||
.group-h5.data-v-3db83c6c {
|
||||
background: #F7F8FA;
|
||||
}
|
||||
.group-h5-list-item-introduction.data-v-3db83c6c {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
color: #888;
|
||||
}
|
||||
.group-h5-list-item-introduction a.data-v-3db83c6c {
|
||||
color: #006EFF;
|
||||
}
|
||||
.select.data-v-3db83c6c {
|
||||
flex: 1;
|
||||
}
|
||||
.select a.data-v-3db83c6c {
|
||||
color: #006EFF;
|
||||
}
|
||||
.select-item.data-v-3db83c6c {
|
||||
border: 1px solid rgba(131, 137, 153, 0.4);
|
||||
}
|
||||
.select-item-header .left.data-v-3db83c6c {
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
.select-item-detail.data-v-3db83c6c {
|
||||
color: #4F4F4F;
|
||||
}
|
||||
.select .selected.data-v-3db83c6c {
|
||||
border: 1px solid #006EFF;
|
||||
}
|
||||
header.data-v-3db83c6c {
|
||||
background: #FFF;
|
||||
}
|
||||
header h1.data-v-3db83c6c {
|
||||
font-family: PingFangSC-Medium;
|
||||
font-weight: 500;
|
||||
color: #000;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.btn-default.data-v-3db83c6c {
|
||||
background: #FFF;
|
||||
border: 1px solid #DDD;
|
||||
font-family: PingFangSC-Medium;
|
||||
font-weight: 500;
|
||||
color: #828282;
|
||||
}
|
||||
.btn-submit.data-v-3db83c6c {
|
||||
background: #3370FF;
|
||||
border: 0 solid #2F80ED;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
color: #FFF;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
.btn-submit.data-v-3db83c6c:disabled {
|
||||
background: #e8e8e9;
|
||||
border: 1px solid #DDD;
|
||||
color: #FFF;
|
||||
}
|
||||
.group.data-v-3db83c6c {
|
||||
padding: 30px;
|
||||
box-sizing: border-box;
|
||||
width: 750px;
|
||||
max-height: calc(100vh - 100px);
|
||||
overflow-y: auto;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.group .group-box .group-box-header.data-v-3db83c6c {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.group .group-box .group-box-header .group-box-header-title.data-v-3db83c6c {
|
||||
font-size: 18px;
|
||||
line-height: 30px;
|
||||
}
|
||||
.group-list-item.data-v-3db83c6c {
|
||||
display: flex;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.group-list-item-label.data-v-3db83c6c {
|
||||
width: 84px;
|
||||
}
|
||||
.group-list input.data-v-3db83c6c {
|
||||
flex: 1;
|
||||
box-sizing: border-box;
|
||||
padding: 6px 10px;
|
||||
border-radius: 2px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.select.data-v-3db83c6c {
|
||||
flex: 1;
|
||||
}
|
||||
.select-item.data-v-3db83c6c {
|
||||
padding: 12px 20px !important;
|
||||
border-radius: 2px;
|
||||
margin-bottom: 20px !important;
|
||||
}
|
||||
.select-item-header.data-v-3db83c6c {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.select-item-header .left.data-v-3db83c6c {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
}
|
||||
.select-item-header .left .icon.data-v-3db83c6c {
|
||||
margin-right: 12px;
|
||||
}
|
||||
.select-item-header .icon-selected.data-v-3db83c6c {
|
||||
position: relative;
|
||||
left: 12px;
|
||||
top: -4px;
|
||||
}
|
||||
.select-item-type.data-v-3db83c6c {
|
||||
text-align: left;
|
||||
}
|
||||
.select-item-detail.data-v-3db83c6c {
|
||||
padding-top: 6px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.select-item .link.data-v-3db83c6c {
|
||||
display: inline-block;
|
||||
}
|
||||
.group-profile-footer.data-v-3db83c6c {
|
||||
padding-top: 10px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.btn-default.data-v-3db83c6c {
|
||||
width: 82px;
|
||||
height: 32px;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.btn-submit.data-v-3db83c6c {
|
||||
width: 82px;
|
||||
height: 32px;
|
||||
border-radius: 4px;
|
||||
margin-left: 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.group-h5.data-v-3db83c6c {
|
||||
max-height: none;
|
||||
height: 100%;
|
||||
border-radius: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.group-h5 .group-box.data-v-3db83c6c {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
.group-h5 .group-box .group-box-header.data-v-3db83c6c {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
padding: 16px 18px;
|
||||
}
|
||||
.group-h5 .group-box .group-box-header .icon-close.data-v-3db83c6c {
|
||||
position: absolute;
|
||||
left: 18px;
|
||||
}
|
||||
.group-h5 .group-box .group-list.data-v-3db83c6c {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
justify-content: flex-end;
|
||||
margin-top: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.group-h5 .group-box .group-list .group-introduction-list.data-v-3db83c6c {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: auto;
|
||||
padding: 12px 18px;
|
||||
}
|
||||
.group-h5 .group-box .group-list-item.data-v-3db83c6c {
|
||||
padding: 14px 18px;
|
||||
border-bottom: 1px solid #E5E5E5;
|
||||
}
|
||||
.group-h5 .group-box .group-list-item-label.data-v-3db83c6c {
|
||||
font-size: 14px;
|
||||
}
|
||||
.group-h5 .group-box .group-list-edit.data-v-3db83c6c {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.group-h5 .group-box .group-list-edit .group-name-input.data-v-3db83c6c {
|
||||
flex: 0 0 auto;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
}
|
||||
.group-h5 .group-box .group-profile-footer.data-v-3db83c6c {
|
||||
box-shadow: inset 0 1px 0 0 #eee;
|
||||
padding: 12px 18px;
|
||||
}
|
||||
.group-h5-list-item-content.data-v-3db83c6c {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.group-h5-list-item-content .content.data-v-3db83c6c {
|
||||
width: 0;
|
||||
flex: 1;
|
||||
padding: 0 12px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
text-align: end;
|
||||
}
|
||||
.group-h5-list-item-introduction.data-v-3db83c6c {
|
||||
padding: 12px 18px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
text-align: left;
|
||||
}
|
||||
.group-h5 .select-item-type.data-v-3db83c6c {
|
||||
text-align: left;
|
||||
}
|
||||
@@ -1,4 +0,0 @@
|
||||
"use strict";
|
||||
const TUIKit_components_index = require("../index.js");
|
||||
wx.createPage(TUIKit_components_index.MiniProgramPage$3);
|
||||
//# sourceMappingURL=../../../../.sourcemap/mp-weixin/TUIKit/components/TUIGroup/index.js.map
|
||||
@@ -1,8 +0,0 @@
|
||||
{
|
||||
"navigationBarTitleText": "腾讯云 IM",
|
||||
"usingComponents": {
|
||||
"create-group": "./create-group/index",
|
||||
"manage-group": "./manage-group/index",
|
||||
"select-member": "./select-member/index"
|
||||
}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
<view class="{{['data-v-61238656', d]}}"><create-group wx:if="{{a}}" class="data-v-61238656" u-i="61238656-0" bind:__l="__l"/><manage-group wx:if="{{b}}" class="data-v-61238656" u-i="61238656-1" bind:__l="__l"/><select-member wx:if="{{c}}" class="data-v-61238656" u-i="61238656-2" bind:__l="__l"/></view>
|
||||
@@ -1,29 +0,0 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.tui-group.data-v-61238656 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
@@ -1,677 +0,0 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
const common_assets = require("../../../../common/assets.js");
|
||||
const TUIKit_components_common_Toast_index = require("../../common/Toast/index.js");
|
||||
const TUIKit_utils_env = require("../../../utils/env.js");
|
||||
const TUIKit_components_TUIGroup_server = require("../server.js");
|
||||
const TUIKit_utils_enableSampleTaskStatus = require("../../../utils/enableSampleTaskStatus.js");
|
||||
const TUIKit_components_common_Toast_type = require("../../common/Toast/type.js");
|
||||
if (!Math) {
|
||||
(Icon + ManageName + ManageMember + ManageProfile + ManageNotification + ManageAdmin + Transfer + MaskLayer + Dialog)();
|
||||
}
|
||||
const MaskLayer = () => "../../common/MaskLayer/index.js";
|
||||
const Dialog = () => "../../common/Dialog/index.js";
|
||||
const Transfer = () => "../../common/Transfer/index.js";
|
||||
const ManageName = () => "./manage-name.js";
|
||||
const ManageNotification = () => "./manage-notification.js";
|
||||
const ManageMember = () => "./manage-member.js";
|
||||
const ManageProfile = () => "./manage-profile.js";
|
||||
const ManageAdmin = () => "./manage-admin.js";
|
||||
const Icon = () => "../../common/Icon.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "index",
|
||||
props: {
|
||||
groupID: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
groupCurrentTab: {
|
||||
type: String,
|
||||
default: ""
|
||||
}
|
||||
},
|
||||
setup(__props) {
|
||||
const TUIGroupServer = TUIKit_components_TUIGroup_server.TUIGroupServer.getInstance();
|
||||
const TUIConstants = TUIGroupServer.constants;
|
||||
const props = __props;
|
||||
const manageRef = common_vendor.ref(void 0);
|
||||
const currentTab = common_vendor.ref("");
|
||||
const editLableName = common_vendor.ref("");
|
||||
const transferType = common_vendor.ref("");
|
||||
const mask = common_vendor.ref(false);
|
||||
const currentGroupID = common_vendor.ref("");
|
||||
const userInfo = common_vendor.ref({
|
||||
list: []
|
||||
});
|
||||
const currentMember = common_vendor.ref({});
|
||||
const typeName = common_vendor.ref({
|
||||
[common_vendor.qt.TYPES.GRP_WORK]: "好友工作群",
|
||||
[common_vendor.qt.TYPES.GRP_PUBLIC]: "陌生人社交群",
|
||||
[common_vendor.qt.TYPES.GRP_MEETING]: "临时会议群",
|
||||
[common_vendor.qt.TYPES.GRP_AVCHATROOM]: "直播群",
|
||||
[common_vendor.qt.TYPES.GRP_COMMUNITY]: "社群",
|
||||
[common_vendor.qt.TYPES.JOIN_OPTIONS_FREE_ACCESS]: "自由加入",
|
||||
[common_vendor.qt.TYPES.JOIN_OPTIONS_NEED_PERMISSION]: "需要验证",
|
||||
[common_vendor.qt.TYPES.JOIN_OPTIONS_DISABLE_APPLY]: "禁止加群"
|
||||
});
|
||||
const member = common_vendor.ref({
|
||||
admin: [],
|
||||
member: [],
|
||||
muteMember: []
|
||||
});
|
||||
const transferList = common_vendor.ref([]);
|
||||
const transferTitle = common_vendor.ref("");
|
||||
const isSearch = common_vendor.ref(false);
|
||||
const isRadio = common_vendor.ref(false);
|
||||
const selectedList = common_vendor.ref([]);
|
||||
const delDialogShow = common_vendor.ref(false);
|
||||
const groupMemberList = common_vendor.ref([]);
|
||||
const deletedUserList = common_vendor.ref([]);
|
||||
const currentGroup = common_vendor.ref();
|
||||
const currentSelfRole = common_vendor.ref("");
|
||||
const groupIDValue = common_vendor.ref("");
|
||||
common_vendor.onMounted(() => {
|
||||
common_vendor.nextTick$1(() => {
|
||||
if (manageRef.value && !TUIKit_utils_env.isUniFrameWork) {
|
||||
common_vendor.O.listen({
|
||||
domRefs: manageRef.value,
|
||||
handler: handleCompleteManage
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
common_vendor.Jt.watch(common_vendor.o.GRP, {
|
||||
currentGroup: (group) => {
|
||||
var _a, _b;
|
||||
if (group) {
|
||||
currentGroup.value = group;
|
||||
currentSelfRole.value = (_b = (_a = currentGroup.value) == null ? void 0 : _a.selfInfo) == null ? void 0 : _b.role;
|
||||
}
|
||||
},
|
||||
currentGroupMemberList: (memberList) => {
|
||||
groupMemberList.value = memberList;
|
||||
member.value = {
|
||||
admin: [],
|
||||
member: [],
|
||||
muteMember: []
|
||||
};
|
||||
Array.from(memberList).map((item) => {
|
||||
switch (item == null ? void 0 : item.role) {
|
||||
case common_vendor.qt.TYPES.GRP_MBR_ROLE_ADMIN:
|
||||
member.value.admin.push(item);
|
||||
break;
|
||||
case common_vendor.qt.TYPES.GRP_MBR_ROLE_MEMBER:
|
||||
member.value.member.push(item);
|
||||
break;
|
||||
}
|
||||
return item;
|
||||
});
|
||||
const time = (/* @__PURE__ */ new Date()).getTime();
|
||||
member.value.muteMember = Array.from(memberList).filter(
|
||||
(item) => (item == null ? void 0 : item.muteUntil) * 1e3 - time > 0
|
||||
);
|
||||
}
|
||||
});
|
||||
common_vendor.Jt.watch(common_vendor.o.CONV, {
|
||||
currentConversation: (conversation) => {
|
||||
var _a;
|
||||
groupIDValue.value = (_a = conversation == null ? void 0 : conversation.groupProfile) == null ? void 0 : _a.groupID;
|
||||
}
|
||||
});
|
||||
common_vendor.watchEffect(() => {
|
||||
const params = TUIGroupServer.getOnCallParams(TUIConstants.TUIGroup.SERVICE.METHOD.OPEN_GROUP_MANAGEMENT);
|
||||
currentGroupID.value = (params == null ? void 0 : params.groupID) || groupIDValue.value;
|
||||
currentTab.value = props.groupCurrentTab;
|
||||
});
|
||||
const TabName = common_vendor.computed(() => {
|
||||
let name = "";
|
||||
switch (currentTab.value) {
|
||||
case "notification":
|
||||
name = "群公告";
|
||||
break;
|
||||
case "member":
|
||||
name = "群成员";
|
||||
break;
|
||||
case "profile":
|
||||
name = "群成员";
|
||||
break;
|
||||
default:
|
||||
name = "群管理";
|
||||
break;
|
||||
}
|
||||
return name;
|
||||
});
|
||||
const isOwner = common_vendor.computed(() => {
|
||||
var _a, _b;
|
||||
const userRole = (_b = (_a = currentGroup.value) == null ? void 0 : _a.selfInfo) == null ? void 0 : _b.role;
|
||||
return userRole === common_vendor.qt.TYPES.GRP_MBR_ROLE_OWNER;
|
||||
});
|
||||
const isAdmin = common_vendor.computed(() => {
|
||||
var _a, _b;
|
||||
const userRole = (_b = (_a = currentGroup.value) == null ? void 0 : _a.selfInfo) == null ? void 0 : _b.role;
|
||||
return userRole === common_vendor.qt.TYPES.GRP_MBR_ROLE_OWNER;
|
||||
});
|
||||
const isWorkGroup = common_vendor.computed(() => {
|
||||
var _a;
|
||||
return ((_a = currentGroup.value) == null ? void 0 : _a.type) === common_vendor.qt.TYPES.GRP_WORK;
|
||||
});
|
||||
const isSetMuteTime = common_vendor.computed(() => {
|
||||
if (isWorkGroup.value || !(isOwner.value || isAdmin.value)) {
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
});
|
||||
const canDelMember = common_vendor.computed(() => {
|
||||
var _a;
|
||||
const groupType = (_a = currentGroup == null ? void 0 : currentGroup.value) == null ? void 0 : _a.type;
|
||||
const isAVChatRoom = groupType === common_vendor.qt.TYPES.GRP_AVCHATROOM;
|
||||
if (isAVChatRoom) {
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
});
|
||||
const updateProfile = async (newGroupProfile) => {
|
||||
const { key, value } = newGroupProfile;
|
||||
const options = {
|
||||
groupID: currentGroup.value.groupID,
|
||||
[key]: value
|
||||
};
|
||||
common_vendor.es.updateGroupProfile(options).then((res) => {
|
||||
currentGroup.value = res.data.group;
|
||||
editLableName.value = "";
|
||||
}).catch((error) => {
|
||||
TUIKit_components_common_Toast_index.Toast({
|
||||
message: error == null ? void 0 : error.message,
|
||||
type: TUIKit_components_common_Toast_type.TOAST_TYPE.ERROR
|
||||
});
|
||||
});
|
||||
};
|
||||
const setCurrentTab = (tabName) => {
|
||||
currentTab.value = tabName;
|
||||
editLableName.value = "";
|
||||
if (currentTab.value === "member") {
|
||||
transferType.value = "remove";
|
||||
}
|
||||
if (!currentTab.value) {
|
||||
transferType.value = "";
|
||||
}
|
||||
};
|
||||
const cancel = () => {
|
||||
toggleMask();
|
||||
};
|
||||
const toggleMask = async (type) => {
|
||||
var _a;
|
||||
selectedList.value = [];
|
||||
let memberUserIDList = [];
|
||||
switch (type) {
|
||||
case "add":
|
||||
isRadio.value = false;
|
||||
memberUserIDList = [...member.value.admin, ...member.value.member].map((item) => item.userID);
|
||||
transferList.value = (await friendList()).filter((item) => {
|
||||
return item.userID && memberUserIDList.indexOf(item.userID) < 0;
|
||||
});
|
||||
transferTitle.value = "添加成员";
|
||||
break;
|
||||
case "remove":
|
||||
isRadio.value = false;
|
||||
transferList.value = groupMemberList.value.filter(
|
||||
(item) => {
|
||||
var _a2, _b;
|
||||
return item.userID !== ((_b = (_a2 = currentGroup == null ? void 0 : currentGroup.value) == null ? void 0 : _a2.selfInfo) == null ? void 0 : _b.userID);
|
||||
}
|
||||
);
|
||||
transferTitle.value = "删除成员";
|
||||
break;
|
||||
case "addAdmin":
|
||||
isRadio.value = true;
|
||||
transferList.value = member.value.member;
|
||||
transferTitle.value = "新增管理员";
|
||||
break;
|
||||
case "removeAdmin":
|
||||
isRadio.value = true;
|
||||
transferList.value = member.value.admin;
|
||||
transferTitle.value = "移除管理员";
|
||||
break;
|
||||
case "changeOwner":
|
||||
isRadio.value = true;
|
||||
transferList.value = [...member.value.admin, ...member.value.member];
|
||||
transferTitle.value = "转让群组";
|
||||
break;
|
||||
case "addMute":
|
||||
isRadio.value = true;
|
||||
transferList.value = member.value.member;
|
||||
if (currentGroup.value.selfInfo.role === "Owner") {
|
||||
transferList.value = [...member.value.admin, ...member.value.member];
|
||||
}
|
||||
transferList.value = (_a = transferList == null ? void 0 : transferList.value) == null ? void 0 : _a.filter((item) => {
|
||||
var _a2, _b;
|
||||
return ((_b = (_a2 = member == null ? void 0 : member.value) == null ? void 0 : _a2.muteMember) == null ? void 0 : _b.indexOf(item)) < 0;
|
||||
});
|
||||
transferTitle.value = "新增禁言用户";
|
||||
break;
|
||||
case "removeMute":
|
||||
isRadio.value = true;
|
||||
transferList.value = member.value.muteMember;
|
||||
transferTitle.value = "移除禁言用户";
|
||||
break;
|
||||
}
|
||||
type && (transferType.value = type);
|
||||
mask.value = !mask.value;
|
||||
};
|
||||
const friendList = async () => {
|
||||
const imResponse = await common_vendor.ts.getFriendList();
|
||||
const friendList2 = imResponse.data.map((item) => item == null ? void 0 : item.profile);
|
||||
return friendList2.filter(
|
||||
(item) => !userInfo.value.list.some(
|
||||
(infoItem) => infoItem.userID === item.userID
|
||||
)
|
||||
);
|
||||
};
|
||||
const canIDissmissGroup = common_vendor.computed(() => {
|
||||
var _a, _b, _c;
|
||||
const userRole = (_b = (_a = currentGroup == null ? void 0 : currentGroup.value) == null ? void 0 : _a.selfInfo) == null ? void 0 : _b.role;
|
||||
const groupType = (_c = currentGroup == null ? void 0 : currentGroup.value) == null ? void 0 : _c.type;
|
||||
return userRole === common_vendor.qt.TYPES.GRP_MBR_ROLE_OWNER && groupType !== common_vendor.qt.TYPES.GRP_WORK;
|
||||
});
|
||||
const isShowAddMember = common_vendor.computed(() => {
|
||||
var _a;
|
||||
const groupType = (_a = currentGroup == null ? void 0 : currentGroup.value) == null ? void 0 : _a.type;
|
||||
return groupType === common_vendor.qt.TYPES.GRP_WORK;
|
||||
});
|
||||
const showUserNum = common_vendor.computed(() => {
|
||||
var _a, _b;
|
||||
let num = 3;
|
||||
if (!isShowAddMember.value) {
|
||||
num += 1;
|
||||
}
|
||||
if (((_b = (_a = currentGroup == null ? void 0 : currentGroup.value) == null ? void 0 : _a.selfInfo) == null ? void 0 : _b.role) !== "Owner") {
|
||||
num += 1;
|
||||
}
|
||||
return num;
|
||||
});
|
||||
const getMember = async (type) => {
|
||||
const groupID = currentGroupID.value;
|
||||
const options = {
|
||||
groupID,
|
||||
count: 100,
|
||||
offset: type && type === "more" ? userInfo.value.list.length : 0
|
||||
};
|
||||
await common_vendor.es.getGroupMemberList(options).then((res) => {
|
||||
if (type && type === "more") {
|
||||
userInfo.value.list = [...userInfo.value.list, ...res.data.memberList];
|
||||
} else {
|
||||
userInfo.value.list = res.data.memberList;
|
||||
}
|
||||
});
|
||||
};
|
||||
const handleMemberProfileShow = (user) => {
|
||||
currentMember.value = user;
|
||||
setCurrentTab("profile");
|
||||
};
|
||||
const submit = (userList) => {
|
||||
if (transferType.value === "remove") {
|
||||
deletedUserList.value = userList;
|
||||
delDialogShow.value = !delDialogShow.value;
|
||||
} else {
|
||||
handleManage(userList, transferType.value);
|
||||
}
|
||||
mask.value = false;
|
||||
};
|
||||
const dismissGroup = async (group) => {
|
||||
await common_vendor.es.dismissGroup(group.groupID);
|
||||
TUIKit_utils_enableSampleTaskStatus.enableSampleTaskStatus("dismissGroup");
|
||||
TUIKit_components_common_Toast_index.Toast({
|
||||
message: common_vendor.Wt.t("TUIGroup.群组解散成功"),
|
||||
type: TUIKit_components_common_Toast_type.TOAST_TYPE.SUCCESS
|
||||
});
|
||||
clearGroupInfo();
|
||||
};
|
||||
const clearGroupInfo = () => {
|
||||
var _a;
|
||||
if (TUIKit_utils_env.isUniFrameWork) {
|
||||
(_a = common_vendor.i) == null ? void 0 : _a.switchTab({
|
||||
url: "/TUIKit/components/TUIConversation/index"
|
||||
});
|
||||
} else {
|
||||
handleCompleteManage();
|
||||
common_vendor.Xt.switchConversation();
|
||||
}
|
||||
};
|
||||
const setAllMuteTime = (value) => {
|
||||
updateProfile({ key: "muteAllMembers", value });
|
||||
if (value) {
|
||||
TUIKit_utils_enableSampleTaskStatus.enableSampleTaskStatus("muteGroup");
|
||||
TUIKit_components_common_Toast_index.Toast({
|
||||
message: common_vendor.Wt.t("TUIGroup.禁言设置成功"),
|
||||
type: TUIKit_components_common_Toast_type.TOAST_TYPE.SUCCESS
|
||||
});
|
||||
} else {
|
||||
TUIKit_components_common_Toast_index.Toast({
|
||||
message: common_vendor.Wt.t("TUIGroup.取消禁言成功"),
|
||||
type: TUIKit_components_common_Toast_type.TOAST_TYPE.SUCCESS
|
||||
});
|
||||
}
|
||||
};
|
||||
const handleSearchMember = async (value) => {
|
||||
var _a, _b;
|
||||
let imResponse = {};
|
||||
let imMemberResponse = {};
|
||||
const options = {
|
||||
groupID: currentGroupID.value,
|
||||
userIDList: [value]
|
||||
};
|
||||
switch (transferType.value) {
|
||||
case "add":
|
||||
try {
|
||||
imMemberResponse = await common_vendor.es.getGroupMemberProfile(options);
|
||||
transferList.value = transferList.value.filter(
|
||||
(item) => {
|
||||
var _a2;
|
||||
return item.userID !== ((_a2 = imResponse.data[0]) == null ? void 0 : _a2.userID);
|
||||
}
|
||||
);
|
||||
transferList.value = [...transferList.value, ...imResponse.data];
|
||||
if (((_a = imMemberResponse == null ? void 0 : imMemberResponse.data) == null ? void 0 : _a.memberList.length) > 0) {
|
||||
transferList.value = transferList.value.map((item) => {
|
||||
var _a2;
|
||||
if (item.userID === ((_a2 = imMemberResponse == null ? void 0 : imMemberResponse.data) == null ? void 0 : _a2.memberList[0].userID)) {
|
||||
item.isDisabled = true;
|
||||
}
|
||||
return item;
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
const message = common_vendor.Wt.t("TUIGroup.该用户不存在");
|
||||
TUIKit_components_common_Toast_index.Toast({
|
||||
message,
|
||||
type: TUIKit_components_common_Toast_type.TOAST_TYPE.ERROR
|
||||
});
|
||||
}
|
||||
break;
|
||||
case "remove":
|
||||
try {
|
||||
imResponse = await common_vendor.es.getGroupMemberProfile(options);
|
||||
if (imResponse.data.memberList.length === 0) {
|
||||
const message = common_vendor.Wt.t("TUIGroup.该用户不在群组内");
|
||||
TUIKit_components_common_Toast_index.Toast({
|
||||
message,
|
||||
type: TUIKit_components_common_Toast_type.TOAST_TYPE.ERROR
|
||||
});
|
||||
}
|
||||
transferList.value = transferList.value.filter(
|
||||
(item) => {
|
||||
var _a2, _b2;
|
||||
return item.userID !== ((_b2 = (_a2 = imResponse == null ? void 0 : imResponse.data) == null ? void 0 : _a2.memberList[0]) == null ? void 0 : _b2.userID);
|
||||
}
|
||||
);
|
||||
if ((_b = imResponse == null ? void 0 : imResponse.data) == null ? void 0 : _b.memberList.length) {
|
||||
transferList.value = [
|
||||
...transferList.value,
|
||||
...imResponse.data.memberList
|
||||
];
|
||||
}
|
||||
} catch (error) {
|
||||
const message = common_vendor.Wt.t("TUIGroup.该用户不存在");
|
||||
TUIKit_components_common_Toast_index.Toast({
|
||||
message,
|
||||
type: TUIKit_components_common_Toast_type.TOAST_TYPE.ERROR
|
||||
});
|
||||
}
|
||||
break;
|
||||
}
|
||||
};
|
||||
const handleManage = (userList, type) => {
|
||||
const userIDList = [];
|
||||
userList.map((item) => {
|
||||
userIDList.push(item.userID);
|
||||
return item;
|
||||
});
|
||||
switch (type) {
|
||||
case "add":
|
||||
addMember(userIDList);
|
||||
break;
|
||||
case "remove":
|
||||
deleteGroupMember(userIDList);
|
||||
break;
|
||||
case "addAdmin":
|
||||
handleAdmin(userList[0]);
|
||||
break;
|
||||
case "removeAdmin":
|
||||
handleAdmin(userList[0]);
|
||||
break;
|
||||
case "changeOwner":
|
||||
changeOwner(userIDList[0]);
|
||||
break;
|
||||
case "addMute":
|
||||
setMemberMuteTime(userIDList[0], "add");
|
||||
break;
|
||||
case "removeMute":
|
||||
setMemberMuteTime(userIDList[0], "remove");
|
||||
break;
|
||||
}
|
||||
};
|
||||
const addMember = async (userIDList) => {
|
||||
const options = {
|
||||
groupID: currentGroupID.value,
|
||||
userIDList
|
||||
};
|
||||
await common_vendor.es.addGroupMember(options);
|
||||
};
|
||||
const changeOwner = async (userID) => {
|
||||
const options = {
|
||||
groupID: currentGroupID.value,
|
||||
newOwnerID: userID
|
||||
};
|
||||
const imResponse = await common_vendor.es.changeGroupOwner(options);
|
||||
currentGroup.value = {};
|
||||
currentGroup.value = imResponse.data.group;
|
||||
};
|
||||
const setMemberMuteTime = async (userID, type) => {
|
||||
const options = {
|
||||
groupID: currentGroupID.value,
|
||||
userID,
|
||||
muteTime: type === "add" ? 60 * 60 * 24 * 30 : 0
|
||||
};
|
||||
await common_vendor.es.setGroupMemberMuteTime(options);
|
||||
};
|
||||
const handleAdmin = async (user) => {
|
||||
let role = "";
|
||||
switch (user.role) {
|
||||
case common_vendor.qt.TYPES.GRP_MBR_ROLE_ADMIN:
|
||||
role = common_vendor.qt.TYPES.GRP_MBR_ROLE_MEMBER;
|
||||
break;
|
||||
case common_vendor.qt.TYPES.GRP_MBR_ROLE_MEMBER:
|
||||
role = common_vendor.qt.TYPES.GRP_MBR_ROLE_ADMIN;
|
||||
break;
|
||||
}
|
||||
const options = {
|
||||
groupID: currentGroupID.value,
|
||||
userID: user.userID,
|
||||
role
|
||||
};
|
||||
await common_vendor.es.setGroupMemberRole(options);
|
||||
};
|
||||
const deleteGroupMember = async (userIDList) => {
|
||||
const options = {
|
||||
groupID: currentGroupID.value,
|
||||
userIDList,
|
||||
reason: ""
|
||||
};
|
||||
await common_vendor.es.deleteGroupMember(options);
|
||||
};
|
||||
const quitGroup = async (group) => {
|
||||
await common_vendor.es.quitGroup(group.groupID);
|
||||
clearGroupInfo();
|
||||
};
|
||||
const back = () => {
|
||||
if (currentTab.value) {
|
||||
setCurrentTab("");
|
||||
} else {
|
||||
handleCompleteManage();
|
||||
}
|
||||
};
|
||||
const handleCompleteManage = () => {
|
||||
common_vendor.Jt.update(common_vendor.o.GRP, "isShowManageComponent", false);
|
||||
const callback = TUIGroupServer.getOnCallCallback(TUIConstants.TUIGroup.SERVICE.METHOD.OPEN_GROUP_MANAGEMENT);
|
||||
callback && callback();
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: !common_vendor.unref(TUIKit_utils_env.isUniFrameWork) || common_vendor.unref(currentTab) === "admin"
|
||||
}, !common_vendor.unref(TUIKit_utils_env.isUniFrameWork) || common_vendor.unref(currentTab) === "admin" ? {
|
||||
b: common_vendor.o$1(back),
|
||||
c: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.backIcon)
|
||||
}),
|
||||
d: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.${common_vendor.unref(TabName)}`))
|
||||
} : {}, {
|
||||
e: !common_vendor.unref(currentTab) || common_vendor.unref(TUIKit_utils_env.isUniFrameWork) && common_vendor.unref(currentTab) != "admin"
|
||||
}, !common_vendor.unref(currentTab) || common_vendor.unref(TUIKit_utils_env.isUniFrameWork) && common_vendor.unref(currentTab) != "admin" ? common_vendor.e({
|
||||
f: common_vendor.o$1(updateProfile),
|
||||
g: common_vendor.p({
|
||||
isAuthor: common_vendor.unref(isOwner) || common_vendor.unref(isAdmin) || common_vendor.unref(isWorkGroup),
|
||||
data: common_vendor.unref(currentGroup)
|
||||
}),
|
||||
h: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.群成员`)),
|
||||
i: common_vendor.t(common_vendor.unref(currentGroup).memberCount || common_vendor.unref(groupMemberList).length),
|
||||
j: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.人`)),
|
||||
k: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.rightIcon)
|
||||
}),
|
||||
l: common_vendor.o$1(($event) => setCurrentTab("member")),
|
||||
m: common_vendor.f(common_vendor.unref(groupMemberList).slice(0, common_vendor.unref(showUserNum)), (item, index, i0) => {
|
||||
return {
|
||||
a: item.avatar || "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png",
|
||||
b: common_vendor.o$1(($event) => handleMemberProfileShow(item), index),
|
||||
c: common_vendor.t(item.nick || item.userID),
|
||||
d: index
|
||||
};
|
||||
}),
|
||||
n: common_vendor.unref(isShowAddMember)
|
||||
}, common_vendor.unref(isShowAddMember) ? {
|
||||
o: common_vendor.o$1(($event) => toggleMask("add"))
|
||||
} : {}, {
|
||||
p: common_vendor.unref(currentSelfRole) === "Owner"
|
||||
}, common_vendor.unref(currentSelfRole) === "Owner" ? {
|
||||
q: common_vendor.o$1(($event) => toggleMask("remove"))
|
||||
} : {}, {
|
||||
r: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.群公告`)),
|
||||
s: common_vendor.t(common_vendor.unref(currentGroup).notification),
|
||||
t: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.rightIcon)
|
||||
}),
|
||||
v: common_vendor.o$1(($event) => setCurrentTab("notification")),
|
||||
w: (common_vendor.unref(isAdmin) || common_vendor.unref(isOwner)) && common_vendor.unref(isSetMuteTime)
|
||||
}, (common_vendor.unref(isAdmin) || common_vendor.unref(isOwner)) && common_vendor.unref(isSetMuteTime) ? {
|
||||
x: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.群管理`)),
|
||||
y: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.rightIcon)
|
||||
}),
|
||||
z: common_vendor.o$1(($event) => setCurrentTab("admin"))
|
||||
} : {}, {
|
||||
A: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.群ID`)),
|
||||
B: common_vendor.t(common_vendor.unref(currentGroupID)),
|
||||
C: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.群头像`)),
|
||||
D: common_vendor.unref(currentGroup).avatar || "https://web.sdk.qcloud.com/im/demo/TUIkit/web/img/constomer.svg",
|
||||
E: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.群类型`)),
|
||||
F: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.${common_vendor.unref(typeName)[common_vendor.unref(currentGroup).type]}`)),
|
||||
G: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.加群方式`)),
|
||||
H: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.${common_vendor.unref(typeName)[common_vendor.unref(currentGroup).joinOption]}`)),
|
||||
I: common_vendor.o$1(($event) => editLableName.value = ""),
|
||||
J: common_vendor.unref(currentSelfRole) === "Owner" && common_vendor.unref(groupMemberList).length > 1
|
||||
}, common_vendor.unref(currentSelfRole) === "Owner" && common_vendor.unref(groupMemberList).length > 1 ? {
|
||||
K: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.转让群组`)),
|
||||
L: common_vendor.o$1(($event) => toggleMask("changeOwner"))
|
||||
} : {}, {
|
||||
M: common_vendor.unref(canIDissmissGroup)
|
||||
}, common_vendor.unref(canIDissmissGroup) ? {
|
||||
N: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.解散群聊`)),
|
||||
O: common_vendor.o$1(($event) => dismissGroup(common_vendor.unref(currentGroup)))
|
||||
} : {
|
||||
P: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.退出群组`)),
|
||||
Q: common_vendor.o$1(($event) => quitGroup(common_vendor.unref(currentGroup)))
|
||||
}) : {}, {
|
||||
R: common_vendor.unref(currentTab) === "member"
|
||||
}, common_vendor.unref(currentTab) === "member" ? {
|
||||
S: common_vendor.o$1(($event) => getMember("more")),
|
||||
T: common_vendor.o$1(submit),
|
||||
U: common_vendor.o$1(handleMemberProfileShow),
|
||||
V: common_vendor.o$1(($event) => setCurrentTab("")),
|
||||
W: common_vendor.p({
|
||||
self: common_vendor.unref(currentGroup).selfInfo,
|
||||
list: common_vendor.unref(groupMemberList),
|
||||
total: ~~common_vendor.unref(currentGroup).memberCount,
|
||||
isShowDel: common_vendor.unref(currentSelfRole) === "Owner" && common_vendor.unref(canDelMember)
|
||||
})
|
||||
} : {}, {
|
||||
X: common_vendor.unref(currentTab) === "profile"
|
||||
}, common_vendor.unref(currentTab) === "profile" ? {
|
||||
Y: common_vendor.o$1(($event) => setCurrentTab("")),
|
||||
Z: common_vendor.p({
|
||||
userInfo: common_vendor.unref(currentMember)
|
||||
})
|
||||
} : {}, {
|
||||
aa: common_vendor.unref(currentTab) === "notification"
|
||||
}, common_vendor.unref(currentTab) === "notification" ? {
|
||||
ab: common_vendor.o$1(updateProfile),
|
||||
ac: common_vendor.o$1(($event) => setCurrentTab("")),
|
||||
ad: common_vendor.p({
|
||||
isAuthor: common_vendor.unref(isOwner) || common_vendor.unref(isAdmin) || common_vendor.unref(isWorkGroup),
|
||||
data: common_vendor.unref(currentGroup)
|
||||
})
|
||||
} : {}, {
|
||||
ae: common_vendor.unref(currentTab) === "admin"
|
||||
}, common_vendor.unref(currentTab) === "admin" ? {
|
||||
af: common_vendor.unref(isAdmin),
|
||||
ag: common_vendor.o$1(($event) => toggleMask("addAdmin")),
|
||||
ah: common_vendor.o$1(($event) => toggleMask("removeAdmin")),
|
||||
ai: common_vendor.o$1(setAllMuteTime),
|
||||
aj: common_vendor.o$1(($event) => toggleMask("addMute")),
|
||||
ak: common_vendor.o$1(($event) => toggleMask("removeMute")),
|
||||
al: common_vendor.o$1(($event) => setCurrentTab("")),
|
||||
am: common_vendor.p({
|
||||
isSetMuteTime: common_vendor.unref(isSetMuteTime),
|
||||
member: common_vendor.unref(member),
|
||||
currentGroup: common_vendor.unref(currentGroup)
|
||||
})
|
||||
} : {}, {
|
||||
an: common_vendor.o$1(submit),
|
||||
ao: common_vendor.o$1(cancel),
|
||||
ap: common_vendor.o$1(handleSearchMember),
|
||||
aq: common_vendor.p({
|
||||
title: common_vendor.unref(common_vendor.Wt).t(`TUIGroup.${common_vendor.unref(transferTitle)}`),
|
||||
list: common_vendor.unref(transferList),
|
||||
isSearch: common_vendor.unref(isSearch),
|
||||
isRadio: common_vendor.unref(isRadio),
|
||||
selectedList: common_vendor.unref(selectedList),
|
||||
isH5: !common_vendor.unref(TUIKit_utils_env.isPC)
|
||||
}),
|
||||
ar: common_vendor.o$1((e) => mask.value = e),
|
||||
as: common_vendor.p({
|
||||
show: common_vendor.unref(mask)
|
||||
}),
|
||||
at: common_vendor.unref(deletedUserList).length === 1
|
||||
}, common_vendor.unref(deletedUserList).length === 1 ? {
|
||||
av: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.确定从群聊中删除该成员？`))
|
||||
} : {}, {
|
||||
aw: common_vendor.unref(deletedUserList).length > 1
|
||||
}, common_vendor.unref(deletedUserList).length > 1 ? {
|
||||
ax: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.确定从群聊中删除所选成员？`))
|
||||
} : {}, {
|
||||
ay: common_vendor.o$1(($event) => handleManage(common_vendor.unref(deletedUserList), "remove")),
|
||||
az: common_vendor.o$1((e) => delDialogShow.value = e),
|
||||
aA: common_vendor.p({
|
||||
title: common_vendor.unref(common_vendor.Wt).t(`TUIGroup.删除成员`),
|
||||
show: common_vendor.unref(delDialogShow),
|
||||
isH5: !common_vendor.unref(TUIKit_utils_env.isPC),
|
||||
center: true,
|
||||
isHeaderShow: common_vendor.unref(TUIKit_utils_env.isPC)
|
||||
})
|
||||
});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-e56d1843"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/TUIGroup/manage-group/index.js.map
|
||||
@@ -1,14 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"mask-layer": "../../common/MaskLayer/index",
|
||||
"dialog": "../../common/Dialog/index",
|
||||
"transfer": "../../common/Transfer/index",
|
||||
"manage-name": "./manage-name",
|
||||
"manage-notification": "./manage-notification",
|
||||
"manage-member": "./manage-member",
|
||||
"manage-profile": "./manage-profile",
|
||||
"manage-admin": "./manage-admin",
|
||||
"icon": "../../common/Icon"
|
||||
}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
<view ref="manageRef" class="manage data-v-e56d1843"><view wx:if="{{a}}" class="manage-header data-v-e56d1843"><icon wx:if="{{c}}" class="data-v-e56d1843" bindonClick="{{b}}" u-i="e56d1843-0" bind:__l="__l" u-p="{{c}}"/><view class="manage-header-content data-v-e56d1843">{{d}}</view><view class="data-v-e56d1843"/></view><view wx:if="{{e}}" class="main data-v-e56d1843"><manage-name wx:if="{{g}}" class="space-top data-v-e56d1843" bindupdate="{{f}}" u-i="e56d1843-1" bind:__l="__l" u-p="{{g}}"/><view class="user-info space-top data-v-e56d1843"><view class="user-info-header data-v-e56d1843" bindtap="{{l}}"><label class="user-info-header-left data-v-e56d1843">{{h}}</label><view class="user-info-header-right data-v-e56d1843"><label class="span data-v-e56d1843">{{i}} {{j}}</label><icon wx:if="{{k}}" class="data-v-e56d1843" u-i="e56d1843-2" bind:__l="__l" u-p="{{k}}"/></view></view><view class="user-info-list data-v-e56d1843"><view wx:for="{{m}}" wx:for-item="item" wx:key="d" class="user-info-list-item data-v-e56d1843"><view class="user-info-list-item-main data-v-e56d1843" bindtap="{{item.b}}"><image class="avatar data-v-e56d1843" src="{{item.a}}" onerror="this.onerror=null;this.src='https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png'"></image></view><view class="user-info-list-item-info data-v-e56d1843">{{item.c}}</view></view><view wx:if="{{n}}" class="user-info-list-item data-v-e56d1843"><view class="avatar data-v-e56d1843" bindtap="{{o}}"> + </view></view><view wx:if="{{p}}" class="user-info-list-item data-v-e56d1843"><view class="avatar data-v-e56d1843" bindtap="{{q}}"> - </view></view></view></view><view class="content list space-top data-v-e56d1843" bindtap="{{I}}"><view class="list-item data-v-e56d1843" bindtap="{{v}}"><view class="aside data-v-e56d1843"><label class="label data-v-e56d1843">{{r}}</label><view class="article data-v-e56d1843">{{s}}</view></view><icon wx:if="{{t}}" class="end data-v-e56d1843" u-i="e56d1843-3" bind:__l="__l" u-p="{{t}}"/></view><view wx:if="{{w}}" class="list-item data-v-e56d1843" bindtap="{{z}}"><label class="label data-v-e56d1843">{{x}}</label><icon wx:if="{{y}}" class="data-v-e56d1843" u-i="e56d1843-4" bind:__l="__l" u-p="{{y}}"/></view><view class="list-item data-v-e56d1843"><label class="label data-v-e56d1843">{{A}}</label><view class="groupID data-v-e56d1843"><label class="span data-v-e56d1843">{{B}}</label></view></view><view class="list-item data-v-e56d1843"><label class="label data-v-e56d1843">{{C}}</label><image class="avatar data-v-e56d1843" src="{{D}}" onerror="this.onerror=null;this.src='https://web.sdk.qcloud.com/im/demo/TUIkit/web/img/constomer.svg'"></image></view><view class="list-item data-v-e56d1843"><label class="label data-v-e56d1843">{{E}}</label><label class="span data-v-e56d1843">{{F}}</label></view><view class="list-item data-v-e56d1843"><label class="label data-v-e56d1843">{{G}}</label><label class="span data-v-e56d1843">{{H}}</label></view></view><view class="footer list space-top data-v-e56d1843"><view wx:if="{{J}}" class="list-item data-v-e56d1843" catchtap="{{L}}">{{K}}</view><view wx:if="{{M}}" class="list-item data-v-e56d1843" catchtap="{{O}}">{{N}}</view><view wx:else class="list-item data-v-e56d1843" catchtap="{{Q}}">{{P}}</view></view></view><manage-member wx:if="{{R}}" class="data-v-e56d1843" bindmore="{{S}}" binddel="{{T}}" bindhandleMemberProfileShow="{{U}}" bindclose="{{V}}" u-i="e56d1843-5" bind:__l="__l" u-p="{{W}}"/><manage-profile wx:if="{{X}}" class="data-v-e56d1843" bindclose="{{Y}}" u-i="e56d1843-6" bind:__l="__l" u-p="{{Z}}"/><manage-notification wx:if="{{aa}}" class="data-v-e56d1843" bindupdate="{{ab}}" bindclose="{{ac}}" u-i="e56d1843-7" bind:__l="__l" u-p="{{ad}}"/><manage-admin wx:if="{{ae}}" class="data-v-e56d1843" data-c-h="{{!af}}" bindaddAdmin="{{ag}}" bindremoveAdmin="{{ah}}" bindsetAllMuteTime="{{ai}}" bindaddMute="{{aj}}" bindremoveMute="{{ak}}" bindclose="{{al}}" u-i="e56d1843-8" bind:__l="__l" u-p="{{am}}"/><mask-layer wx:if="{{as}}" class="data-v-e56d1843" u-s="{{['d']}}" bindupdateShow="{{ar}}" u-i="e56d1843-9" bind:__l="__l" u-p="{{as}}"><transfer wx:if="{{aq}}" class="data-v-e56d1843" bindsubmit="{{an}}" bindcancel="{{ao}}" bindsearch="{{ap}}" u-i="e56d1843-10,e56d1843-9" bind:__l="__l" u-p="{{aq}}"/></mask-layer><dialog wx:if="{{aA}}" u-s="{{['d']}}" class="deleted-dialog data-v-e56d1843" bindsubmit="{{ay}}" bindupdateShow="{{az}}" u-i="e56d1843-11" bind:__l="__l" u-p="{{aA}}"><view wx:if="{{at}}" class="del-dialog-title data-v-e56d1843">{{av}}</view><view wx:if="{{aw}}" class="del-dialog-title data-v-e56d1843">{{ax}}</view></dialog></view>
|
||||
@@ -1,355 +0,0 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
body.data-v-e56d1843, div.data-v-e56d1843, ul.data-v-e56d1843, ol.data-v-e56d1843, dt.data-v-e56d1843, dd.data-v-e56d1843, li.data-v-e56d1843, dl.data-v-e56d1843, h1.data-v-e56d1843, h2.data-v-e56d1843, h3.data-v-e56d1843, h4.data-v-e56d1843, p.data-v-e56d1843 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-style: normal;
|
||||
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
||||
}
|
||||
ol.data-v-e56d1843, ul.data-v-e56d1843, li.data-v-e56d1843 {
|
||||
list-style: none;
|
||||
}
|
||||
img.data-v-e56d1843 {
|
||||
border: 0;
|
||||
vertical-align: middle;
|
||||
pointer-events: none;
|
||||
}
|
||||
body.data-v-e56d1843 {
|
||||
color: #000;
|
||||
background: #FFF;
|
||||
}
|
||||
.clear.data-v-e56d1843 {
|
||||
clear: both;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin-top: -1px;
|
||||
}
|
||||
a.data-v-e56d1843 {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
a.data-v-e56d1843:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
input.data-v-e56d1843, textarea.data-v-e56d1843 {
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
input.data-v-e56d1843:focus, input.data-v-e56d1843:active, textarea.data-v-e56d1843:focus, textarea.data-v-e56d1843:active {
|
||||
outline: none;
|
||||
}
|
||||
.chat-aside.data-v-e56d1843 {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 0;
|
||||
box-sizing: border-box;
|
||||
width: 360px !important;
|
||||
border-radius: 8px 0 0 8px;
|
||||
z-index: 9999;
|
||||
max-height: calc(100% - 50px);
|
||||
}
|
||||
.manage.data-v-e56d1843 {
|
||||
background: #FFF;
|
||||
box-shadow: 0 1px 10px 0 rgba(2, 16, 43, 0.15);
|
||||
}
|
||||
.manage-header.data-v-e56d1843 {
|
||||
border-bottom: 1px solid #E8E8E9;
|
||||
}
|
||||
.manage-header .manage-header-content.data-v-e56d1843 {
|
||||
font-family: PingFangSC-Medium;
|
||||
font-weight: 500;
|
||||
color: #000;
|
||||
}
|
||||
.manage .main .footer .list-item.data-v-e56d1843 {
|
||||
font-weight: 400;
|
||||
color: #dc2113;
|
||||
border-bottom: 1px solid #E8E8E9;
|
||||
}
|
||||
.input.data-v-e56d1843 {
|
||||
border: 1px solid #E8E8E9;
|
||||
font-weight: 400;
|
||||
color: #000;
|
||||
opacity: 0.6;
|
||||
}
|
||||
.avatar.data-v-e56d1843 {
|
||||
background: #F4F5F9;
|
||||
color: #000;
|
||||
}
|
||||
.space-top.data-v-e56d1843 {
|
||||
border-top: 10px solid #F4F5F9;
|
||||
}
|
||||
.btn.data-v-e56d1843 {
|
||||
background: #3370FF;
|
||||
border: 0 solid #2F80ED;
|
||||
color: #FFF;
|
||||
}
|
||||
.btn-cancel.data-v-e56d1843 {
|
||||
background: #FFF;
|
||||
border: 1px solid #DDD;
|
||||
color: #828282;
|
||||
}
|
||||
.slider-box.data-v-e56d1843 {
|
||||
background: #E1E1E3;
|
||||
}
|
||||
.slider-block.data-v-e56d1843 {
|
||||
background: #FFF;
|
||||
border: 0 solid rgba(0, 0, 0, 0.85);
|
||||
box-shadow: 0 2px 4px 0 #D1D1D1;
|
||||
}
|
||||
.btn.data-v-e56d1843 {
|
||||
padding: 4px 28px;
|
||||
font-size: 12px;
|
||||
line-height: 24px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.list.data-v-e56d1843 {
|
||||
padding: 0 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.list-item.data-v-e56d1843 {
|
||||
padding: 14px 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 14px;
|
||||
}
|
||||
.list-between.data-v-e56d1843 {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.manage.data-v-e56d1843 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
.manage-header.data-v-e56d1843 {
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.manage-header-content.data-v-e56d1843 {
|
||||
margin-left: -20px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.manage-header-left.data-v-e56d1843 {
|
||||
display: flex;
|
||||
}
|
||||
.manage .main .user-info.data-v-e56d1843 {
|
||||
padding: 0 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 14px;
|
||||
}
|
||||
.manage .main .user-info-header.data-v-e56d1843 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 14px 0;
|
||||
}
|
||||
.manage .main .user-info-header-right.data-v-e56d1843 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.manage .main .user-info-list.data-v-e56d1843 {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.manage .main .user-info-list-item.data-v-e56d1843 {
|
||||
position: relative;
|
||||
flex: 0 0 36px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-right: 20px;
|
||||
}
|
||||
.manage .main .user-info-list-item.data-v-e56d1843:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
.manage .main .user-info-list-item .more.data-v-e56d1843 {
|
||||
padding-top: 10px;
|
||||
}
|
||||
.manage .main .user-info-list-item-info.data-v-e56d1843 {
|
||||
text-align: center;
|
||||
max-width: 36px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.manage .main .content.data-v-e56d1843 {
|
||||
padding: 0 20px;
|
||||
}
|
||||
.manage .main .content .list-item.data-v-e56d1843 {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.manage .main .content .list-item .btn.data-v-e56d1843 {
|
||||
flex: 1;
|
||||
}
|
||||
.manage .main .content .list-item .article.data-v-e56d1843 {
|
||||
opacity: 0.6;
|
||||
width: 246px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.manage .main .content .list-item .end.data-v-e56d1843 {
|
||||
align-self: flex-end;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.manage .main .footer.data-v-e56d1843 {
|
||||
padding: 0 20px;
|
||||
}
|
||||
.manage .main .footer .list-item.data-v-e56d1843 {
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
padding: 14px 0;
|
||||
justify-content: center;
|
||||
}
|
||||
.manage .main .footer .list-item.data-v-e56d1843:last-child {
|
||||
border: none;
|
||||
}
|
||||
.manage .admin.data-v-e56d1843 {
|
||||
padding: 20px 0;
|
||||
}
|
||||
.manage .admin-content.data-v-e56d1843 {
|
||||
padding: 20px 20px 12px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.manage .admin-content .aside.data-v-e56d1843 {
|
||||
flex: 1;
|
||||
font-size: 14px;
|
||||
}
|
||||
.manage .admin-content .aside .p.data-v-e56d1843 {
|
||||
font-size: 12px;
|
||||
}
|
||||
.manage .admin-list.data-v-e56d1843 {
|
||||
padding: 0 20px;
|
||||
}
|
||||
.manage .admin-list .label.data-v-e56d1843 {
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
.manage .admin .last.data-v-e56d1843 {
|
||||
padding-top: 13px;
|
||||
position: relative;
|
||||
}
|
||||
.manage .admin .last.data-v-e56d1843::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: calc(100% - 40px);
|
||||
height: 1px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.input.data-v-e56d1843 {
|
||||
border-radius: 4px;
|
||||
padding: 4px 16px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.group-id.data-v-e56d1843 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.group-id .icon.data-v-e56d1843 {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.avatar.data-v-e56d1843 {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.slider-box.data-v-e56d1843 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 34px;
|
||||
height: 20px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
.slider-block.data-v-e56d1843 {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border-radius: 8px;
|
||||
margin: 0 2px;
|
||||
}
|
||||
.space-between.data-v-e56d1843 {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.del-dialog-title.data-v-e56d1843 {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
}
|
||||
.deleted-dialog.data-v-e56d1843 {
|
||||
padding: 20%;
|
||||
}
|
||||
.icon-close.data-v-e56d1843 {
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
position: relative;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.icon-close.data-v-e56d1843::before,
|
||||
.icon-close.data-v-e56d1843::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background-color: #8F959E;
|
||||
height: 16px;
|
||||
width: 2px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -8px;
|
||||
margin-left: -1px;
|
||||
}
|
||||
.icon-close.data-v-e56d1843::before {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.icon-close.data-v-e56d1843::after {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
.tab-icon.data-v-e56d1843 {
|
||||
position: absolute;
|
||||
left: 20px;
|
||||
}
|
||||
@@ -1,130 +0,0 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
const common_assets = require("../../../../common/assets.js");
|
||||
if (!Math) {
|
||||
(Icon + Slider)();
|
||||
}
|
||||
const Slider = () => "../../common/Slider/index.js";
|
||||
const Icon = () => "../../common/Icon.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "manage-admin",
|
||||
props: {
|
||||
member: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
}
|
||||
},
|
||||
isSetMuteTime: {
|
||||
type: Boolean,
|
||||
default: () => false
|
||||
},
|
||||
currentGroup: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
}
|
||||
}
|
||||
},
|
||||
emits: [
|
||||
"addAdmin",
|
||||
"removeAdmin",
|
||||
"setAllMuteTime",
|
||||
"addMute",
|
||||
"removeMute",
|
||||
"close"
|
||||
],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const props = __props;
|
||||
const isAdminSetMuteTime = common_vendor.ref(false);
|
||||
const memberAdmin = common_vendor.ref({
|
||||
admin: [],
|
||||
member: [],
|
||||
muteMember: []
|
||||
});
|
||||
const currentGroupAdmin = common_vendor.ref();
|
||||
common_vendor.watchEffect(() => {
|
||||
memberAdmin.value = props.member;
|
||||
isAdminSetMuteTime.value = props.isSetMuteTime;
|
||||
currentGroupAdmin.value = props.currentGroup;
|
||||
});
|
||||
const emits = __emit;
|
||||
const addAdmin = () => {
|
||||
emits("addAdmin");
|
||||
};
|
||||
const removeAdmin = () => {
|
||||
emits("removeAdmin");
|
||||
};
|
||||
const setAllMuteTime = (value) => {
|
||||
emits("setAllMuteTime", value);
|
||||
};
|
||||
const addMute = () => {
|
||||
emits("addMute");
|
||||
};
|
||||
const removeMute = () => {
|
||||
emits("removeMute");
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.群管理员`)),
|
||||
b: common_vendor.f(common_vendor.unref(memberAdmin).admin, (item, index, i0) => {
|
||||
return {
|
||||
a: item.avatar || "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png",
|
||||
b: common_vendor.t(item.nick || item.userID),
|
||||
c: index
|
||||
};
|
||||
}),
|
||||
c: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.plusSVG),
|
||||
width: "16px",
|
||||
height: "16px"
|
||||
}),
|
||||
d: common_vendor.o$1(addAdmin),
|
||||
e: common_vendor.unref(memberAdmin).admin.length > 0
|
||||
}, common_vendor.unref(memberAdmin).admin.length > 0 ? {
|
||||
f: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.minusSVG),
|
||||
width: "16px",
|
||||
height: "16px"
|
||||
}),
|
||||
g: common_vendor.o$1(removeAdmin)
|
||||
} : {}, {
|
||||
h: common_vendor.unref(isAdminSetMuteTime)
|
||||
}, common_vendor.unref(isAdminSetMuteTime) ? {
|
||||
i: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.全员禁言`)),
|
||||
j: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.全员禁言开启后，只允许群主和管理员发言。`)),
|
||||
k: common_vendor.o$1(setAllMuteTime),
|
||||
l: common_vendor.p({
|
||||
open: common_vendor.unref(currentGroupAdmin).muteAllMembers
|
||||
})
|
||||
} : {}, {
|
||||
m: common_vendor.unref(isAdminSetMuteTime)
|
||||
}, common_vendor.unref(isAdminSetMuteTime) ? common_vendor.e({
|
||||
n: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.单独禁言人员`)),
|
||||
o: common_vendor.f(common_vendor.unref(memberAdmin).muteMember, (item, index, i0) => {
|
||||
return {
|
||||
a: item.avatar || "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png",
|
||||
b: common_vendor.t(item.nick || item.userID),
|
||||
c: index
|
||||
};
|
||||
}),
|
||||
p: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.plusSVG),
|
||||
width: "16px",
|
||||
height: "16px"
|
||||
}),
|
||||
q: common_vendor.o$1(addMute),
|
||||
r: common_vendor.unref(memberAdmin).muteMember.length > 0
|
||||
}, common_vendor.unref(memberAdmin).muteMember.length > 0 ? {
|
||||
s: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.minusSVG),
|
||||
width: "16px",
|
||||
height: "16px"
|
||||
}),
|
||||
t: common_vendor.o$1(removeMute)
|
||||
} : {}) : {});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-bbbd882d"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/TUIGroup/manage-group/manage-admin.js.map
|
||||
@@ -1,7 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"slider": "../../common/Slider/index",
|
||||
"icon": "../../common/Icon"
|
||||
}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
<view class="admin-main data-v-bbbd882d"><view class="admin-manage data-v-bbbd882d"><view class="admin-manage-header data-v-bbbd882d">{{a}}</view><view class="admin-manage-list data-v-bbbd882d"><view wx:for="{{b}}" wx:for-item="item" wx:key="c" class="admin-manage-list-item data-v-bbbd882d"><view class="item-main data-v-bbbd882d"><image class="item-main-avatar data-v-bbbd882d" src="{{item.a}}" onerror="this.onerror=null;this.src='https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png'"></image></view><view class="item-name data-v-bbbd882d">{{item.b}}</view></view><view class="admin-manage-list-item data-v-bbbd882d"><view class="item-main data-v-bbbd882d" bindtap="{{d}}"><icon wx:if="{{c}}" class="data-v-bbbd882d" u-i="bbbd882d-0" bind:__l="__l" u-p="{{c}}"/></view></view><view class="admin-manage-list-item data-v-bbbd882d"><view wx:if="{{e}}" class="item-main data-v-bbbd882d" bindtap="{{g}}"><icon wx:if="{{f}}" class="data-v-bbbd882d" u-i="bbbd882d-1" bind:__l="__l" u-p="{{f}}"/></view></view></view></view><view wx:if="{{h}}" class="admin-mute-all data-v-bbbd882d"><view class="data-v-bbbd882d"><view class="admin-mute-all-title data-v-bbbd882d">{{i}}</view><view class="admin-mute-all-content data-v-bbbd882d">{{j}}</view></view><slider wx:if="{{l}}" class="data-v-bbbd882d" bindchange="{{k}}" u-i="bbbd882d-2" bind:__l="__l" u-p="{{l}}"/></view><view wx:if="{{m}}" class="admin-mute data-v-bbbd882d"><view class="admin-mute-header data-v-bbbd882d">{{n}}</view><view class="admin-mute-list data-v-bbbd882d"><view wx:for="{{o}}" wx:for-item="item" wx:key="c" class="admin-mute-list-item data-v-bbbd882d"><view class="item-main data-v-bbbd882d"><image class="item-main-avatar data-v-bbbd882d" src="{{item.a}}" onerror="this.onerror=null;this.src='https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png'"></image></view><view class="item-name data-v-bbbd882d">{{item.b}}</view></view><view class="admin-mute-list-item data-v-bbbd882d"><view class="item-main data-v-bbbd882d" bindtap="{{q}}"><icon wx:if="{{p}}" class="data-v-bbbd882d" u-i="bbbd882d-3" bind:__l="__l" u-p="{{p}}"/></view></view><view class="admin-mute-list-item data-v-bbbd882d"><view wx:if="{{r}}" class="item-main data-v-bbbd882d" bindtap="{{t}}"><icon wx:if="{{s}}" class="data-v-bbbd882d" u-i="bbbd882d-4" bind:__l="__l" u-p="{{s}}"/></view></view></view></view></view>
|
||||
@@ -1,194 +0,0 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
body.data-v-bbbd882d, div.data-v-bbbd882d, ul.data-v-bbbd882d, ol.data-v-bbbd882d, dt.data-v-bbbd882d, dd.data-v-bbbd882d, li.data-v-bbbd882d, dl.data-v-bbbd882d, h1.data-v-bbbd882d, h2.data-v-bbbd882d, h3.data-v-bbbd882d, h4.data-v-bbbd882d, p.data-v-bbbd882d {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-style: normal;
|
||||
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
||||
}
|
||||
ol.data-v-bbbd882d, ul.data-v-bbbd882d, li.data-v-bbbd882d {
|
||||
list-style: none;
|
||||
}
|
||||
img.data-v-bbbd882d {
|
||||
border: 0;
|
||||
vertical-align: middle;
|
||||
pointer-events: none;
|
||||
}
|
||||
body.data-v-bbbd882d {
|
||||
color: #000;
|
||||
background: #FFF;
|
||||
}
|
||||
.clear.data-v-bbbd882d {
|
||||
clear: both;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin-top: -1px;
|
||||
}
|
||||
a.data-v-bbbd882d {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
a.data-v-bbbd882d:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
input.data-v-bbbd882d, textarea.data-v-bbbd882d {
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
input.data-v-bbbd882d:focus, input.data-v-bbbd882d:active, textarea.data-v-bbbd882d:focus, textarea.data-v-bbbd882d:active {
|
||||
outline: none;
|
||||
}
|
||||
.chat-aside.data-v-bbbd882d {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 0;
|
||||
box-sizing: border-box;
|
||||
width: 360px !important;
|
||||
border-radius: 8px 0 0 8px;
|
||||
z-index: 9999;
|
||||
max-height: calc(100% - 50px);
|
||||
}
|
||||
.admin.data-v-bbbd882d {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.admin-header.data-v-bbbd882d {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
padding: 10px;
|
||||
}
|
||||
.admin-header-left.data-v-bbbd882d {
|
||||
font-family: "PingFang SC", sans-serif;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
line-height: 50px;
|
||||
letter-spacing: 0;
|
||||
text-align: left;
|
||||
}
|
||||
.admin-header-close.data-v-bbbd882d {
|
||||
font-family: "PingFang SC", sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 48px;
|
||||
letter-spacing: 0;
|
||||
text-align: left;
|
||||
color: #3370ff;
|
||||
}
|
||||
.admin-main.data-v-bbbd882d {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.admin-main .admin-manage.data-v-bbbd882d {
|
||||
border-bottom: 10px solid #f4f5f9;
|
||||
}
|
||||
.admin-main .admin-manage.data-v-bbbd882d,
|
||||
.admin-main .admin-mute.data-v-bbbd882d {
|
||||
padding: 10px;
|
||||
width: calc(100% - 20px);
|
||||
overflow: hidden;
|
||||
}
|
||||
.admin-main .admin-manage-header.data-v-bbbd882d,
|
||||
.admin-main .admin-mute-header.data-v-bbbd882d {
|
||||
padding-left: 10px;
|
||||
font-family: "PingFang SC", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 20px;
|
||||
letter-spacing: 0;
|
||||
text-align: left;
|
||||
}
|
||||
.admin-main .admin-manage-list.data-v-bbbd882d,
|
||||
.admin-main .admin-mute-list.data-v-bbbd882d {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.admin-main .admin-manage-list-item.data-v-bbbd882d,
|
||||
.admin-main .admin-mute-list-item.data-v-bbbd882d {
|
||||
flex: 0 0 36px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 10px;
|
||||
}
|
||||
.admin-main .admin-manage-list-item .item-main.data-v-bbbd882d,
|
||||
.admin-main .admin-mute-list-item .item-main.data-v-bbbd882d {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 4px;
|
||||
font-size: 12px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: #f4f5f9;
|
||||
color: #000;
|
||||
}
|
||||
.admin-main .admin-manage-list-item .item-main-avatar.data-v-bbbd882d,
|
||||
.admin-main .admin-mute-list-item .item-main-avatar.data-v-bbbd882d {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
overflow: hidden;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.admin-main .admin-manage-list-item .item-name.data-v-bbbd882d,
|
||||
.admin-main .admin-mute-list-item .item-name.data-v-bbbd882d {
|
||||
text-align: center;
|
||||
max-width: 36px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.admin-main .admin-mute-all.data-v-bbbd882d {
|
||||
margin: 0 10px;
|
||||
padding: 20px 0;
|
||||
border-bottom: 1px solid #e8e8e9;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.admin-main .admin-mute-all-title.data-v-bbbd882d {
|
||||
padding-left: 10px;
|
||||
font-family: "PingFang SC", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 20px;
|
||||
letter-spacing: 0;
|
||||
text-align: left;
|
||||
}
|
||||
.admin-main .admin-mute-all-content.data-v-bbbd882d {
|
||||
color: #999;
|
||||
padding-left: 10px;
|
||||
font-family: "PingFang SC", sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
line-height: 17px;
|
||||
letter-spacing: 0;
|
||||
text-align: left;
|
||||
}
|
||||
@@ -1,134 +0,0 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
const common_assets = require("../../../../common/assets.js");
|
||||
const TUIKit_utils_env = require("../../../utils/env.js");
|
||||
if (!Math) {
|
||||
Icon();
|
||||
}
|
||||
const Icon = () => "../../common/Icon.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "manage-member",
|
||||
props: {
|
||||
list: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
},
|
||||
total: {
|
||||
type: Number,
|
||||
default: () => 0
|
||||
},
|
||||
isShowDel: {
|
||||
type: Boolean,
|
||||
default: () => false
|
||||
},
|
||||
self: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
},
|
||||
emits: ["more", "del", "handleMemberProfileShow", "close"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const props = __props;
|
||||
const totalMember = common_vendor.ref(0);
|
||||
const memberList = common_vendor.ref([]);
|
||||
const isShowDeleteBtn = common_vendor.ref(false);
|
||||
const selfValue = common_vendor.ref({});
|
||||
common_vendor.watchEffect(() => {
|
||||
totalMember.value = props.total;
|
||||
isShowDeleteBtn.value = props.isShowDel;
|
||||
memberList.value = props.list;
|
||||
selfValue.value = props.self;
|
||||
});
|
||||
const emits = __emit;
|
||||
const handleRoleName = (item) => {
|
||||
let name = "";
|
||||
switch (item == null ? void 0 : item.role) {
|
||||
case common_vendor.qt.TYPES.GRP_MBR_ROLE_ADMIN:
|
||||
name = common_vendor.Wt.t("TUIGroup.管理员");
|
||||
break;
|
||||
case common_vendor.qt.TYPES.GRP_MBR_ROLE_OWNER:
|
||||
name = common_vendor.Wt.t("TUIGroup.群主");
|
||||
break;
|
||||
}
|
||||
if (name) {
|
||||
name = `(${name})`;
|
||||
}
|
||||
if (item.userID === selfValue.value.userID) {
|
||||
name += ` (${common_vendor.Wt.t("TUIGroup.我")})`;
|
||||
}
|
||||
return name;
|
||||
};
|
||||
const getMore = () => {
|
||||
emits("more");
|
||||
};
|
||||
const submit = (item) => {
|
||||
emits("del", [item]);
|
||||
};
|
||||
const handleMemberProfileShow = (user) => {
|
||||
emits("handleMemberProfileShow", user);
|
||||
};
|
||||
const close = (tabName) => {
|
||||
emits("close", tabName);
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: !common_vendor.unref(TUIKit_utils_env.isUniFrameWork)
|
||||
}, !common_vendor.unref(TUIKit_utils_env.isUniFrameWork) ? common_vendor.e({
|
||||
b: common_vendor.f(common_vendor.unref(memberList), (item, index, i0) => {
|
||||
return common_vendor.e({
|
||||
a: item.avatar || "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png",
|
||||
b: common_vendor.t(item.nick || item.userID),
|
||||
c: common_vendor.t(handleRoleName(item)),
|
||||
d: common_vendor.o$1(($event) => handleMemberProfileShow(item), index),
|
||||
e: item.role !== "Owner" && common_vendor.unref(isShowDeleteBtn)
|
||||
}, item.role !== "Owner" && common_vendor.unref(isShowDeleteBtn) ? {
|
||||
f: "a4ec002a-0-" + i0,
|
||||
g: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.delIcon$1),
|
||||
width: "16px",
|
||||
height: "16px"
|
||||
})
|
||||
} : {}, {
|
||||
h: common_vendor.o$1(($event) => submit(item), index),
|
||||
i: index
|
||||
});
|
||||
}),
|
||||
c: common_vendor.unref(memberList).length < common_vendor.unref(totalMember)
|
||||
}, common_vendor.unref(memberList).length < common_vendor.unref(totalMember) ? {
|
||||
d: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.查看更多`)),
|
||||
e: common_vendor.o$1(getMore)
|
||||
} : {}) : common_vendor.e({
|
||||
f: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.群成员`)),
|
||||
g: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`关闭`)),
|
||||
h: common_vendor.o$1(($event) => close("member")),
|
||||
i: common_vendor.f(common_vendor.unref(memberList), (item, index, i0) => {
|
||||
return common_vendor.e({
|
||||
a: item.avatar || "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png",
|
||||
b: common_vendor.t(item.nick || item.userID),
|
||||
c: common_vendor.t(handleRoleName(item)),
|
||||
d: common_vendor.o$1(($event) => handleMemberProfileShow(item), index),
|
||||
e: item.role !== "Owner" && common_vendor.unref(isShowDeleteBtn)
|
||||
}, item.role !== "Owner" && common_vendor.unref(isShowDeleteBtn) ? {
|
||||
f: "a4ec002a-1-" + i0,
|
||||
g: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.delIcon$1),
|
||||
width: "16px",
|
||||
height: "16px"
|
||||
})
|
||||
} : {}, {
|
||||
h: common_vendor.o$1(($event) => submit(item), index),
|
||||
i: index
|
||||
});
|
||||
}),
|
||||
j: common_vendor.unref(memberList).length < common_vendor.unref(totalMember)
|
||||
}, common_vendor.unref(memberList).length < common_vendor.unref(totalMember) ? {
|
||||
k: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.查看更多`)),
|
||||
l: common_vendor.o$1(getMore)
|
||||
} : {}));
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-a4ec002a"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/TUIGroup/manage-group/manage-member.js.map
|
||||
@@ -1,6 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"icon": "../../common/Icon"
|
||||
}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
<view wx:if="{{a}}" class="member data-v-a4ec002a"><view class="list data-v-a4ec002a"><view wx:for="{{b}}" wx:for-item="item" wx:key="i" class="list-item data-v-a4ec002a"><view class="aside data-v-a4ec002a" bindtap="{{item.d}}"><image class="avatar data-v-a4ec002a" src="{{item.a}}" onerror="this.onerror=null;this.src='https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png'"></image><label class="name data-v-a4ec002a">{{item.b}}</label><label class="data-v-a4ec002a">{{item.c}}</label></view><view class="data-v-a4ec002a" bindtap="{{item.h}}"><icon wx:if="{{item.e}}" class="data-v-a4ec002a" u-i="{{item.f}}" bind:__l="__l" u-p="{{item.g}}"/></view></view><view wx:if="{{c}}" class="list-item data-v-a4ec002a" bindtap="{{e}}">{{d}}</view></view></view><view wx:else class="edit-h5 data-v-a4ec002a"><view class="main data-v-a4ec002a"><view class="edit-h5-header data-v-a4ec002a"><view class="left data-v-a4ec002a"><view class="data-v-a4ec002a">{{f}}</view></view><label class="close data-v-a4ec002a" bindtap="{{h}}">{{g}}</label></view><view class="member data-v-a4ec002a"><view class="list list-uniapp data-v-a4ec002a"><view wx:for="{{i}}" wx:for-item="item" wx:key="i" class="list-item data-v-a4ec002a"><view class="aside data-v-a4ec002a" bindtap="{{item.d}}"><image class="avatar data-v-a4ec002a" src="{{item.a}}" onerror="this.onerror=null;this.src='https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png'"></image><label class="name data-v-a4ec002a">{{item.b}}</label><label class="data-v-a4ec002a">{{item.c}}</label></view><view class="data-v-a4ec002a" bindtap="{{item.h}}"><icon wx:if="{{item.e}}" class="data-v-a4ec002a" u-i="{{item.f}}" bind:__l="__l" u-p="{{item.g}}"/></view></view><view wx:if="{{j}}" class="list-item data-v-a4ec002a" bindtap="{{l}}">{{k}}</view></view></view></view></view>
|
||||
@@ -1,174 +0,0 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
body.data-v-a4ec002a, div.data-v-a4ec002a, ul.data-v-a4ec002a, ol.data-v-a4ec002a, dt.data-v-a4ec002a, dd.data-v-a4ec002a, li.data-v-a4ec002a, dl.data-v-a4ec002a, h1.data-v-a4ec002a, h2.data-v-a4ec002a, h3.data-v-a4ec002a, h4.data-v-a4ec002a, p.data-v-a4ec002a {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-style: normal;
|
||||
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
||||
}
|
||||
ol.data-v-a4ec002a, ul.data-v-a4ec002a, li.data-v-a4ec002a {
|
||||
list-style: none;
|
||||
}
|
||||
img.data-v-a4ec002a {
|
||||
border: 0;
|
||||
vertical-align: middle;
|
||||
pointer-events: none;
|
||||
}
|
||||
body.data-v-a4ec002a {
|
||||
color: #000;
|
||||
background: #FFF;
|
||||
}
|
||||
.clear.data-v-a4ec002a {
|
||||
clear: both;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin-top: -1px;
|
||||
}
|
||||
a.data-v-a4ec002a {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
a.data-v-a4ec002a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
input.data-v-a4ec002a, textarea.data-v-a4ec002a {
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
input.data-v-a4ec002a:focus, input.data-v-a4ec002a:active, textarea.data-v-a4ec002a:focus, textarea.data-v-a4ec002a:active {
|
||||
outline: none;
|
||||
}
|
||||
.chat-aside.data-v-a4ec002a {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 0;
|
||||
box-sizing: border-box;
|
||||
width: 360px !important;
|
||||
border-radius: 8px 0 0 8px;
|
||||
z-index: 9999;
|
||||
max-height: calc(100% - 50px);
|
||||
}
|
||||
.member.data-v-a4ec002a {
|
||||
flex: 1;
|
||||
background: #fff;
|
||||
}
|
||||
.member .list.data-v-a4ec002a {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: #f4f5f9;
|
||||
padding-top: 22px;
|
||||
}
|
||||
.member .list-uniapp.data-v-a4ec002a {
|
||||
background: none;
|
||||
}
|
||||
.member .list-item.data-v-a4ec002a {
|
||||
padding: 13px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
font-size: 14px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
}
|
||||
.member .list-item.data-v-a4ec002a:hover {
|
||||
background: #f1f2f6;
|
||||
}
|
||||
.member .list-item .aside.data-v-a4ec002a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.member .list-item .aside .name.data-v-a4ec002a {
|
||||
margin-left: 8px;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #000;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.avatar.data-v-a4ec002a {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.edit-h5.data-v-a4ec002a {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
z-index: 1;
|
||||
}
|
||||
.edit-h5 .main.data-v-a4ec002a {
|
||||
background: #fff;
|
||||
flex: 1;
|
||||
padding: 18px;
|
||||
border-radius: 12px 12px 0 0;
|
||||
overflow: scroll;
|
||||
height: 50%;
|
||||
width: 80vw;
|
||||
}
|
||||
.edit-h5-header.data-v-a4ec002a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.edit-h5-header .close.data-v-a4ec002a {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
color: #3370ff;
|
||||
letter-spacing: 0;
|
||||
line-height: 27px;
|
||||
}
|
||||
.edit-h5-footer.data-v-a4ec002a {
|
||||
display: flex;
|
||||
}
|
||||
.edit-h5-footer .btn.data-v-a4ec002a {
|
||||
flex: 1;
|
||||
border: none;
|
||||
background: #147aff;
|
||||
border-radius: 5px;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
letter-spacing: 0;
|
||||
line-height: 27px;
|
||||
padding: 8px 0;
|
||||
}
|
||||
.edit-h5-footer .btn.data-v-a4ec002a:disabled {
|
||||
opacity: 0.3;
|
||||
}
|
||||
@@ -1,120 +0,0 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
const common_assets = require("../../../../common/assets.js");
|
||||
const TUIKit_components_common_Toast_index = require("../../common/Toast/index.js");
|
||||
const TUIKit_utils_env = require("../../../utils/env.js");
|
||||
const TUIKit_components_common_Toast_type = require("../../common/Toast/type.js");
|
||||
if (!Math) {
|
||||
Icon();
|
||||
}
|
||||
const Icon = () => "../../common/Icon.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "manage-name",
|
||||
props: {
|
||||
data: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
},
|
||||
isAuthor: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
emits: ["update"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const props = __props;
|
||||
const groupProfile = common_vendor.ref({});
|
||||
const inputGroupName = common_vendor.ref("");
|
||||
const isEdit = common_vendor.ref(false);
|
||||
const nameInputRef = common_vendor.ref(null);
|
||||
common_vendor.watchEffect(() => {
|
||||
groupProfile.value = props.data;
|
||||
});
|
||||
const emit = __emit;
|
||||
const updateProfile = () => {
|
||||
if (!inputGroupName.value) {
|
||||
TUIKit_components_common_Toast_index.Toast({
|
||||
message: common_vendor.Wt.t("TUIGroup.群名称不能为空"),
|
||||
type: TUIKit_components_common_Toast_type.TOAST_TYPE.ERROR
|
||||
});
|
||||
} else {
|
||||
if (inputGroupName.value !== groupProfile.value.name) {
|
||||
emit("update", { key: "name", value: inputGroupName.value });
|
||||
groupProfile.value.name = inputGroupName.value;
|
||||
inputGroupName.value = "";
|
||||
TUIKit_components_common_Toast_index.Toast({
|
||||
message: common_vendor.Wt.t("TUIGroup.群名称修改成功"),
|
||||
type: TUIKit_components_common_Toast_type.TOAST_TYPE.SUCCESS
|
||||
});
|
||||
}
|
||||
toggleEditStatus();
|
||||
}
|
||||
};
|
||||
const toggleEditStatus = () => {
|
||||
if (props.isAuthor) {
|
||||
isEdit.value = !isEdit.value;
|
||||
}
|
||||
if (isEdit.value) {
|
||||
inputGroupName.value = groupProfile.value.name;
|
||||
}
|
||||
};
|
||||
common_vendor.watch(
|
||||
() => isEdit.value,
|
||||
(newVal) => {
|
||||
if (newVal) {
|
||||
common_vendor.nextTick$1(() => {
|
||||
var _a;
|
||||
(_a = nameInputRef.value) == null ? void 0 : _a.focus();
|
||||
});
|
||||
}
|
||||
}
|
||||
);
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.群名称`)),
|
||||
b: common_vendor.unref(isEdit)
|
||||
}, common_vendor.unref(isEdit) ? common_vendor.e({
|
||||
c: !common_vendor.unref(TUIKit_utils_env.isPC)
|
||||
}, !common_vendor.unref(TUIKit_utils_env.isPC) ? {
|
||||
d: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.修改群聊名称`)),
|
||||
e: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.修改群聊名称后，将在群内通知其他成员`)),
|
||||
f: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`关闭`)),
|
||||
g: common_vendor.o$1(toggleEditStatus)
|
||||
} : {}, {
|
||||
h: common_vendor.unref(isEdit)
|
||||
}, common_vendor.unref(isEdit) ? {
|
||||
i: common_vendor.o$1(updateProfile),
|
||||
j: common_vendor.unref(inputGroupName),
|
||||
k: common_vendor.o$1(($event) => common_vendor.isRef(inputGroupName) ? inputGroupName.value = $event.detail.value : null)
|
||||
} : {}, {
|
||||
l: !common_vendor.unref(TUIKit_utils_env.isPC)
|
||||
}, !common_vendor.unref(TUIKit_utils_env.isPC) ? {
|
||||
m: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.仅限中文、字母、数字和下划线，2-20个字`))
|
||||
} : {}, {
|
||||
n: !common_vendor.unref(TUIKit_utils_env.isPC)
|
||||
}, !common_vendor.unref(TUIKit_utils_env.isPC) ? {
|
||||
o: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`确认`)),
|
||||
p: common_vendor.o$1(updateProfile)
|
||||
} : {}, {
|
||||
q: common_vendor.unref(TUIKit_utils_env.isMobile) ? 1 : ""
|
||||
}) : {}, {
|
||||
r: !common_vendor.unref(isEdit) || !common_vendor.unref(TUIKit_utils_env.isPC)
|
||||
}, !common_vendor.unref(isEdit) || !common_vendor.unref(TUIKit_utils_env.isPC) ? common_vendor.e({
|
||||
s: common_vendor.t(common_vendor.unref(groupProfile).name),
|
||||
t: __props.isAuthor
|
||||
}, __props.isAuthor ? {
|
||||
v: common_vendor.p({
|
||||
file: common_vendor.unref(common_assets.editIcon),
|
||||
width: "14px",
|
||||
height: "14px"
|
||||
})
|
||||
} : {}, {
|
||||
w: common_vendor.o$1(toggleEditStatus)
|
||||
}) : {});
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-0a71df72"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/TUIGroup/manage-group/manage-name.js.map
|
||||
@@ -1,6 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"icon": "../../common/Icon"
|
||||
}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
<view class="group-name data-v-0a71df72"><label class="data-v-0a71df72">{{a}}</label><view wx:if="{{b}}" class="{{['data-v-0a71df72', q && 'edit-h5']}}"><view class="edit-h5-main data-v-0a71df72"><view wx:if="{{c}}" class="edit-h5-header data-v-0a71df72"><view class="left data-v-0a71df72"><view class="data-v-0a71df72">{{d}}</view><label class="data-v-0a71df72">{{e}}</label></view><label class="close data-v-0a71df72" bindtap="{{g}}">{{f}}</label></view><view class="input-box data-v-0a71df72"><input wx:if="{{h}}" ref="nameInputRef" class="input data-v-0a71df72" type="text" bindblur="{{i}}" value="{{j}}" bindinput="{{k}}"></input><label wx:if="{{l}}" class="tip data-v-0a71df72">{{m}}</label></view><view wx:if="{{n}}" class="edit-h5-footer data-v-0a71df72"><button class="btn data-v-0a71df72" bindtap="{{p}}">{{o}}</button></view></view></view><view wx:if="{{r}}" class="name data-v-0a71df72" bindtap="{{w}}"><label class="data-v-0a71df72">{{s}}</label><icon wx:if="{{t}}" class="icon data-v-0a71df72" u-i="0a71df72-0" bind:__l="__l" u-p="{{v}}"/></view></view>
|
||||
@@ -1,170 +0,0 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
body.data-v-0a71df72, div.data-v-0a71df72, ul.data-v-0a71df72, ol.data-v-0a71df72, dt.data-v-0a71df72, dd.data-v-0a71df72, li.data-v-0a71df72, dl.data-v-0a71df72, h1.data-v-0a71df72, h2.data-v-0a71df72, h3.data-v-0a71df72, h4.data-v-0a71df72, p.data-v-0a71df72 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-style: normal;
|
||||
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
||||
}
|
||||
ol.data-v-0a71df72, ul.data-v-0a71df72, li.data-v-0a71df72 {
|
||||
list-style: none;
|
||||
}
|
||||
img.data-v-0a71df72 {
|
||||
border: 0;
|
||||
vertical-align: middle;
|
||||
pointer-events: none;
|
||||
}
|
||||
body.data-v-0a71df72 {
|
||||
color: #000;
|
||||
background: #FFF;
|
||||
}
|
||||
.clear.data-v-0a71df72 {
|
||||
clear: both;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin-top: -1px;
|
||||
}
|
||||
a.data-v-0a71df72 {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
a.data-v-0a71df72:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
input.data-v-0a71df72, textarea.data-v-0a71df72 {
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
input.data-v-0a71df72:focus, input.data-v-0a71df72:active, textarea.data-v-0a71df72:focus, textarea.data-v-0a71df72:active {
|
||||
outline: none;
|
||||
}
|
||||
.chat-aside.data-v-0a71df72 {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 0;
|
||||
box-sizing: border-box;
|
||||
width: 360px !important;
|
||||
border-radius: 8px 0 0 8px;
|
||||
z-index: 9999;
|
||||
max-height: calc(100% - 50px);
|
||||
}
|
||||
.group-name.data-v-0a71df72 {
|
||||
padding: 14px 20px;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #000;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.group-name .name.data-v-0a71df72 {
|
||||
color: #999;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.group-name .name .icon.data-v-0a71df72 {
|
||||
margin-left: 4px;
|
||||
}
|
||||
.input-box.data-v-0a71df72 {
|
||||
display: flex;
|
||||
}
|
||||
.input-box .input.data-v-0a71df72 {
|
||||
flex: 1;
|
||||
border: 1px solid #e8e8e9;
|
||||
border-radius: 4px;
|
||||
padding: 4px 16px;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #000;
|
||||
opacity: 0.6;
|
||||
}
|
||||
.space-top.data-v-0a71df72 {
|
||||
border-top: 10px solid #f4f5f9;
|
||||
}
|
||||
.edit-h5.data-v-0a71df72 {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
z-index: 1;
|
||||
}
|
||||
.edit-h5 .edit-h5-main.data-v-0a71df72 {
|
||||
background: #fff;
|
||||
flex: 1;
|
||||
padding: 18px;
|
||||
border-radius: 12px 12px 0 0;
|
||||
width: 80vw;
|
||||
}
|
||||
.edit-h5 .edit-h5-main .input-box.data-v-0a71df72 {
|
||||
flex-direction: column;
|
||||
padding: 18px 0;
|
||||
}
|
||||
.edit-h5 .edit-h5-main .input-box .input.data-v-0a71df72 {
|
||||
background: #f8f8f8;
|
||||
padding: 10px 12px;
|
||||
}
|
||||
.edit-h5 .edit-h5-main .input-box .tip.data-v-0a71df72 {
|
||||
font-size: 12px;
|
||||
color: #888;
|
||||
padding-top: 8px;
|
||||
}
|
||||
.edit-h5-header.data-v-0a71df72 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.edit-h5-header .close.data-v-0a71df72 {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
color: #3370ff;
|
||||
letter-spacing: 0;
|
||||
line-height: 27px;
|
||||
}
|
||||
.edit-h5-footer.data-v-0a71df72 {
|
||||
display: flex;
|
||||
}
|
||||
.edit-h5-footer .btn.data-v-0a71df72 {
|
||||
flex: 1;
|
||||
border: none;
|
||||
background: #147aff;
|
||||
border-radius: 5px;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
letter-spacing: 0;
|
||||
line-height: 27px;
|
||||
padding: 8px 0;
|
||||
}
|
||||
.edit-h5-footer .btn.data-v-0a71df72:disabled {
|
||||
opacity: 0.3;
|
||||
}
|
||||
@@ -1,108 +0,0 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
const TUIKit_components_common_Toast_index = require("../../common/Toast/index.js");
|
||||
const TUIKit_utils_env = require("../../../utils/env.js");
|
||||
const TUIKit_components_common_Toast_type = require("../../common/Toast/type.js");
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "manage-notification",
|
||||
props: {
|
||||
data: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
},
|
||||
isAuthor: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
emits: ["update", "close"],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const props = __props;
|
||||
const groupProfile = common_vendor.ref({});
|
||||
const input = common_vendor.ref("");
|
||||
const isAuthorNotification = common_vendor.ref(false);
|
||||
const isEdit = common_vendor.ref(false);
|
||||
common_vendor.watchEffect(() => {
|
||||
groupProfile.value = props.data;
|
||||
input.value = groupProfile.value.notification;
|
||||
isAuthorNotification.value = props.isAuthor;
|
||||
});
|
||||
const emits = __emit;
|
||||
const updateProfile = () => {
|
||||
if (input.value.length > 150) {
|
||||
TUIKit_components_common_Toast_index.Toast({
|
||||
message: common_vendor.Wt.t("TUIGroup.群公告字数超出限制，最大长度为150"),
|
||||
type: TUIKit_components_common_Toast_type.TOAST_TYPE.ERROR
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (input.value && input.value !== groupProfile.value.notification) {
|
||||
emits("update", { key: "notification", value: input.value });
|
||||
common_vendor.nextTick$1(() => {
|
||||
input.value = "";
|
||||
});
|
||||
}
|
||||
isEdit.value = !isEdit.value;
|
||||
};
|
||||
const close = (tabName) => {
|
||||
emits("close", tabName);
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: !common_vendor.unref(TUIKit_utils_env.isUniFrameWork)
|
||||
}, !common_vendor.unref(TUIKit_utils_env.isUniFrameWork) ? common_vendor.e({
|
||||
b: common_vendor.unref(isEdit)
|
||||
}, common_vendor.unref(isEdit) ? {
|
||||
c: common_vendor.o$1(updateProfile),
|
||||
d: common_vendor.unref(input),
|
||||
e: common_vendor.o$1(($event) => common_vendor.isRef(input) ? input.value = $event.detail.value : null)
|
||||
} : common_vendor.e({
|
||||
f: !common_vendor.unref(groupProfile).notification
|
||||
}, !common_vendor.unref(groupProfile).notification ? {
|
||||
g: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.暂无公告`))
|
||||
} : {
|
||||
h: common_vendor.t(common_vendor.unref(groupProfile).notification)
|
||||
}), {
|
||||
i: common_vendor.unref(isAuthorNotification)
|
||||
}, common_vendor.unref(isAuthorNotification) ? common_vendor.e({
|
||||
j: common_vendor.unref(isEdit)
|
||||
}, common_vendor.unref(isEdit) ? {
|
||||
k: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.发布`)),
|
||||
l: common_vendor.o$1(updateProfile)
|
||||
} : {
|
||||
m: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.编辑`)),
|
||||
n: common_vendor.o$1(($event) => isEdit.value = !common_vendor.unref(isEdit))
|
||||
}) : {}) : common_vendor.e({
|
||||
o: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.群公告`)),
|
||||
p: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`关闭`)),
|
||||
q: common_vendor.o$1(($event) => close("notification")),
|
||||
r: common_vendor.unref(isEdit)
|
||||
}, common_vendor.unref(isEdit) ? {
|
||||
s: common_vendor.n(common_vendor.unref(TUIKit_utils_env.isUniFrameWork) ? "uni-height" : ""),
|
||||
t: common_vendor.o$1(updateProfile),
|
||||
v: common_vendor.unref(input),
|
||||
w: common_vendor.o$1(($event) => common_vendor.isRef(input) ? input.value = $event.detail.value : null)
|
||||
} : common_vendor.e({
|
||||
x: !common_vendor.unref(groupProfile).notification
|
||||
}, !common_vendor.unref(groupProfile).notification ? {
|
||||
y: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.暂无公告`))
|
||||
} : {
|
||||
z: common_vendor.t(common_vendor.unref(groupProfile).notification)
|
||||
}), {
|
||||
A: common_vendor.unref(isAuthorNotification)
|
||||
}, common_vendor.unref(isAuthorNotification) ? common_vendor.e({
|
||||
B: common_vendor.unref(isEdit)
|
||||
}, common_vendor.unref(isEdit) ? {
|
||||
C: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.发布`)),
|
||||
D: common_vendor.o$1(updateProfile)
|
||||
} : {
|
||||
E: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.编辑`)),
|
||||
F: common_vendor.o$1(($event) => isEdit.value = !common_vendor.unref(isEdit))
|
||||
}) : {}));
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-7e758e1e"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/TUIGroup/manage-group/manage-notification.js.map
|
||||
@@ -1,4 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
<view wx:if="{{a}}" class="notification data-v-7e758e1e"><textarea wx:if="{{b}}" class="textarea data-v-7e758e1e" bindkeyup="{{c}}" value="{{d}}" bindinput="{{e}}"/><view wx:else class="data-v-7e758e1e"><view wx:if="{{f}}" class="data-v-7e758e1e">{{g}}</view><view wx:else class="data-v-7e758e1e">{{h}}</view></view><view wx:if="{{i}}" class="data-v-7e758e1e"><button wx:if="{{j}}" class="btn data-v-7e758e1e" bindtap="{{l}}">{{k}}</button><button wx:else class="btn data-v-7e758e1e" bindtap="{{n}}">{{m}}</button></view></view><view wx:else class="edit-h5 data-v-7e758e1e"><view class="edit-h5-main data-v-7e758e1e"><view class="edit-h5-header data-v-7e758e1e"><view class="left data-v-7e758e1e"><view class="data-v-7e758e1e">{{o}}</view></view><label class="close data-v-7e758e1e" bindtap="{{q}}">{{p}}</label></view><view class="notification data-v-7e758e1e"><textarea wx:if="{{r}}" class="{{['data-v-7e758e1e', s, 'textarea']}}" bindkeyup="{{t}}" value="{{v}}" bindinput="{{w}}"/><view wx:else class="row data-v-7e758e1e"><view wx:if="{{x}}" class="row-p data-v-7e758e1e">{{y}}</view><view wx:else class="data-v-7e758e1e">{{z}}</view></view><view wx:if="{{A}}" class="footer data-v-7e758e1e"><button wx:if="{{B}}" class="btn data-v-7e758e1e" bindtap="{{D}}">{{C}}</button><button wx:else class="btn data-v-7e758e1e" bindtap="{{F}}">{{E}}</button></view></view></view></view>
|
||||
@@ -1,172 +0,0 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
body.data-v-7e758e1e, div.data-v-7e758e1e, ul.data-v-7e758e1e, ol.data-v-7e758e1e, dt.data-v-7e758e1e, dd.data-v-7e758e1e, li.data-v-7e758e1e, dl.data-v-7e758e1e, h1.data-v-7e758e1e, h2.data-v-7e758e1e, h3.data-v-7e758e1e, h4.data-v-7e758e1e, p.data-v-7e758e1e {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-style: normal;
|
||||
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
||||
}
|
||||
ol.data-v-7e758e1e, ul.data-v-7e758e1e, li.data-v-7e758e1e {
|
||||
list-style: none;
|
||||
}
|
||||
img.data-v-7e758e1e {
|
||||
border: 0;
|
||||
vertical-align: middle;
|
||||
pointer-events: none;
|
||||
}
|
||||
body.data-v-7e758e1e {
|
||||
color: #000;
|
||||
background: #FFF;
|
||||
}
|
||||
.clear.data-v-7e758e1e {
|
||||
clear: both;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin-top: -1px;
|
||||
}
|
||||
a.data-v-7e758e1e {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
a.data-v-7e758e1e:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
input.data-v-7e758e1e, textarea.data-v-7e758e1e {
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
input.data-v-7e758e1e:focus, input.data-v-7e758e1e:active, textarea.data-v-7e758e1e:focus, textarea.data-v-7e758e1e:active {
|
||||
outline: none;
|
||||
}
|
||||
.chat-aside.data-v-7e758e1e {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 0;
|
||||
box-sizing: border-box;
|
||||
width: 360px !important;
|
||||
border-radius: 8px 0 0 8px;
|
||||
z-index: 9999;
|
||||
max-height: calc(100% - 50px);
|
||||
}
|
||||
.notification.data-v-7e758e1e {
|
||||
flex: 1;
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
word-break: break-all;
|
||||
}
|
||||
.notification .row.data-v-7e758e1e {
|
||||
flex: 1;
|
||||
font-size: 14px;
|
||||
}
|
||||
.notification .row .row-p.data-v-7e758e1e {
|
||||
text-align: center;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.notification .textarea.data-v-7e758e1e {
|
||||
margin-bottom: 20px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
border: 1px solid #e8e8e9;
|
||||
resize: none;
|
||||
font-size: 14px;
|
||||
height: 100%;
|
||||
}
|
||||
.notification .uni-height.data-v-7e758e1e {
|
||||
height: 20vh;
|
||||
}
|
||||
.notification .footer.data-v-7e758e1e {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 20px 10px;
|
||||
}
|
||||
.btn.data-v-7e758e1e {
|
||||
background: #3370ff;
|
||||
border: 0 solid #2f80ed;
|
||||
padding: 4px 28px;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: #fff;
|
||||
line-height: 24px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.btn-cancel.data-v-7e758e1e {
|
||||
background: #fff;
|
||||
border: 1px solid #ddd;
|
||||
color: #828282;
|
||||
}
|
||||
.edit-h5.data-v-7e758e1e {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
z-index: 1;
|
||||
}
|
||||
.edit-h5 .edit-h5-main.data-v-7e758e1e {
|
||||
background: #fff;
|
||||
flex: 1;
|
||||
padding: 18px;
|
||||
border-radius: 12px 12px 0 0;
|
||||
width: 80vw;
|
||||
}
|
||||
.edit-h5-header.data-v-7e758e1e {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.edit-h5-header .close.data-v-7e758e1e {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
color: #3370ff;
|
||||
letter-spacing: 0;
|
||||
line-height: 27px;
|
||||
}
|
||||
.edit-h5-footer.data-v-7e758e1e {
|
||||
display: flex;
|
||||
}
|
||||
.edit-h5-footer .btn.data-v-7e758e1e {
|
||||
flex: 1;
|
||||
border: none;
|
||||
background: #147aff;
|
||||
border-radius: 5px;
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
letter-spacing: 0;
|
||||
line-height: 27px;
|
||||
padding: 8px 0;
|
||||
}
|
||||
.edit-h5-footer .btn.data-v-7e758e1e:disabled {
|
||||
opacity: 0.3;
|
||||
}
|
||||
@@ -1,113 +0,0 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
const TUIKit_utils_env = require("../../../utils/env.js");
|
||||
if (!Math) {
|
||||
Avatar();
|
||||
}
|
||||
const Avatar = () => "../../common/Avatar/index.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "manage-profile",
|
||||
props: {
|
||||
userInfo: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
}
|
||||
},
|
||||
emits: [
|
||||
"handleSwitchConversation",
|
||||
"close",
|
||||
"openConversation"
|
||||
],
|
||||
setup(__props, { emit: __emit }) {
|
||||
const props = __props;
|
||||
const isFriendShip = common_vendor.ref(false);
|
||||
const userInfoManager = common_vendor.ref({});
|
||||
common_vendor.watchEffect(() => {
|
||||
userInfoManager.value = props.userInfo;
|
||||
});
|
||||
const emits = __emit;
|
||||
common_vendor.watch(
|
||||
() => props.userInfo,
|
||||
async (newVal, oldVal) => {
|
||||
if (newVal === oldVal)
|
||||
return;
|
||||
const res = await common_vendor.Zt.getUserProfile({
|
||||
userIDList: [props.userInfo.userID]
|
||||
});
|
||||
userInfoManager.value = res == null ? void 0 : res.data[0];
|
||||
checkFriend();
|
||||
},
|
||||
{
|
||||
deep: true,
|
||||
immediate: true
|
||||
}
|
||||
);
|
||||
const enter = async (ID, type) => {
|
||||
const name = `${type}${ID}`;
|
||||
common_vendor.Xt.getConversationProfile(name).then((res) => {
|
||||
common_vendor.Xt.switchConversation(res.data.conversation.conversationID).then(() => {
|
||||
var _a;
|
||||
common_vendor.Jt.update(common_vendor.o.GRP, "isShowManageComponent", false);
|
||||
if (TUIKit_utils_env.isUniFrameWork) {
|
||||
(_a = common_vendor.i) == null ? void 0 : _a.navigateBack();
|
||||
}
|
||||
});
|
||||
}).catch((err) => {
|
||||
common_vendor.index.__f__("warn", "at TUIKit/components/TUIGroup/manage-group/manage-profile.vue:147", "获取会话资料失败", err.code, err.msg);
|
||||
});
|
||||
};
|
||||
const checkFriend = async () => {
|
||||
if (!userInfoManager.value.userID)
|
||||
return;
|
||||
common_vendor.ts.checkFriend({
|
||||
userIDList: [userInfoManager.value.userID],
|
||||
type: common_vendor.qt.TYPES.SNS_CHECK_TYPE_BOTH
|
||||
}).then((res) => {
|
||||
var _a, _b, _c;
|
||||
const relation = (_c = (_b = (_a = res == null ? void 0 : res.data) == null ? void 0 : _a.successUserIDList) == null ? void 0 : _b[0]) == null ? void 0 : _c.relation;
|
||||
isFriendShip.value = relation === common_vendor.qt.TYPES.SNS_TYPE_BOTH_WAY;
|
||||
});
|
||||
};
|
||||
const showEnter = () => {
|
||||
return isFriendShip.value || !common_vendor.Jt.getData(common_vendor.o.APP, "isOfficial");
|
||||
};
|
||||
const close = (tabName) => {
|
||||
emits("close", tabName);
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: !common_vendor.unref(TUIKit_utils_env.isUniFrameWork)
|
||||
}, !common_vendor.unref(TUIKit_utils_env.isUniFrameWork) ? common_vendor.e({
|
||||
b: common_vendor.unref(userInfoManager).avatar || "https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png",
|
||||
c: common_vendor.t(common_vendor.unref(userInfoManager).nick || common_vendor.unref(userInfoManager).userID),
|
||||
d: common_vendor.t(common_vendor.unref(userInfoManager).userID),
|
||||
e: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("TUIContact.个性签名")),
|
||||
f: common_vendor.t(common_vendor.unref(userInfoManager).selfSignature),
|
||||
g: showEnter()
|
||||
}, showEnter() ? {
|
||||
h: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("TUIContact.发送消息")),
|
||||
i: common_vendor.o$1(($event) => enter(common_vendor.unref(userInfoManager).userID, "C2C"))
|
||||
} : {}) : common_vendor.e({
|
||||
j: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`TUIGroup.群成员`)),
|
||||
k: common_vendor.t(common_vendor.unref(common_vendor.Wt).t(`关闭`)),
|
||||
l: common_vendor.o$1(($event) => close("profile")),
|
||||
m: common_vendor.p({
|
||||
url: common_vendor.unref(userInfoManager).avatar,
|
||||
size: "60px"
|
||||
}),
|
||||
n: common_vendor.t(common_vendor.unref(userInfoManager).nick || common_vendor.unref(userInfoManager).userID),
|
||||
o: common_vendor.t(common_vendor.unref(userInfoManager).userID),
|
||||
p: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("TUIContact.个性签名")),
|
||||
q: common_vendor.t(common_vendor.unref(userInfoManager).selfSignature),
|
||||
r: showEnter()
|
||||
}, showEnter() ? {
|
||||
s: common_vendor.t(common_vendor.unref(common_vendor.Wt).t("TUIContact.发送消息")),
|
||||
t: common_vendor.o$1(($event) => enter(common_vendor.unref(userInfoManager).userID, "C2C"))
|
||||
} : {}));
|
||||
};
|
||||
}
|
||||
});
|
||||
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-c655282f"]]);
|
||||
wx.createComponent(Component);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/TUIGroup/manage-group/manage-profile.js.map
|
||||
@@ -1,6 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"avatar": "../../common/Avatar/index"
|
||||
}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
<view wx:if="{{a}}" class="memeber-profile data-v-c655282f"><view class="memeber-profile-main data-v-c655282f"><image class="avatar data-v-c655282f" src="{{b}}" onerror="this.onerror=null;this.src='https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png'"></image><view class="list data-v-c655282f"><view class="data-v-c655282f">{{c}}</view><view class="data-v-c655282f"><label class="data-v-c655282f">ID：</label><label class="data-v-c655282f">{{d}}</label></view><view class="data-v-c655282f"><label class="data-v-c655282f">{{e}}：</label><label class="data-v-c655282f">{{f}}</label></view></view></view><view class="memeber-profile-footer data-v-c655282f"><view wx:if="{{g}}" class="button data-v-c655282f" bindtap="{{i}}">{{h}}</view></view></view><view wx:else class="edit-h5 data-v-c655282f"><view class="main data-v-c655282f"><view class="edit-h5-header data-v-c655282f"><view class="left data-v-c655282f"><view class="data-v-c655282f">{{j}}</view></view><label class="close data-v-c655282f" bindtap="{{l}}">{{k}}</label></view><view class="edit-h5-profile data-v-c655282f"><view class="memeber-profile-main data-v-c655282f"><avatar wx:if="{{m}}" class="avatar data-v-c655282f" u-i="c655282f-0" bind:__l="__l" u-p="{{m}}"/><view class="list data-v-c655282f"><view class="data-v-c655282f">{{n}}</view><view class="data-v-c655282f"><label class="data-v-c655282f">ID：</label><label class="data-v-c655282f">{{o}}</label></view><view class="data-v-c655282f"><label class="data-v-c655282f">{{p}}：</label><label class="data-v-c655282f">{{q}}</label></view></view></view><view class="memeber-profile-footer data-v-c655282f"><view wx:if="{{r}}" class="button data-v-c655282f" bindtap="{{t}}">{{s}}</view></view></view></view></view>
|
||||
@@ -1,161 +0,0 @@
|
||||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
body.data-v-c655282f, div.data-v-c655282f, ul.data-v-c655282f, ol.data-v-c655282f, dt.data-v-c655282f, dd.data-v-c655282f, li.data-v-c655282f, dl.data-v-c655282f, h1.data-v-c655282f, h2.data-v-c655282f, h3.data-v-c655282f, h4.data-v-c655282f, p.data-v-c655282f {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-style: normal;
|
||||
/* font:12px/22px"\5B8B\4F53",Arial,Helvetica,sans-serif; */
|
||||
}
|
||||
ol.data-v-c655282f, ul.data-v-c655282f, li.data-v-c655282f {
|
||||
list-style: none;
|
||||
}
|
||||
img.data-v-c655282f {
|
||||
border: 0;
|
||||
vertical-align: middle;
|
||||
pointer-events: none;
|
||||
}
|
||||
body.data-v-c655282f {
|
||||
color: #000;
|
||||
background: #FFF;
|
||||
}
|
||||
.clear.data-v-c655282f {
|
||||
clear: both;
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin-top: -1px;
|
||||
}
|
||||
a.data-v-c655282f {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
a.data-v-c655282f:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
input.data-v-c655282f, textarea.data-v-c655282f {
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
input.data-v-c655282f:focus, input.data-v-c655282f:active, textarea.data-v-c655282f:focus, textarea.data-v-c655282f:active {
|
||||
outline: none;
|
||||
}
|
||||
.chat-aside.data-v-c655282f {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
right: 0;
|
||||
box-sizing: border-box;
|
||||
width: 360px !important;
|
||||
border-radius: 8px 0 0 8px;
|
||||
z-index: 9999;
|
||||
max-height: calc(100% - 50px);
|
||||
}
|
||||
.memeber-profile.data-v-c655282f {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.memeber-profile-main.data-v-c655282f {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.memeber-profile-main .avatar.data-v-c655282f {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 8px;
|
||||
margin: 20px 10px 20px 20px;
|
||||
}
|
||||
.memeber-profile-main .list.data-v-c655282f {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
margin: 20px 10px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.memeber-profile-main .list li.data-v-c655282f {
|
||||
color: #999;
|
||||
}
|
||||
.memeber-profile-main .list h1.data-v-c655282f,
|
||||
.memeber-profile-main .list li.data-v-c655282f {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.memeber-profile-footer.data-v-c655282f {
|
||||
border-top: 1px solid #f4f5f9;
|
||||
padding: 14px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.memeber-profile-footer .button.data-v-c655282f {
|
||||
width: 100px;
|
||||
cursor: pointer;
|
||||
background-color: #006eff;
|
||||
color: #fff;
|
||||
padding: 8px 20px;
|
||||
border-radius: 4px;
|
||||
border: none;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
}
|
||||
.edit-h5.data-v-c655282f {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
z-index: 1;
|
||||
}
|
||||
.edit-h5 .main.data-v-c655282f {
|
||||
background: #fff;
|
||||
flex: 1;
|
||||
padding: 18px;
|
||||
border-radius: 12px 12px 0 0;
|
||||
width: 80vw;
|
||||
}
|
||||
.edit-h5 .main .edit-h5-header.data-v-c655282f {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.edit-h5 .main .edit-h5-header .close.data-v-c655282f {
|
||||
font-family: PingFangSC-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
color: #3370ff;
|
||||
letter-spacing: 0;
|
||||
line-height: 27px;
|
||||
}
|
||||
.edit-h5 .main .edit-h5-profile .memeber-profile-main .avatar.data-v-c655282f {
|
||||
margin: 20px;
|
||||
}
|
||||
@@ -1,114 +0,0 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../../common/vendor.js");
|
||||
require("../../../adapter-vue.js");
|
||||
const TUIKit_components_common_Toast_index = require("../../common/Toast/index.js");
|
||||
const TUIKit_components_TUIGroup_server = require("../server.js");
|
||||
const TUIKit_components_common_Toast_type = require("../../common/Toast/type.js");
|
||||
if (!Math) {
|
||||
SelectUser();
|
||||
}
|
||||
const SelectUser = () => "../../common/SelectUser/index.js";
|
||||
const _sfc_main = /* @__PURE__ */ common_vendor.defineComponent({
|
||||
__name: "index",
|
||||
setup(__props) {
|
||||
const TUIContactServer = TUIKit_components_TUIGroup_server.TUIGroupServer.getInstance();
|
||||
const TUIConstants = TUIContactServer.constants;
|
||||
const needSearch = common_vendor.ref(false);
|
||||
const memberList = common_vendor.ref([]);
|
||||
const userList = common_vendor.ref([]);
|
||||
const group = common_vendor.ref({});
|
||||
const selectOptions = common_vendor.ref({
|
||||
groupID: "",
|
||||
isRadio: false,
|
||||
isNeedSearch: false,
|
||||
title: "",
|
||||
filterUserIDList: []
|
||||
});
|
||||
const TUISearchServer = common_vendor.ref(null);
|
||||
const generateSearchServer = (isNeedSearch) => {
|
||||
TUISearchServer.value = common_vendor.R.getService(TUIConstants.TUISearch.SERVICE.NAME);
|
||||
if (TUISearchServer.value) {
|
||||
needSearch.value = isNeedSearch;
|
||||
} else {
|
||||
common_vendor.index.__f__("warn", "at TUIKit/components/TUIGroup/select-member/index.vue:48", "请添加 TUISearch 组件");
|
||||
}
|
||||
};
|
||||
common_vendor.watchEffect(() => {
|
||||
const params = TUIContactServer.getOnCallParams(TUIConstants.TUIContact.SERVICE.METHOD.SELECT_FRIEND);
|
||||
selectOptions.value.groupID = params.groupID;
|
||||
selectOptions.value.title = params.title;
|
||||
selectOptions.value.isRadio = params.isRadio;
|
||||
selectOptions.value.isNeedSearch = params.isNeedSearch;
|
||||
selectOptions.value.filterUserIDList = params.filterUserIDList;
|
||||
if (params.isNeedSearch) {
|
||||
generateSearchServer(params.isNeedSearch);
|
||||
}
|
||||
});
|
||||
common_vendor.Jt.watch(common_vendor.o.GRP, {
|
||||
currentGroup: (data) => {
|
||||
group.value = data;
|
||||
},
|
||||
currentGroupMemberList: (List) => {
|
||||
memberList.value = List.map((item) => {
|
||||
if (selectOptions.value.filterUserIDList.indexOf(item.userID) > -1) {
|
||||
item.isDisabled = true;
|
||||
}
|
||||
});
|
||||
userList.value = memberList.value;
|
||||
}
|
||||
});
|
||||
const getMember = async () => {
|
||||
const groupID = group.value.groupID;
|
||||
const options = {
|
||||
groupID,
|
||||
count: 100,
|
||||
offset: memberList.value.length
|
||||
};
|
||||
await common_vendor.es.getGroupMemberList(options);
|
||||
};
|
||||
const handleSelectedResult = (memberList2) => {
|
||||
common_vendor.Jt.update(common_vendor.o.GRP, "isShowSelectComponent", false);
|
||||
const callback = TUIContactServer.getOnCallCallback(TUIConstants.TUIGroup.SERVICE.METHOD.SELECT_GROUP_MEMBER);
|
||||
callback && callback(memberList2);
|
||||
};
|
||||
const searchFail = () => {
|
||||
TUIKit_components_common_Toast_index.Toast({
|
||||
message: common_vendor.Wt.t("TUIGroup.该用户不存在"),
|
||||
type: TUIKit_components_common_Toast_type.TOAST_TYPE.ERROR
|
||||
});
|
||||
userList.value = [...memberList.value];
|
||||
};
|
||||
const handleSearch = async (val) => {
|
||||
if (!val) {
|
||||
return userList.value = memberList.value;
|
||||
}
|
||||
try {
|
||||
const imResponse = await TUISearchServer.value.searchGroupMember(val);
|
||||
if (!imResponse.data[0]) {
|
||||
return searchFail();
|
||||
}
|
||||
userList.value = imResponse.data;
|
||||
const searchAllResult = memberList.value.filter((item) => item.userID === imResponse.data[0].userID);
|
||||
memberList.value = searchAllResult.length ? memberList.value : [...memberList.value, ...userList.value];
|
||||
} catch (error) {
|
||||
return searchFail();
|
||||
}
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return {
|
||||
a: common_vendor.o$1(getMember),
|
||||
b: common_vendor.o$1(handleSearch),
|
||||
c: common_vendor.o$1(handleSelectedResult),
|
||||
d: common_vendor.p({
|
||||
isRadio: common_vendor.unref(selectOptions).isRadio,
|
||||
isNeedSearch: common_vendor.unref(selectOptions).isNeedSearch,
|
||||
title: common_vendor.unref(selectOptions).title,
|
||||
userList: common_vendor.unref(userList),
|
||||
total: common_vendor.unref(group).memberCount
|
||||
})
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
wx.createComponent(_sfc_main);
|
||||
//# sourceMappingURL=../../../../../.sourcemap/mp-weixin/TUIKit/components/TUIGroup/select-member/index.js.map
|
||||
@@ -1,6 +0,0 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"select-user": "../../common/SelectUser/index"
|
||||
}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
<select-user wx:if="{{d}}" bindgetMore="{{a}}" bindsearch="{{b}}" bindcomplete="{{c}}" u-i="06670f88-0" bind:__l="__l" u-p="{{d}}"/>
|
||||
@@ -1,82 +0,0 @@
|
||||
"use strict";
|
||||
const common_vendor = require("../../../common/vendor.js");
|
||||
const common_assets = require("../../../common/assets.js");
|
||||
const TUIKit_utils_env = require("../../utils/env.js");
|
||||
class TUIGroupServer {
|
||||
constructor() {
|
||||
common_vendor.R.registerService(common_vendor.E.TUIGroup.SERVICE.NAME, this);
|
||||
common_vendor.R.registerExtension(common_vendor.E.TUIChat.EXTENSION.CHAT_HEADER.EXT_ID, this);
|
||||
this.onCallParamsMap = /* @__PURE__ */ new Map();
|
||||
this.onCallCallbackMap = /* @__PURE__ */ new Map();
|
||||
this.constants = common_vendor.E;
|
||||
}
|
||||
static getInstance() {
|
||||
if (!TUIGroupServer.instance) {
|
||||
TUIGroupServer.instance = new TUIGroupServer();
|
||||
}
|
||||
return TUIGroupServer.instance;
|
||||
}
|
||||
getOnCallParams(method) {
|
||||
return this.onCallParamsMap.get(method);
|
||||
}
|
||||
getOnCallCallback(method) {
|
||||
return this.onCallCallbackMap.get(method);
|
||||
}
|
||||
async onCall(method, params, callback) {
|
||||
var _a, _b, _c;
|
||||
this.onCallParamsMap.set(method, params);
|
||||
this.onCallCallbackMap.set(method, callback);
|
||||
switch (method) {
|
||||
case common_vendor.E.TUIGroup.SERVICE.METHOD.CREATE_GROUP:
|
||||
common_vendor.Jt.update(common_vendor.o.GRP, "isShowCreateComponent", true);
|
||||
TUIKit_utils_env.isUniFrameWork && ((_a = common_vendor.i) == null ? void 0 : _a.reLaunch({
|
||||
url: "/TUIKit/components/TUIGroup/index"
|
||||
}));
|
||||
break;
|
||||
case common_vendor.E.TUIGroup.SERVICE.METHOD.OPEN_GROUP_MANAGEMENT:
|
||||
common_vendor.es.switchGroup(params.groupID);
|
||||
common_vendor.Jt.update(common_vendor.o.GRP, "isShowManageComponent", true);
|
||||
TUIKit_utils_env.isUniFrameWork && ((_b = common_vendor.i) == null ? void 0 : _b.navigateTo({
|
||||
url: "/TUIKit/components/TUIGroup/index"
|
||||
}));
|
||||
break;
|
||||
case common_vendor.E.TUIGroup.SERVICE.METHOD.SELECT_GROUP_MEMBER:
|
||||
common_vendor.es.switchGroup(params.groupID);
|
||||
common_vendor.Jt.update(common_vendor.o.GRP, "isShowSelectComponent", true);
|
||||
TUIKit_utils_env.isUniFrameWork && ((_c = common_vendor.i) == null ? void 0 : _c.navigateTo({
|
||||
url: "/TUIKit/components/TUIGroup/index"
|
||||
}));
|
||||
break;
|
||||
}
|
||||
}
|
||||
onGetExtension(extensionID) {
|
||||
const list = [];
|
||||
switch (extensionID) {
|
||||
case common_vendor.E.TUIChat.EXTENSION.CHAT_HEADER.EXT_ID:
|
||||
list.push({
|
||||
weight: 100,
|
||||
icon: common_assets.settingSVG,
|
||||
text: "更多",
|
||||
data: {},
|
||||
listener: {
|
||||
onClicked: this.groupManage.bind(this)
|
||||
}
|
||||
});
|
||||
break;
|
||||
}
|
||||
return list;
|
||||
}
|
||||
groupManage(params) {
|
||||
common_vendor.R.callService({
|
||||
serviceName: common_vendor.E.TUIGroup.SERVICE.NAME,
|
||||
method: common_vendor.E.TUIGroup.SERVICE.METHOD.OPEN_GROUP_MANAGEMENT,
|
||||
params,
|
||||
callback: () => {
|
||||
var _a;
|
||||
TUIKit_utils_env.isUniFrameWork && ((_a = common_vendor.i) == null ? void 0 : _a.navigateBack());
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
exports.TUIGroupServer = TUIGroupServer;
|
||||
//# sourceMappingURL=../../../../.sourcemap/mp-weixin/TUIKit/components/TUIGroup/server.js.map
|
||||
Reference in New Issue
Block a user