fix(renderless/input): [input] fix value become empty when the input type changed

[yoyo201626]

v3.12.0

PR

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our Commit Message Guidelines
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

• Bugfix
• Feature
• Code style update (formatting, local variables)
• Refactoring (no functional changes, no api changes)
• Build related changes
• CI related changes
• Documentation content changes
• Other... Please describe:

What is the current behavior?

从 type= 'textarea' 与 type='password'相互改变，value值会被清空

Issue Number: N/A

What is the new behavior?

从 type= 'textarea' 与 type='password'相互改变，value值不会被清空

Does this PR introduce a breaking change?

• Yes
• No

Other information

// test case
<template>
  <div class="demo-input">
    <tiny-input v-model="state.formData.input" placeholder="Please input" :type="state.type"></tiny-input>
    <tiny-input v-model="state.formData.input" placeholder="Please input"></tiny-input>
    <tiny-button @click="state.type=state.type==='textarea'? 'password': 'textarea'">change type</tiny-button>
    <tiny-button @click="state.formData.input=''">clear</tiny-button>
  </div>
</template>

<script>
import { Input, Button } from '@opentiny/vue'

export default {
  components: {
    TinyInput: Input,
    TinyButton: Button,
  },
  data() {
    return {
      state: {
        type: 'textarea',
        formData: {
          input:''
        }
      }
    }
  }
}
</script>

<style scoped>
.demo-input .tiny-input {
  width: 250px;
}
</style>