<view class="wux-class wux-class-flex {{ classes.wrap }}">
    <view class="{{ classes.form }}">
        <view class="{{ classes.box }}" wx:if="{{ showCancel || inputFocus || (inputValue && inputValue.length > 0) }}">
            <icon class="{{ classes.search }}" type="search" color="#B2B2B2" size="14" />
            <input
            	type="text"
            	class="{{ classes.input }}"
            	value="{{ inputValue }}"
            	placeholder="{{ placeholder }}"
                placeholder-style="{{ extStyle }}"
                placeholder-class="{{ placeholderClass }}"
                disabled="{{ disabled }}"
                maxlength="{{ maxlength }}"
                cursor-spacing="{{ cursorSpacing }}"
                focus="{{ inputFocus }}"
                confirm-type="{{ confirmType }}"
                confirm-hold="{{ confirmHold }}"
                cursor="{{ cursor }}"
                selection-start="{{ selectionStart }}"
                selection-end="{{ selectionEnd }}"
                adjust-position="{{ adjustPosition }}"
            	bindinput="onChange"
            	bindfocus="onFocus"
            	bindblur="onBlur"
            	bindconfirm="onConfirm"
            />
            <icon class="{{ classes.clear }}" type="clear" color="#B2B2B2" size="14" wx:if="{{ clear && !disabled && inputValue && inputValue.length > 0 }}" bindtap="onClear" />
        </view>
        <label class="{{ classes.label }}" wx:if="{{ !inputFocus && !inputValue }}" bindtap="onClick">
            <icon class="{{ classes.icon }}" type="search" color="#B2B2B2" size="14" />
            <text class="{{ classes.text }}">{{ placeholder }}</text>
        </label>
    </view>
    <view class="{{ classes.cancel }}" wx:if="{{ showCancel || inputFocus || (inputValue && inputValue.length > 0) }}" bindtap="onCancel">{{ cancelText }}</view>
</view>
