Input 输入框 ​

<template>
  <f-input v-model="value1" type="text" placeholder="请输入...." />
</template>

<script lang="ts" setup>
  import { ref } from 'vue'

  const value1 = ref('')
</script>

<template>
  <f-input v-model="value2" type="text" size="large" />
  <f-input v-model="value2" type="text" size="middle" />
  <f-input v-model="value2" type="text" size="small" />
  <f-input v-model="value2" type="text" size="mini" />
</template>

<script lang="ts" setup>
  import { ref } from 'vue'

  const value2 = ref('不同尺寸的')
</script>

<template>
  <f-input v-model="value3" type="text" search placeholder="请输入...." />
</template>

<script lang="ts" setup>
  import { ref } from 'vue'

  const value3 = ref('')
</script>

<template>
  <f-input v-model="value4" type="text" placeholder="请输入...." />
</template>

<script lang="ts" setup>
  import { ref } from 'vue'

  const value4 = ref('')
</script>

<template>
  <f-input v-model="value5" type="password" show-password />
</template>

<script lang="ts" setup>
  import { ref } from 'vue'

  const value5 = ref('123456')
</script>

<template>
  <f-input v-model="value6" type="text" :icon="FIconCloud" />
</template>

<script lang="ts" setup>
  import { ref } from 'vue'
  import { FIconCloud } from '@fighting-design/fighting-icon'

  const value6 = ref('')
</script>

<template>
  <f-input v-model="value7" type="text" clear />
</template>

<script lang="ts" setup>
  import { ref } from 'vue'

  const value7 = ref('可清空的')
</script>

<template>
  <f-input v-model="value8" type="text" readonly />
  <f-input v-model="value8" type="text" disabled />
</template>

<script lang="ts" setup>
  import { ref } from 'vue'

  const value8 = ref('点我试试吧')
</script>