fix: textarea 鸿蒙适配 (#3037)

Author: xiaoyatong

src/packages/textarea/demo.taro.tsx

@@ -94,7 +94,7 @@ const TextAreaDemo = () => {
         <Demo7 />
         <View className="h2">{translated.textAlign}</View>
         <Demo8 />
-        <h2>{translated.error}</h2>
+        <View className="h2">{translated.error}</View>
         <Demo9 />
       </ScrollView>
     </>

src/packages/textarea/demos/h5/demo1.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Space, TextArea } from '@nutui/nutui-react'
 
-const Demo1 = () => {
+const Demo = () => {
   return (
     <Space direction="vertical">
       <TextArea
@@ -20,4 +20,4 @@ const Demo1 = () => {
     </Space>
   )
 }
-export default Demo1
+export default Demo

src/packages/textarea/demos/h5/demo2.tsx

@@ -1,8 +1,8 @@
 import React, { useState } from 'react'
 import { TextArea } from '@nutui/nutui-react'
 
-const Demo2 = () => {
+const Demo = () => {
   const [value, setValue] = useState('')
   return <TextArea value={value} onChange={(value) => setValue(value)} />
 }
-export default Demo2
+export default Demo

src/packages/textarea/demos/h5/demo3.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { TextArea } from '@nutui/nutui-react'
 
-const Demo3 = () => {
+const Demo = () => {
   return <TextArea showCount maxLength={20} />
 }
-export default Demo3
+export default Demo

src/packages/textarea/demos/h5/demo4.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { TextArea } from '@nutui/nutui-react'
 
-const Demo4 = () => {
+const Demo = () => {
   return <TextArea autoSize maxLength={-1} />
 }
-export default Demo4
+export default Demo

src/packages/textarea/demos/h5/demo5.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { ConfigProvider, TextArea } from '@nutui/nutui-react'
 
-const Demo5 = () => {
+const Demo = () => {
   const customTheme = {
     nutuiTextareaTextCurrorColor: `red`,
     nutuiTextareaLimitColor: `red`,
@@ -12,4 +12,4 @@ const Demo5 = () => {
     </ConfigProvider>
   )
 }
-export default Demo5
+export default Demo

src/packages/textarea/demos/h5/demo6.tsx

@@ -1,11 +1,7 @@
 import React from 'react'
 import { TextArea } from '@nutui/nutui-react'
 
-const Demo6 = () => {
-  return (
-    <>
-      <TextArea readOnly defaultValue="textarea只读状态" />
-    </>
-  )
+const Demo = () => {
+  return <TextArea readOnly defaultValue="textarea只读状态" />
 }
-export default Demo6
+export default Demo

src/packages/textarea/demos/h5/demo7.tsx

@@ -1,16 +1,14 @@
 import React from 'react'
 import { TextArea } from '@nutui/nutui-react'
 
-const Demo7 = () => {
+const Demo = () => {
   return (
-    <>
-      <TextArea
-        disabled
-        defaultValue="textarea禁用状态"
-        showCount
-        maxLength={20}
-      />
-    </>
+    <TextArea
+      disabled
+      defaultValue="textarea禁用状态"
+      showCount
+      maxLength={20}
+    />
   )
 }
-export default Demo7
+export default Demo

src/packages/textarea/demos/h5/demo8.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { TextArea } from '@nutui/nutui-react'
 
-const Demo8 = () => {
+const Demo = () => {
   return (
     <TextArea
       defaultValue="文本居右"
@@ -11,4 +11,4 @@ const Demo8 = () => {
     />
   )
 }
-export default Demo8
+export default Demo

src/packages/textarea/demos/h5/demo9.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { TextArea } from '@nutui/nutui-react'
 
-const Demo8 = () => {
+const Demo = () => {
   return <TextArea status="error" defaultValue="输入内容错误" />
 }
-export default Demo8
+export default Demo