优化页面

This commit is contained in:
pengxiaolong
2025-06-09 23:02:05 +08:00
parent c5042d08c3
commit 8c70c2c850
605 changed files with 661 additions and 945 deletions

View File

@@ -1 +1 @@
"use strict";const e=require("../../../../../common/vendor.js");require("../../../../adapter-vue.js");const t=require("../../../../utils/env.js");Math||l();const l=()=>"../../../common/BottomPopup/index.js",u=e.defineComponent({__name:"index",emits:["onAtListOpen","insertAt"],setup(l,{expose:u,emit:a}){const s=a,n=e.ref(),i=e.ref(),o=e.ref(!1),v=e.ref(),r=e.ref(),d=e.ref(),c=e.ref(!1),f=e.ref({left:0,top:0}),p=e.ref(0),m=e.ref(""),h={userID:e.qt.TYPES.MSG_AT_ALL,nick:"所有人",isAll:!0,avatar:"https://web.sdk.qcloud.com/im/assets/images/at.svg"};e.Jt.watch(e.o.CONV,{currentConversationID:t=>{var l,u;if(t!==m.value)if(m.value=t,v.value=[],r.value=[],d.value=[],c.value=!1,e.Jt.update(e.o.CUSTOM,"memberList",v.value),null==(l=null==m?void 0:m.value)?void 0:l.startsWith("GROUP")){c.value=!0;const t=null==(u=null==m?void 0:m.value)?void 0:u.substring(5);e.es.switchGroup(t)}else e.es.switchGroup("")}}),e.Jt.watch(e.o.GRP,{currentGroupMemberList:t=>{v.value=t,r.value=[h,...v.value],d.value=r.value,e.Jt.update(e.o.CUSTOM,"memberList",v.value)}});const g=e=>{c.value&&(o.value=e,o.value&&s("onAtListOpen"))};e.i.toggleAtList=g,e.i.handleAtListPosition=e=>{f.value=e},e.i.setCurrentSelectIndex=e=>{var t,l;p.value=e,null==(l=null==(t=i.value)?void 0:t[p.value])||l.scrollIntoView(!1)},e.i.setShowMemberList=e=>{d.value=e},u({toggleAtList:g}),e.watch((()=>[f.value,null==n?void 0:n.value]),(()=>{var e;!t.isH5&&(null==n?void 0:n.value)&&(null==(e=null==n?void 0:n.value)?void 0:e.style)&&(n.value.style.left=f.value.left+"px",n.value.style.top=f.value.top-n.value.clientHeight+"px")}));const C=()=>{o.value=!1,d.value=r.value,f.value={left:0,top:0}},I=e=>(null==e?void 0:e.avatar)||"https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png",w=e=>(null==e?void 0:e.nick)?null==e?void 0:e.nick:null==e?void 0:e.userID;return(l,u)=>e.e({a:!e.unref(t.isPC)},e.unref(t.isPC)?{}:{b:e.t(e.unref(e.Wt).t("TUIChat.选择提醒的人"))},{c:e.f(e.unref(d),((l,u,a)=>({a:I(l),b:e.t(w(l)),c:u,d:e.n(u===e.unref(p)&&"selected"),e:e.o$1((l=>(l=>{var u;if(t.isPC&&e.i.selectItem)e.i.selectItem(l);else if(null==(u=null==d?void 0:d.value)?void 0:u.length){const e=null==d?void 0:d.value[l];s("insertAt",{id:null==e?void 0:e.userID,label:(null==e?void 0:e.nick)||(null==e?void 0:e.userID)})}C()})(u)),u)}))),d:e.n(e.unref(t.isPC)?"message-input-at":"message-input-at-h5"),e:e.o$1(C),f:e.p({show:e.unref(o)})})}}),a=e._export_sfc(u,[["__scopeId","data-v-1600ed76"]]);wx.createComponent(a);
"use strict";const e=require("../../../../../common/vendor.js");require("../../../../adapter-vue.js");const t=require("../../../../utils/env.js");Math||l();const l=()=>"../../../common/BottomPopup/index.js",u=e.defineComponent({__name:"index",emits:["onAtListOpen","insertAt"],setup(l,{expose:u,emit:a}){const s=a,n=e.ref(),i=e.ref(),o=e.ref(!1),v=e.ref(),r=e.ref(),d=e.ref(),c=e.ref(!1),f=e.ref({left:0,top:0}),p=e.ref(0),m=e.ref(""),h={userID:e.qt.TYPES.MSG_AT_ALL,nick:"所有人",isAll:!0,avatar:"https://web.sdk.qcloud.com/im/assets/images/at.svg"};e.Jt.watch(e.o.CONV,{currentConversationID:t=>{var l,u;if(t!==m.value)if(m.value=t,v.value=[],r.value=[],d.value=[],c.value=!1,e.Jt.update(e.o.CUSTOM,"memberList",v.value),null==(l=null==m?void 0:m.value)?void 0:l.startsWith("GROUP")){c.value=!0;const t=null==(u=null==m?void 0:m.value)?void 0:u.substring(5);e.es.switchGroup(t)}else e.es.switchGroup("")}}),e.Jt.watch(e.o.GRP,{currentGroupMemberList:t=>{v.value=t,r.value=[h,...v.value],d.value=r.value,e.Jt.update(e.o.CUSTOM,"memberList",v.value)}});const g=e=>{c.value&&(o.value=e,o.value&&s("onAtListOpen"))};e.i.toggleAtList=g,e.i.handleAtListPosition=e=>{f.value=e},e.i.setCurrentSelectIndex=e=>{var t,l;p.value=e,null==(l=null==(t=i.value)?void 0:t[p.value])||l.scrollIntoView(!1)},e.i.setShowMemberList=e=>{d.value=e},u({toggleAtList:g}),e.watch((()=>[f.value,null==n?void 0:n.value]),(()=>{var e;!t.isH5&&(null==n?void 0:n.value)&&(null==(e=null==n?void 0:n.value)?void 0:e.style)&&(n.value.style.left=f.value.left+"px",n.value.style.top=f.value.top-n.value.clientHeight+"px")}));const C=()=>{o.value=!1,d.value=r.value,f.value={left:0,top:0}},I=e=>(null==e?void 0:e.avatar)||"https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png",b=e=>(null==e?void 0:e.nick)?null==e?void 0:e.nick:null==e?void 0:e.userID;return(l,u)=>e.e({a:!e.unref(t.isPC)},e.unref(t.isPC)?{}:{b:e.t(e.unref(e.Wt).t("TUIChat.选择提醒的人"))},{c:e.f(e.unref(d),((l,u,a)=>({a:I(l),b:e.t(b(l)),c:u,d:e.n(u===e.unref(p)&&"selected"),e:e.o$1((l=>(l=>{var u;if(t.isPC&&e.i.selectItem)e.i.selectItem(l);else if(null==(u=null==d?void 0:d.value)?void 0:u.length){const e=null==d?void 0:d.value[l];s("insertAt",{id:null==e?void 0:e.userID,label:(null==e?void 0:e.nick)||(null==e?void 0:e.userID)})}C()})(u)),u)}))),d:e.n(e.unref(t.isPC)?"message-input-at":"message-input-at-h5"),e:e.o$1(C),f:e.p({show:e.unref(o)})})}}),a=e._export_sfc(u,[["__scopeId","data-v-08dbad30"]]);wx.createComponent(a);

