优化页面

unpackage/dist/build/mp-weixin/TUIKit/components/TUISearch/search-container/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("../../../../common/vendor.js");require("../../../adapter-vue.js");const a=require("../search-type-list.js"),r=require("../search-time-list.js"),n=require("../../../../common/assets.js"),t=require("../../../utils/env.js");Math||(s+o)();const s=()=>"../../common/Icon.js",o=()=>"../../common/DatePicker/index.js",u=e.defineComponent({__name:"index",props:{popupPosition:{type:String,default:"bottom"},searchType:{type:String,default:"global",validator:e=>["global","conversation"].includes(e)}},emits:["searchConfigChange","closeInConversationSearch"],setup(s,{emit:o}){const u=s,i=o,c=e.computed((()=>"conversation"===(null==u?void 0:u.searchType)?a.conversationSearchTypeList:a.globalSearchTypeList)),l=e.ref(a.searchMessageTypeDefault[null==u?void 0:u.searchType]),h=e.ref(r.searchMessageTimeDefault),p=e.computed((()=>"contact"!==l.value.key&&"group"!==l.value.key)),v=e.computed((()=>t.isPC&&"global"===u.searchType&&!t.isUniFrameWork?"two":"one")),d=e.ref(!1);function f(e){(null==e?void 0:e.searchType)===(null==u?void 0:u.searchType)&&(l.value=(null==e?void 0:e.value)||a.searchMessageTypeDefault[null==u?void 0:u.searchType])}function T(e){(null==e?void 0:e.searchType)===(null==u?void 0:u.searchType)&&(h.value=(null==e?void 0:e.value)||r.searchMessageTimeDefault)}e.onMounted((()=>{e.Jt.watch(e.o.SEARCH,{currentSearchMessageType:f,currentSearchMessageTime:T})})),e.onUnmounted((()=>{e.Jt.unwatch(e.o.SEARCH,{currentSearchMessageType:f,currentSearchMessageTime:T})}));const y=()=>{var a;"all"!==(null==(a=h.value)?void 0:a.key)?e.Jt.update(e.o.SEARCH,"currentSearchMessageTime",{value:r.searchMessageTimeDefault,searchType:u.searchType}):d.value=!0},m=a=>{var r,n,t;if("all"===(null==(r=h.value)?void 0:r.key)){const{startDate:r,endDate:s}=a,o=Number(((null==(n=null==s?void 0:s.toDate())?void 0:n.getTime())/1e3).toFixed(0)),i=o-Number(((null==(t=null==r?void 0:r.toDate())?void 0:t.getTime())/1e3).toFixed(0)),c={key:h.value.key,label:h.value.label,value:{timePosition:o,timePeriod:i}};e.Jt.update(e.o.SEARCH,"currentSearchMessageTime",{value:c,searchType:u.searchType})}},g=()=>{var a;d.value=!1,"all"===(null==(a=h.value)?void 0:a.key)&&e.Jt.update(e.o.SEARCH,"currentSearchMessageTime",{value:r.searchMessageTimeDefault,searchType:u.searchType})},S=()=>{i("closeInConversationSearch")};return(a,s)=>e.e({a:"conversation"===u.searchType&&!e.unref(t.isUniFrameWork)},"conversation"!==u.searchType||e.unref(t.isUniFrameWork)?{}:{b:e.t(e.unref(e.Wt).t("TUISearch.搜索会话内容")),c:e.p({file:e.unref(n.closeIcon$1),width:"14px",height:"14px"}),d:e.o$1(S)},{e:e.f(e.unref(c),((a,r,n)=>({a:e.t(e.unref(e.Wt).t(`TUISearch.${a.label}`)),b:r,c:e.n(e.unref(l).key===a.key&&"tui-search-tabs-item-selected"),d:e.o$1((r=>{return n=a,void e.Jt.update(e.o.SEARCH,"currentSearchMessageType",{value:n,searchType:u.searchType});var n}),r)}))),f:e.unref(p)},e.unref(p)?{g:e.f(e.unref(r.searchMessageTimeList),((a,r,t)=>e.e({a:"all"===a.key},"all"===a.key?e.e({b:!e.unref(d)},e.unref(d)?{}:{c:e.t(e.unref(e.Wt).t("TUISearch.选择时间")+":  "+e.unref(e.Wt).t("TUISearch.全部")),d:"760d5fb5-1-"+t,e:e.p({file:e.unref(n.downSVG),width:"14px",height:"14px"}),f:e.o$1(y,r)},{g:e.unref(d)},e.unref(d)?{h:e.o$1(m,r),i:"760d5fb5-2-"+t,j:e.p({type:"range",rangeTableType:e.unref(v)})}:{},{k:e.o$1((()=>{}),r),l:e.unref(d)},e.unref(d)?{m:"760d5fb5-3-"+t,n:e.p({file:e.unref(n.closeIcon),width:"14px",height:"14px"}),o:e.o$1(g,r)}:{}):{p:e.t(e.unref(e.Wt).t(`TUISearch.${a.label}`))},{q:r,r:e.n(e.unref(h).key===a.key&&"tui-search-time-item-selected"),s:e.o$1((r=>{return n=a,void(d.value&&"all"===n.key?d.value=!1:(d.value=!1,e.Jt.update(e.o.SEARCH,"currentSearchMessageTime",{value:n,searchType:u.searchType})));var n}),r)})))}:{},{h:e.n(e.unref(t.isPC)&&`tui-search-container-${u.popupPosition}`),i:e.n(!e.unref(t.isPC)&&"tui-search-container-h5-main"),j:e.n(!e.unref(t.isPC)&&"tui-search-container-h5"),k:e.n(e.unref(t.isPC)&&`container-${u.popupPosition}`),l:e.n(`container-${u.searchType}`)})}}),i=e._export_sfc(u,[["__scopeId","data-v-760d5fb5"]]);wx.createComponent(i);

