diff --git a/src/packages/configprovider/demo.taro.tsx b/src/packages/configprovider/demo.taro.tsx
index 9cefae570e..a8fab05c6c 100644
--- a/src/packages/configprovider/demo.taro.tsx
+++ b/src/packages/configprovider/demo.taro.tsx
@@ -11,17 +11,17 @@ import { useTranslate } from '@/sites/assets/locale/taro'
 const ConfigProviderDemo = () => {
   const [translated] = useTranslate({
     'zh-CN': {
-      text: 'Textarea 中文与英文',
+      text: 'Pagination 中文与英文',
       theme: '默认主题与定制主题',
       RTL: harmony() ? 'RTL【暂不支持】' : 'RTL',
     },
     'zh-TW': {
-      text: 'Textarea 中文与英文',
+      text: 'Pagination 中文与英文',
       theme: '默認主題与定制主題',
       RTL: harmony() ? 'RTL【暂不支持】' : 'RTL',
     },
     'en-US': {
-      text: 'Textarea zh-CN and en-US',
+      text: 'Pagination zh-CN and en-US',
       theme: 'Default Theme And Custom Theme',
       RTL: harmony() ? 'RTL[Pendding]' : 'RTL',
     },
diff --git a/src/packages/configprovider/demo.tsx b/src/packages/configprovider/demo.tsx
index a1d768965f..38980809d7 100644
--- a/src/packages/configprovider/demo.tsx
+++ b/src/packages/configprovider/demo.tsx
@@ -7,15 +7,15 @@ import { useTranslate } from '@/sites/assets/locale'
 const ConfigProviderDemo = () => {
   const [translated] = useTranslate({
     'zh-CN': {
-      text: 'Textarea 中文与英文',
+      text: 'Pagination 中文与英文',
       theme: '默认主题与定制主题',
     },
     'zh-TW': {
-      text: 'Textarea 中文与英文',
+      text: 'Pagination 中文与英文',
       theme: '默認主題与定制主題',
     },
     'en-US': {
-      text: 'Textarea zh-CN and en-US',
+      text: 'Pagination zh-CN and en-US',
       theme: 'Default Theme And Custom Theme',
     },
   })
diff --git a/src/packages/configprovider/demos/h5/demo2.tsx b/src/packages/configprovider/demos/h5/demo2.tsx
index 5fadb894e9..c234bfb747 100644
--- a/src/packages/configprovider/demos/h5/demo2.tsx
+++ b/src/packages/configprovider/demos/h5/demo2.tsx
@@ -1,18 +1,18 @@
 import React from 'react'
-import { ConfigProvider, TextArea, Cell } from '@nutui/nutui-react'
-import enUS from '@nutui/nutui-react/dist/es/locale/en-US'
+import { ConfigProvider, Pagination, Cell } from '@nutui/nutui-react'
+import enUS from '@nutui/nutui-react/dist/es/locales/en-US'
 
 const Demo = () => {
   return (
     <>
       <ConfigProvider>
         <Cell>
-          <TextArea disabled showCount maxLength={20} />
+          <Pagination total={20} pageSize={5} />
         </Cell>
       </ConfigProvider>
       <ConfigProvider locale={enUS}>
         <Cell>
-          <TextArea disabled showCount maxLength={20} />
+          <Pagination total={20} pageSize={5} />
         </Cell>
       </ConfigProvider>
     </>
diff --git a/src/packages/configprovider/demos/taro/demo2.tsx b/src/packages/configprovider/demos/taro/demo2.tsx
index 9a8dea6253..cc463158f6 100644
--- a/src/packages/configprovider/demos/taro/demo2.tsx
+++ b/src/packages/configprovider/demos/taro/demo2.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import { ConfigProvider, TextArea, Cell } from '@nutui/nutui-react-taro'
+import { ConfigProvider, Pagination, Cell } from '@nutui/nutui-react-taro'
 import enUS from '@nutui/nutui-react-taro/dist/es/locales/en-US'
 
 const Demo = () => {
@@ -7,12 +7,12 @@ const Demo = () => {
     <>
       <ConfigProvider>
         <Cell>
-          <TextArea disabled showCount maxLength={20} />
+          <Pagination total={20} pageSize={5} />
         </Cell>
       </ConfigProvider>
       <ConfigProvider locale={enUS}>
         <Cell>
-          <TextArea disabled showCount maxLength={20} />
+          <Pagination total={20} pageSize={5} />
         </Cell>
       </ConfigProvider>
     </>
diff --git a/src/packages/configprovider/doc.en-US.md b/src/packages/configprovider/doc.en-US.md
index 3b68385c27..e1077acedc 100644
--- a/src/packages/configprovider/doc.en-US.md
+++ b/src/packages/configprovider/doc.en-US.md
@@ -24,8 +24,8 @@ You can override these CSS variables directly in your code, and the styling of t
 /* After you add this style, the Primary Button turns green */
 :root {
   --nutui-color-primary: green;
-  --nutui-color-primary-stop1: green;
-  --nutui-color-primary-stop2: green;
+  --nutui-color-primary-stop-1: green;
+  --nutui-color-primary-stop-2: green;
 }
 ```
 
diff --git a/src/packages/configprovider/doc.md b/src/packages/configprovider/doc.md
index 838581e366..c706d125b8 100644
--- a/src/packages/configprovider/doc.md
+++ b/src/packages/configprovider/doc.md
@@ -24,8 +24,8 @@ NutUI-React 可以通过 [CSS 变量](https://developer.mozilla.org/zh-CN/docs/W
 /* 添加这段样式后，Primary Button 会变成绿色 */
 :root {
   --nutui-color-primary: green;
-  --nutui-color-primary-stop1: green;
-  --nutui-color-primary-stop2: green;
+  --nutui-color-primary-stop-1: green;
+  --nutui-color-primary-stop-2: green;
 }
 ```
 
diff --git a/src/packages/configprovider/doc.taro.md b/src/packages/configprovider/doc.taro.md
index a8889fc3e8..c64f914d59 100644
--- a/src/packages/configprovider/doc.taro.md
+++ b/src/packages/configprovider/doc.taro.md
@@ -24,8 +24,8 @@ NutUI-React 可以通过 [CSS 变量](https://developer.mozilla.org/zh-CN/docs/W
 /* 添加这段样式后，Primary Button 会变成绿色 */
 :root {
   --nutui-color-primary: green;
-  --nutui-color-primary-stop1: green;
-  --nutui-color-primary-stop2: green;
+  --nutui-color-primary-stop-1: green;
+  --nutui-color-primary-stop-2: green;
 }
 ```
 
diff --git a/src/packages/configprovider/doc.zh-TW.md b/src/packages/configprovider/doc.zh-TW.md
index 02ff6571ee..7de72cb25c 100644
--- a/src/packages/configprovider/doc.zh-TW.md
+++ b/src/packages/configprovider/doc.zh-TW.md
@@ -24,8 +24,8 @@ NutUI-React 可以通過 \[CSS 變數\]（<https://developer.mozilla.org/zh-CN/d
 /* 添加這段樣式后，Primary Button 會變成綠色 */
 :root {
   --nutui-color-primary: green;
-  --nutui-color-primary-stop1: green;
-  --nutui-color-primary-stop2: green;
+  --nutui-color-primary-stop-1: green;
+  --nutui-color-primary-stop-2: green;
 }
 ```
 
diff --git a/src/sites/sites-react/doc/docs/react/theme-react.en-US.md b/src/sites/sites-react/doc/docs/react/theme-react.en-US.md
index 40a1910581..a756adddf3 100644
--- a/src/sites/sites-react/doc/docs/react/theme-react.en-US.md
+++ b/src/sites/sites-react/doc/docs/react/theme-react.en-US.md
@@ -28,7 +28,7 @@ Create a new 'SCSS' file 'custom_theme.scss' in your local project.
 ```scss
 // Dominant tone
 $color-primary: #fa2c19;
-$color-primary-end: #fa6419;
+$color-primary-stop-1: #fa6419;
 ...
 ```
 
@@ -62,7 +62,7 @@ export default defineConfig({
             loader: 'sass-loader',
             options: {
                 // Note: The option name is different for different versions of ass-loader. For details, see the corresponding version document of ass-loader
-                data: `@import "./assets/custom_theme.scss";@import "@nutui/nutui/dist/styles/variables.scss";`,
+                data: `@import "./assets/custom_theme.scss";@import "@nutui/nutui-react/dist/styles/variables.scss";`,
             }
         }
     ]
diff --git a/src/sites/sites-react/doc/docs/react/theme-react.md b/src/sites/sites-react/doc/docs/react/theme-react.md
index 4668db76ec..e4dad839ea 100644
--- a/src/sites/sites-react/doc/docs/react/theme-react.md
+++ b/src/sites/sites-react/doc/docs/react/theme-react.md
@@ -25,7 +25,7 @@ NutUI-React 支持灵活的样式定制，满足多种视觉业务和品牌需
 ```scss
 // 主色调
 $color-primary: #fa2c19;
-$color-primary-end: #fa6419;
+$color-primary-stop-1: #fa6419;
 ...
 ```
 
@@ -59,7 +59,7 @@ export default defineConfig({
       loader: 'sass-loader',
       options: {
         // 注意：在 sass-loader 不同版本，这个选项名是 是不一样的，具体可参考 sass-loader对应的版本文档
-        data: `@import "./assets/custom_theme.scss";@import "@nutui/nutui/dist/styles/variables.scss";`,
+        data: `@import "./assets/custom_theme.scss";@import "@nutui/nutui-react/dist/styles/variables.scss";`,
       }
     }
   ]
diff --git a/src/sites/sites-react/doc/docs/taro/theme-react.en-US.md b/src/sites/sites-react/doc/docs/taro/theme-react.en-US.md
index 1ab1eba144..b4df803312 100644
--- a/src/sites/sites-react/doc/docs/taro/theme-react.en-US.md
+++ b/src/sites/sites-react/doc/docs/taro/theme-react.en-US.md
@@ -28,7 +28,7 @@ Create a new 'SCSS' file 'custom_theme.scss' in your local project.
 ```scss
 // Dominant tone
 $color-primary: #fa2c19;
-$color-primary-end: #fa6419;
+$color-primary-stop-1: #fa6419;
 ...
 ```
 
@@ -45,7 +45,7 @@ export default defineConfig({
   css: {
     preprocessorOptions: {
       scss: {
-        additionalData: `@import "@nutui/nutui-react/dist/styles/variables.scss";@import "./your/custom_theme.scss";`,
+        additionalData: `@import "@nutui/nutui-react-taro/dist/styles/variables.scss";@import "./your/custom_theme.scss";`,
       },
     },
   },
@@ -62,7 +62,7 @@ export default defineConfig({
             loader: 'sass-loader',
             options: {
                 // Note: The option name is different for different versions of ass-loader. For details, see the corresponding version document of ass-loader
-                data: `@import "./assets/custom_theme.scss";@import "@nutui/nutui/dist/styles/variables.scss";`,
+                data: `@import "./assets/custom_theme.scss";@import "@nutui/nutui-react-taro/dist/styles/variables.scss";`,
             }
         }
     ]
diff --git a/src/sites/sites-react/doc/docs/taro/theme-react.md b/src/sites/sites-react/doc/docs/taro/theme-react.md
index 4668db76ec..0a6b733c82 100644
--- a/src/sites/sites-react/doc/docs/taro/theme-react.md
+++ b/src/sites/sites-react/doc/docs/taro/theme-react.md
@@ -25,7 +25,7 @@ NutUI-React 支持灵活的样式定制，满足多种视觉业务和品牌需
 ```scss
 // 主色调
 $color-primary: #fa2c19;
-$color-primary-end: #fa6419;
+$color-primary-stop-1: #fa6419;
 ...
 ```
 
@@ -42,7 +42,7 @@ export default defineConfig({
   css: {
     preprocessorOptions: {
       scss: {
-        additionalData: `@import "@nutui/nutui-react/dist/styles/variables.scss";@import "./your/custom_theme.scss";`,
+        additionalData: `@import "@nutui/nutui-react-taro/dist/styles/variables.scss";@import "./your/custom_theme.scss";`,
       },
     },
   },
@@ -59,7 +59,7 @@ export default defineConfig({
       loader: 'sass-loader',
       options: {
         // 注意：在 sass-loader 不同版本，这个选项名是 是不一样的，具体可参考 sass-loader对应的版本文档
-        data: `@import "./assets/custom_theme.scss";@import "@nutui/nutui/dist/styles/variables.scss";`,
+        data: `@import "./assets/custom_theme.scss";@import "@nutui/nutui-react-taro/dist/styles/variables.scss";`,
       }
     }
   ]
diff --git a/tsconfig.json b/tsconfig.json
index f6084db08c..5e934f4ea0 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -27,7 +27,7 @@
       "@/*": [
         "src/*"
       ],
-      "@nutui/nutui-react/dist/es/locale/en-US": [
+      "@nutui/nutui-react/dist/es/locales/en-US": [
         "src/locales/en-US.ts"
       ],
       "@nutui/nutui-react-taro/dist/es/locales/en-US": [