<block wx:if="{{visible}}">
  <wd-form-item
    id="{{id}}"
    className="{{className}}"
    style="{{style}}"
    label="{{label}}"
    labelVisible="{{labelVisible}}"
    labelTips="{{labelTips}}"
    labelWidth="{{labelWidth}}"
    labelAlign="{{labelAlign}}"
    labelWrap="{{labelWrap}}"
    layout="{{layout}}"
    extra="{{extra}}"
    required="{{required}}"
    readOnly="{{readOnly}}"
    requiredFlag="{{requiredFlag}}"
    validateState="{{validateState}}"
    validateErrorMsg="{{validateErrorMsg}}"
    readValue="{{value}}"
    classRoot="{{classRoot}}"
    size="{{_size}}"
    borderedH5="{{borderedH5}}"
    before="{{before}}"
    after="{{after}}"
    readBeforeAfter="{{!isUnionValue}}"
  >
    <wd-input-group before="{{before}}" after="{{after}}" block="{{true}}" size="{{_size}}" classRoot="{{classRoot}}" bind:inputAdornmentClick="handleEvent">
      <view class="{{cls}} {{template === 'greySearchBox'?'wd-input-input-search template search-box color-grey is-pc-bordered is-h5-borderless':''}} {{template === 'whiteSearchBox'?'wd-input-input-search template search-box color-white is-pc-bordered is-h5-borderless':''}}">
        <!-- 前缀图标 -->
        <block wx:if="{{prefixType}}">
          <view class="{{inputWrap}}__before" data-type="prefix" bind:tap="inputAdornmentClick">
            <wd-icon name="{{prefixIcon}}" type="{{prefixType}}" src="{{prefixSrc}}" size="{{iconSize}}" className="{{root}}__icon-before"></wd-icon>
          </view>
        </block>

        <!-- 输入框 -->
        <view class="{{inputWrap}}__content">
          <input
            class="{{inputCls}}"
            placeholder-class="{{placeholderCls}}"
            type="{{isNickNameType?'nickname':type}}"
            placeholder="{{placeholder}}"
            value="{{currentInputValue}}"
            disabled="{{disabled}}"
            name="{{name}}"
            auto-focus="{{focus}}"
            focus="{{focus}}"
            password="{{password}}"
            maxlength="{{maxLength}}"
            cursor-spacing="{{cursorSpacing}}"
            bind:input="handleChange"
            bind:focus="handleFocus"
            bind:blur="handleBlur"
            bind:confirm="handleConfirm"
          />
        </view>

        <!-- 清除按钮 -->
        <block wx:if="{{hasClearIcon}}">
          <view class="{{inputWrap}}__after">
            <wd-icon className="{{classPrefix}}-icon__trigger" name="td:close-circle-filled" size="{{iconSize}}" bind:touchstart="handleClear"></wd-icon>
          </view>
        </block>

        <!-- 后缀图标 -->
        <block wx:if="{{!hasClearIcon && suffixType}}">
          <view class="{{inputWrap}}__after" data-type="suffix" bind:tap="inputAdornmentClick">
            <wd-icon name="{{suffixIcon}}" type="{{suffixType}}" src="{{suffixSrc}}" size="{{iconSize}}" className="{{root}}__icon-after"></wd-icon>
          </view>
        </block>

        <!-- 字数 -->
        <block wx:if="{{counterVisible}}">
          <label class="{{countCls}}">{{counter}}/{{maxLength}}</label>
        </block>
      </view>
    </wd-input-group>
  </wd-form-item>
</block>
