diff --git a/src/packages/__VUE/addresslist/doc.en-US.md b/src/packages/__VUE/addresslist/doc.en-US.md index 5432b29851..8fa76f6a9a 100644 --- a/src/packages/__VUE/addresslist/doc.en-US.md +++ b/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)_ | diff --git a/src/packages/__VUE/addresslist/doc.md b/src/packages/__VUE/addresslist/doc.md index 840dbaac3e..bed2af0c9a 100644 --- a/src/packages/__VUE/addresslist/doc.md +++ b/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)_ | diff --git a/src/packages/__VUE/addresslist/doc.taro.md b/src/packages/__VUE/addresslist/doc.taro.md index 5ec8522cd5..94f94babb7 100644 --- a/src/packages/__VUE/addresslist/doc.taro.md +++ b/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)_ | diff --git a/src/packages/__VUE/avatar/doc.en-US.md b/src/packages/__VUE/avatar/doc.en-US.md index 1836c9f8a5..6bf72792a9 100644 --- a/src/packages/__VUE/avatar/doc.en-US.md +++ b/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_ |- | \ No newline at end of file +| 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_ | \ No newline at end of file diff --git a/src/packages/__VUE/avatar/doc.md b/src/packages/__VUE/avatar/doc.md index 7bc6fcde02..567792c402 100644 --- a/src/packages/__VUE/avatar/doc.md +++ b/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_ |- | \ No newline at end of file +| 名称 | 默认值 | +| --------------------------------------- | -------------------------- | +| --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_ | \ No newline at end of file diff --git a/src/packages/__VUE/avatar/doc.taro.md b/src/packages/__VUE/avatar/doc.taro.md index d9bd93ee0a..38e33d62fd 100644 --- a/src/packages/__VUE/avatar/doc.taro.md +++ b/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_ |- | \ No newline at end of file +| 名称 | 默认值 | +| --------------------------------------- | -------------------------- | +| --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_ | \ No newline at end of file diff --git a/src/packages/__VUE/category/doc.en-US.md b/src/packages/__VUE/category/doc.en-US.md index 9a21633abe..36b4ed161c 100644 --- a/src/packages/__VUE/category/doc.en-US.md +++ b/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)_ | diff --git a/src/packages/__VUE/category/doc.md b/src/packages/__VUE/category/doc.md index 6d8929b031..7b25d333ac 100644 --- a/src/packages/__VUE/category/doc.md +++ b/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)_ | diff --git a/src/packages/__VUE/category/doc.taro.md b/src/packages/__VUE/category/doc.taro.md index 4b1ba29040..553d950c2a 100644 --- a/src/packages/__VUE/category/doc.taro.md +++ b/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)_ | diff --git a/src/packages/__VUE/input/doc.en-US.md b/src/packages/__VUE/input/doc.en-US.md index 9de7c1b7a1..9e8ad1e1a4 100644 --- a/src/packages/__VUE/input/doc.en-US.md +++ b/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)_ | diff --git a/src/packages/__VUE/input/doc.md b/src/packages/__VUE/input/doc.md index 6645098be3..44035ae761 100644 --- a/src/packages/__VUE/input/doc.md +++ b/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)_ | diff --git a/src/packages/__VUE/input/doc.taro.md b/src/packages/__VUE/input/doc.taro.md index 10cd2b24aa..905e00776f 100644 --- a/src/packages/__VUE/input/doc.taro.md +++ b/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)_ | diff --git a/src/packages/__VUE/navbar/doc.en-US.md b/src/packages/__VUE/navbar/doc.en-US.md index dcc55e312d..32f59de001 100644 --- a/src/packages/__VUE/navbar/doc.en-US.md +++ b/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_ | - | \ No newline at end of file +| 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_ | \ No newline at end of file diff --git a/src/packages/__VUE/navbar/doc.md b/src/packages/__VUE/navbar/doc.md index 4154c95d38..39b3cebb3b 100644 --- a/src/packages/__VUE/navbar/doc.md +++ b/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_ | - | \ No newline at end of file +| 名称 | 默认值 | +| --------------------------------------- | -------------------------- | +| --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_ | \ No newline at end of file diff --git a/src/packages/__VUE/navbar/doc.taro.md b/src/packages/__VUE/navbar/doc.taro.md index e8a9bdd161..3ead747a2e 100644 --- a/src/packages/__VUE/navbar/doc.taro.md +++ b/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_ | diff --git a/src/packages/__VUE/price/demo.vue b/src/packages/__VUE/price/demo.vue index 9a91c1e5a6..6f662a2a7c 100644 --- a/src/packages/__VUE/price/demo.vue +++ b/src/packages/__VUE/price/demo.vue @@ -2,41 +2,36 @@
- + - + - +

{{ translate('title2') }}

- +

{{ translate('title3') }}

- +

{{ translate('title4') }}

- +

{{ translate('title5') }}

- - -

{{ translate('title6') }}

