upd: vscode插件升级

jd/copy-dist.cjs

@@ -13,6 +13,8 @@ let copyfile = [
 ]
 const path = require('path');
 const fs = require('fs-extra');
+// 清空 dist 
+fs.emptyDirSync(path.resolve(__dirname, `../publish/${target}/dist`));
 copyfile.forEach((filename) => {
   fs.copy(path.resolve(__dirname, `../${filename}`), path.resolve(__dirname, `../publish/${target}/${filename}`)).then(res => {
     console.log(`publish/${target}/${filename} 写入成功`);

jd/generate-unplugin-deps.cjs

@@ -1,3 +1,9 @@
+#!/usr/bin/env node
+let target = process.argv[2];
+if (!target) {
+  console.error('缺少 nutui or nutui-taro 参数！');
+  return;
+}
 const config = require('../src/config.json');
 const packageConfig = require('../package.json');
 const path = require('path');
@@ -18,7 +24,7 @@ config.nav.forEach((item) => {
     // gen entry
     if (element.exclude != true) {
       let outputMjs = '';
-      if (element.type == 'methods') {
+      if (element.type == 'methods' && target == 'nutui') {
         outputMjs = `import _${element.name} from '../_es/${element.name}.js';
 import { show${element.name} } from '../_es/${element.name}.js';
 const treeshaking = (t) => t;
@@ -41,8 +47,8 @@ export { ${element.name} };`;
     }
   });
 });
-outputFileEntry += components.map(name => `import { ${name} } from "./packages/${name}/index.mjs";`).join('\n');
-outputFileEntry += `\nimport { Locale } from "./packages/locale/lang";
+outputFileEntry += components.map(name => `import { ${name} } from "./packages/${name.toLowerCase()}/index.mjs";`).join('\n');
+outputFileEntry += `\nimport { Locale } from "./packages/locale/lang/index.js";
 function install(app) {
   const packages = [${components.join(',')}];
   packages.forEach((item) => {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui",
-  "version": "4.0.0-beta.9",
+  "version": "4.0.0-beta.10",
   "description": "京东风格的轻量级移动端 Vue2、Vue3 组件库（支持小程序开发）",
   "main": "dist/nutui.umd.cjs",
   "module": "dist/nutui.es.js",
@@ -46,8 +46,8 @@
     "build:site": "npm run checked && vite build",
     "build:site-jdt": "npm run checked && vite build --config vite.config.jdt.ts ",
     "build:site:oss": "npm run checked && vite build --base=/nutui/4x/",
-    "build": "npm run checked && vite build --config vite.config.build.ts && vite build --config vite.config.build.disperse.ts && npm run generate:themes && vite build --config vite.config.build.css.ts && vite build --config vite.config.build.locale.ts && npm run dts && npm run attrs && npm run generate:unplugin:deps && node jd/copy-dist.cjs nutui",
-    "build:taro:vue": "npm run checked:taro:vue && vite build --config vite.config.build.taro.vue.ts && vite build --config vite.config.build.taro.vue.disperse.ts && npm run generate:themes && vite build --config vite.config.build.css.ts && vite build --config vite.config.build.locale.ts && npm run dts:taro && npm run attrs:taro && npm run generate:unplugin:deps && node jd/copy-dist.cjs nutui-taro",
+    "build": "npm run checked && vite build --config vite.config.build.ts && vite build --config vite.config.build.disperse.ts && npm run generate:themes && vite build --config vite.config.build.css.ts && vite build --config vite.config.build.locale.ts && npm run dts && npm run attrs && node jd/generate-unplugin-deps.cjs nutui && node jd/copy-dist.cjs nutui",
+    "build:taro:vue": "npm run checked:taro:vue && vite build --config vite.config.build.taro.vue.ts && vite build --config vite.config.build.taro.vue.disperse.ts && npm run generate:themes && vite build --config vite.config.build.css.ts && vite build --config vite.config.build.locale.ts && npm run dts:taro && npm run attrs:taro && node jd/generate-unplugin-deps.cjs nutui-taro && node jd/copy-dist.cjs nutui-taro",
     "serve": "vite preview",
     "upload": "yarn build:site:oss && node ./jd/upload.js",
     "add": "node jd/createComponentMode.js",
@@ -58,7 +58,6 @@
     "generate:types": "rm -rf ./dist/types && node jd/generate-types.cjs",
     "generate:types:taro": "rm -rf ./dist/types && node jd/generate-types-taro.cjs",
     "generate:themes": "node jd/generate-themes.cjs",
-    "generate:unplugin:deps": "node jd/generate-unplugin-deps.cjs",
     "prepare": "husky install",
     "test": "jest",
     "release": "standard-version -a",

publish/nutui-taro/README.md

@@ -3,7 +3,7 @@
     <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;">
 </p>
 
-<p align="center">京东风格的移动端 Vue2、Vue3 组件库，支持一套代码生成 H5 和小程序</p>
+<p align="center">京东风格的轻量级 Vue 组件库，支持移动端 H5 和 小程序开发</p>
 
 <p align="center">
     <a href="http://makeapullrequest.com">

publish/nutui-taro/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-taro",
-  "version": "4.0.0-beta.9",
+  "version": "4.0.0-beta.10",
   "description": "京东风格的轻量级移动端 Vue2、Vue3 组件库（支持小程序开发）",
   "main": "dist/nutui.umd.cjs",
   "module": "dist/nutui.es.js",

publish/nutui/README.md

@@ -3,7 +3,7 @@
     <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;">
 </p>
 
-<p align="center">京东风格的移动端 Vue2、Vue3 组件库，支持一套代码生成 H5 和小程序</p>
+<p align="center">京东风格的轻量级 Vue 组件库，支持移动端 H5 和 小程序开发</p>
 
 <p align="center">
     <a href="http://makeapullrequest.com">

publish/nutui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui",
-  "version": "4.0.0-beta.9",
+  "version": "4.0.0-beta.10",
   "description": "京东风格的轻量级移动端 Vue2、Vue3 组件库（支持小程序开发）",
   "main": "dist/nutui.umd.cjs",
   "module": "dist/nutui.es.js",

src/packages/__VUE/addresslist/doc.en-US.md

@@ -243,9 +243,9 @@ export default {
 | Attribute          | Description       | Type   | Default |
 | ------------------ | ---------------- | ------- | ------ |
 | data               | Address array         | Array   | -      |
-| long-press | Long Press Function   | Boolean | false  |
-| swipe-edition      | Swipe right           | Boolean | false  |
-| show-bottom-button | Whether to show the bottom button | Boolean | true   |
+| long-press | Long Press Function   | boolean | false  |
+| swipe-edition      | Swipe right           | boolean | false  |
+| show-bottom-button | Whether to show the bottom button | boolean | true   |
 
 ### Events
 
@@ -303,16 +303,16 @@ const dataMapOptions = {
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).
 
-| Name | Default Value | Description |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-addresslist-bg |  _#fff_   |-  |
-| --nut-addresslist-border |  _#f0f0f0_   |-  |
-| --nut-addresslist-font-color |  _#333333_   |-  |
-| --nut-addresslist-font-size |  _16px_   |-  |
-| --nut-addresslist-mask-bg |  _rgba(0, 0, 0, 0.4)_   |-  |
-| --nut-addresslist-addr-font-color |  _#666666_   |-  |
-| --nut-addresslist-addr-font-size |  _12px_   |-  |
-| --nut-addresslist-set-bg |  _#f5a623_   |-  |
-| --nut-addresslist-del-bg |  _#e1251b_   |-  |
-| --nut-addresslist-contnts-contact-default |  _var(--nut-primary-color)_   |-  |
-| --nut-addresslist-contnts-contact-color |  _var(--nut-white)_   |-  |
+| Name | Default Value |
+| --------------------------------------- | -------------------------- |
+| --nut-addresslist-bg |  _#fff_   |
+| --nut-addresslist-border |  _#f0f0f0_   |
+| --nut-addresslist-font-color |  _#333333_   |
+| --nut-addresslist-font-size |  _16px_   |
+| --nut-addresslist-mask-bg |  _rgba(0, 0, 0, 0.4)_   |
+| --nut-addresslist-addr-font-color |  _#666666_   |
+| --nut-addresslist-addr-font-size |  _12px_   |
+| --nut-addresslist-set-bg |  _#f5a623_   |
+| --nut-addresslist-del-bg |  _#e1251b_   |
+| --nut-addresslist-contnts-contact-default |  _var(--nut-primary-color)_   |
+| --nut-addresslist-contnts-contact-color |  _var(--nut-white)_   |

src/packages/__VUE/addresslist/doc.md

@@ -247,9 +247,9 @@ export default {
 | 参数               | 说明             | 类型    | 默认值 |
 | ------------------ | ---------------- | ------- | ------ |
 | data               | 地址数组         | Array   | -      |
-| long-press | 长按功能         | Boolean | false  |
-| swipe-edition      | 右滑功能         | Boolean | false  |
-| show-bottom-button | 是否展示底部按钮 | Boolean | true   |
+| long-press | 长按功能         | boolean | false  |
+| swipe-edition      | 右滑功能         | boolean | false  |
+| show-bottom-button | 是否展示底部按钮 | boolean | true   |
 
 ### Events
 
@@ -307,16 +307,16 @@ const dataMapOptions = {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
 
-| 名称                                    | 默认值                     | 描述 |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-addresslist-bg |  _#fff_   |-  |
-| --nut-addresslist-border |  _#f0f0f0_   |-  |
-| --nut-addresslist-font-color |  _#333333_   |-  |
-| --nut-addresslist-font-size |  _16px_   |-  |
-| --nut-addresslist-mask-bg |  _rgba(0, 0, 0, 0.4)_   |-  |
-| --nut-addresslist-addr-font-color |  _#666666_   |-  |
-| --nut-addresslist-addr-font-size |  _12px_   |-  |
-| --nut-addresslist-set-bg |  _#f5a623_   |-  |
-| --nut-addresslist-del-bg |  _#e1251b_   |-  |
-| --nut-addresslist-contnts-contact-default |  _var(--nut-primary-color)_   |-  |
-| --nut-addresslist-contnts-contact-color |  _var(--nut-white)_   |-  |
+| 名称                                    | 默认值                     |
+| --------------------------------------- | -------------------------- |
+| --nut-addresslist-bg |  _#fff_   |
+| --nut-addresslist-border |  _#f0f0f0_   |
+| --nut-addresslist-font-color |  _#333333_   |
+| --nut-addresslist-font-size |  _16px_   |
+| --nut-addresslist-mask-bg |  _rgba(0, 0, 0, 0.4)_   |
+| --nut-addresslist-addr-font-color |  _#666666_   |
+| --nut-addresslist-addr-font-size |  _12px_   |
+| --nut-addresslist-set-bg |  _#f5a623_   |
+| --nut-addresslist-del-bg |  _#e1251b_   |
+| --nut-addresslist-contnts-contact-default |  _var(--nut-primary-color)_   |
+| --nut-addresslist-contnts-contact-color |  _var(--nut-white)_   |

src/packages/__VUE/addresslist/doc.taro.md

@@ -241,9 +241,9 @@ export default {
 | 参数               | 说明             | 类型    | 默认值 |
 | ------------------ | ---------------- | ------- | ------ |
 | data               | 地址数组         | Array   | -      |
-| long-press | 长按功能         | Boolean | false  |
-| swipe-edition      | 右滑功能         | Boolean | false  |
-| show-bottom-button | 是否展示底部按钮 | Boolean | true   |
+| long-press | 长按功能         | boolean | false  |
+| swipe-edition      | 右滑功能         | boolean | false  |
+| show-bottom-button | 是否展示底部按钮 | boolean | true   |
 
 ### Events
 
@@ -300,17 +300,17 @@ const dataMapOptions = {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
 
-| 名称                                    | 默认值                     | 描述 |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-addresslist-bg |  _#fff_   |-  |
-| --nut-addresslist-border |  _#f0f0f0_   |-  |
-| --nut-addresslist-font-color |  _#333333_   |-  |
-| --nut-addresslist-font-size |  _16px_   |-  |
-| --nut-addresslist-mask-bg |  _rgba(0, 0, 0, 0.4)_   |-  |
-| --nut-addresslist-addr-font-color |  _#666666_   |-  |
-| --nut-addresslist-addr-font-size |  _12px_   |-  |
-| --nut-addresslist-set-bg |  _#f5a623_   |-  |
-| --nut-addresslist-del-bg |  _#e1251b_   |-  |
-| --nut-addresslist-contnts-contact-default |  _var(--nut-primary-color)_   |-  |
-| --nut-addresslist-contnts-contact-color |  _var(--nut-white)_   |-  |
+| 名称                                    | 默认值                     | 
+| --------------------------------------- | -------------------------- |
+| --nut-addresslist-bg |  _#fff_   |
+| --nut-addresslist-border |  _#f0f0f0_   |
+| --nut-addresslist-font-color |  _#333333_   |
+| --nut-addresslist-font-size |  _16px_   |
+| --nut-addresslist-mask-bg |  _rgba(0, 0, 0, 0.4)_   |
+| --nut-addresslist-addr-font-color |  _#666666_   |
+| --nut-addresslist-addr-font-size |  _12px_   |
+| --nut-addresslist-set-bg |  _#f5a623_   |
+| --nut-addresslist-del-bg |  _#e1251b_   |
+| --nut-addresslist-contnts-contact-default |  _var(--nut-primary-color)_   |
+| --nut-addresslist-contnts-contact-color |  _var(--nut-white)_   |
 

src/packages/__VUE/avatar/doc.en-US.md

@@ -224,23 +224,23 @@ Icon and letter types can have custom colors and background colors
 
 | Attribute | Description                                                        | Type   | Default |
 | -------- | ------------------------------------------------------------------- | ------ | ------ |
-| size     | The size of the avatar，eg `large`、`normal`、`small`，and numbers   | String ｜ Number | normal |
-| shape    | shape of avatar，eg `square`、`round `    | String | round  |
-| color    | color of text        | String | #666   |
-| bg-color | background color      | String | #eee   |
+| size     | The size of the avatar，eg `large`、`normal`、`small`，and numbers   | string ｜ number | normal |
+| shape    | shape of avatar，eg `square`、`round `    | string | round  |
+| color    | color of text        | string | #666   |
+| bg-color | background color      | string | #eee   |
 
 ### AvatarGroup Props
 
 | Attribute     | Description                               | Type   | Default |
 | -------- | ---------------------------------------------------------------- | ------ | ------ |
-| max-count     | Max avatars to show   | String ｜ Number | - |
-| max-content  | When the number of avatars exceeds, a avatar folding element will appear，The content of this element can be `...`、`more`、`+N` | String | +N |
-| size         | The size of the avatar，eg `large`、`normal`、`small`，支持直接输入数字   | String ｜ Number | normal  |
-| shape        | The shape of avatar，eg `square`、`round`            | String | round  |
-| max-color    | color of text     | String | #666 |
-| max-bg-color  | background color        | String | #eee   |
-| span         | Distance between avatars            | String | -8   |
-| zIndex       | Hierarchy direction between avatar group，eg `left`、`right`  | String | left     |
+| max-count     | Max avatars to show   | string ｜ number | - |
+| max-content  | When the number of avatars exceeds, a avatar folding element will appear，The content of this element can be `...`、`more`、`+N` | string | +N |
+| size         | The size of the avatar，eg `large`、`normal`、`small`，支持直接输入数字   | string ｜ number | normal  |
+| shape        | The shape of avatar，eg `square`、`round`            | string | round  |
+| max-color    | color of text     | string | #666 |
+| max-bg-color  | background color        | string | #eee   |
+| span         | Distance between avatars            | string | -8   |
+| zIndex       | Hierarchy direction between avatar group，eg `left`、`right`  | string | left     |
 
 ### Avatar Slots
 
@@ -254,13 +254,13 @@ Icon and letter types can have custom colors and background colors
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).
 
-| Name | Default Value | Description |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-actionsheet-light-color           | _#f6f6f6_                  | -    |
-| --nut-avatar-square |  _5px_  |-  |
-| --nut-avatar-large-width |  _60px_  |-  |
-| --nut-avatar-large-height |  _60px_  |-  |
-| --nut-avatar-small-width |  _32px_  |-  |
-| --nut-avatar-small-height |  _32px_  |-  |
-| --nut-avatar-normal-width |  _40px_  |-  |
-| --nut-avatar-normal-height |  _40px_  |-  |
+| Name | Default Value |
+| --------------------------------------- | -------------------------- | 
+| --nut-actionsheet-light-color           | _#f6f6f6_                  | 
+| --nut-avatar-square |  _5px_  |
+| --nut-avatar-large-width |  _60px_  |
+| --nut-avatar-large-height |  _60px_  |
+| --nut-avatar-small-width |  _32px_  |
+| --nut-avatar-small-height |  _32px_  |
+| --nut-avatar-normal-width |  _40px_  |
+| --nut-avatar-normal-height |  _40px_  |

src/packages/__VUE/avatar/doc.md

@@ -224,23 +224,23 @@ Icon 和字符型可以自定义颜色及背景色
 
 | 字段     | 说明                                                        | 类型   | 默认值 |
 | -------- | --------------------------------------------------------- | ------ | ------ |
-| size     | 头像的大小，可选值为：`large`、`normal`、`small`，支持输入数字   | String ｜ Number | normal |
-| shape    | 头像的形状，可选值为：`square`、`round `                      | String | round  |
-| color    | 字体颜色                                     | String | #666   |
-| bg-color | 背景色                                    | String | #eee   |
+| size     | 头像的大小，可选值为：`large`、`normal`、`small`，支持输入数字   | string ｜ number | normal |
+| shape    | 头像的形状，可选值为：`square`、`round `                      | string | round  |
+| color    | 字体颜色                                     | string | #666   |
+| bg-color | 背景色                                    | string | #eee   |
 
 ### AvatarGroup Props
 
 | 字段     | 说明                                                             | 类型   | 默认值 |
 | -------- | ---------------------------------------------------------------- | ------ | ------ |
-| max-count    | 显示的最大头像个数   | String ｜ Number | - |
-| max-content  | 头像数量超出时，会出现一个头像折叠元素，该元素内容可为`...`、`more`、`+N` | String | +N |
-| size         | 头像的大小，可选值为：`large`、`normal`、`small`，支持直接输入数字   | String ｜ Number | normal |
-| shape        | 头像的形状，可选值为：`square`、`round`        | String | round  |
-| max-color    | 头像折叠元素的字体颜色                   | String | #666 |
-| max-bg-color  | 头像折叠元素的背景色                    | String | #eee   |
-| span         | 头像之间的间距               | String | -8   |
-| zIndex       | 组合头像之间的层级方向，可选值为：`left`、`right`  | String | left     |
+| max-count    | 显示的最大头像个数   | string ｜ number | - |
+| max-content  | 头像数量超出时，会出现一个头像折叠元素，该元素内容可为`...`、`more`、`+N` | string | +N |
+| size         | 头像的大小，可选值为：`large`、`normal`、`small`，支持直接输入数字   | string ｜ number | normal |
+| shape        | 头像的形状，可选值为：`square`、`round`        | string | round  |
+| max-color    | 头像折叠元素的字体颜色                   | string | #666 |
+| max-bg-color  | 头像折叠元素的背景色                    | string | #eee   |
+| span         | 头像之间的间距               | string | -8   |
+| zIndex       | 组合头像之间的层级方向，可选值为：`left`、`right`  | string | left     |
 ### Avatar Slots
 
 |名称|描述|
@@ -253,13 +253,13 @@ Icon 和字符型可以自定义颜色及背景色
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件]()。
 
-| 名称                                    | 默认值                     | 描述 |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-actionsheet-light-color           | _#f6f6f6_                  | -    |
-| --nut-avatar-square |  _5px_  |-  |
-| --nut-avatar-large-width |  _60px_  |-  |
-| --nut-avatar-large-height |  _60px_  |-  |
-| --nut-avatar-small-width |  _32px_  |-  |
-| --nut-avatar-small-height |  _32px_  |-  |
-| --nut-avatar-normal-width |  _40px_  |-  |
-| --nut-avatar-normal-height |  _40px_  |-  |
+| 名称                                    | 默认值                     | 
+| --------------------------------------- | -------------------------- |
+| --nut-actionsheet-light-color           | _#f6f6f6_                  |
+| --nut-avatar-square |  _5px_  |
+| --nut-avatar-large-width |  _60px_  |
+| --nut-avatar-large-height |  _60px_  |
+| --nut-avatar-small-width |  _32px_  |
+| --nut-avatar-small-height |  _32px_  |
+| --nut-avatar-normal-width |  _40px_  |
+| --nut-avatar-normal-height |  _40px_  |

src/packages/__VUE/avatar/doc.taro.md

@@ -224,23 +224,23 @@ Icon 和字符型可以自定义颜色及背景色
 
 | 字段     | 说明                                                        | 类型   | 默认值 |
 | -------- | --------------------------------------------------------- | ------ | ------ |
-| size     | 头像的大小，可选值为：`large`、`normal`、`small`，支持输入数字   | String ｜ Number | normal |
-| shape    | 头像的形状，可选值为：`square`、`round `                      | String | round  |
-| color    | 字体颜色                                     | String | #666   |
-| bg-color | 背景色                                    | String | #eee   |
+| size     | 头像的大小，可选值为：`large`、`normal`、`small`，支持输入数字   | string ｜ number | normal |
+| shape    | 头像的形状，可选值为：`square`、`round `                      | string | round  |
+| color    | 字体颜色                                     | string | #666   |
+| bg-color | 背景色                                    | string | #eee   |
 
 ### AvatarGroup Props
 
 | 字段     | 说明                                                             | 类型   | 默认值 |
 | -------- | ---------------------------------------------------------------- | ------ | ------ |
-| max-count    | 显示的最大头像个数   | String ｜ Number | - |
-| max-content  | 头像数量超出时，会出现一个头像折叠元素，该元素内容可为`...`、`more`、`+N` | String | +N |
-| size         | 头像的大小，可选值为：`large`、`normal`、`small`，支持直接输入数字   | String ｜ Number | normal |
-| shape        | 头像的形状，可选值为：`square`、`round`        | String | round  |
-| max-color    | 头像折叠元素的字体颜色                   | String | #666 |
-| max-bg-color  | 头像折叠元素的背景色                    | String | #eee   |
-| span         | 头像之间的间距               | String | -8   |
-| zIndex       | 组合头像之间的层级方向，可选值为：`left`、`right`  | String | left     |
+| max-count    | 显示的最大头像个数   | string ｜ number | - |
+| max-content  | 头像数量超出时，会出现一个头像折叠元素，该元素内容可为`...`、`more`、`+N` | string | +N |
+| size         | 头像的大小，可选值为：`large`、`normal`、`small`，支持直接输入数字   | string ｜ number | normal |
+| shape        | 头像的形状，可选值为：`square`、`round`        | string | round  |
+| max-color    | 头像折叠元素的字体颜色                   | string | #666 |
+| max-bg-color  | 头像折叠元素的背景色                    | string | #eee   |
+| span         | 头像之间的间距               | string | -8   |
+| zIndex       | 组合头像之间的层级方向，可选值为：`left`、`right`  | string | left     |
 ### Avatar Slots
 
 |名称|描述|
@@ -253,13 +253,13 @@ Icon 和字符型可以自定义颜色及背景色
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件]()。
 
-| 名称                                    | 默认值                     | 描述 |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-actionsheet-light-color           | _#f6f6f6_                  | -    |
-| --nut-avatar-square |  _5px_  |-  |
-| --nut-avatar-large-width |  _60px_  |-  |
-| --nut-avatar-large-height |  _60px_  |-  |
-| --nut-avatar-small-width |  _32px_  |-  |
-| --nut-avatar-small-height |  _32px_  |-  |
-| --nut-avatar-normal-width |  _40px_  |-  |
-| --nut-avatar-normal-height |  _40px_  |-  |
+| 名称                                    | 默认值                     | 
+| --------------------------------------- | -------------------------- | 
+| --nut-actionsheet-light-color           | _#f6f6f6_                  | 
+| --nut-avatar-square |  _5px_  |
+| --nut-avatar-large-width |  _60px_  |
+| --nut-avatar-large-height |  _60px_  |
+| --nut-avatar-small-width |  _32px_  |
+| --nut-avatar-small-height |  _32px_  |
+| --nut-avatar-normal-width |  _40px_  |
+| --nut-avatar-normal-height |  _40px_  |

src/packages/__VUE/backtop/doc.en-US.md

@@ -217,7 +217,7 @@ app.use(Backtop);
 ### Events
 | Event  | Description     | Arguments    |
 |-------|----------|-------------|
-| click | Emitted when component is clicked | event: MouseEvent |
+| click | Emitted when component is clicked | `event: MouseEvent` |
 
 ### Slots
 

src/packages/__VUE/backtop/doc.md

@@ -221,7 +221,7 @@ app.use(Backtop);
 ### Events
 | 名称  | 说明     | 回调参数    |
 |-------|----------|-------------|
-| click | 按钮点击时触发事件 | event: MouseEvent |
+| click | 按钮点击时触发事件 | `event: MouseEvent` |
 
 ### Slots
 

src/packages/__VUE/backtop/doc.taro.md

@@ -209,7 +209,7 @@ export default {
 ### Events
 | 名称  | 说明     | 回调参数    |
 |-------|----------|-------------|
-| click | 按钮点击时触发事件 | event: MouseEvent |
+| click | 按钮点击时触发事件 | `event: MouseEvent` |
 
 ### Slots
 

src/packages/__VUE/barrage/doc.en-US.md

@@ -25,7 +25,7 @@ app.use(Barrage);
 <template>
   <nut-barrage ref="danmu" :danmu="list"></nut-barrage>
   <div class="test">
-    <button @click="addDanmu" class="add nut-button--primary">随机添加</button>
+    <button @click="addDanmu" class="add nut-button--primary">add randomly</button>
   </div>
 </template>
 <script>
@@ -35,10 +35,10 @@ export default {
   setup() {
     const inputVal = ref('');
     const danmu = ref(null);
-    let list = ref(['画美不看', '不明觉厉', '喜大普奔', '男默女泪', '累觉不爱', '爷青结-']);
+    let list = ref(['aaaa', 'bbbb', 'cccc', 'dddd', 'eeee', 'ffff']);
     function addDanmu() {
       let n = Math.random();
-      danmu.value.add('随机——' + String(n).substr(2, 10));
+      danmu.value.add('randomly——' + String(n).substr(2, 10));
     }
     return {
       inputVal,
@@ -77,17 +77,17 @@ export default {
 
 ### Props
 
-| Attribute | Description | Type   | Default |
-|--------------|----------------------------------|--------|------------------|
-| danmu         | Barrage list data               | Array | []              |
-| frequency        | The time interval between the occurrence of each barrage in the visual area    | Number | 500               |
-| speeds         | Rolling time of each barrage | Number |  2000               |
-| rows  | The number of bullet screen lines is displayed in several lines    | Number | 1 |
-| top  | Vertical distance of barrage    | Number | 10 |
-| loop  | Loop play     | Boolean | true |
+| Parameter | Description | Type | Default |
+|--------------|---------------------------------- |-------|------------------|
+| danmu | Danmaku list data | Array | `[]` |
+| frequency | the time interval of each barrage in the visible area | number | `500` |
+| speeds | scrolling time of each barrage | number | `2000` |
+| rows | Number of bullet chatting lines, displayed in several lines | number | `1` |
+| top | vertical distance of the barrage | number | `10` |
+| loop | Whether to play in a loop | boolean | `true` |
 
 ### Events
 
-| 事件名 | 说明           | 回调参数     |
+| Event Name | Description | Callback Parameters |
 |--------|----------------|--------------|
-| add  | Add data | - |
+| add | add data | `-` |

src/packages/__VUE/barrage/doc.md

@@ -79,15 +79,15 @@ export default {
 
 | 参数         | 说明                             | 类型   | 默认值           |
 |--------------|----------------------------------|--------|------------------|
-| danmu         | 弹幕列表数据               | Array | []              |
-| frequency        | 可视区域内每个弹幕出现的时间间隔                         | Number | 500               |
-| speeds         | 每个弹幕的滚动时间 | Number |  2000               |
-| rows  | 弹幕行数，分几行展示     | Number | 1 |
-| top  | 弹幕垂直距离    | Number | 10 |
-| loop  | 是否循环播放     | Boolean | true |
+| danmu         | 弹幕列表数据               | Array | `[]`              |
+| frequency        | 可视区域内每个弹幕出现的时间间隔                         | number | `500`               |
+| speeds         | 每个弹幕的滚动时间 | number |  `2000`               |
+| rows  | 弹幕行数，分几行展示     | number | `1` |
+| top  | 弹幕垂直距离    | number | `10` |
+| loop  | 是否循环播放     | boolean | `true` |
 
 ### Events
 
 | 事件名 | 说明           | 回调参数     |
 |--------|----------------|--------------|
-| add  | 添加数据 | - |
+| add  | 添加数据 | `-` |

src/packages/__VUE/barrage/doc.taro.md

@@ -77,17 +77,18 @@ export default {
 
 ### Props
 
+
 | 参数         | 说明                             | 类型   | 默认值           |
 |--------------|----------------------------------|--------|------------------|
-| danmu         | 弹幕列表数据               | Array | []              |
-| frequency        | 可视区域内每个弹幕出现的时间间隔                         | Number | 500               |
-| speeds         | 每个弹幕的滚动时间 | Number |  2000               |
-| rows  | 弹幕行数，分几行展示     | Number | 1 |
-| top  | 弹幕垂直距离    | Number | 10 |
-| loop  | 是否循环播放     | Boolean | true |
+| danmu         | 弹幕列表数据               | Array | `[]`              |
+| frequency        | 可视区域内每个弹幕出现的时间间隔                         | number | `500`               |
+| speeds         | 每个弹幕的滚动时间 | number |  `2000`               |
+| rows  | 弹幕行数，分几行展示     | number | `1` |
+| top  | 弹幕垂直距离    | number | `10` |
+| loop  | 是否循环播放     | boolean | `true` |
 
 ### Events
 
 | 事件名 | 说明           | 回调参数     |
 |--------|----------------|--------------|
-| add  | 添加数据 | - |
+| add  | 添加数据 | `-` |

src/packages/__VUE/button/doc.en-US.md

@@ -194,9 +194,9 @@ The color of the button can be customized through the color property.
 
 | Attribute     | Description                                                         | Type    | Default    |
 | -------- | ------------------------------------------------------------ | ------- | --------- |
-| type     | Can be set to  `primary` `info` `warning` `danger` `success` | string  | `default` |
-| size     | 	Can be set to `large` `small` `mini`                        | string  | `normal`  |
-| shape    | Can be set to `square`                                      | string  | `round`   |
+| type     | Can be set to  `primary` `info` `warning` `danger` `success` `default` | string  | `default` |
+| size     | 	Can be set to `large` `small` `mini` `normal`                      | string  | `normal`  |
+| shape    | Can be set to `square` `round`                                          | string  | `round`   |
 | color    | Button color, support incoming linear-gradient gradient color                    | string  | -         |
 | plain    | Whether to be plain button     | boolean | `false`   |
 | disabled | Whether to disable button         | boolean | `false`   |
@@ -207,7 +207,7 @@ The color of the button can be customized through the color property.
 
 | Event | Description           | Arguments          |
 | ------ | -------------- | ----------------- |
-| click  | Emitted when component is clicked | event: MouseEvent |
+| click  | Emitted when component is clicked | `event: MouseEvent` |
 
 ## Theming
 

src/packages/__VUE/button/doc.md

@@ -193,11 +193,11 @@ app.use(Button);
 
 | 参数     | 说明                                                         | 类型    | 默认值    |
 | -------- | ------------------------------------------------------------ | ------- | --------- |
-| type     | 类型，可选值为 `primary` `info` `warning` `danger` `success` | string  | `default` |
-| size     | 尺寸，可选值为 `large` `small` `mini`                        | string  | `normal`  |
-| shape    | 形状，可选值为 `square`                                      | string  | `round`   |
-| color    | 按钮颜色，支持传入 linear-gradient 渐变色                    | string  | -         |
-| plain    | 是否为朴素按钮                                               | boolean | `false`   |
+| type     | 类型，可选值为 `primary` `info` `warning` `danger` `success` `default` | string  | `default` |
+| size     | 尺寸，可选值为 `large` `small` `mini` `normal`                         | string  | `normal`  |
+| shape    | 形状，可选值为 `square` `round`                                        | string  | `round`   |
+| color    | 按钮颜色，支持传入 linear-gradient 渐变色                                | string  | -         |
+| plain    | 是否为朴素按钮                                                         | boolean | `false`   |
 | disabled | 是否禁用按钮                                                 | boolean | `false`   |
 | block    | 是否为块级元素                                               | boolean | `false`   |
 | loading  | 按钮 loading 状态                                            | boolean | `false`   |
@@ -213,7 +213,7 @@ app.use(Button);
 
 | 事件名 | 说明           | 回调参数          |
 | ------ | -------------- | ----------------- |
-| click  | 点击按钮时触发 | event: MouseEvent |
+| click  | 点击按钮时触发 |`event: MouseEvent` |
 
 
 

src/packages/__VUE/button/doc.taro.md

@@ -191,9 +191,9 @@ app.use(Button);
 
 | 参数     | 说明                                                         | 类型    | 默认值    |
 | -------- | ------------------------------------------------------------ | ------- | --------- |
-| type     | 类型，可选值为 `primary` `info` `warning` `danger` `success` | string  | `default` |
-| size     | 尺寸，可选值为 `large` `small` `mini`                        | string  | `normal`  |
-| shape    | 形状，可选值为 `square`                                      | string  | `round`   |
+| type     | 类型，可选值为 `primary` `info` `warning` `danger` `success` `default` | string  | `default` |
+| size     | 尺寸，可选值为 `large` `small` `mini` `normal`                       | string  | `normal`  |
+| shape    | 形状，可选值为 `square` `round`                                      | string  | `round`   |
 | color    | 按钮颜色，支持传入 linear-gradient 渐变色                    | string  | -         |
 | plain    | 是否为朴素按钮                                               | boolean | `false`   |
 | disabled | 是否禁用按钮                                                 | boolean | `false`   |
@@ -205,7 +205,7 @@ app.use(Button);
 
 | 事件名 | 说明           | 回调参数          |
 | ------ | -------------- | ----------------- |
-| click  | 点击按钮时触发 | event: MouseEvent |
+| click  | 点击按钮时触发 | `event: MouseEvent` |
 
 ## 主题定制
 

src/packages/__VUE/calendar/doc.en-US.md

@@ -596,11 +596,11 @@ export default {
 | Attribute              | Description                                  | Type            | Default  |
 |-------------------|---------------------------------------------------|-----------------|-----------------|
 | v-model:visible   | whether to show                  | boolean         | `false`           |
-| type              | Calendar type ：'one' 'range' 'multiple'    | string          | `one`           |
+| type              | Calendar type ：`one` `range` `multiple`    | string          | `one`           |
 | poppable          | Whether to display the pop-up window                                  | boolean         | `true`            |
 | is-auto-back-fill | Automatic backfill                                          | boolean         | `false`           |
 | title             | whether to show title                                          | string          | `Calendar`      |
-| default-value     | Default value, select single date : `string`，other: `array` | string 、 array | `null`            |
+| default-value     | Default value, select single date : `string`，other: `string[]` | string \| string[] | `null`            |
 | start-date        | The start date            | string          | `Today`            |
 | end-date          | The end date            | string          | `365 days from today` |
 | show-today          | Whether to show today's mark               | boolean          | `true` |
@@ -616,9 +616,9 @@ export default {
 
 | Event | Description                         | Arguments                     |
 |--------|------------------------------|------------------------------|
-| choose | Triggered after selection or by clicking the confirm button | Array of dates (including year, month, day and week) |
+| choose | Triggered after selection or by clicking the confirm button,Array of dates (including year, month, day and week) | `(string \| string[])[]` |
 | close  | Triggered when closed                   | -                            |
-| select  | Triggered after click/select             |  Day:object                          |
+| select  | Triggered after click/select             |  `(string \| string[])[]`                          |
 
 
 
@@ -638,8 +638,7 @@ Through [ref](https://vuejs.org/guide/essentials/template-refs.html), you can ge
 
 | Name | Description             | Arguments          |
 |--------|------------------|---------------|
-| scrollToDate   | Scroll to the month of the specified date | string:'2021-12-30' |
-
+| scrollToDate   | Scroll to the month of the specified date:'2021-12-30' | `string` |
 ## Theming
 
 ### CSS Variables

src/packages/__VUE/calendar/doc.md

@@ -589,11 +589,11 @@ export default {
 | 字段              | 说明                                              | 类型            | 默认值          |
 |-------------------|---------------------------------------------------|-----------------|-----------------|
 | v-model:visible   | 是否可见                                          | boolean         | `false`           |
-| type              | 类型，日期单择'one'，区间选择'range',日期多选'multiple'    | string          | '`one`'           |
+| type              | 类型，日期单择`one`，区间选择`range`,日期多选`multiple`    | string       | '`one`'           |
 | poppable          | 是否弹窗状态展示                                  | boolean         | `true`            |
 | is-auto-back-fill | 自动回填                                          | boolean         | `false`           |
 | title             | 显示标题                                          | string          | `日期选择`      |
-| default-value     | 默认值，单个日期选择 string，其他为 Array  | string 、 array | `null`            |
+| default-value     | 默认值，单个日期选择 `string`，其他为 `string[]`  | string \| string[] | `null`            |
 | start-date        | 开始日期         | string          | `今天`            |
 | end-date          | 结束日期              | string          | `距离今天 365 天` |
 | show-today          | 是否展示今天标记               | boolean          | `true` |
@@ -607,11 +607,11 @@ export default {
 
 ### Events
 
-| 事件名 | 说明                         | 回调参数                     |
-|--------|------------------------------|------------------------------|
-| choose | 选择之后或是点击确认按钮触发 | 日期数组（包含年月日和星期） |
-| close  | 关闭时触发                   | -                            |
-| select  | 点击/选择后触发              |  Day:object                          |
+| 事件名   | 说明                          | 回调参数                                           |
+|-------- |------------------------------|---------------------------------------------------|
+| choose  | 选择之后或是点击确认按钮触发,日期数组（包含年月日和星期）  | `(string \| string[])[]`        |
+| close   | 关闭时触发                                         | -                             |
+| select  | 点击/选择后触发                                     |  `(string \| string[])[]`       |
 
 
 
@@ -629,9 +629,9 @@ export default {
 通过 [ref](https://vuejs.org/guide/essentials/template-refs.html) 可以获取到 Calendar 实例并调用实例方法。
 
 
-| 方法名 | 说明             | 参数          |
-|--------|------------------|---------------|
-| scrollToDate   | 滚动到指定日期所在月 | string:'2021-12-30' |
+| 方法名          | 说明               | 参数          |
+|----------------|-------------------|---------------|
+| scrollToDate   | 滚动到指定日期所在月,如：'2021-12-30' | `string` |
 
 ## 主题定制
 

src/packages/__VUE/calendar/doc.taro.md

@@ -589,13 +589,13 @@ export default {
 | 字段              | 说明                                              | 类型            | 默认值          |
 |-------------------|---------------------------------------------------|-----------------|-----------------|
 | v-model:visible   | 是否可见                                          | boolean         | `false`           |
-| type              | 类型，日期单择'one'，区间选择'range',日期多选'multiple'    | string          | `one`          |
+| type              | 类型，日期单择`one`，区间选择`range`,日期多选`multiple`    | string       | '`one`'           |
 | poppable          | 是否弹窗状态展示                                  | boolean         | `true`            |
 | is-auto-back-fill | 自动回填                                          | boolean         | `false`           |
 | title             | 显示标题                                          | string          | `日期选择`      |
-| default-value     | 默认值，单个日期选择 string，其他为 Array  | string 、 Array | `null`            |
-| start-date        | 开始日期         | string          | 今天            |
-| end-date          | 结束日期              | string          | 距离今天 365 天 |
+| default-value     | 默认值，单个日期选择 `string`，其他为 `string[]`  | string  \| string[] | `null`            |
+| start-date        | 开始日期         | string          | `今天`            |
+| end-date          | 结束日期              | string          | `距离今天 365 天` |
 | show-today          | 是否展示今天标记               | boolean          | `true` |
 | start-text         | 范围选择，开始信息文案               | string          | `开始` |
 | end-text         | 范围选择，结束信息文案               | string          | `结束` |
@@ -609,9 +609,9 @@ export default {
 
 | 事件名 | 说明                         | 回调参数                     |
 |--------|------------------------------|------------------------------|
-| choose | 选择之后或是点击确认按钮触发 | 日期数组（包含年月日和星期） |
+| choose | 选择之后或是点击确认按钮触发,日期数组（包含年月日和星期） | `(string \| string[])[]` |
 | close  | 关闭时触发                   | -                            |
-| select  | 点击/选择后触发              |  Day:object                          |
+| select  | 点击/选择后触发              |  `(string \| string[])[]`                          |
 
 
 
@@ -631,8 +631,7 @@ export default {
 
 | 方法名 | 说明             | 参数          |
 |--------|------------------|---------------|
-| scrollToDate   | 滚动到指定日期所在月 | string:'2021-12-30' |
-
+| scrollToDate   | 滚动到指定日期所在月,如：'2021-12-30' | `string` |
 
 ## 主题定制
 

src/packages/__VUE/calendar/index.scss

@@ -65,7 +65,7 @@
       line-height: 44px;
     }
     .nut-calendar__header-slot {
-      height: 24px;
+      min-height: 24px;
     }
     .nut-calendar__header-subtitle {
       padding: 7px 0;

src/packages/__VUE/calendaritem/index.taro.vue

@@ -277,7 +277,7 @@ export default create({
       if (getClass(day, month) != `${state.dayPrefix}--disabled`) {
         const { type } = props;
         let days = [...month.curData];
-        days[2] = typeof day.day == 'number' ? Utils.getNumTwoBit(day.day) : day.day;
+        days[2] = Utils.getNumTwoBit(Number(day.day));
         days[3] = `${days[0]}-${days[1]}-${days[2]}`;
         days[4] = Utils.getWhatDay(+days[0], +days[1], +days[2]);
         if (type == 'multiple') {
@@ -763,12 +763,12 @@ export default create({
       Taro.getSystemInfo({
         success(res) {
           let scale = 2;
-          let screenWidth = res.screenWidth;
           let toFixed = 3;
           if (TARO_ENV === Taro.ENV_TYPE.WEB) {
             toFixed = 5;
           }
-          scale = Number((screenWidth / 750).toFixed(toFixed));
+          let fontSize = document.documentElement.style.fontSize;
+          scale = Number((Number.parseInt(fontSize) / 40).toFixed(toFixed));
           scalePx.value = scale;
           initData();
         }

src/packages/__VUE/calendaritem/index.vue

@@ -274,7 +274,7 @@ export default create({
       if (getClass(day, month) != `${state.dayPrefix}--disabled`) {
         const { type } = props;
         let days = [...month.curData];
-        days[2] = typeof day.day == 'number' ? Utils.getNumTwoBit(day.day) : day.day;
+        days[2] = Utils.getNumTwoBit(Number(day.day));
         days[3] = `${days[0]}-${days[1]}-${days[2]}`;
         days[4] = Utils.getWhatDay(+days[0], +days[1], +days[2]);
         if (type == 'multiple') {
@@ -554,7 +554,6 @@ export default create({
           }
         });
       }
-
       setDefaultRange(monthsNum, current);
       state.currentIndex = current;
       state.yearMonthTitle = state.monthsData[state.currentIndex].title;

src/packages/__VUE/category/doc.en-US.md

@@ -188,7 +188,7 @@ export default {
 
 | Attribute     | Description                 | Type   | Default   |
 | -------- | -------------------------------- | ------ | -------- |
-| type     | Classification mode: `classify`, `text`, `custom` | String | classify |
+| type     | Classification mode: `classify`, `text`, `custom` | string | classify |
 | category | Left navigation bar data list               | Array  | []       |
 
 ### Category Events
@@ -223,13 +223,13 @@ export default {
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).
 
-| Name | Default Value | Description |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-category-bg-color|  _rgba(255, 255, 255, 1)_  | - |
-| --nut-category-list-left-bg-color|  _rgba(246, 247, 249, 1)_  | - |
-| --nut-category-list-item-color|  _var(--nut-title-color)_  | - |
-| --nut-category-list-item-checked-color|  _rgba(255, 255, 255, 1)_  | - |
-| --nut-category-list-item-checked-img-bg-color|  _var(--nut-primary-color)_  | - |
-| --nut-category-pane-gray-color|  _#666_  | - |
-| --nut-category-pane-border-color|  _rgb(153, 153, 153)_  | - |
-| --nut-category-pane-title-color|  _rgba(51, 51, 51, 1)_  | - |
+| Name | Default Value | 
+| --------------------------------------- | -------------------------- | 
+| --nut-category-bg-color|  _rgba(255, 255, 255, 1)_  | 
+| --nut-category-list-left-bg-color|  _rgba(246, 247, 249, 1)_  | 
+| --nut-category-list-item-color|  _var(--nut-title-color)_  | 
+| --nut-category-list-item-checked-color|  _rgba(255, 255, 255, 1)_  | 
+| --nut-category-list-item-checked-img-bg-color|  _var(--nut-primary-color)_  | 
+| --nut-category-pane-gray-color|  _#666_  | 
+| --nut-category-pane-border-color|  _rgb(153, 153, 153)_  | 
+| --nut-category-pane-title-color|  _rgba(51, 51, 51, 1)_  | 

src/packages/__VUE/category/doc.md

@@ -188,7 +188,7 @@ export default {
 
 | 参数     | 说明                             | 类型   | 默认值   |
 | -------- | -------------------------------- | ------ | -------- |
-| type     | 分类模式：`classify`，`text`，`custom` | String | classify |
+| type     | 分类模式：`classify`，`text`，`custom` | string | classify |
 | category | 左侧导航栏数据列表               | Array  | []       |
 
 ### Category Events
@@ -224,13 +224,13 @@ export default {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
 
-| 名称                                    | 默认值                     | 描述 |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-category-bg-color|  _rgba(255, 255, 255, 1)_  | - |
-| --nut-category-list-left-bg-color|  _rgba(246, 247, 249, 1)_  | - |
-| --nut-category-list-item-color|  _var(--nut-title-color)_  | - |
-| --nut-category-list-item-checked-color|  _rgba(255, 255, 255, 1)_  | - |
-| --nut-category-list-item-checked-img-bg-color|  _var(--nut-primary-color)_  | - |
-| --nut-category-pane-gray-color|  _#666_  | - |
-| --nut-category-pane-border-color|  _rgb(153, 153, 153)_  | - |
-| --nut-category-pane-title-color|  _rgba(51, 51, 51, 1)_  | - |
+| 名称                                    | 默认值                     |
+| --------------------------------------- | -------------------------- |
+| --nut-category-bg-color|  _rgba(255, 255, 255, 1)_  |
+| --nut-category-list-left-bg-color|  _rgba(246, 247, 249, 1)_  |
+| --nut-category-list-item-color|  _var(--nut-title-color)_  |
+| --nut-category-list-item-checked-color|  _rgba(255, 255, 255, 1)_  |
+| --nut-category-list-item-checked-img-bg-color|  _var(--nut-primary-color)_  |
+| --nut-category-pane-gray-color|  _#666_  |
+| --nut-category-pane-border-color|  _rgb(153, 153, 153)_  |
+| --nut-category-pane-title-color|  _rgba(51, 51, 51, 1)_  |

src/packages/__VUE/category/doc.taro.md

@@ -188,7 +188,7 @@ export default {
 
 | 参数     | 说明                             | 类型   | 默认值   |
 | -------- | -------------------------------- | ------ | -------- |
-| type     | 分类模式：`classify`，`text`，`custom` | String | classify |
+| type     | 分类模式：`classify`，`text`，`custom` | string | classify |
 | category | 左侧导航栏数据列表               | Array  | []       |
 
 ### Category Events
@@ -223,13 +223,13 @@ export default {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
 
-| 名称                                    | 默认值                     | 描述 |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-category-bg-color|  _rgba(255, 255, 255, 1)_  | - |
-| --nut-category-list-left-bg-color|  _rgba(246, 247, 249, 1)_  | - |
-| --nut-category-list-item-color|  _var(--nut-title-color)_  | - |
-| --nut-category-list-item-checked-color|  _rgba(255, 255, 255, 1)_  | - |
-| --nut-category-list-item-checked-img-bg-color|  _var(--nut-primary-color)_  | - |
-| --nut-category-pane-gray-color|  _#666_  | - |
-| --nut-category-pane-border-color|  _rgb(153, 153, 153)_  | - |
-| --nut-category-pane-title-color|  _rgba(51, 51, 51, 1)_  | - |
+| 名称                                    | 默认值                     | 
+| --------------------------------------- | -------------------------- | 
+| --nut-category-bg-color|  _rgba(255, 255, 255, 1)_  | 
+| --nut-category-list-left-bg-color|  _rgba(246, 247, 249, 1)_  | 
+| --nut-category-list-item-color|  _var(--nut-title-color)_  | 
+| --nut-category-list-item-checked-color|  _rgba(255, 255, 255, 1)_  | 
+| --nut-category-list-item-checked-img-bg-color|  _var(--nut-primary-color)_  | 
+| --nut-category-pane-gray-color|  _#666_  | 
+| --nut-category-pane-border-color|  _rgb(153, 153, 153)_  | 
+| --nut-category-pane-title-color|  _rgba(51, 51, 51, 1)_  | 

src/packages/__VUE/countup/doc.en-US.md

@@ -140,36 +140,33 @@ export default {
 ## API
 ### Props
 
-| Attribute | Description | Type   | Default |
-|----- | ----- | ----- | ----- 
-| init-num | Initial number | Number | 0
-| end-num | End number | Number | 0
-| speed | Interval number. At present, only basic usage is supported | Number | 1
-| to-fixed | Keep several decimal places | Number | The incoming number shall prevail
-| start-flag | Identification that triggers digital scrolling | Boolean | true
-| during | Scroll one run time | Number | 1000
-| num-width | Digital width, often used to customize seamless scrolling | Number | 20
-| num-height | Digital height, commonly used to customize seamless scrolling (lottery function is required) | Number | 20
-| scrolling | For digital scrolling display | Boolean | false
-| custom | Digital scrolling for custom pictures | Boolean | false
-| custom-change-num | Number to change (for custom pictures, initnum \ endnum is invalid here) | Number | 1
-| custom-bg-img | Custom picture (it is recommended to use sprite chart, and Sprite chart must be used when using lottery function) | - | -
-| custom-spac-num | There may be a gap between the numbers in the picture | Number | 0
-| type | "Machine" must be passed when using the lottery function | string | ''
-| machine-prize-num | The number of prizes and the total number of prizes must be passed on | number | 4
-| machine-num | Lucky draw, that is, rolling a few, must be passed | number | 3
-| machine-prize-level | Winning icon, the position of the icon in sprite chart | number | 0
-| machine-turn-more | Number of rolling turns | number | 0
-
-> Note: the lottery function needs to be calculated in combination with the icon position, so the height num height of a single icon in sprite chart needs to be input; The winning prize is located according to the number of prize digits in sprite chart, from 1 to n；
-
-
-
+| Field | Description | Type | Default
+|----- | ----- | ----- | -----
+| init-num | initial number | number | `0`
+| end-num | end number | number | `0`
+| speed | interval number, currently only supports basic usage | number | `1`
+| to-fixed | retain the number of decimal places | number | `subject to the number passed in`
+| start-flag | flag to trigger number scrolling | boolean | `true`
+| during | rolling time to run | number | `1000`
+| num-width | Number width, often used to customize seamless scrolling | number | `20`
+| num-height | Number height, often used to customize seamless scrolling (required for lottery function) | number | `20`
+| scrolling | used for numeric scrolling display | boolean | `false`
+| custom | for custom image scrolling | boolean | `false`
+| custom-change-num | The number to change (for custom pictures, initNum and endNum are invalid here) | number | `1`
+| custom-bg-img | Custom image (it is recommended to use Sprite image, and Sprite image must be used to use the lottery function) | - | `-`
+| custom-spac-num | There may be space between numbers in the image | number | `0`
+| type | "machine" must be passed when using the lottery function | string | `''`
+| machine-prize-num | Number of prizes, how many prizes in total, must be passed | number | `4`
+| machine-num | lottery position, that is, how many times to roll, must pass | number | `3`
+| machine-prize-level | The winning icon, the position of the icon in the sprite image | number | `0`
+| machine-turn-more | number of turns | number | `0`
+
+> Note: The lottery function needs to be calculated in conjunction with the position of the icon, so the height num-height of a single icon in the sprite image needs to be passed in; the winning prize is positioned according to the number of prizes in the sprite image, from 1 to N;
 
 
 ### Events
 
-| Event | Description   | Arguments   |
+| field | description | callback parameter
 |----- | ----- | -----
-| scroll-end | Callback function after scrolling | - 
+| scroll-end | callback function after scrolling ends | `-`
     

src/packages/__VUE/countup/doc.md

@@ -141,34 +141,31 @@ export default {
 
 | 字段 | 说明 | 类型 | 默认值
 |----- | ----- | ----- | ----- 
-| init-num | 初始数字 | Number | 0
-| end-num | 结束数字 | Number | 0
-| speed | 间隔数字，目前仅支持基本用法 | Number | 1
-| to-fixed | 保留小数点后几位 | Number | 以传入的数字为准
-| start-flag | 触发数字滚动的标识 | Boolean | true
-| during | 滚动一次运行时间 | Number | 1000
-| num-width | 数字宽度，常用于自定义无缝滚动 | Number | 20
-| num-height | 数字高度，常用于自定义无缝滚动（抽奖功能必传） | Number | 20
-| scrolling | 用于数字滚动展示 | Boolean | false
-| custom | 用于自定义图片数字滚动 | Boolean | false
-| custom-change-num | 要变化的数字（用于自定义图片,initNum\endNum在此无效） | Number | 1
-| custom-bg-img | 自定义图片（建议使用雪碧图实现，使用抽奖功能必须使用雪碧图） | - | -
-| custom-spac-num | 图片中数字之间可能会存在间距 | Number | 0
-| type | 使用抽奖功能必传“machine” | string | ''
-| machine-prize-num | 奖品个数，一共多少个奖品，必传 | number | 4
-| machine-num | 抽奖位，即滚动几个，必传 | number | 3
-| machine-prize-level | 中奖图标，图标在雪碧图中的位置 | number | 0
-| machine-turn-more | 滚动圈数 | number | 0
+| init-num | 初始数字 | number | `0`
+| end-num | 结束数字 | number | `0`
+| speed | 间隔数字，目前仅支持基本用法 | number | `1`
+| to-fixed | 保留小数点后几位 | number | `以传入的数字为准`
+| start-flag | 触发数字滚动的标识 | boolean | `true`
+| during | 滚动一次运行时间 | number | `1000`
+| num-width | 数字宽度，常用于自定义无缝滚动 | number | `20`
+| num-height | 数字高度，常用于自定义无缝滚动（抽奖功能必传） | number | `20`
+| scrolling | 用于数字滚动展示 | boolean | `false`
+| custom | 用于自定义图片数字滚动 | boolean | `false`
+| custom-change-num | 要变化的数字（用于自定义图片，initNum、endNum在此无效） | number | `1`
+| custom-bg-img | 自定义图片（建议使用雪碧图实现，使用抽奖功能必须使用雪碧图） | - | `-`
+| custom-spac-num | 图片中数字之间可能会存在间距 | number | `0`
+| type | 使用抽奖功能必传"machine" | string | `''`
+| machine-prize-num | 奖品个数，一共多少个奖品，必传 | number | `4`
+| machine-num | 抽奖位，即滚动几个，必传 | number | `3`
+| machine-prize-level | 中奖图标，图标在雪碧图中的位置 | number | `0`
+| machine-turn-more | 滚动圈数 | number | `0`
 
 > 说明：抽奖功能需要结合图标位置计算，故需传入雪碧图中单个图标的高度 num-height；中奖奖品根据雪碧图中的奖品位数来定位，从 1 到 N；
 
 
-
-
-
 ### Events
 
 | 字段 | 说明 | 回调参数
 |----- | ----- | -----
-| scroll-end | 滚动结束后回调函数 | - 
+| scroll-end | 滚动结束后回调函数 | `-`
     

src/packages/__VUE/countup/doc.taro.md

@@ -137,38 +137,36 @@ export default {
 :::
 
 ## API
+
 ### Props
 
 | 字段 | 说明 | 类型 | 默认值
 |----- | ----- | ----- | ----- 
-| init-num | 初始数字 | Number | 0
-| end-num | 结束数字 | Number | 0
-| speed | 间隔数字，目前仅支持基本用法 | Number | 1
-| to-fixed | 保留小数点后几位 | Number | 以传入的数字为准
-| start-flag | 触发数字滚动的标识 | Boolean | true
-| during | 滚动一次运行时间 | Number | 1000
-| num-width | 数字宽度，常用于自定义无缝滚动 | Number | 20
-| num-height | 数字高度，常用于自定义无缝滚动（抽奖功能必传） | Number | 20
-| scrolling | 用于数字滚动展示 | Boolean | false
-| custom | 用于自定义图片数字滚动 | Boolean | false
-| custom-change-num | 要变化的数字（用于自定义图片,initNum\endNum在此无效） | Number | 1
-| custom-bg-img | 自定义图片（建议使用雪碧图实现，使用抽奖功能必须使用雪碧图） | - | -
-| custom-spac-num | 图片中数字之间可能会存在间距 | Number | 0
-| type | 使用抽奖功能必传“machine” | string | ''
-| machine-prize-num | 奖品个数，一共多少个奖品，必传 | number | 4
-| machine-num | 抽奖位，即滚动几个，必传 | number | 3
-| machine-prize-level | 中奖图标，图标在雪碧图中的位置 | number | 0
-| machine-turn-more | 滚动圈数 | number | 0
+| init-num | 初始数字 | number | `0`
+| end-num | 结束数字 | number | `0`
+| speed | 间隔数字，目前仅支持基本用法 | number | `1`
+| to-fixed | 保留小数点后几位 | number | `以传入的数字为准`
+| start-flag | 触发数字滚动的标识 | boolean | `true`
+| during | 滚动一次运行时间 | number | `1000`
+| num-width | 数字宽度，常用于自定义无缝滚动 | number | `20`
+| num-height | 数字高度，常用于自定义无缝滚动（抽奖功能必传） | number | `20`
+| scrolling | 用于数字滚动展示 | boolean | `false`
+| custom | 用于自定义图片数字滚动 | boolean | `false`
+| custom-change-num | 要变化的数字（用于自定义图片，initNum、endNum在此无效） | number | `1`
+| custom-bg-img | 自定义图片（建议使用雪碧图实现，使用抽奖功能必须使用雪碧图） | - | `-`
+| custom-spac-num | 图片中数字之间可能会存在间距 | number | `0`
+| type | 使用抽奖功能必传"machine" | string | `''`
+| machine-prize-num | 奖品个数，一共多少个奖品，必传 | number | `4`
+| machine-num | 抽奖位，即滚动几个，必传 | number | `3`
+| machine-prize-level | 中奖图标，图标在雪碧图中的位置 | number | `0`
+| machine-turn-more | 滚动圈数 | number | `0`
 
 > 说明：抽奖功能需要结合图标位置计算，故需传入雪碧图中单个图标的高度 num-height；中奖奖品根据雪碧图中的奖品位数来定位，从 1 到 N；
 
 
-
-
-
 ### Events
 
 | 字段 | 说明 | 回调参数
 |----- | ----- | -----
-| scroll-end | 滚动结束后回调函数 | - 
+| scroll-end | 滚动结束后回调函数 | `-`
     

src/packages/__VUE/imagepreview/imagePreviewItem.vue

@@ -21,6 +21,7 @@ import { preventDefault, clamp } from '@/packages/utils/util';
 import { ImageInterface } from './types';
 import { baseProps } from './types';
 import Video from '../video/index.vue';
+import SwiperItem from '../swiperitem/index.vue';
 const { create } = createComponent('image-preview-item');
 
 export default create({
@@ -45,7 +46,8 @@ export default create({
   },
   emits: ['close', 'scale'],
   components: {
-    [Video.name]: Video
+    [Video.name]: Video,
+    [SwiperItem.name]: SwiperItem
   },
 
   setup(props, { emit }) {

src/packages/__VUE/imagepreview/index.vue

@@ -56,7 +56,6 @@ const { create } = createComponent('image-preview');
 import { CircleClose } from '@nutui/icons-vue';
 import Popup from '../popup/index.vue';
 import Swiper from '../swiper/index.vue';
-import SwiperItem from '../swiperitem/index.vue';
 
 export default create({
   props: {
@@ -88,8 +87,7 @@ export default create({
     ImagePreviewItem: ImagePreviewItem,
     CircleClose,
     [Popup.name]: Popup,
-    [Swiper.name]: Swiper,
-    [SwiperItem.name]: SwiperItem
+    [Swiper.name]: Swiper
   },
 
   setup(props, { emit }) {

src/packages/__VUE/input/doc.en-US.md

@@ -367,23 +367,23 @@ After setting the `maxlength` and `show-word-limit` attributes, word count will
 
 | Attribute   | Description               | Type       | Default  |
 |--------------|----------------------------------------|----------------|---------|
-| v-model      | Input value, two-way binding           | String         | -       |
-| type         | Input type, support all native types and `number` `digit` type    | String         | `text`  |
-| placeholder  | Placeholder when the input box is empty  | String         | -       |
-| input-align  | Input align, eg `left`、`center`、`right` | String | `left` |
-| required     | Whether to show required mark            | Boolean        | `false` |
-| border       | Whether to show inner borde         | Boolean        | `true` |
-| disabled     | Whether to disable field            | Boolean        | `false` |
-| readonly     | Whether to be readonly              | Boolean        | `false` |
-| autofocus    | Whether to auto focus, unsupported in iOS     | Boolean        | `false` |
-| max-length   | Max length of value                  | String、Number  | -       |
-| clearable    | Whether to be clearable              | Boolean        | `false`  |
-| clear-size   | Clear Icon `font-size`               | String        | `14`  |
-| show-word-limit | Whether to show word limit, need to set the `max-length` prop | Boolean | `false`  |
-| error         | Whether to mark the input content in red   | Boolean | `false`  |
+| v-model      | Input value, two-way binding           | string         | -       |
+| type         | Input type, support all native types and `number` `digit` type    | string         | `text`  |
+| placeholder  | Placeholder when the input box is empty  | string         | -       |
+| input-align  | Input align, eg `left`、`center`、`right` | string | `left` |
+| required     | Whether to show required mark            | boolean        | `false` |
+| border       | Whether to show inner borde         | boolean        | `true` |
+| disabled     | Whether to disable field            | boolean        | `false` |
+| readonly     | Whether to be readonly              | boolean        | `false` |
+| autofocus    | Whether to auto focus, unsupported in iOS     | boolean        | `false` |
+| max-length   | Max length of value                  | string ｜ number | - |
+| clearable    | Whether to be clearable              | boolean        | `false`  |
+| clear-size   | Clear Icon `font-size`               | string        | `14`  |
+| show-word-limit | Whether to show word limit, need to set the `max-length` prop | boolean | `false`  |
+| error         | Whether to mark the input content in red   | boolean | `false`  |
 | formatter      | Input value formatter    | `(val: string) => string` | - |
-| format-trigger | When to format value, eg `onChange`、`onBlur` | String | - |
-| confirm-type | The text of the button in the lower right corner of the keyboard, only valid when `type='text'`, eg `send`, `search`, `next`, ` go`, `done` | String |   `done`   |
+| format-trigger | When to format value, eg `onChange`、`onBlur` | string | - |
+| confirm-type | The text of the button in the lower right corner of the keyboard, only valid when `type='text'`, eg `send`, `search`, `next`, ` go`, `done` | string |   `done`   |
 
 ### Events
 
@@ -407,12 +407,12 @@ After setting the `maxlength` and `show-word-limit` attributes, word count will
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).
 
-| Name | Default Value | Description |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-input-border-bottom| _#eaf0fb_  | - |
-| --nut-input-disabled-color| _#c8c9cc_  | - |
-| --nut-input-required-color| _var(--nut-required-color)_  | - |
-| --nut-input-font-size| _var(--nut-font-size-2)_  | - |
+| Name | Default Value | 
+| --------------------------------------- | -------------------------- | 
+| --nut-input-border-bottom| _#eaf0fb_  | 
+| --nut-input-disabled-color| _#c8c9cc_  | 
+| --nut-input-required-color| _var(--nut-required-color)_  | 
+| --nut-input-font-size| _var(--nut-font-size-2)_  | 
 
 
 

src/packages/__VUE/input/doc.md

@@ -387,22 +387,22 @@ app.use(Input);
 
 | 参数         | 说明                                   | 类型           | 默认值  |
 |--------------|----------------------------------------|----------------|---------|
-| v-model      | 输入值，双向绑定                       | String         | -       |
-| type         | 输入框类型，支持原生 `input` 标签的所有 `type` 属性，另外还支持 `number` `digit`     | String         | `text`  |
-| placeholder  | 输入框为空时占位符                      | String         | -       |
-| input-align  | 输入框内容对齐方式，可选值 `left`、`center`、`right` | String | `left` |
-| border       | 是否显示下边框                         | Boolean        | `true` |
-| disabled     | 是否禁用                              | Boolean        | `false` |
-| readonly     | 是否只读                              | Boolean        | `false` |
-| autofocus    | 是否自动获得焦点，iOS 系统不支持该属性     | Boolean        | `false` |
-| max-length      | 限制最长输入字符                       | String、Number  | -       |
-| clearable    | 展示清除 Icon                         | Boolean        | `false`  |
-| clear-size   | 清除图标的 `font-size` 大小           | String        | `14`  |
-| show-word-limit | 是否显示限制最长输入字符，需要设置 `max-length` 属性 | Boolean | `false`  |
-| error         | 是否标红                                | Boolean | `false`  |
+| v-model      | 输入值，双向绑定                       | string         | -       |
+| type         | 输入框类型，支持原生 `input` 标签的所有 `type` 属性，另外还支持 `number` `digit`     | string         | `text`  |
+| placeholder  | 输入框为空时占位符                      | string         | -       |
+| input-align  | 输入框内容对齐方式，可选值 `left`、`center`、`right` | string | `left` |
+| border       | 是否显示下边框                         | boolean        | `true` |
+| disabled     | 是否禁用                              | boolean        | `false` |
+| readonly     | 是否只读                              | boolean        | `false` |
+| autofocus    | 是否自动获得焦点，iOS 系统不支持该属性     | boolean        | `false` |
+| max-length   | 限制最长输入字符                       | string ｜ number | - |
+| clearable    | 展示清除 Icon                         | boolean        | `false`  |
+| clear-size   | 清除图标的 `font-size` 大小           | string        | `14`  |
+| show-word-limit | 是否显示限制最长输入字符，需要设置 `max-length` 属性 | boolean | `false`  |
+| error         | 是否标红                                | boolean | `false`  |
 | formatter      | 输入内容格式化函数    | `(val: string) => string` | - |
-| format-trigger | 格式化函数触发的时机，可选值为 `onChange`、`onBlur` | String | - |
-| confirm-type | 键盘右下角按钮的文字，仅在`type='text'`时生效,可选值 `send`：发送、`search`：搜索、`next`：下一个、`go`：前往、`done`：完成 | String |   `done`   |
+| format-trigger | 格式化函数触发的时机，可选值为 `onChange`、`onBlur` | string | - |
+| confirm-type | 键盘右下角按钮的文字，仅在`type='text'`时生效,可选值 `send`：发送、`search`：搜索、`next`：下一个、`go`：前往、`done`：完成 | string |   `done`   |
 
 ### Events
 
@@ -425,12 +425,12 @@ app.use(Input);
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
 
-| 名称                                    | 默认值                     | 描述 |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-input-border-bottom| _#eaf0fb_  | - |
-| --nut-input-disabled-color| _#c8c9cc_  | - |
-| --nut-input-required-color| _var(--nut-required-color)_  | - |
-| --nut-input-font-size| _var(--nut-font-size-2)_  | - |
+| 名称                                    | 默认值                     |
+| --------------------------------------- | -------------------------- | 
+| --nut-input-border-bottom| _#eaf0fb_  | 
+| --nut-input-disabled-color| _#c8c9cc_  | 
+| --nut-input-required-color| _var(--nut-required-color)_  | 
+| --nut-input-font-size| _var(--nut-font-size-2)_  | 
 
 
 

src/packages/__VUE/input/doc.taro.md

@@ -371,24 +371,24 @@ app.use(Input);
 
 | 参数         | 说明                                   | 类型           | 默认值  |
 |--------------|----------------------------------------|----------------|---------|
-| v-model      | 输入值，双向绑定                       | String         | -       |
-| type         | 输入框类型，支持原生 `input` 标签的所有 `type` 属性，另外还支持 `number` `digit`     | String         | `text`  |
-| placeholder  | 输入框为空时占位符                      | String         | -       |
-| input-align  | 输入框内容对齐方式，可选值 `left`、`center`、`right` | String | `left` |
-| border       | 是否显示下边框                         | Boolean        | `true` |
-| disabled     | 是否禁用                              | Boolean        | `false` |
-| readonly     | 是否只读                              | Boolean        | `false` |
-| autofocus    | 是否自动获得焦点，iOS 系统不支持该属性     | Boolean        | `false` |
-| max-length      | 限制最长输入字符                       | String、Number  | -       |
-| clearable    | 展示清除 Icon                         | Boolean        | `false`  |
-| clear-size   | 清除图标的 `font-size` 大小           | String        | `14`  |
-| show-word-limit | 是否显示限制最长输入字符，需要设置 `max-length` 属性 | Boolean | `false`  |
-| error         | 是否标红                                | Boolean | `false`  |
+| v-model      | 输入值，双向绑定                       | string         | -       |
+| type         | 输入框类型，支持原生 `input` 标签的所有 `type` 属性，另外还支持 `number` `digit`     | string         | `text`  |
+| placeholder  | 输入框为空时占位符                      | string         | -       |
+| input-align  | 输入框内容对齐方式，可选值 `left`、`center`、`right` | string | `left` |
+| border       | 是否显示下边框                         | boolean        | `true` |
+| disabled     | 是否禁用                              | boolean        | `false` |
+| readonly     | 是否只读                              | boolean        | `false` |
+| autofocus    | 是否自动获得焦点，iOS 系统不支持该属性     | boolean        | `false` |
+| max-length      | 限制最长输入字符                       | string ｜ number | - |
+| clearable    | 展示清除 Icon                         | boolean        | `false`  |
+| clear-size   | 清除图标的 `font-size` 大小           | string        | `14`  |
+| show-word-limit | 是否显示限制最长输入字符，需要设置 `max-length` 属性 | boolean | `false`  |
+| error         | 是否标红                                | boolean | `false`  |
 | formatter      | 输入内容格式化函数    | `(val: string) => string` | - |
-| format-trigger | 格式化函数触发的时机，可选值为 `onChange`、`onBlur` | String | - |
-| confirm-type | 键盘右下角按钮的文字，仅在`type='text'`时生效,可选值 `send`：发送、`search`：搜索、`next`：下一个、`go`：前往、`done`：完成 | String |   `done`   |
-| adjust-position | 键盘弹起时，是否自动上推页面     | Boolean | `true` |
-| always-system | 是否强制使用系统键盘和 Web-view 创建的 input 元素。为 true 时，`confirm-type`、`confirm-hold` 可能失效    | Boolean | `false` |
+| format-trigger | 格式化函数触发的时机，可选值为 `onChange`、`onBlur` | string | - |
+| confirm-type | 键盘右下角按钮的文字，仅在`type='text'`时生效,可选值 `send`：发送、`search`：搜索、`next`：下一个、`go`：前往、`done`：完成 | string |   `done`   |
+| adjust-position | 键盘弹起时，是否自动上推页面     | boolean | `true` |
+| always-system | 是否强制使用系统键盘和 Web-view 创建的 input 元素。为 true 时，`confirm-type`、`confirm-hold` 可能失效    | boolean | `false` |
 
 ### Events
 
@@ -412,12 +412,12 @@ app.use(Input);
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
 
-| 名称                                    | 默认值                     | 描述 |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-input-border-bottom| _#eaf0fb_  | - |
-| --nut-input-disabled-color| _#c8c9cc_  | - |
-| --nut-input-required-color| _var(--nut-required-color)_  | - |
-| --nut-input-font-size| _var(--nut-font-size-2)_  | - |
+| 名称                                    | 默认值                     | 
+| --------------------------------------- | -------------------------- |
+| --nut-input-border-bottom| _#eaf0fb_  |
+| --nut-input-disabled-color| _#c8c9cc_  |
+| --nut-input-required-color| _var(--nut-required-color)_  |
+| --nut-input-font-size| _var(--nut-font-size-2)_  |
 
 
 

src/packages/__VUE/navbar/doc.en-US.md

@@ -192,16 +192,16 @@ export default {
 
 |  Attribute          | Description                                   | Type    | Default |
 |---------------------|-----------------------------------------------|---------|---------|
-| title               | Title                                         | String  | -       |
-| left-text | Left Text                                     | String  | -       |
-| desc                | Desc                                          | String  | -       |
-| left-show           | Whether to show the left arrow                | Boolean | false   |
-| title-icon            | Whether to show icon in title                 | Boolean  | false     | 
-| border   | Whether to show bottom border                     | Boolean  | false  |
-| fixed               | Is it pinned to the top                       | Boolean | false    |
-| placeholder | Whether to generate a placeholder element when fixed   | Boolean  | false   |
-| safe-area-inset-top | Whether to enable top safety zone adaptation  | Boolean | false    |
-| z-index | Z-index                                            | Number ｜ String  | -       |
+| title               | Title                                         | string  | -       |
+| left-text | Left Text                                     | string  | -       |
+| desc                | Desc                                          | string  | -       |
+| left-show           | Whether to show the left arrow                | boolean | false   |
+| title-icon            | Whether to show icon in title                 | boolean  | false     | 
+| border   | Whether to show bottom border                     | boolean  | false  |
+| fixed               | Is it pinned to the top                       | boolean | false    |
+| placeholder | Whether to generate a placeholder element when fixed   | boolean  | false   |
+| safe-area-inset-top | Whether to enable top safety zone adaptation  | boolean | false    |
+| z-index | Z-index                                            | number ｜ string  | -       |
 
 ### Events
 | Event           | Description              | Arguments    |
@@ -226,17 +226,17 @@ export default {
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).
 
-| Name | Default Value | Description |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-navbar-height| _44px_ | -  |
-| --nut-navbar-margin-bottom| _20px_ | -  |
-| --nut-navbar-padding| _0 16px_ | -  |
-| --nut-navbar-background| _var(--nut-white)_ | -  |
-| --nut-navbar-box-shadow| _0px 1px 7px 0px rgba(237, 238, 241, 1)_ | -  |
-| --nut-navbar-color| _var(--nut-title-color2)_ | -  |
-| --nut-navbar-title-base-font| _var(--nut-font-size-2)_ | -  |
-| --nut-navbar-title-font| _var(--nut-font-size-2)_ | -  |
-| --nut-navbar-title-font-weight| _0_ | -  |
-| --nut-navbar-title-font-color| _var(--nut-navbar-color)_ | -  |
-| --nut-navbar-title-width| _100px_ | -  |
-| --nut-navbar-title-icon-margin| _0 0 0 13px_ | -  |
+| Name | Default Value | 
+| --------------------------------------- | -------------------------- | 
+| --nut-navbar-height| _44px_ | 
+| --nut-navbar-margin-bottom| _20px_ | 
+| --nut-navbar-padding| _0 16px_ | 
+| --nut-navbar-background| _var(--nut-white)_ | 
+| --nut-navbar-box-shadow| _0px 1px 7px 0px rgba(237, 238, 241, 1)_ | 
+| --nut-navbar-color| _var(--nut-title-color2)_ | 
+| --nut-navbar-title-base-font| _var(--nut-font-size-2)_ | 
+| --nut-navbar-title-font| _var(--nut-font-size-2)_ | 
+| --nut-navbar-title-font-weight| _0_ | 
+| --nut-navbar-title-font-color| _var(--nut-navbar-color)_ | 
+| --nut-navbar-title-width| _100px_ | 
+| --nut-navbar-title-icon-margin| _0 0 0 13px_ | 

src/packages/__VUE/navbar/doc.md

@@ -192,16 +192,16 @@ export default {
 
 | 字段            | 说明                                                    | 类型    | 默认值  |
 |-----------------|--------------------------------------------------------|---------|---------|
-| title           | 标题名称                                                 | String  | -       |
-| left-text       | 左侧文案                                                 | String  | -       |
-| desc            | 右侧描述                                                 | String  | -       |
-| left-show       | 是否展示左侧箭头                                          | Boolean | false   |
-| title-icon        | 标题中是否展示icon                                        | Boolean  | false      |
-| border          | 是否显示下边框                                            | Boolean  | false  |
-| fixed           | 是否固定到顶部                                            | Boolean  | false    |
-| placeholder     | 固定在顶部时，是否在标签位置生成一个等高的占位元素              | Boolean  | false   |
-| safe-area-inset-top   | 是否开启顶部安全区适配                                | Boolean  | false   |
-| z-index | 导航栏 z-index                                            | Number ｜ String  | -       |
+| title           | 标题名称                                                 | string  | -       |
+| left-text       | 左侧文案                                                 | string  | -       |
+| desc            | 右侧描述                                                 | string  | -       |
+| left-show       | 是否展示左侧箭头                                          | boolean | false   |
+| title-icon        | 标题中是否展示icon                                        | boolean  | false      |
+| border          | 是否显示下边框                                            | boolean  | false  |
+| fixed           | 是否固定到顶部                                            | boolean  | false    |
+| placeholder     | 固定在顶部时，是否在标签位置生成一个等高的占位元素              | boolean  | false   |
+| safe-area-inset-top   | 是否开启顶部安全区适配                                | boolean  | false   |
+| z-index | 导航栏 z-index                                            | number ｜ string  | -       |
 
 
 ### Events
@@ -227,17 +227,17 @@ export default {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
 
-| 名称                                    | 默认值                     | 描述 |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-navbar-height| _44px_ | -  |
-| --nut-navbar-margin-bottom| _20px_ | -  |
-| --nut-navbar-padding| _0 16px_ | -  |
-| --nut-navbar-background| _var(--nut-white)_ | -  |
-| --nut-navbar-box-shadow| _0px 1px 7px 0px rgba(237, 238, 241, 1)_ | -  |
-| --nut-navbar-color| _var(--nut-title-color2)_ | -  |
-| --nut-navbar-title-base-font| _var(--nut-font-size-2)_ | -  |
-| --nut-navbar-title-font| _var(--nut-font-size-2)_ | -  |
-| --nut-navbar-title-font-weight| _0_ | -  |
-| --nut-navbar-title-font-color| _var(--nut-navbar-color)_ | -  |
-| --nut-navbar-title-width| _100px_ | -  |
-| --nut-navbar-title-icon-margin| _0 0 0 13px_ | -  |
+| 名称                                    | 默认值                     |
+| --------------------------------------- | -------------------------- |
+| --nut-navbar-height| _44px_ |
+| --nut-navbar-margin-bottom| _20px_ |
+| --nut-navbar-padding| _0 16px_ |
+| --nut-navbar-background| _var(--nut-white)_ |
+| --nut-navbar-box-shadow| _0px 1px 7px 0px rgba(237, 238, 241, 1)_ |
+| --nut-navbar-color| _var(--nut-title-color2)_ |
+| --nut-navbar-title-base-font| _var(--nut-font-size-2)_ |
+| --nut-navbar-title-font| _var(--nut-font-size-2)_ |
+| --nut-navbar-title-font-weight| _0_ |
+| --nut-navbar-title-font-color| _var(--nut-navbar-color)_ |
+| --nut-navbar-title-width| _100px_ |
+| --nut-navbar-title-icon-margin| _0 0 0 13px_ |

src/packages/__VUE/navbar/doc.taro.md

@@ -192,16 +192,16 @@ export default {
 
 | 字段            | 说明                                                    | 类型    | 默认值  |
 |-----------------|--------------------------------------------------------|---------|---------|
-| title           | 标题名称                                                 | String  | -       |
-| left-text       | 左侧文案                                                 | String  | -       |
-| desc            | 右侧描述                                                 | String  | -       |
-| left-show       | 是否展示左侧箭头                                          | Boolean | false   |
-| title-icon        | 标题中是否展示icon                                        | Boolean  | false      |
-| border          | 是否显示下边框                                            | Boolean  | false  |
-| fixed           | 是否固定到顶部                                            | Boolean  | false    |
-| placeholder     | 固定在顶部时，是否在标签位置生成一个等高的占位元素              | Boolean  | false   |
-| safe-area-inset-top   | 是否开启顶部安全区适配                                | Boolean  | false   |
-| z-index | 导航栏 z-index                                            | Number ｜ String  | -       |
+| title           | 标题名称                                                 | string  | -       |
+| left-text       | 左侧文案                                                 | string  | -       |
+| desc            | 右侧描述                                                 | string  | -       |
+| left-show       | 是否展示左侧箭头                                          | boolean | false   |
+| title-icon        | 标题中是否展示icon                                        | boolean  | false      |
+| border          | 是否显示下边框                                            | boolean  | false  |
+| fixed           | 是否固定到顶部                                            | boolean  | false    |
+| placeholder     | 固定在顶部时，是否在标签位置生成一个等高的占位元素              | boolean  | false   |
+| safe-area-inset-top   | 是否开启顶部安全区适配                                | boolean  | false   |
+| z-index | 导航栏 z-index                                            | number ｜ string  | -       |
 
 
 ### Events
@@ -227,17 +227,17 @@ export default {
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
 
-| 名称                                    | 默认值                     | 描述 |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-navbar-height| _44px_ | -  |
-| --nut-navbar-margin-bottom| _20px_ | -  |
-| --nut-navbar-padding| _0 16px_ | -  |
-| --nut-navbar-background| _var(--nut-white)_ | -  |
-| --nut-navbar-box-shadow| _0px 1px 7px 0px rgba(237, 238, 241, 1)_ | -  |
-| --nut-navbar-color| _var(--nut-title-color2)_ | -  |
-| --nut-navbar-title-base-font| _var(--nut-font-size-2)_ | -  |
-| --nut-navbar-title-font| _var(--nut-font-size-2)_ | -  |
-| --nut-navbar-title-font-weight| _0_ | -  |
-| --nut-navbar-title-font-color| _var(--nut-navbar-color)_ | -  |
-| --nut-navbar-title-width| _100px_ | -  |
-| --nut-navbar-title-icon-margin| _0 0 0 13px_ | -  |
+| 名称                                    | 默认值                     |
+| --------------------------------------- | -------------------------- | 
+| --nut-navbar-height| _44px_ |
+| --nut-navbar-margin-bottom| _20px_ |
+| --nut-navbar-padding| _0 16px_ |
+| --nut-navbar-background| _var(--nut-white)_ |
+| --nut-navbar-box-shadow| _0px 1px 7px 0px rgba(237, 238, 241, 1)_ |
+| --nut-navbar-color| _var(--nut-title-color2)_ |
+| --nut-navbar-title-base-font| _var(--nut-font-size-2)_ |
+| --nut-navbar-title-font| _var(--nut-font-size-2)_ |
+| --nut-navbar-title-font-weight| _0_ |
+| --nut-navbar-title-font-color| _var(--nut-navbar-color)_ |
+| --nut-navbar-title-width| _100px_ |
+| --nut-navbar-title-icon-margin| _0 0 0 13px_ |

src/packages/__VUE/price/demo.vue

@@ -2,41 +2,36 @@
   <div class="demo">
     <nut-cell-group :title="translate('title1')">
       <nut-cell>
-        <nut-price :price="0" size="small" :need-symbol="true" :thousands="true" />
+        <nut-price :price="0" size="small" :need-symbol="false" />
       </nut-cell>
       <nut-cell>
-        <nut-price :price="0" size="normal" :need-symbol="true" :thousands="true" />
+        <nut-price :price="0" size="normal" :need-symbol="false" />
       </nut-cell>
       <nut-cell>
-        <nut-price :price="0" size="large" :need-symbol="true" :thousands="true" />
+        <nut-price :price="0" size="large" :need-symbol="false" />
       </nut-cell>
     </nut-cell-group>
     <h2>{{ translate('title2') }}</h2>
     <nut-cell>
-      <nut-price :price="8888" :decimal-digits="0" size="normal" :need-symbol="true" :thousands="true" />
+      <nut-price :price="8888" :decimal-digits="0" />
     </nut-cell>
     <h2>{{ translate('title3') }}</h2>
     <nut-cell>
-      <nut-price :price="10010.01" size="normal" :need-symbol="true" :thousands="false" />
+      <nut-price :price="10010.01" symbol="¥" />
     </nut-cell>
     <h2>{{ translate('title4') }}</h2>
     <nut-cell>
-      <nut-price :price="15213.1221" size="normal" :decimal-digits="3" :need-symbol="true" :thousands="true" />
+      <nut-price :price="8888.01" position="after" symbol="元" />
     </nut-cell>
     <h2>{{ translate('title5') }}</h2>
     <nut-cell>
-      <nut-price :price="8888.01" position="after" symbol="元" size="normal" :need-symbol="true" :thousands="true" />
-    </nut-cell>
-    <h2>{{ translate('title6') }}</h2>
-    <nut-cell>
-      <nut-price :price="price" size="normal" :decimal-digits="3" :need-symbol="true" :thousands="true" />
+      <nut-price :price="15213.1221" :decimal-digits="3" :thousands="true" />
     </nut-cell>
   </div>
 </template>
 
 <script lang="ts">
 import { createComponent } from '@/packages/utils/create';
-import { ref } from 'vue';
 const { createDemo, translate } = createComponent('price');
 import { useTranslate } from '@/sites/assets/util/useTranslate';
 const initTranslate = () =>
@@ -44,29 +39,22 @@ const initTranslate = () =>
     'zh-CN': {
       title1: '支持三种尺寸：small、normal、large',
       title2: '不保留小数',
-      title3: '有人民币符号，无千位分隔',
-      title4: '有人民币符号，有千位分隔，保留小数点后三位',
-      title5: '调整 symbol 符号位置',
-      title6: '异步随机变更'
+      title3: '货币符号',
+      title4: '货币符号位置',
+      title5: '千位分隔'
     },
     'en-US': {
       title1: 'Support three sizes：small、normal、large',
       title2: 'No decimals',
-      title3: 'With RMB symbol, no thousands separator',
-      title4: 'With RMB symbol, separated by thousands, keep three decimal places',
-      title5: 'Adjust the symbol position',
-      title6: 'Asynchronous random changes'
+      title3: 'Currency symbol',
+      title4: 'Currency symbol position',
+      title5: 'Separated by thousands'
     }
   });
 export default createDemo({
   setup() {
     initTranslate();
-    const price = ref(0);
-    setInterval(() => {
-      price.value = Math.random() * 10000000;
-    }, 1000);
     return {
-      price,
       translate
     };
   }

src/packages/__VUE/price/doc.en-US.md

@@ -16,104 +16,88 @@ app.use(Price);
 ```
 
 
-### Support three sizes：small、normal、large
+### Price size
+
+Three sizes are supported: small, normal, and large, and the default is normal.
 
 :::demo
 
 ``` html
 <template>
-    <nut-price :price="0" size="small" :need-symbol="false" :thousands="true" />
-    <nut-price :price="0" size="normal" :need-symbol="false" :thousands="true" />
-    <nut-price :price="0" size="large" :need-symbol="false" :thousands="true" />
+    <nut-price :price="0" size="small" :need-symbol="false" />
+    <nut-price :price="0" size="normal" :need-symbol="false" />
+    <nut-price :price="0" size="large" :need-symbol="false" />
 </template>
 ```
 
 :::
 
-### No decimals
+### Decimals places
+
+`decimal-digits` can set the number of decimal places, and 2 decimal places are displayed by default.
 
 :::demo
 
 ``` html
 <template>
-    <nut-price :price="8888" :decimal-digits="0" size="normal" :need-symbol="true" :thousands="true" />
+    <nut-price :price="8888" :decimal-digits="0" />
 </template>
 ```
 
 :::
 
-### With RMB symbol, no thousands separator
+### Currency symbol
+
+`symbol` can set the currency symbol, the default is `¥`.
 
 :::demo
 
 ``` html
 
 <template>
-    <nut-price :price="10010.01" :need-symbol="true" :thousands="false" />
+    <nut-price :price="10010.01" symbol="¥" />
 </template>
 ```
 :::
-### With RMB symbol, separated by thousands, keep three decimal places
+### Currency symbol position
+
+`position` can adjust the currency symbol position.
 
 :::demo
 
 ``` html
 <template>
-    <nut-price :price="15213.1221" :decimal-digits="3" :need-symbol="true" :thousands="true" />
+    <nut-price :price="8888.01" position="after" symbol="元" />
 </template>
 ```
 
 :::
 
-### Adjust the symbol position
+### Thousands separator
 
-:::demo
-
-``` html
-<template>
-    <nut-price :price="8888.01" position="after" symbol="元" size="normal" :need-symbol="true" :thousands="true" />
-</template>
-```
-
-:::
-### Asynchronous random changes
+`thousands` can be displayed as thousands.
 
 :::demo
 
 ``` html
 <template>
-    <nut-price :price="price" :decimal-digits="3" :need-symbol="true" :thousands="true" />
+    <nut-price :price="15213.1221" :decimal-digits="3" :thousands="true" />
 </template>
-
-
-<script lang="ts">
-    import { ref } from 'vue';
-    export default {
-        setup() {
-            const price = ref(0);
-            setInterval(() => {
-                price.value = Math.random()*10000000;
-            }, 1000);
-            return {
-                price
-            };
-        }
-    }
-</script>
 ```
+
 :::
 ## API
 ### Props
 
 | Attribute      | Description                                                | Type            | Default |
 |----------------|------------------------------------------------------------|------------------|--------|
-| price          | Price                                                      | Number ｜ String | 0       |
-| need-symbol    | Add symbol                                                 | Boolean          | true   |
-| symbol         | Symbol type                                                | String           | &yen;  |
-| decimal-digits | Decimal digits                                             | Number | 2      |
-| thousands      | Thousands separation                                       | Boolean          | false  |
-| position       | The symbol appear before or after the price，`before`、`after` | String           | before |
-| size           | Size，`large`、`normal`、`small`                            | String           | large |
+| price          | Price                                                      | number ｜ string | 0       |
+| need-symbol    | Add symbol                                                 | boolean          | true   |
+| symbol         | Symbol type                                                | string           | &yen;  |
+| decimal-digits | Decimal digits                                             | number | 2      |
+| thousands      | Thousands separation                                       | boolean          | false  |
+| position       | The symbol appear before or after the price，`before`、`after` | string           | before |
+| size           | Size，`small`、`normal`、`large`                | string           | large |
 
 ## Theming
 
@@ -121,14 +105,14 @@ app.use(Price);
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).
 
-| Name | Default Value | Description |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-price-symbol-big-size| _18px_  | -  |
-| --nut-price-big-size| _24px_  | -  |
-| --nut-price-decimal-big-size| _18px_  | -  |
-| --nut-price-symbol-medium-size| _14px_  | -  |
-| --nut-price-medium-size| _16px_  | -  |
-| --nut-price-decimal-medium-size| _14px_  | -  |
-| --nut-price-symbol-small-size| _10px_  | -  |
-| --nut-price-small-size| _12px_  | -  |
-| --nut-price-decimal-small-size| _10px_  | -  |
+| Name | Default Value | 
+| --------------------------------------- | -------------------------- | 
+| --nut-price-symbol-big-size| _18px_  |
+| --nut-price-big-size| _24px_  |
+| --nut-price-decimal-big-size| _18px_  |
+| --nut-price-symbol-medium-size| _14px_  |
+| --nut-price-medium-size| _16px_  |
+| --nut-price-decimal-medium-size| _14px_  |
+| --nut-price-symbol-small-size| _10px_  |
+| --nut-price-small-size| _12px_  |
+| --nut-price-decimal-small-size| _10px_  |

src/packages/__VUE/price/doc.md

@@ -16,104 +16,87 @@ app.use(Price);
 ```
 
 
-### 基础用法 small normal large
+### 价格大小
+
+支持 small、normal、large 三种尺寸，默认为 normal。
 
 :::demo
 
 ``` html
 <template>
-    <nut-price :price="0" size="small" :need-symbol="false" :thousands="true" />
-    <nut-price :price="0" size="normal" :need-symbol="false" :thousands="true" />
-    <nut-price :price="0" size="large" :need-symbol="false" :thousands="true" />
+    <nut-price :price="0" size="small" :need-symbol="false" />
+    <nut-price :price="0" size="normal" :need-symbol="false" />
+    <nut-price :price="0" size="large" :need-symbol="false" />
 </template>
 ```
 
 :::
 
-### 不保留小数
+### 小数点位数
+
+`decimal-digits` 可设置小数点位数，默认展示2位小数。
 
 :::demo
 
 ``` html
 <template>
-    <nut-price :price="8888" :decimal-digits="0" size="normal" :need-symbol="true" :thousands="true" />
+    <nut-price :price="8888" :decimal-digits="0" />
 </template>
 ```
 
 :::
 
-### 有人民币符号，无千位分隔
+### 货币符号
+
+`symbol` 可设置货币符号，默认为 `¥`。
 
 :::demo
 
 ``` html
 
 <template>
-    <nut-price :price="10010.01" :need-symbol="true" :thousands="false" />
+    <nut-price :price="10010.01" symbol="¥" />
 </template>
 ```
 :::
-### 带人民币符号，有千位分隔，保留小数点后三位
-
-:::demo
-
-``` html
-<template>
-    <nut-price :price="15213.1221" :decimal-digits="3" :need-symbol="true" :thousands="true" />
-</template>
-```
 
-:::
+### 货币符号位置
 
-### 调整 symbol 符号位置
+`position` 可以调整货币符号位置。
 
 :::demo
 
 ``` html
 <template>
-    <nut-price :price="8888.01" position="after" symbol="元" size="normal" :need-symbol="true" :thousands="true" />
+    <nut-price :price="8888.01" position="after" symbol="元" />
 </template>
 ```
 
 :::
-### 异步随机变更
+### 千位分隔
+
+`thousands` 可以按照千分号形式显示。
 
 :::demo
 
 ``` html
 <template>
-    <nut-price :price="price" :decimal-digits="3" :need-symbol="true" :thousands="true" />
+    <nut-price :price="15213.1221" :decimal-digits="3" :thousands="true" />
 </template>
-
-
-<script lang="ts">
-    import { ref } from 'vue';
-    export default {
-        setup() {
-            const price = ref(0);
-            setInterval(() => {
-                price.value = Math.random()*10000000;
-            }, 1000);
-            return {
-                price
-            };
-        }
-    }
-</script>
 ```
-:::
+
 ## API
 ### Props
 
 | 字段           | 说明                                    | 类型    | 默认值 |
 |----------------|-----------------------------------------|---------|--------|
-| price          | 价格数量                                | Number ｜ String | 0      |
-| need-symbol    | 是否需要加上 symbol 符号                 | Boolean          | true   |
-| symbol         | 符号类型                                | String           | &yen;  |
-| decimal-digits | 小数位位数                              | Number  | 2     |
-| thousands      | 是否按照千分号形式显示                    | Boolean          | false  |
-| position       | 符号显示在价格前或者后，`before`、`after`  | String           | `before` |
-| size           | 价格尺寸，`large`、`normal`、`small`     | String           | `large` |
+| price          | 价格数量                                | number ｜ string | 0      |
+| need-symbol    | 是否需要加上 symbol 符号                 | boolean          | true   |
+| symbol         | 符号类型                                | string           | &yen;  |
+| decimal-digits | 小数位位数                              | number  | 2     |
+| thousands      | 是否按照千分号形式显示                    | boolean          | false  |
+| position       | 符号显示在价格前或者后，`before`、`after`  | string           | `before` |
+| size           | 价格尺寸，`small`、`normal`、`large`     | string           | `large` |
 
 
 ## 主题定制
@@ -122,14 +105,14 @@ app.use(Price);
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
 
-| 名称                                    | 默认值                     | 描述 |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-price-symbol-big-size| _18px_  | -  |
-| --nut-price-big-size| _24px_  | -  |
-| --nut-price-decimal-big-size| _18px_  | -  |
-| --nut-price-symbol-medium-size| _14px_  | -  |
-| --nut-price-medium-size| _16px_  | -  |
-| --nut-price-decimal-medium-size| _14px_  | -  |
-| --nut-price-symbol-small-size| _10px_  | -  |
-| --nut-price-small-size| _12px_  | -  |
-| --nut-price-decimal-small-size| _10px_  | -  |
+| 名称                                    | 默认值                     | 
+| --------------------------------------- | -------------------------- | 
+| --nut-price-symbol-big-size| _18px_  | 
+| --nut-price-big-size| _24px_  | 
+| --nut-price-decimal-big-size| _18px_  | 
+| --nut-price-symbol-medium-size| _14px_  | 
+| --nut-price-medium-size| _16px_  | 
+| --nut-price-decimal-medium-size| _14px_  | 
+| --nut-price-symbol-small-size| _10px_  | 
+| --nut-price-small-size| _12px_  | 
+| --nut-price-decimal-small-size| _10px_  | 

src/packages/__VUE/price/doc.taro.md

@@ -15,105 +15,87 @@ app.use(Price);
 
 ```
 
+### 价格大小
 
-### 基础用法 small normal large
+支持 small、normal、large 三种尺寸，默认为 normal。
 
 :::demo
 
 ``` html
 <template>
-    <nut-price :price="0" size="small" :need-symbol="false" :thousands="true" />
-    <nut-price :price="0" size="normal" :need-symbol="false" :thousands="true" />
-    <nut-price :price="0" size="large" :need-symbol="false" :thousands="true" />
+    <nut-price :price="0" size="small" :need-symbol="false" />
+    <nut-price :price="0" size="normal" :need-symbol="false" />
+    <nut-price :price="0" size="large" :need-symbol="false" />
 </template>
 ```
 
 :::
 
-### 不保留小数
+### 小数点位数
+
+`decimal-digits` 可设置小数点位数，默认展示2位小数。
 
 :::demo
 
 ``` html
 <template>
-    <nut-price :price="8888" :decimal-digits="0" size="normal" :need-symbol="true" :thousands="true" />
+    <nut-price :price="8888" :decimal-digits="0" />
 </template>
 ```
 
 :::
 
-### 有人民币符号，无千位分隔
+### 货币符号
+
+`symbol` 可设置货币符号，默认为 `¥`。
 
 :::demo
 
 ``` html
 
 <template>
-    <nut-price :price="10010.01" :need-symbol="true" :thousands="false" />
+    <nut-price :price="10010.01" symbol="¥" />
 </template>
 ```
 :::
-### 带人民币符号，有千位分隔，保留小数点后三位
 
-:::demo
+### 货币符号位置
 
-``` html
-<template>
-    <nut-price :price="15213.1221" :decimal-digits="3" :need-symbol="true" :thousands="true" />
-</template>
-```
-
-:::
-
-### 调整 symbol 符号位置
+`position` 可以调整货币符号位置。
 
 :::demo
 
 ``` html
 <template>
-    <nut-price :price="8888.01" position="after" symbol="元" size="normal" :need-symbol="true" :thousands="true" />
+    <nut-price :price="8888.01" position="after" symbol="元" />
 </template>
 ```
 
 :::
-### 异步随机变更
+### 千位分隔
+
+`thousands` 可以按照千分号形式显示。
 
 :::demo
 
 ``` html
 <template>
-    <nut-price :price="price" :decimal-digits="3" :need-symbol="true" :thousands="true" />
+    <nut-price :price="15213.1221" :decimal-digits="3" :thousands="true" />
 </template>
-
-
-<script lang="ts">
-    import { ref } from 'vue';
-    export default {
-        setup() {
-            const price = ref(0);
-            setInterval(() => {
-                price.value = Math.random()*10000000;
-            }, 1000);
-            return {
-                price
-            };
-        }
-    }
-</script>
 ```
-:::
+
 ## API
 ### Props
 
 | 字段           | 说明                                    | 类型    | 默认值 |
 |----------------|-----------------------------------------|---------|--------|
-| price          | 价格数量                                | Number ｜ String | 0      |
-| need-symbol    | 是否需要加上 symbol 符号                 | Boolean          | true   |
-| symbol         | 符号类型                                | String           | &yen;  |
-| decimal-digits | 小数位位数                              | Number  | 2     |
-| thousands      | 是否按照千分号形式显示                    | Boolean          | false  |
-| position       | 符号显示在价格前或者后，`before`、`after`  | String           | before |
-| size           | 价格尺寸，`large`、`normal`、`small`     | String           | large |
+| price          | 价格数量                                | number ｜ string | 0      |
+| need-symbol    | 是否需要加上 symbol 符号                 | boolean          | true   |
+| symbol         | 符号类型                                | string           | &yen;  |
+| decimal-digits | 小数位位数                              | number  | 2     |
+| thousands      | 是否按照千分号形式显示                    | boolean          | false  |
+| position       | 符号显示在价格前或者后，`before`、`after`  | string           | before |
+| size           | 价格尺寸，`small`、`normal`、`large`     | string           | large |
 
 ## 主题定制
 
@@ -121,14 +103,14 @@ app.use(Price);
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
 
-| 名称                                    | 默认值                     | 描述 |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-price-symbol-big-size| _18px_  | -  |
-| --nut-price-big-size| _24px_  | -  |
-| --nut-price-decimal-big-size| _18px_  | -  |
-| --nut-price-symbol-medium-size| _14px_  | -  |
-| --nut-price-medium-size| _16px_  | -  |
-| --nut-price-decimal-medium-size| _14px_  | -  |
-| --nut-price-symbol-small-size| _10px_  | -  |
-| --nut-price-small-size| _12px_  | -  |
-| --nut-price-decimal-small-size| _10px_  | -  |
+| 名称                                    | 默认值                     | 
+| --------------------------------------- | -------------------------- | 
+| --nut-price-symbol-big-size| _18px_  |
+| --nut-price-big-size| _24px_  |
+| --nut-price-decimal-big-size| _18px_  |
+| --nut-price-symbol-medium-size| _14px_  |
+| --nut-price-medium-size| _16px_  |
+| --nut-price-decimal-medium-size| _14px_  |
+| --nut-price-symbol-small-size| _10px_  |
+| --nut-price-small-size| _12px_  |
+| --nut-price-decimal-small-size| _10px_  |

src/packages/__VUE/price/index.taro.vue

@@ -53,7 +53,7 @@ export default create({
     },
     size: {
       type: String,
-      default: 'large'
+      default: 'normal'
     }
   },
 

src/packages/__VUE/price/index.vue

@@ -55,7 +55,7 @@ export default create({
     },
     size: {
       type: String,
-      default: 'large'
+      default: 'normal'
     }
   },
 

src/packages/__VUE/range/doc.en-US.md

@@ -408,7 +408,7 @@ export default {
 
 | Event             | Description                     | Arguments        |
 | ------------------ | ------------------------ | --------------- |
-| change             | Triggered when the progress changes and the drag is over | value: progress |
+| change             | Triggered when the progress changes and the drag is over | `value: number \| number[]` |
 | drag-start         | Triggered when dragging starts           | -               |
 | drag-end           | Triggered when the drag is over           | -               |
 

src/packages/__VUE/range/doc.md

@@ -410,7 +410,7 @@ export default {
 
 | 事件名             | 说明                     | 回调参数        |
 | ------------------ | ------------------------ | --------------- |
-| change             | 进度变化且结束拖动后触发 | value: 当前进度 |
+| change             | 进度变化且结束拖动后触发 | `value: number \| number[]` |
 | drag-start         | 开始拖动时触发           | -               |
 | drag-end           | 结束拖动时触发           | -               |
 

src/packages/__VUE/range/doc.taro.md

@@ -388,7 +388,7 @@ export default {
 
 | 事件名             | 说明                     | 回调参数        |
 | ------------------ | ------------------------ | --------------- |
-| change             | 进度变化且结束拖动后触发 | value: 当前进度 |
+| change             | 进度变化且结束拖动后触发 | `value: number \| number[]` |
 | drag-start         | 开始拖动时触发           | -               |
 | drag-end           | 结束拖动时触发           | -               |
 

src/packages/__VUE/switch/doc.en-US.md

@@ -166,15 +166,15 @@ app.use(Switch);
 
 | Attribute           | Description      | Type    | Default        |
 |----------------|------------------|---------|-----------------------|
-| v-model        | Status of Switch       | Boolean ｜ String ｜ Number | `false`  |
-| disable        | Disable status         | Boolean | `false`               |
-| loading        | Loading status         | Boolean | `false`               |
-| active-color   | Background color when active | String  | `#fa2c19`    |
-| inactive-color | Background color when inactive | String  | `#ebebeb` | 
-| active-text    | Word description when active   | String  | -         |
-| inactive-text  | Word description when inactive   | String  | -        |
-| active-value   | Value when active   | Boolean ｜ String ｜ Number  | `true`  |
-| inactive-value | Value when inactive   | Boolean ｜ String ｜ Number  | `false`  |
+| v-model        | Status of Switch       | boolean ｜ string ｜ number | `false`  |
+| disable        | Disable status         | boolean | `false`               |
+| loading        | Loading status         | boolean | `false`               |
+| active-color   | Background color when active | string  | `#fa2c19`    |
+| inactive-color | Background color when inactive | string  | `#ebebeb` | 
+| active-text    | Word description when active   | string  | -         |
+| inactive-text  | Word description when inactive   | string  | -        |
+| active-value   | Value when active   | boolean ｜ string ｜ number  | `true`  |
+| inactive-value | Value when inactive   | boolean ｜ string ｜ number  | `false`  |
 
 ### Slots
 
@@ -195,16 +195,16 @@ app.use(Switch);
 
 The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/config-provider).
 
-| Name | Default Value | Description |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-switch-close-bg-color|  _#ebebeb_ | - |
-| --nut-switch-close-cline-bg-color|  _#f0f0f0_ | - |
-| --nut-switch-width|  _36px_ | - |
-| --nut-switch-height|  _21px_ | - |
-| --nut-switch-line-height|  _21px_ | - |
-| --nut-switch-border-radius|  _21px_ | - |
-| --nut-switch-inside-width|  _13px_ | - |
-| --nut-switch-inside-height|  _13px_ | - |
-| --nut-switch-inside-open-transform|  _translateX(146%)_ | - |
-| --nut-switch-inside-close-transform|  _translateX(30%)_ | - |
+| Name | Default Value | 
+| --------------------------------------- | -------------------------- | 
+| --nut-switch-close-bg-color|  _#ebebeb_ |
+| --nut-switch-close-cline-bg-color|  _#f0f0f0_ |
+| --nut-switch-width|  _36px_ |
+| --nut-switch-height|  _21px_ |
+| --nut-switch-line-height|  _21px_ |
+| --nut-switch-border-radius|  _21px_ |
+| --nut-switch-inside-width|  _13px_ |
+| --nut-switch-inside-height|  _13px_ |
+| --nut-switch-inside-open-transform|  _translateX(146%)_ |
+| --nut-switch-inside-close-transform|  _translateX(30%)_ |
     

src/packages/__VUE/switch/doc.md

@@ -166,15 +166,15 @@ app.use(Switch);
 
 | 参数           | 说明             | 类型    | 默认值                |
 |----------------|------------------|---------|-----------------------|
-| v-model        | 开关状态         | Boolean ｜ String ｜ Number | `false`               |
-| disable        | 禁用状态         | Boolean | `false`               |
-| loading        | 加载状态         | Boolean | `false`               |
-| active-color   | 打开时的背景颜色 | String  | `#fa2c19`    |
-| inactive-color | 关闭时的背景颜色 | String  | `#ebebeb` |
-| active-text    | 打开时文字描述   | String  | -                     |
-| inactive-text  | 关闭时文字描述   | String  | -                     |
-| active-value  | 打开时组件的值   | Boolean ｜ String ｜ Number  | `true`  |
-| inactive-value  | 关闭组件的值   | Boolean ｜ String ｜ Number  | `false`  |
+| v-model        | 开关状态         | boolean ｜ string ｜ number | `false`               |
+| disable        | 禁用状态         | boolean | `false`               |
+| loading        | 加载状态         | boolean | `false`               |
+| active-color   | 打开时的背景颜色 | string  | `#fa2c19`    |
+| inactive-color | 关闭时的背景颜色 | string  | `#ebebeb` |
+| active-text    | 打开时文字描述   | string  | -                     |
+| inactive-text  | 关闭时文字描述   | string  | -                     |
+| active-value  | 打开时组件的值   | boolean ｜ string ｜ number  | `true`  |
+| inactive-value  | 关闭组件的值   | boolean ｜ string ｜ number  | `false`  |
 
 ### Slots
 
@@ -194,16 +194,16 @@ app.use(Switch);
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
 
-| 名称                                    | 默认值                     | 描述 |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-switch-close-bg-color|  _#ebebeb_ | - |
-| --nut-switch-close-cline-bg-color|  _#f0f0f0_ | - |
-| --nut-switch-width|  _36px_ | - |
-| --nut-switch-height|  _21px_ | - |
-| --nut-switch-line-height|  _21px_ | - |
-| --nut-switch-border-radius|  _21px_ | - |
-| --nut-switch-inside-width|  _13px_ | - |
-| --nut-switch-inside-height|  _13px_ | - |
-| --nut-switch-inside-open-transform|  _translateX(146%)_ | - |
-| --nut-switch-inside-close-transform|  _translateX(30%)_ | - |
+| 名称                                    | 默认值                     | 
+| --------------------------------------- | -------------------------- | 
+| --nut-switch-close-bg-color|  _#ebebeb_ |
+| --nut-switch-close-cline-bg-color|  _#f0f0f0_ |
+| --nut-switch-width|  _36px_ |
+| --nut-switch-height|  _21px_ |
+| --nut-switch-line-height|  _21px_ |
+| --nut-switch-border-radius|  _21px_ |
+| --nut-switch-inside-width|  _13px_ |
+| --nut-switch-inside-height|  _13px_ |
+| --nut-switch-inside-open-transform|  _translateX(146%)_ |
+| --nut-switch-inside-close-transform|  _translateX(30%)_ |
     

src/packages/__VUE/switch/doc.taro.md

@@ -161,15 +161,15 @@ app.use(Switch);
 
 | 参数           | 说明             | 类型    | 默认值                |
 |----------------|------------------|---------|-----------------------|
-| v-model        | 开关状态         | Boolean ｜ String ｜ Number | `false`               |
-| disable        | 禁用状态         | Boolean | `false`               |
-| loading        | 加载状态         | Boolean | `false`               |
-| active-color   | 打开时的背景颜色 | String  | `#fa2c19`    |
-| inactive-color | 关闭时的背景颜色 | String  | `#ebebeb` |
-| active-text    | 打开时文字描述   | String  | -                     |
-| inactive-text  | 关闭时文字描述   | String  | -                     |
-| active-value  | 打开时组件的值   | Boolean ｜ String ｜ Number  | `true`  |
-| inactive-value  | 关闭组件的值   | Boolean ｜ String ｜ Number  | `false`  |
+| v-model        | 开关状态         | boolean ｜ string ｜number | `false`               |
+| disable        | 禁用状态         | boolean | `false`               |
+| loading        | 加载状态         | boolean | `false`               |
+| active-color   | 打开时的背景颜色 | string  | `#fa2c19`    |
+| inactive-color | 关闭时的背景颜色 | string  | `#ebebeb` |
+| active-text    | 打开时文字描述   | string  | -                     |
+| inactive-text  | 关闭时文字描述   | string  | -                     |
+| active-value  | 打开时组件的值   | boolean ｜ string ｜number  | `true`  |
+| inactive-value  | 关闭组件的值   | boolean ｜ string ｜number  | `false`  |
 
 ### Slots
 
@@ -190,16 +190,16 @@ app.use(Switch);
 
 组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 [ConfigProvider 组件](#/zh-CN/config-provider)。
 
-| 名称                                    | 默认值                     | 描述 |
-| --------------------------------------- | -------------------------- | ---- |
-| --nut-switch-close-bg-color|  _#ebebeb_ | - |
-| --nut-switch-close-cline-bg-color|  _#f0f0f0_ | - |
-| --nut-switch-width|  _36px_ | - |
-| --nut-switch-height|  _21px_ | - |
-| --nut-switch-line-height|  _21px_ | - |
-| --nut-switch-border-radius|  _21px_ | - |
-| --nut-switch-inside-width|  _13px_ | - |
-| --nut-switch-inside-height|  _13px_ | - |
-| --nut-switch-inside-open-transform|  _translateX(146%)_ | - |
-| --nut-switch-inside-close-transform|  _translateX(30%)_ | - |
+| 名称                                    | 默认值                     | 
+| --------------------------------------- | -------------------------- |
+| --nut-switch-close-bg-color|  _#ebebeb_ |
+| --nut-switch-close-cline-bg-color|  _#f0f0f0_ | 
+| --nut-switch-width|  _36px_ | 
+| --nut-switch-height|  _21px_ | 
+| --nut-switch-line-height|  _21px_ | 
+| --nut-switch-border-radius|  _21px_ | 
+| --nut-switch-inside-width|  _13px_ | 
+| --nut-switch-inside-height|  _13px_ | 
+| --nut-switch-inside-open-transform|  _translateX(146%)_ | 
+| --nut-switch-inside-close-transform|  _translateX(30%)_ | 
     

src/packages/__VUE/trendarrow/doc.md

@@ -153,7 +153,7 @@ app.use(TrendArrow);
 
 | 参数         | 说明                             | 类型   | 默认值           |
 |--------------|----------------------------------|--------|------------------|
-| rate         | 数值，大于0时箭头向上，小于0时箭头向下    | number | `-`                |
+| rate         | 数值，大于0时箭头向上，小于0时箭头向下    | number | -                |
 | digits         | 小数位精度               | number | `2`               |
 | show-sign         | 是否显示加减号               | boolean | `false`               |
 | show-zero         | 是否显示 0               | boolean | `false`               |

src/packages/__VUE/trendarrow/doc.taro.md

@@ -153,7 +153,7 @@ app.use(TrendArrow);
 
 | 参数         | 说明                             | 类型   | 默认值           |
 |--------------|----------------------------------|--------|------------------|
-| rate         | 数值，大于0时箭头向上，小于0时箭头向下    | number | `-`|
+| rate         | 数值，大于0时箭头向上，小于0时箭头向下    | number | - |
 | digits         | 小数位精度               | number | `2`               |
 | show-sign         | 是否显示加减号               | boolean | `false`               |
 | show-zero         | 是否显示 0               | boolean | `false`               |

src/packages/__VUE/watermark/doc.md

@@ -113,18 +113,18 @@ app.use(Watermark);
 |--------------|----------------------------------|--------|------------------|
 | width       | 水印的宽度                                           | number         | `120`                |
 | height      | 水印的高度                                           | number           | `64`                 |
-| rotate      | 水印绘制时，旋转的角度                  | number           | `-22`                |
-| image       | 图片源，建议导出 2 倍或 3 倍图，优先使用图片渲染水印 | string           | -                    |
-| image-width  | 图片宽度                                             | number           | `120`                |
-| image-height | 图片高度                                             | number           | `64`                 |
-| z-index      | 追加的水印元素的 z-index                             | number           | `2000`               |
-| content     | 水印文字内容                                         | string           | -                    |
+| rotate      | 水印绘制时，旋转的角度                                  | number           | `-22`                |
+| image       | 图片源，建议导出 2 倍或 3 倍图，优先使用图片渲染水印        | string           | -                    |
+| image-width  | 图片宽度                                            | number           | `120`                |
+| image-height | 图片高度                                            | number           | `64`                 |
+| z-index      | 追加的水印元素的 z-index                              | number           | `2000`               |
+| content     | 水印文字内容                                          | string           | -                    |
 | font-color   | 水印文字颜色                                         | string           | `rgba(0, 0, 0, .15)` |
 | font-size    | 文字大小                                             | string \| number | `16`                 |
-| gap-x        | 水印之间的水平间距                                   | number           | `24`                 |
-| gap-y       | 水印之间的垂直间距                                   | number           | `48`                 |
-| full-page    | 是否覆盖整个页面                                     | boolean          | `true`               |
-| font-family  | 水印文字字体                                     | boolean          | `true`               |
+| gap-x        | 水印之间的水平间距                                     | number           | `24`                 |
+| gap-y       | 水印之间的垂直间距                                      | number           | `48`                 |
+| full-page    | 是否覆盖整个页面                                      | boolean          | `true`               |
+| font-family  | 水印文字字体                                          | boolean          | `true`               |
 
 ## 主题定制
 

src/packages/__VUE/watermark/doc.taro.md

@@ -113,18 +113,18 @@ app.use(Watermark);
 |--------------|----------------------------------|--------|------------------|
 | width       | 水印的宽度                                           | number           | `120`                |
 | height      | 水印的高度                                           | number           | `64`                 |
-| rotate      | 水印绘制时，旋转的角度                  | number           | `-22`                |
-| image       | 图片源，建议导出 2 倍或 3 倍图，优先使用图片渲染水印 | string           | -                    |
+| rotate      | 水印绘制时，旋转的角度                                  | number           | `-22`                |
+| image       | 图片源，建议导出 2 倍或 3 倍图，优先使用图片渲染水印        | string           | -                    |
 | image-width  | 图片宽度                                             | number           | `120`                |
 | image-height | 图片高度                                             | number           | `64`                 |
-| z-index      | 追加的水印元素的 z-index                             | number           | `2000`               |
-| content     | 水印文字内容                                         | string           | -                    |
+| z-index      | 追加的水印元素的 z-index                               | number           | `2000`               |
+| content     | 水印文字内容                                          | string           | -                    |
 | font-color   | 水印文字颜色                                         | string           | `rgba(0, 0, 0, .15)` |
 | font-size    | 文字大小                                             | string \| number | `16`                 |
-| gap-x        | 水印之间的水平间距                                   | number           | `24`                 |
-| gap-y       | 水印之间的垂直间距                                   | number           | `48`                 |
-| full-page    | 是否覆盖整个页面                                     | boolean          | `true`               |
-| font-family  | 水印文字字体                                     | boolean          | `true`               |
+| gap-x        | 水印之间的水平间距                                      | number           | `24`                 |
+| gap-y       | 水印之间的垂直间距                                      | number           | `48`                 |
+| full-page    | 是否覆盖整个页面                                       | boolean          | `true`               |
+| font-family  | 水印文字字体                                           | boolean          | `true`               |
 
 ## 主题定制