unpackage/dist/build/mp-weixin/TUIKit/components/TUISearch/search-container/index.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "icon": "../../common/Icon",
+    "date-picker": "../../common/DatePicker/index"
+  }
+}

unpackage/dist/build/mp-weixin/TUIKit/components/TUISearch/search-container/index.wxml

@@ -0,0 +1 @@
+<view class="{{['data-v-760d5fb5', 'tui-search-container', j, k, l]}}"><view class="{{['data-v-760d5fb5', h, i]}}"><view wx:if="{{a}}" class="tui-search-header data-v-760d5fb5"><view class="tui-search-header-title data-v-760d5fb5">{{b}}</view><view class="tui-search-header-close data-v-760d5fb5" bindtap="{{d}}"><icon wx:if="{{c}}" class="data-v-760d5fb5" u-i="760d5fb5-0" bind:__l="__l" u-p="{{c}}"/></view></view><view class="tui-search-tabs data-v-760d5fb5"><view wx:for="{{e}}" wx:for-item="tabItem" wx:key="b" class="{{['data-v-760d5fb5', 'tui-search-tabs-item', tabItem.c]}}" bindtap="{{tabItem.d}}">{{tabItem.a}}</view></view><slot name="input"/><view wx:if="{{f}}" class="tui-search-time data-v-760d5fb5"><view wx:for="{{g}}" wx:for-item="tabItem" wx:key="q" class="{{['data-v-760d5fb5', 'tui-search-time-item', tabItem.r]}}" bindtap="{{tabItem.s}}"><view wx:if="{{tabItem.a}}" class="tui-search-time-item-picker data-v-760d5fb5"><view wx:if="{{tabItem.b}}" class="tui-search-time-item-all data-v-760d5fb5" catchtap="{{tabItem.f}}">{{tabItem.c}} <icon wx:if="{{tabItem.e}}" class="data-v-760d5fb5" u-i="{{tabItem.d}}" bind:__l="__l" u-p="{{tabItem.e}}"/></view><view class="data-v-760d5fb5" catchtap="{{tabItem.k}}"><date-picker wx:if="{{tabItem.g}}" class="data-v-760d5fb5" bindpick="{{tabItem.h}}" u-i="{{tabItem.i}}" bind:__l="__l" u-p="{{tabItem.j}}"/></view><view wx:if="{{tabItem.l}}" class="tui-search-time-item-close data-v-760d5fb5" bindtap="{{tabItem.o}}"><icon wx:if="{{tabItem.n}}" class="icon data-v-760d5fb5" u-i="{{tabItem.m}}" bind:__l="__l" u-p="{{tabItem.n}}"/></view></view><view wx:else class="data-v-760d5fb5">{{tabItem.p}}</view></view></view><slot name="result"/></view></view>

unpackage/dist/build/mp-weixin/TUIKit/components/TUISearch/search-container/index.wxss

