fix: tabs h5

jdf2e · Dec 3, 2024 · bee5920 · bee5920
1 parent b629e2e
commit bee5920
Show file tree

Hide file tree

Showing 22 changed files with 89 additions and 89 deletions.
diff --git a/src/packages/tabs/demos/h5/demo1.tsx b/src/packages/tabs/demos/h5/demo1.tsx
@@ -2,13 +2,13 @@ import React, { useState } from 'react'
 import { Tabs } from '@nutui/nutui-react'
 
 const Demo1 = () => {
-  const [tab1value, setTab1value] = useState<string | number>('0')
+  const [tabvalue, setTabvalue] = useState<string | number>('0')
   return (
     <>
       <Tabs
-        value={tab1value}
+        value={tabvalue}
         onChange={(value) => {
-          setTab1value(value)
+          setTabvalue(value)
         }}
       >
         <Tabs.TabPane title="Tab 1"> Tab 1 </Tabs.TabPane>

diff --git a/src/packages/tabs/demos/h5/demo10.tsx b/src/packages/tabs/demos/h5/demo10.tsx
@@ -2,15 +2,15 @@ import React, { useState } from 'react'
 import { Tabs } from '@nutui/nutui-react'
 
 const Demo10 = () => {
-  const [tab1value, setTab1value] = useState<string | number>('0')
+  const [tabvalue, setTabvalue] = useState<string | number>('0')
   return (
     <>
       <Tabs
-        value={tab1value}
+        value={tabvalue}
         activeType="divider"
         align="left"
         onChange={(value) => {
-          setTab1value(value)
+          setTabvalue(value)
         }}
       >
         <Tabs.TabPane title="Tab 1"> Tab 1</Tabs.TabPane>

diff --git a/src/packages/tabs/demos/h5/demo11.tsx b/src/packages/tabs/demos/h5/demo11.tsx
@@ -2,13 +2,13 @@ import React, { useState } from 'react'
 import { Tabs } from '@nutui/nutui-react'
 
 const Demo11 = () => {
-  const [tab2value, setTab2value] = useState<string | number>('0')
+  const [tabvalue, setTabvalue] = useState<string | number>('0')
   return (
     <>
       <Tabs
-        value={tab2value}
+        value={tabvalue}
         onChange={(value) => {
-          setTab2value(value)
+          setTabvalue(value)
         }}
       >
         <Tabs.TabPane title="Tab 1" value="0">

diff --git a/src/packages/tabs/demos/h5/demo13.tsx b/src/packages/tabs/demos/h5/demo13.tsx
@@ -2,15 +2,15 @@ import React, { useState } from 'react'
 import { Tabs } from '@nutui/nutui-react'
 
 const Demo13 = () => {
-  const [tab2value, setTab2value] = useState<number | string>('0')
+  const [tabvalue, setTabvalue] = useState<number | string>('0')
   return (
     <>
       <Tabs
-        value={tab2value}
+        value={tabvalue}
         style={{ position: 'relative', zIndex: 11 }}
         tabStyle={{ position: 'sticky', top: '0px', zIndex: 11 }}
         onChange={(value) => {
-          setTab2value(value)
+          setTabvalue(value)
         }}
       >
         <Tabs.TabPane title="Tab 1" value="0">

diff --git a/src/packages/tabs/demos/h5/demo14.tsx b/src/packages/tabs/demos/h5/demo14.tsx
@@ -2,14 +2,14 @@ import React, { useState } from 'react'
 import { Tabs } from '@nutui/nutui-react'
 
 const Demo14 = () => {
-  const [tab2value, setTab2value] = useState<number | string>('0')
+  const [tabvalue, setTabvalue] = useState<number | string>('0')
   return (
     <>
       <Tabs
-        value={tab2value}
+        value={tabvalue}
         autoHeight
         onChange={(value) => {
-          setTab2value(value)
+          setTabvalue(value)
         }}
       >
         <Tabs.TabPane title="Tab 1">

diff --git a/src/packages/tabs/demos/h5/demo15.tsx b/src/packages/tabs/demos/h5/demo15.tsx
@@ -2,23 +2,23 @@ import React, { useState, useEffect } from 'react'
 import { Tabs } from '@nutui/nutui-react'
 
 const Demo15 = () => {
-  const [tab3value, setTab3value] = useState<number | string>(0)
-  const [list3, setList3] = useState<number[]>([])
+  const [tabvalue, setTabvalue] = useState<number | string>(0)
+  const [list, setList] = useState<number[]>([])
   useEffect(() => {
     setTimeout(() => {
-      setTab3value(2)
-      setList3([...new Array(3).keys()])
+      setTabvalue(2)
+      setList([...new Array(3).keys()])
     }, 3000)
   }, [])
   return (
     <>
       <Tabs
-        value={tab3value}
+        value={tabvalue}
         onChange={(value) => {
-          setTab3value(value)
+          setTabvalue(value)
         }}
       >
-        {list3.map((item) => (
+        {list.map((item) => (
           <Tabs.TabPane key={item} title={`Tab ${item}`}>
             Tab {item}
           </Tabs.TabPane>

diff --git a/src/packages/tabs/demos/h5/demo16.tsx b/src/packages/tabs/demos/h5/demo16.tsx
@@ -2,13 +2,13 @@ import React, { useState } from 'react'
 import { Tabs } from '@nutui/nutui-react'
 
 const Demo16 = () => {
-  const [tab4value, setTab4value] = useState<number | string>('0')
+  const [tabvalue, setTabvalue] = useState<number | string>('0')
   return (
     <>
       <Tabs
-        value={tab4value}
+        value={tabvalue}
         onChange={(value) => {
-          setTab4value(value)
+          setTabvalue(value)
         }}
       >
         <Tabs.TabPane title="低阶特卖">低阶特卖</Tabs.TabPane>

diff --git a/src/packages/tabs/demos/h5/demo17.tsx b/src/packages/tabs/demos/h5/demo17.tsx
@@ -2,19 +2,19 @@ import React, { useState } from 'react'
 import { Tabs } from '@nutui/nutui-react'
 
 const Demo17 = () => {
-  const [tab4value, setTab4value] = useState<number | string>('0')
-  const list4 = Array.from(new Array(10).keys())
+  const [tabvalue, setTabvalue] = useState<number | string>('0')
+  const list = Array.from(new Array(10).keys())
   return (
     <>
       <Tabs
-        value={tab4value}
+        value={tabvalue}
         style={{ height: '300px' }}
         onChange={(value) => {
-          setTab4value(value)
+          setTabvalue(value)
         }}
         direction="vertical"
       >
-        {list4.map((item) => (
+        {list.map((item) => (
           <Tabs.TabPane key={item} title={`Tab ${item}`}>
             Tab {item}
           </Tabs.TabPane>

diff --git a/src/packages/tabs/demos/h5/demo18.tsx b/src/packages/tabs/demos/h5/demo18.tsx
@@ -2,19 +2,19 @@ import React, { useState } from 'react'
 import { Tabs } from '@nutui/nutui-react'
 
 const Demo18 = () => {
-  const [tab5value, setTab5value] = useState<number | string>('0')
-  const list5 = Array.from(new Array(2).keys())
+  const [tabvalue, setTabvalue] = useState<number | string>('0')
+  const list = Array.from(new Array(2).keys())
   return (
     <>
       <Tabs
         style={{ height: '300px' }}
-        value={tab5value}
+        value={tabvalue}
         onChange={(value) => {
-          setTab5value(value)
+          setTabvalue(value)
         }}
         direction="vertical"
       >
-        {list5.map((item) => (
+        {list.map((item) => (
           <Tabs.TabPane key={item} title={`Tab ${item}`}>
             Tab {item}
           </Tabs.TabPane>

diff --git a/src/packages/tabs/demos/h5/demo19.tsx b/src/packages/tabs/demos/h5/demo19.tsx
@@ -2,20 +2,20 @@ import React, { useState } from 'react'
 import { Tabs } from '@nutui/nutui-react'
 
 const Demo19 = () => {
-  const [tab6value, setTab6value] = useState<number | string>('0')
-  const list5 = Array.from(new Array(2).keys())
+  const [tabvalue, setTabvalue] = useState<number | string>('0')
+  const list = Array.from(new Array(2).keys())
   return (
     <>
       <Tabs
         style={{ height: '300px' }}
-        value={tab6value}
+        value={tabvalue}
         onChange={(value) => {
-          setTab6value(value)
+          setTabvalue(value)
         }}
         activeType="smile"
         direction="vertical"
       >
-        {list5.map((item) => (
+        {list.map((item) => (
           <Tabs.TabPane key={item} title={`Tab ${item}`}>
             Tab {item}
           </Tabs.TabPane>

diff --git a/src/packages/tabs/demos/h5/demo2.tsx b/src/packages/tabs/demos/h5/demo2.tsx
@@ -2,13 +2,13 @@ import React, { useState } from 'react'
 import { Tabs } from '@nutui/nutui-react'
 
 const Demo2 = () => {
-  const [tab1value, setTab1value] = useState<string | number>('0')
+  const [tabvalue, setTabvalue] = useState<string | number>('0')
   return (
     <>
       <Tabs
-        value={tab1value}
+        value={tabvalue}
         onChange={(value) => {
-          setTab1value(value)
+          setTabvalue(value)
         }}
         activeType="smile"
       >

diff --git a/src/packages/tabs/demos/h5/demo20.tsx b/src/packages/tabs/demos/h5/demo20.tsx
@@ -2,22 +2,22 @@ import React, { useState } from 'react'
 import { Tabs } from '@nutui/nutui-react'
 
 const Demo20 = () => {
-  const [tab8value, setTab8value] = useState<number | string>('0')
-  const [tab9value, setTab9value] = useState<number | string>('0')
+  const [tabvalue, setTabvalue] = useState<number | string>('0')
+  const [tab1value, setTab1value] = useState<number | string>('0')
   return (
     <>
       <Tabs
-        value={tab8value}
+        value={tabvalue}
         onChange={(value) => {
-          setTab8value(value)
+          setTabvalue(value)
         }}
         direction="vertical"
       >
         <Tabs.TabPane title="Tab 1">
           <Tabs
-            value={tab9value}
+            value={tab1value}
             onChange={(value) => {
-              setTab9value(value)
+              setTab1value(value)
             }}
             direction="horizontal"
           >

diff --git a/src/packages/tabs/demos/h5/demo21.tsx b/src/packages/tabs/demos/h5/demo21.tsx
@@ -2,22 +2,22 @@ import React, { useState } from 'react'
 import { Tabs } from '@nutui/nutui-react'
 
 const Demo21 = () => {
-  const [tab8value, setTab8value] = useState<number | string>('0')
-  const [tab9value, setTab9value] = useState<number | string>('0')
+  const [tabvalue, setTabvalue] = useState<number | string>('0')
+  const [tab1value, setTab1value] = useState<number | string>('0')
   return (
     <>
       <Tabs
-        value={tab8value}
+        value={tabvalue}
         onChange={(value) => {
-          setTab8value(value)
+          setTabvalue(value)
         }}
         autoHeight
       >
         <Tabs.TabPane title="Tab 1">
           <Tabs
-            value={tab9value}
+            value={tab1value}
             onChange={(value) => {
-              setTab9value(value)
+              setTab1value(value)
             }}
             direction="vertical"
           >

diff --git a/src/packages/tabs/demos/h5/demo22.tsx b/src/packages/tabs/demos/h5/demo22.tsx
@@ -2,14 +2,14 @@ import React, { useState } from 'react'
 import { Tabs } from '@nutui/nutui-react'
 
 const Demo22 = () => {
-  const [tab11value, setTab11value] = useState<string | number>('0')
-  const [tab12value, setTab12value] = useState<string | number>('0')
+  const [tabvalue, setTabvalue] = useState<string | number>('0')
+  const [tab1value, setTab1value] = useState<string | number>('0')
   return (
     <>
       <Tabs
-        value={tab11value}
+        value={tabvalue}
         onChange={(value) => {
-          setTab11value(value)
+          setTabvalue(value)
         }}
         style={{ '--nutui-tabs-titles-font-size': '20px' }}
       >
@@ -18,9 +18,9 @@ const Demo22 = () => {
         <Tabs.TabPane title="Tab 3"> Tab 3 </Tabs.TabPane>
       </Tabs>
       <Tabs
-        value={tab12value}
+        value={tab1value}
         onChange={(value) => {
-          setTab12value(value)
+          setTab1value(value)
         }}
         style={{ '--nutui-tabs-titles-font-size': '12px' }}
       >

diff --git a/src/packages/tabs/demos/h5/demo23.tsx b/src/packages/tabs/demos/h5/demo23.tsx
@@ -3,8 +3,8 @@ import { Tabs } from '@nutui/nutui-react'
 import { Star } from '@nutui/icons-react'
 
 const Demo23 = () => {
-  const [tab7value, setTab7value] = useState('c1')
-  const list6 = [
+  const [tabvalue, setTabvalue] = useState('c1')
+  const list = [
     {
       title: '自定义 1',
       paneKey: 'c1',
@@ -22,12 +22,12 @@ const Demo23 = () => {
   return (
     <>
       <Tabs
-        value={tab7value}
+        value={tabvalue}
         title={() => {
-          return list6.map((item) => (
+          return list.map((item) => (
             <div
-              onClick={() => setTab7value(item.paneKey)}
-              className={`nut-tabs-titles-item ${tab7value === item.paneKey ? 'nut-tabs-titles-item-active' : ''}`}
+              onClick={() => setTabvalue(item.paneKey)}
+              className={`nut-tabs-titles-item ${tabvalue === item.paneKey ? 'nut-tabs-titles-item-active' : ''}`}
               key={item.paneKey}
             >
               {item.icon || null}
@@ -37,7 +37,7 @@ const Demo23 = () => {
           ))
         }}
       >
-        {list6.map((item) => (
+        {list.map((item) => (
           <Tabs.TabPane key={item.paneKey} value={item.paneKey}>
             {item.title}
           </Tabs.TabPane>

diff --git a/src/packages/tabs/demos/h5/demo3.tsx b/src/packages/tabs/demos/h5/demo3.tsx
@@ -2,13 +2,13 @@ import React, { useState } from 'react'
 import { Tabs } from '@nutui/nutui-react'
 
 const Demo3 = () => {
-  const [tab1value, setTab1value] = useState<string | number>('0')
+  const [tabvalue, setTabvalue] = useState<string | number>('0')
   return (
     <>
       <Tabs
-        value={tab1value}
+        value={tabvalue}
         onChange={(value) => {
-          setTab1value(value)
+          setTabvalue(value)
         }}
         activeType="simple"
       >

diff --git a/src/packages/tabs/demos/h5/demo4.tsx b/src/packages/tabs/demos/h5/demo4.tsx
@@ -2,13 +2,13 @@ import React, { useState } from 'react'
 import { Tabs } from '@nutui/nutui-react'
 
 const Demo4 = () => {
-  const [tab1value, setTab1value] = useState<string | number>('0')
+  const [tabvalue, setTabvalue] = useState<string | number>('0')
   return (
     <>
       <Tabs
-        value={tab1value}
+        value={tabvalue}
         onChange={(value) => {
-          setTab1value(value)
+          setTabvalue(value)
         }}
         activeType="card"
       >