优化页面
This commit is contained in:
1
unpackage/dist/build/mp-weixin/TUIKit/components/TUISearch/search-input/index.js
vendored
Normal file
1
unpackage/dist/build/mp-weixin/TUIKit/components/TUISearch/search-input/index.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";const e=require("../../../../common/vendor.js");require("../../../adapter-vue.js");const n=require("../../../../common/assets.js"),r=require("../../../utils/env.js");Math||a();const a=()=>"../../common/Icon.js",u=e.defineComponent({__name:"index",props:{placeholder:{type:String,default:()=>e.Wt.t("TUISearch.搜索")},searchType:{type:String,default:"global",validator:e=>["global","conversation"].includes(e)}},setup(a){const u=a,t=e.ref(""),c=e.ref(""),o=e.ref(!1);function l(e){(null==e?void 0:e.searchType)===(null==u?void 0:u.searchType)&&(c.value=null==e?void 0:e.value,t.value=null==e?void 0:e.value)}function i(e){(null==e?void 0:e.searchType)===(null==u?void 0:u.searchType)&&(o.value=null==e?void 0:e.isSearching)}e.onMounted((()=>{e.Jt.watch(e.o.SEARCH,{currentSearchInputValue:l,currentSearchingStatus:i})})),e.onUnmounted((()=>{e.Jt.unwatch(e.o.SEARCH,{currentSearchInputValue:l,currentSearchingStatus:i})}));const s=()=>{t.value!==c.value&&e.Jt.update(e.o.SEARCH,"currentSearchInputValue",{value:t.value,searchType:u.searchType})},h=()=>{o.value=!1,e.Jt.update(e.o.SEARCH,"currentSearchingStatus",{isSearching:!1,searchType:u.searchType}),e.Jt.update(e.o.SEARCH,"currentSearchInputValue",{value:"",searchType:u.searchType})},p=()=>{e.Jt.update(e.o.SEARCH,"currentSearchingStatus",{isSearching:!0,searchType:u.searchType})},d=()=>{var n,r;null==(r=null==(n=e.i)?void 0:n.hideKeyboard)||r.call(n)};return(a,c)=>e.e({a:e.p({file:e.unref(n.searchIcon),width:"14px",height:"14px"}),b:u.placeholder,c:e.o$1(d),d:e.o$1(s),e:e.o$1(s),f:e.o$1(p),g:e.unref(t),h:e.o$1((n=>e.isRef(t)?t.value=n.detail.value:null)),i:e.unref(o)},e.unref(o)?{j:e.p({file:e.unref(n.closeIcon),width:"14px",height:"14px"}),k:e.o$1(h)}:{},{l:e.n(!e.unref(r.isPC)&&"tui-search-input-h5"),m:!e.unref(r.isPC)&&e.unref(o)&&"global"===u.searchType},!e.unref(r.isPC)&&e.unref(o)&&"global"===u.searchType?{n:e.t(e.unref(e.Wt).t("TUISearch.取消")),o:e.n(!e.unref(r.isPC)&&"tui-search-input-h5-cancel"),p:e.o$1(h)}:{},{q:e.n(!e.unref(r.isPC)&&"tui-search-input-container-h5"),r:e.n("global"===u.searchType?"tui-search-input-container-global":"tui-search-input-container-conversation")})}}),t=e._export_sfc(u,[["__scopeId","data-v-fd470d80"]]);wx.createComponent(t);
|
||||
6
unpackage/dist/build/mp-weixin/TUIKit/components/TUISearch/search-input/index.json
vendored
Normal file
6
unpackage/dist/build/mp-weixin/TUIKit/components/TUISearch/search-input/index.json
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"icon": "../../common/Icon"
|
||||
}
|
||||
}
|
||||
1
unpackage/dist/build/mp-weixin/TUIKit/components/TUISearch/search-input/index.wxml
vendored
Normal file
1
unpackage/dist/build/mp-weixin/TUIKit/components/TUISearch/search-input/index.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="{{['data-v-fd470d80', 'tui-search-input-container', q, r]}}"><view class="{{['data-v-fd470d80', 'tui-search-input', l]}}"><view class="tui-search-input-left data-v-fd470d80"><icon wx:if="{{a}}" class="icon data-v-fd470d80" u-i="fd470d80-0" bind:__l="__l" u-p="{{a}}"/></view><input class="tui-search-input-main data-v-fd470d80" type="text" placeholder="{{b}}" focus="{{false}}" enterkeyhint="search" bindblur="{{c}}" bindkeyup="{{d}}" bindconfirm="{{e}}" catchtap="{{f}}" value="{{g}}" bindinput="{{h}}"></input><view wx:if="{{i}}" class="tui-search-input-right data-v-fd470d80" bindtap="{{k}}"><icon wx:if="{{j}}" class="icon data-v-fd470d80" u-i="fd470d80-1" bind:__l="__l" u-p="{{j}}"/></view></view><view wx:if="{{m}}" class="{{['data-v-fd470d80', 'tui-search-input-cancel', o]}}" bindtap="{{p}}">{{n}}</view></view>
|
||||
1
unpackage/dist/build/mp-weixin/TUIKit/components/TUISearch/search-input/index.wxss
vendored
Normal file
1
unpackage/dist/build/mp-weixin/TUIKit/components/TUISearch/search-input/index.wxss
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.tui-search-input-container.data-v-fd470d80{display:flex;flex-direction:row;box-sizing:border-box}.tui-search-input-container-global.data-v-fd470d80{flex:1}.tui-search-input-container .tui-search-input.data-v-fd470d80{flex:1;display:flex;flex-direction:row;width:calc(100% - 20px);margin:10px;background:#ededed;justify-content:center;align-items:center;height:28px;border-radius:4px}.tui-search-input-container .tui-search-input-main.data-v-fd470d80{flex:1;background:transparent;border:none;caret-color:#007aff;font-size:14px}.tui-search-input-container .tui-search-input-main.data-v-fd470d80:focus{border:none;outline:none}.tui-search-input-container .tui-search-input-main.data-v-fd470d80::-webkit-input-placeholder{color:#666;font-size:12px}.tui-search-input-container .tui-search-input-main.data-v-fd470d80::placeholder{color:#666;font-size:12px}.tui-search-input-container .tui-search-input-left.data-v-fd470d80,.tui-search-input-container .tui-search-input-right.data-v-fd470d80{display:flex;width:14px;height:14px;padding:0 7px}.tui-search-input-container-h5 .tui-search-input-h5.data-v-fd470d80{height:34px}.tui-search-input-container-h5 .tui-search-input-cancel.data-v-fd470d80{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#007aff;font-size:16px;padding:7px 10px 7px 3px;font-family:PingFang SC,sans-serif}
|
||||
Reference in New Issue
Block a user