@@ -0,0 +1 @@
+body.data-v-760d5fb5,div.data-v-760d5fb5,ul.data-v-760d5fb5,ol.data-v-760d5fb5,dt.data-v-760d5fb5,dd.data-v-760d5fb5,li.data-v-760d5fb5,dl.data-v-760d5fb5,h1.data-v-760d5fb5,h2.data-v-760d5fb5,h3.data-v-760d5fb5,h4.data-v-760d5fb5,p.data-v-760d5fb5{margin:0;padding:0;font-style:normal}ol.data-v-760d5fb5,ul.data-v-760d5fb5,li.data-v-760d5fb5{list-style:none}img.data-v-760d5fb5{border:0;vertical-align:middle;pointer-events:none}body.data-v-760d5fb5{color:#000;background:#fff}.clear.data-v-760d5fb5{clear:both;height:1px;width:100%;overflow:hidden;margin-top:-1px}a.data-v-760d5fb5{color:#000;text-decoration:none;cursor:pointer}a.data-v-760d5fb5:hover{text-decoration:none}input.data-v-760d5fb5,textarea.data-v-760d5fb5{-webkit-user-select:auto;user-select:auto}input.data-v-760d5fb5:focus,input.data-v-760d5fb5:active,textarea.data-v-760d5fb5:focus,textarea.data-v-760d5fb5:active{outline:none}.chat-aside.data-v-760d5fb5{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)}.container-bottom.data-v-760d5fb5{margin:0 10px;position:relative}.container-conversation.data-v-760d5fb5{width:100%;height:100%;overflow:hidden}.tui-search-container-bottom.data-v-760d5fb5{position:absolute;min-width:400px;width:-webkit-fit-content;width:fit-content;height:453px;border-radius:4px;background-color:#fff;z-index:1000;display:flex;flex-direction:column;box-shadow:rgba(0,0,0,.16) 0 3px 6px,rgba(0,0,0,.23) 0 3px 6px;left:0;top:-5px}.tui-search-container-aside.data-v-760d5fb5{flex:1;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.tui-search-container .tui-search-header.data-v-760d5fb5{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 20px 10px}.tui-search-container .tui-search-header-title.data-v-760d5fb5{font-size:14px;font-weight:500;line-height:19.6px;font-family:PingFang SC,sans-serif}.tui-search-container .tui-search-header-close.data-v-760d5fb5{cursor:pointer}.tui-search-container .tui-search-tabs.data-v-760d5fb5{width:100%;display:flex;flex-direction:row;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.1)}.tui-search-container .tui-search-tabs-item.data-v-760d5fb5{padding:10px 0;margin:0 10px;font-size:14px;color:#666;-webkit-user-select:none;user-select:none;cursor:pointer}.tui-search-container .tui-search-tabs-item-selected.data-v-760d5fb5{color:#007aff;border-bottom:2px solid #007aff}.tui-search-container .tui-search-time.data-v-760d5fb5{width:100%;height:43px;display:flex;flex-direction:row;box-sizing:border-box}.tui-search-container .tui-search-time-item.data-v-760d5fb5{height:calc(100% - 20px);padding:5px;margin:5px;border-radius:5px;font-size:12px;color:#666;-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;justify-content:center;align-items:center}.tui-search-container .tui-search-time-item-picker.data-v-760d5fb5{display:flex}.tui-search-container .tui-search-time-item-close.data-v-760d5fb5,.tui-search-container .tui-search-time-item-all.data-v-760d5fb5{display:flex;justify-content:center;align-items:center}.tui-search-container .tui-search-time-item-selected.data-v-760d5fb5{background-color:rgba(0,122,255,.2)}.tui-search-container-h5.data-v-760d5fb5{width:100%;height:100%;overflow:hidden;margin:0;padding:0;display:flex;flex-direction:column}.tui-search-container-h5 .tui-search-container-h5-main.data-v-760d5fb5{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.tui-search-container-h5 .tui-search-container-h5-main .tui-search-tabs .tui-search-tabs-item.data-v-760d5fb5{cursor:none}.tui-search-container-h5 .tui-search-container-h5-main .tui-search-time.data-v-760d5fb5{background-color:#f4f4f4}.tui-search-container-h5 .tui-search-container-h5-main .tui-search-time .tui-search-time-item.data-v-760d5fb5{cursor:none;background-color:#fff}.tui-search-container-h5 .tui-search-container-h5-main .tui-search-time .tui-search-time-item-selected.data-v-760d5fb5{background-color:rgba(0,122,255,.2)}