View File

@@ -1 +1 @@
<bottom-popup wx:if="{{f}}" class="data-v-1600ed76" u-s="{{['d']}}" bindonClose="{{e}}" u-i="1600ed76-0" bind:__l="__l" u-p="{{f}}"><view ref="MessageInputAt" class="{{['data-v-1600ed76', d]}}"><view ref="dialog" class="member-list data-v-1600ed76"><view wx:if="{{a}}" class="member-list-title data-v-1600ed76"><label class="title data-v-1600ed76">{{b}}</label></view><view class="member-list-box data-v-1600ed76"><view wx:for="{{c}}" wx:for-item="item" wx:key="c" ref="memberListItems" class="{{['member-list-box-body', 'data-v-1600ed76', item.d]}}" bindtap="{{item.e}}"><image class="member-list-box-body-avatar data-v-1600ed76" src="{{item.a}}"></image><label class="member-list-box-body-name data-v-1600ed76">{{item.b}}</label></view></view></view></view></bottom-popup>
<bottom-popup wx:if="{{f}}" class="data-v-08dbad30" u-s="{{['d']}}" bindonClose="{{e}}" u-i="08dbad30-0" bind:__l="__l" u-p="{{f}}"><view ref="MessageInputAt" class="{{['data-v-08dbad30', d]}}"><view ref="dialog" class="member-list data-v-08dbad30"><view wx:if="{{a}}" class="member-list-title data-v-08dbad30"><label class="title data-v-08dbad30">{{b}}</label></view><view class="member-list-box data-v-08dbad30"><view wx:for="{{c}}" wx:for-item="item" wx:key="c" ref="memberListItems" class="{{['member-list-box-body', 'data-v-08dbad30', item.d]}}" bindtap="{{item.e}}"><image class="member-list-box-body-avatar data-v-08dbad30" src="{{item.a}}"></image><label class="member-list-box-body-name data-v-08dbad30">{{item.b}}</label></view></view></view></view></bottom-popup>

