优化页面

unpackage/dist/build/mp-weixin/TUIKit/components/common/Transfer/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("../../../../common/vendor.js");require("../../../adapter-vue.js");const t=require("../../../../common/assets.js"),n=require("../../../utils/env.js");Math||r();const r=()=>"../Icon.js",u=e.defineComponent({__name:"index",props:{list:{type:Array,default:()=>[]},selectedList:{type:Array,default:()=>[]},isSearch:{type:Boolean,default:!0},isRadio:{type:Boolean,default:!1},isCustomItem:{type:Boolean,default:!1},title:{type:String,default:""},type:{type:String,default:""},resultShow:{type:Boolean,default:!0},total:{type:Number,default:0},isHiddenBackIcon:{type:Boolean,default:!1}},emits:["search","submit","cancel","getMore"],setup(r,{emit:u}){const i=r,s=e.ref([]),l=e.ref(0),a=e.ref([]),f=e.ref(!0),o=e.ref(!1),c=e.ref(""),d=e.ref("");e.watchEffect((()=>{if(i.isCustomItem)for(let e=0;e<i.list.length;e++)i.list[e].conversationID.indexOf("@TIM#SYSTEM")>-1&&i.list.splice(e,1),s.value=i.list;else s.value=i.list;l.value=i.total?i.total:i.list.length,a.value=i.selectedList&&i.selectedList.length>0?i.selectedList:a.value,f.value=i.isSearch,o.value=i.isCustomItem,c.value=i.title}));const p=u,h=e.computed((()=>s.value.filter((e=>!e.isDisabled)))),m=e=>{d.value=e.target.value||e.detail.value,p("search",d.value)},g=e=>{if(e.isDisabled)return;let t=a.value;const n=t.indexOf(e);if(n>-1)return a.value.splice(n,1);i.isRadio&&(t=[]),t.push(e),a.value=t},v=()=>{a.value.length===h.value.length?a.value=[]:a.value=[...h.value]},I=()=>{p("submit",a.value),d.value=""},C=()=>{p("cancel"),d.value=""},b=()=>{p("getMore")};return(u,p)=>e.e({a:!e.unref(n.isPC)},e.unref(n.isPC)?{}:e.e({b:!i.isHiddenBackIcon},i.isHiddenBackIcon?{}:{c:e.p({file:e.unref(t.backIcon),width:"18px",height:"18px"}),d:e.o$1(C)},{e:e.t(e.unref(c))}),{f:e.unref(n.isPC)&&e.unref(f)},e.unref(n.isPC)&&e.unref(f)?{g:e.unref(d),h:e.unref(e.Wt).t("component.请输入userID"),i:e.n(e.unref(n.isUniFrameWork)?"left-uniapp-input":""),j:e.o$1(m)}:{},{k:!e.unref(n.isPC)&&e.unref(f)},!e.unref(n.isPC)&&e.unref(f)?{l:e.unref(e.Wt).t("component.请输入userID"),m:e.unref(d),n:e.n(e.unref(n.isUniFrameWork)?"left-uniapp-input":""),o:e.o$1(m),p:e.o$1(m)}:{},{q:e.unref(h).length>1&&!r.isRadio},e.unref(h).length>1&&!r.isRadio?e.e({r:e.unref(a).length===e.unref(h).length},e.unref(a).length===e.unref(h).length?{s:e.p({file:e.unref(t.selectedIcon),width:"18px",height:"18px"})}:{},{t:e.t(e.unref(e.Wt).t("component.全选")),v:e.o$1(v)}):{},{w:e.f(e.unref(s),((n,r,u)=>e.e({a:e.unref(a).indexOf(n)>-1},e.unref(a).indexOf(n)>-1?{b:e.n(n.isDisabled&&"disabled"),c:"53269d87-2-"+u,d:e.p({file:e.unref(t.selectedIcon),width:"18px",height:"18px"})}:{e:e.n(n.isDisabled&&"disabled")},e.unref(o)?{j:"left-"+u,k:e.r("left",{data:n},u)}:e.e({f:n.avatar||"https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png",g:e.t(n.nick||n.userID),h:n.isDisabled},n.isDisabled?{i:e.t(e.unref(e.Wt).t("component.已在群中"))}:{}),{l:n.userID,m:e.o$1((e=>g(n)),n.userID)}))),x:!e.unref(o),y:e.unref(l)>e.unref(s).length},e.unref(l)>e.unref(s).length?{z:e.t(e.unref(e.Wt).t("component.查看更多")),A:e.o$1(b)}:{},{B:e.unref(n.isPC)},e.unref(n.isPC)?{C:e.t(e.unref(c))}:{},{D:r.resultShow},r.resultShow?e.e({E:e.unref(a).length>0&&e.unref(n.isPC)},e.unref(a).length>0&&e.unref(n.isPC)?{F:e.t(e.unref(e.Wt).t("component.已选中")),G:e.t(e.unref(a).length),H:e.t(e.unref(e.Wt).t("component.人"))}:{},{I:e.f(e.unref(a),((r,u,i)=>e.e(e.unref(o)?{d:"right-"+i,e:e.r("right",{data:r},i)}:e.e({a:r.avatar||"https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png",b:e.unref(n.isPC)},e.unref(n.isPC)?{c:e.t(r.nick||r.userID)}:{}),e.unref(n.isPC)?{f:"53269d87-3-"+i,g:e.p({file:e.unref(t.cancelIcon),width:"18px",height:"18px"}),h:e.o$1((e=>g(r)),u)}:{},{i:u}))),J:!e.unref(o),K:e.unref(n.isPC)}):{},{L:e.t(e.unref(e.Wt).t("component.取消")),M:e.o$1(C),N:e.unref(a).length>0},e.unref(a).length>0?{O:e.t(e.unref(e.Wt).t("component.完成")),P:e.o$1(I)}:{Q:e.t(e.unref(e.Wt).t("component.完成")),R:e.o$1(I)},{S:e.n(e.unref(n.isPC)?"":"transfer-h5"),T:e.n(e.unref(n.isWeChat)?"transfer-h5-wechat":"")})}}),i=e._export_sfc(u,[["__scopeId","data-v-53269d87"]]);wx.createComponent(i);

