<view data-event-opts="{{[['tap',[['clickHandler',['$event']]]]]}}" class="u-search data-v-4c556b40" style="{{'margin:'+(margin)+';'}}" onTap="__e"><view class="u-content data-v-4c556b40" style="{{'background-color:'+(bgColor)+';'+('border-radius:'+(shape=='round'?'100rpx':'10rpx')+';')+('border:'+(borderStyle)+';')+('height:'+(height+'rpx')+';')}}"><view class="u-icon-wrap data-v-4c556b40"><u-icon class="u-clear-icon data-v-4c556b40" vue-id="3e4e7d9c-1" size="{{30}}" name="{{searchIcon}}" color="{{searchIconColor?searchIconColor:color}}" onVueInit="__l"></u-icon></view><input class="u-input data-v-4c556b40" style="{{$root.s0}}" confirm-type="search" disabled="{{disabled}}" focus="{{focus}}" maxlength="{{maxlength}}" placeholder-class="u-placeholder-class" placeholder="{{placeholder}}" placeholder-style="{{'color: '+placeholderColor}}" type="text" data-event-opts="{{[['blur',[['blur',['$event']]]],['confirm',[['search',['$event']]]],['input',[['inputChange',['$event']]]],['focus',[['getFocus',['$event']]]]]}}" value="{{value}}" onBlur="__e" onConfirm="__e" onInput="__e" onFocus="__e"/><block a:if="{{keyword&&clearabled&&focused}}"><view data-event-opts="{{[['tap',[['clear',['$event']]]]]}}" class="u-close-wrap data-v-4c556b40" onTap="__e"><u-icon class="u-clear-icon data-v-4c556b40" vue-id="3e4e7d9c-2" name="close-circle-fill" size="34" color="#c0c4cc" onVueInit="__l"></u-icon></view></block></view><view data-event-opts="{{[['tap',[['custom',['$event']]]]]}}" class="{{(('u-action data-v-4c556b40')+' '+(showActionBtn||show?'u-action-active':''))}}" style="{{$root.s1}}" catchTap="__e">{{actionText}}</view></view>