<import-sjs from="./textarea.prop.sjs" name="p" />
  <view class="page  {{className || ''}}">
    <view class="page-description">文本框</view>
    <view class="page-section">
      <view class="page-section-title">禁用状态</view>
      <view class="page-section-demo">
        <textarea
          class="item"
          value="禁用状态"
          anyuiProps="{{p.getProps('_1') || {}}}"
          disabled="{{true}}"
        ></textarea>
      </view>
    </view>
    <view class="page-section">
      <view class="page-section-title">受控聚焦</view>
      <view class="page-section-demo">
        <textarea
          placeholder="Please input something"
          anyuiProps="{{p.getProps('_5') || {}}}"
          focus="{{focus}}"
          onInput="onInput"
          onFocus="onFocus"
          onBlur="onBlur"
        />
      </view>
      <view class="page-section-btns">
        <button type="default" size="mini" onTap="bindButtonTap">聚焦</button>
      </view>
    </view>
    <view class="page-section">
      <view class="page-section-title">自适应高度</view>
      <view class="page-section-demo">
        <textarea
          auto-height
          placeholder="Please input something"
          anyuiProps="{{p.getProps('_6') || {}}}"
          onBlur="bindTextAreaBlur"
        />
      </view>
    </view>
    <view class="page-section">
      <view class="page-section-title">结合表单</view>
      <form onsubmit="bindFormSubmit">
        <view class="page-section-demo">
          <textarea
            name="textarea"
            placeholder="Please input something"
            anyuiProps="{{p.getProps('_7') || {}}}"
            onInput="onchangeFn"
          />
        </view>
        <view class="page-section-btns">
          <button form-type="submit" size="mini" type="primary">提交</button>
        </view>
      </form>
    </view>
  </view>