unpackage/dist/build/mp-weixin/TUIKit/components/common/Transfer/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "icon": "../Icon"
+  }
+}

unpackage/dist/build/mp-weixin/TUIKit/components/common/Transfer/index.wxml

@@ -0,0 +1 @@
+<view class="{{['transfer', 'data-v-53269d87', S, T]}}"><view wx:if="{{a}}" class="transfer-header transfer-h5-header data-v-53269d87"><view wx:if="{{b}}" class="data-v-53269d87" bindtap="{{d}}"><icon wx:if="{{c}}" class="icon data-v-53269d87" u-i="53269d87-0" bind:__l="__l" u-p="{{c}}"/></view><label class="title data-v-53269d87">{{e}}</label><label class="space data-v-53269d87"/></view><view class="main data-v-53269d87"><view class="left data-v-53269d87"><view class="transfer-header data-v-53269d87"><input wx:if="{{f}}" type="text" value="{{g}}" placeholder="{{h}}" enterkeyhint="search" class="{{['data-v-53269d87', i]}}" bindkeyup="{{j}}"></input><input wx:if="{{k}}" type="text" placeholder="{{l}}" enterkeyhint="search" value="{{m}}" class="{{['data-v-53269d87', n]}}" bindblur="{{o}}" bindconfirm="{{p}}"></input></view><view class="transfer-left-main data-v-53269d87"><view class="transfer-list data-v-53269d87"><view wx:if="{{q}}" class="transfer-list-item data-v-53269d87" bindtap="{{v}}"><icon wx:if="{{r}}" class="data-v-53269d87" u-i="53269d87-1" bind:__l="__l" u-p="{{s}}"/><view wx:else class="icon-unselected data-v-53269d87"/><label class="select-all data-v-53269d87">{{t}}</label></view><view wx:for="{{w}}" wx:for-item="item" wx:key="l" class="transfer-list-item data-v-53269d87" bindtap="{{item.m}}"><icon wx:if="{{item.a}}" class="{{['data-v-53269d87', item.b]}}" u-i="{{item.c}}" bind:__l="__l" u-p="{{item.d}}"/><view wx:else class="{{['data-v-53269d87', item.e, 'icon-unselected']}}"/><block wx:if="{{x}}"><image class="avatar data-v-53269d87" src="{{item.f}}" onerror="this.onerror=null;this.src='https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png'"></image><label class="name data-v-53269d87">{{item.g}}</label><label wx:if="{{item.h}}" class="data-v-53269d87">（{{item.i}}）</label></block><block wx:else><slot name="{{item.j}}"/></block></view><view wx:if="{{y}}" class="transfer-list-item more data-v-53269d87" bindtap="{{A}}">{{z}}</view></view></view></view><view class="right data-v-53269d87"><view wx:if="{{B}}" class="transfer-header data-v-53269d87">{{C}}</view><view wx:if="{{D}}" class="transfer-list data-v-53269d87"><view wx:if="{{E}}" class="transfer-text data-v-53269d87">{{F}}{{G}}{{H}}</view><view wx:for="{{I}}" wx:for-item="item" wx:key="i" class="transfer-list-item space-between data-v-53269d87"><view class="transfer-list-item-content data-v-53269d87"><block wx:if="{{J}}"><image class="avatar data-v-53269d87" src="{{item.a}}" onerror="this.onerror=null;this.src='https://web.sdk.qcloud.com/component/TUIKit/assets/avatar_21.png'"></image><label wx:if="{{item.b}}" class="name data-v-53269d87">{{item.c}}</label></block><block wx:else><slot name="{{item.d}}"/></block></view><label wx:if="{{K}}" class="data-v-53269d87" bindtap="{{item.h}}"><icon wx:if="{{item.g}}" class="data-v-53269d87" u-i="{{item.f}}" bind:__l="__l" u-p="{{item.g}}"/></label></view></view><view class="transfer-right-footer data-v-53269d87"><button class="btn btn-cancel data-v-53269d87" bindtap="{{M}}">{{L}}</button><button wx:if="{{N}}" class="btn data-v-53269d87" bindtap="{{P}}">{{O}}</button><button wx:else class="btn btn-no data-v-53269d87" bindtap="{{R}}">{{Q}}</button></view></view></view></view>