- - +
``` + ::: ## API ### Props | Attribute | Description | Type | Default | |----------------|------------------------------------------------------------|------------------|--------| -| price | Price | Number | String | 0 | -| need-symbol | Add symbol | Boolean | true | -| symbol | Symbol type | String | ¥ | -| 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 | ¥ | +| 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_ | - | \ No newline at end of file +| 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_ | \ No newline at end of file diff --git a/src/packages/__VUE/price/doc.md b/src/packages/__VUE/price/doc.md index 357bb59111..a8183fd999 100644 --- a/src/packages/__VUE/price/doc.md +++ b/src/packages/__VUE/price/doc.md @@ -16,104 +16,87 @@ app.use(Price); ``` -### 基础用法 small normal large +### 价格大小 + +支持 small、normal、large 三种尺寸,默认为 normal。 :::demo ``` html ``` ::: -### 不保留小数 +### 小数点位数 + +`decimal-digits` 可设置小数点位数,默认展示2位小数。 :::demo ``` html ``` ::: -### 有人民币符号,无千位分隔 +### 货币符号 + +`symbol` 可设置货币符号,默认为 `¥`。 :::demo ``` html ``` ::: -### 带人民币符号,有千位分隔,保留小数点后三位 - -:::demo - -``` html - -``` -::: +### 货币符号位置 -### 调整 symbol 符号位置 +`position` 可以调整货币符号位置。 :::demo ``` html ``` ::: -### 异步随机变更 +### 千位分隔 + +`thousands` 可以按照千分号形式显示。 :::demo ``` html - - - ``` -::: + ## API ### Props | 字段 | 说明 | 类型 | 默认值 | |----------------|-----------------------------------------|---------|--------| -| price | 价格数量 | Number | String | 0 | -| need-symbol | 是否需要加上 symbol 符号 | Boolean | true | -| symbol | 符号类型 | String | ¥ | -| 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 | ¥ | +| 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_ | - | \ No newline at end of file +| 名称 | 默认值 | +| --------------------------------------- | -------------------------- | +| --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_ | \ No newline at end of file diff --git a/src/packages/__VUE/price/doc.taro.md b/src/packages/__VUE/price/doc.taro.md index 010e1da7fb..819aaff467 100644 --- a/src/packages/__VUE/price/doc.taro.md +++ b/src/packages/__VUE/price/doc.taro.md @@ -15,105 +15,87 @@ app.use(Price); ``` +### 价格大小 -### 基础用法 small normal large +支持 small、normal、large 三种尺寸,默认为 normal。 :::demo ``` html ``` ::: -### 不保留小数 +### 小数点位数 + +`decimal-digits` 可设置小数点位数,默认展示2位小数。 :::demo ``` html ``` ::: -### 有人民币符号,无千位分隔 +### 货币符号 + +`symbol` 可设置货币符号,默认为 `¥`。 :::demo ``` html ``` ::: -### 带人民币符号,有千位分隔,保留小数点后三位 -:::demo +### 货币符号位置 -``` html - -``` - -::: - -### 调整 symbol 符号位置 +`position` 可以调整货币符号位置。 :::demo ``` html ``` ::: -### 异步随机变更 +### 千位分隔 + +`thousands` 可以按照千分号形式显示。 :::demo ``` html - - - ``` -::: + ## API ### Props | 字段 | 说明 | 类型 | 默认值 | |----------------|-----------------------------------------|---------|--------| -| price | 价格数量 | Number | String | 0 | -| need-symbol | 是否需要加上 symbol 符号 | Boolean | true | -| symbol | 符号类型 | String | ¥ | -| 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 | ¥ | +| 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_ | - | \ No newline at end of file +| 名称 | 默认值 | +| --------------------------------------- | -------------------------- | +| --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_ | \ No newline at end of file diff --git a/src/packages/__VUE/price/index.taro.vue b/src/packages/__VUE/price/index.taro.vue index 1ccbb82ce8..5ec16382cd 100644 --- a/src/packages/__VUE/price/index.taro.vue +++ b/src/packages/__VUE/price/index.taro.vue @@ -53,7 +53,7 @@ export default create({ }, size: { type: String, - default: 'large' + default: 'normal' } }, diff --git a/src/packages/__VUE/price/index.vue b/src/packages/__VUE/price/index.vue index 5f23d149ef..b22a688034 100644 --- a/src/packages/__VUE/price/index.vue +++ b/src/packages/__VUE/price/index.vue @@ -55,7 +55,7 @@ export default create({ }, size: { type: String, - default: 'large' + default: 'normal' } }, diff --git a/src/packages/__VUE/switch/doc.en-US.md b/src/packages/__VUE/switch/doc.en-US.md index b6ae3cfd61..bc3ff99f91 100644 --- a/src/packages/__VUE/switch/doc.en-US.md +++ b/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%)_ | \ No newline at end of file diff --git a/src/packages/__VUE/switch/doc.md b/src/packages/__VUE/switch/doc.md index ea127b7633..0ab99907fd 100644 --- a/src/packages/__VUE/switch/doc.md +++ b/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%)_ | \ No newline at end of file diff --git a/src/packages/__VUE/switch/doc.taro.md b/src/packages/__VUE/switch/doc.taro.md index d119797a8d..a7fb4daea3 100644 --- a/src/packages/__VUE/switch/doc.taro.md +++ b/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%)_ | \ No newline at end of file