fix(input): [input] fix textarea word wrap style

Author: gimmyhehe

examples/sites/demos/pc/app/input/display-only-popup-more-composition-api.vue

@@ -9,7 +9,7 @@ import { ref } from 'vue'
 import { TinyInput } from '@opentiny/vue'
 
 const input = ref(
-  '表单文本域开启只读模式，文本内容超过 5 行自动隐藏。表单文本域开启只读模式，文本内容超过 5 行自动隐藏。表单文本域开启只读模式，文本内容超过 5 行自动隐藏。表单文本域开启只读模式，文本内容超过 5 行自动隐藏。表单文本域开启只读模式，文本内容超过 5 行自动隐藏'
+  '表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏。\n表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏。\n表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏。\n表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏。\n表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏'
 )
 </script>
 

examples/sites/demos/pc/app/input/display-only-popup-more.vue

@@ -14,7 +14,7 @@ export default {
   data() {
     return {
       input:
-        '表单文本域开启只读模式，文本内容超过 5 行自动隐藏。表单文本域开启只读模式，文本内容超过 5 行自动隐藏。表单文本域开启只读模式，文本内容超过 5 行自动隐藏。表单文本域开启只读模式，文本内容超过 5 行自动隐藏。表单文本域开启只读模式，文本内容超过 5 行自动隐藏'
+        '表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏。\n表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏。\n表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏。\n表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏。\n表单文本域开启只读模式，\n文本内容超过 5 行自动隐藏'
     }
   }
 }

packages/vue/src/input/src/pc.vue

@@ -193,7 +193,7 @@
         :append-to-body="true"
         @update:visible="state.showDisplayOnlyBox = $event"
       >
-        <div>{{ state.displayOnlyText }}</div>
+        <pre>{{ state.displayOnlyText }}</pre>
         <template #footer>
           <tiny-button @click="state.showDisplayOnlyBox = false">{{ t('ui.input.close') }}</tiny-button>
         </template>