<view class="gov-textarea">
    <gov-list if="head" header-border="{{head ? true : false}}" gov-title="list-title" title="{{ head }}"></gov-list>
    <view class="
        textarea-item
        {{ status ? 'textarea-item-error' : '' }}
        {{ hasBorder ? 'hasborder' : '' }}"
    >
        <view
            s-if="{{ title }}"
            class="textarea-title gov-textarea-title {{ titleType ? 'textarea-title-long' : '' }}"
        >
            {{ title }}
        </view>
        <view class="textarea-wrapper gov-textarea-wrap {{ head ? 'wrap' : '' }}">
            <textarea
                class="
                    textarea-element
                    gov-textarea-element
                    {{ !title ? 'element-content' : '' }}
                    {{ showExceedToast ? 'element-input' : '' }}
                "
                value="{{ value }}"
                disabled="{{ disabled }}"
                maxlength="{{ showExceedToast ? maxlength : -1 }}"
                placeholder="{{ placeholder }}"
                focus="{{ focus }}"
                cursorSpacing="{{ cursorSpacing }}"
                showConfirmBar="{{ showConfirmBar }}"
                adjustPosition="{{ adjustPosition }}"
                bindblur="handleBlur"
                bindinput="handleInput"
            ></textarea>
            <view
                s-if="showTip && lentip"
                class="
                    length-tip
                    {{ currentLenTip && currentLenTip.exceed ? 'error' : '' }}
                "
            >{{ currentLenTip ? currentLenTip.text : '' }}</view>
        </view>
        <view
            s-if="{{  status === 'error' && noticeInfo.visible }}"
            class="notice-icon gov-notice-icon"
            bindtap="showNotic"
        >
            <gov-icon
                name="{{ icon.name }}"
                size="{{ icon.size }}"
                color="{{ icon.color }}"
            ></gov-icon>
        </view>
    </view>
</view>