Browse Source

优化价格文档描述和demo (#1996)

ailululu 3 years ago
parent
commit
2b3fb02ea5

+ 16 - 16
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)_   |

+ 16 - 16
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)_   |

+ 16 - 16
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)_   |
 

+ 22 - 22
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_  |

+ 22 - 22
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_  |

+ 22 - 22
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_  |

+ 11 - 11
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)_  | 

+ 11 - 11
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)_  |

+ 11 - 11
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)_  | 

+ 22 - 22
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)_  | 
 
 
 

+ 21 - 21
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)_  | 
 
 
 

+ 23 - 23
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)_  |
 
 
 

+ 24 - 24
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_ | 

+ 24 - 24
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_ |

+ 24 - 24
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_ |

+ 13 - 25
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
     };
   }

+ 40 - 56
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_  |

+ 40 - 57
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_  | 

+ 39 - 57
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_  |

+ 1 - 1
src/packages/__VUE/price/index.taro.vue

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

+ 1 - 1
src/packages/__VUE/price/index.vue

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

+ 21 - 21
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%)_ |
     

+ 21 - 21
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%)_ |
     

+ 21 - 21
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%)_ |