View File

@@ -1 +1 @@
body.data-v-1600ed76,div.data-v-1600ed76,ul.data-v-1600ed76,ol.data-v-1600ed76,dt.data-v-1600ed76,dd.data-v-1600ed76,li.data-v-1600ed76,dl.data-v-1600ed76,h1.data-v-1600ed76,h2.data-v-1600ed76,h3.data-v-1600ed76,h4.data-v-1600ed76,p.data-v-1600ed76{margin:0;padding:0;font-style:normal}ol.data-v-1600ed76,ul.data-v-1600ed76,li.data-v-1600ed76{list-style:none}img.data-v-1600ed76{border:0;vertical-align:middle;pointer-events:none}body.data-v-1600ed76{color:#000;background:#fff}.clear.data-v-1600ed76{clear:both;height:1px;width:100%;overflow:hidden;margin-top:-1px}a.data-v-1600ed76{color:#000;text-decoration:none;cursor:pointer}a.data-v-1600ed76:hover{text-decoration:none}input.data-v-1600ed76,textarea.data-v-1600ed76{-webkit-user-select:auto;user-select:auto}input.data-v-1600ed76:focus,input.data-v-1600ed76:active,textarea.data-v-1600ed76:focus,textarea.data-v-1600ed76:active{outline:none}.chat-aside.data-v-1600ed76{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)}.message-input-at.data-v-1600ed76{position:fixed;max-width:15rem;max-height:10rem;overflow:hidden auto;background:#fff;box-shadow:0 .06rem .63rem rgba(2,16,43,.15);border-radius:.13rem}.member-list-box-header.data-v-1600ed76{height:2.5rem;padding-top:5px;cursor:pointer}.member-list-box-header.data-v-1600ed76:hover{background:rgba(0,110,255,.1)}.member-list-box span.data-v-1600ed76{font-family:PingFangSC-Regular;font-weight:400;font-size:12px;color:#000;letter-spacing:0;padding:5px}.member-list-box-body.data-v-1600ed76{height:30px;cursor:pointer;display:flex;align-items:center}.member-list-box-body .selected.data-v-1600ed76,.member-list-box-body.data-v-1600ed76:hover{background:rgba(0,110,255,.1)}.member-list-box-body-name.data-v-1600ed76{overflow:hidden;white-space:nowrap;word-wrap:break-word;word-break:break-all;text-overflow:ellipsis}.member-list-box-body-avatar.data-v-1600ed76{width:20px;height:20px;padding-left:10px}.member-list-box .selected.data-v-1600ed76{background:rgba(0,110,255,.1)}.message-input-at-h5 .member-list.data-v-1600ed76{height:auto;max-height:500px;width:100%;max-width:100%;background:#fff;border-radius:12px 12px 0 0;display:flex;flex-direction:column;overflow:hidden}.message-input-at-h5 .member-list-title.data-v-1600ed76{height:-webkit-fit-content;height:fit-content;width:calc(100% - 30px);text-align:center;vertical-align:middle;padding:15px}.message-input-at-h5 .member-list-title .title.data-v-1600ed76{vertical-align:middle;display:inline-block;font-size:16px}.message-input-at-h5 .member-list-title .close.data-v-1600ed76{vertical-align:middle;position:absolute;right:10px;display:inline-block}.message-input-at-h5 .member-list-box.data-v-1600ed76{flex:1;overflow-y:scroll}.message-input-at-h5 .member-list-box-body.data-v-1600ed76{padding:10px}.message-input-at-h5 .member-list-box-body img.data-v-1600ed76{width:26px;height:26px}.message-input-at-h5 .member-list-box-body span.data-v-1600ed76{font-size:14px}
body.data-v-08dbad30,div.data-v-08dbad30,ul.data-v-08dbad30,ol.data-v-08dbad30,dt.data-v-08dbad30,dd.data-v-08dbad30,li.data-v-08dbad30,dl.data-v-08dbad30,h1.data-v-08dbad30,h2.data-v-08dbad30,h3.data-v-08dbad30,h4.data-v-08dbad30,p.data-v-08dbad30{margin:0;padding:0;font-style:normal}ol.data-v-08dbad30,ul.data-v-08dbad30,li.data-v-08dbad30{list-style:none}img.data-v-08dbad30{border:0;vertical-align:middle;pointer-events:none}body.data-v-08dbad30{color:#000;background:#fff}.clear.data-v-08dbad30{clear:both;height:1px;width:100%;overflow:hidden;margin-top:-1px}a.data-v-08dbad30{color:#000;text-decoration:none;cursor:pointer}a.data-v-08dbad30:hover{text-decoration:none}input.data-v-08dbad30,textarea.data-v-08dbad30{-webkit-user-select:auto;user-select:auto}input.data-v-08dbad30:focus,input.data-v-08dbad30:active,textarea.data-v-08dbad30:focus,textarea.data-v-08dbad30:active{outline:none}.chat-aside.data-v-08dbad30{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)}.message-input-at.data-v-08dbad30{position:fixed;max-width:15rem;max-height:10rem;overflow:hidden auto;background:#fff;box-shadow:0 .06rem .63rem rgba(2,16,43,.15);border-radius:.13rem}.member-list-box-header.data-v-08dbad30{height:2.5rem;padding-top:5px;cursor:pointer}.member-list-box-header.data-v-08dbad30:hover{background:rgba(0,110,255,.1)}.member-list-box span.data-v-08dbad30{font-family:PingFangSC-Regular;font-weight:400;font-size:12px;color:#000;letter-spacing:0;padding:5px}.member-list-box-body.data-v-08dbad30{height:30px;cursor:pointer;display:flex;align-items:center}.member-list-box-body .selected.data-v-08dbad30,.member-list-box-body.data-v-08dbad30:hover{background:rgba(0,110,255,.1)}.member-list-box-body-name.data-v-08dbad30{overflow:hidden;white-space:nowrap;word-wrap:break-word;word-break:break-all;text-overflow:ellipsis}.member-list-box-body-avatar.data-v-08dbad30{width:20px;height:20px;padding-left:10px}.member-list-box .selected.data-v-08dbad30{background:rgba(0,110,255,.1)}.message-input-at-h5 .member-list.data-v-08dbad30{height:auto;max-height:500px;width:100%;max-width:100%;background:#fff;border-radius:12px 12px 0 0;display:flex;flex-direction:column;overflow:hidden}.message-input-at-h5 .member-list-title.data-v-08dbad30{height:-webkit-fit-content;height:fit-content;width:calc(100% - 30px);text-align:center;vertical-align:middle;padding:15px}.message-input-at-h5 .member-list-title .title.data-v-08dbad30{vertical-align:middle;display:inline-block;font-size:16px}.message-input-at-h5 .member-list-title .close.data-v-08dbad30{vertical-align:middle;position:absolute;right:10px;display:inline-block}.message-input-at-h5 .member-list-box.data-v-08dbad30{flex:1;overflow-y:scroll}.message-input-at-h5 .member-list-box-body.data-v-08dbad30{padding:10px}.message-input-at-h5 .member-list-box-body img.data-v-08dbad30{width:26px;height:26px}.message-input-at-h5 .member-list-box-body span.data-v-08dbad30{font-size:14px}