diff --git a/src/action-sheet/action-sheet.en-US.md b/src/action-sheet/action-sheet.en-US.md index 79b60c2b..4f2dc1da 100644 --- a/src/action-sheet/action-sheet.en-US.md +++ b/src/action-sheet/action-sheet.en-US.md @@ -33,6 +33,7 @@ Name | Default Value | Description --td-action-sheet-cancel-height | 48px | - --td-action-sheet-color | @text-color-primary | - --td-action-sheet-description-color | @text-color-placeholder | - +--td-action-sheet-description-font | @font-body-medium | - --td-action-sheet-dot-active-color | @brand-color | - --td-action-sheet-dot-color | @text-color-disabled | - --td-action-sheet-dot-size | 8px | - diff --git a/src/action-sheet/action-sheet.md b/src/action-sheet/action-sheet.md index 144a9641..23a8004a 100644 --- a/src/action-sheet/action-sheet.md +++ b/src/action-sheet/action-sheet.md @@ -33,6 +33,7 @@ onSelected | Function | | TS 类型：`(selected: ActionSheetItem \| string, in --td-action-sheet-cancel-height | 48px | - --td-action-sheet-color | @text-color-primary | - --td-action-sheet-description-color | @text-color-placeholder | - +--td-action-sheet-description-font | @font-body-medium | - --td-action-sheet-dot-active-color | @brand-color | - --td-action-sheet-dot-color | @text-color-disabled | - --td-action-sheet-dot-size | 8px | - diff --git a/src/badge/badge.en-US.md b/src/badge/badge.en-US.md index 45fd8d7c..1c31465f 100644 --- a/src/badge/badge.en-US.md +++ b/src/badge/badge.en-US.md @@ -32,9 +32,8 @@ Name | Default Value | Description --td-badge-border-radius | 2px | - --td-badge-bubble-border-radius | 10px 10px 10px 1px | - --td-badge-dot-size | 8px | - ---td-badge-font-size | @font-size-xs | - ---td-badge-font-weight | 600 | - ---td-badge-large-font-size | @font-size-s | - +--td-badge-font | @font-mark-extraSmall | - +--td-badge-large-font | @font-mark-small | - --td-badge-large-height | 20px | - --td-badge-large-padding | 5px | - --td-badge-text-color | @font-white-1 | - diff --git a/src/badge/badge.md b/src/badge/badge.md index e5abe0f4..7022ecce 100644 --- a/src/badge/badge.md +++ b/src/badge/badge.md @@ -31,9 +31,8 @@ size | String | medium | 尺寸。可选项：medium/large | N --td-badge-border-radius | 2px | - --td-badge-bubble-border-radius | 10px 10px 10px 1px | - --td-badge-dot-size | 8px | - ---td-badge-font-size | @font-size-xs | - ---td-badge-font-weight | 600 | - ---td-badge-large-font-size | @font-size-s | - +--td-badge-font | @font-mark-extraSmall | - +--td-badge-large-font | @font-mark-small | - --td-badge-large-height | 20px | - --td-badge-large-padding | 5px | - --td-badge-text-color | @font-white-1 | - diff --git a/src/button/button.en-US.md b/src/button/button.en-US.md index f996fa9b..a3840068 100644 --- a/src/button/button.en-US.md +++ b/src/button/button.en-US.md @@ -63,7 +63,7 @@ Name | Default Value | Description --td-button-default-text-active-bg-color | @bg-color-container-active | - --td-button-extra-small-font-size | @font-size-base | - --td-button-extra-small-height | 28px | - ---td-button-extra-small-icon-font-size | 18px | - +--td-button-extra-small-icon-size | 18px | - --td-button-extra-small-padding-horizontal | 8px | - --td-button-font-weight | 600 | - --td-button-ghost-border-color | @button-ghost-color | - @@ -80,7 +80,7 @@ Name | Default Value | Description --td-button-icon-spacer | @spacer | - --td-button-large-font-size | @font-size-m | - --td-button-large-height | 48px | - ---td-button-large-icon-font-size | 24px | - +--td-button-large-icon-size | 24px | - --td-button-large-padding-horizontal | 20px | - --td-button-light-active-bg-color | @brand-color-light-active | - --td-button-light-active-border-color | @brand-color-light-active | - @@ -100,7 +100,7 @@ Name | Default Value | Description --td-button-light-text-color | @brand-color | - --td-button-medium-font-size | @font-size-m | - --td-button-medium-height | 40px | - ---td-button-medium-icon-font-size | 20px | - +--td-button-medium-icon-size | 20px | - --td-button-medium-padding-horizontal | 16px | - --td-button-primary-active-bg-color | @brand-color-active | - --td-button-primary-active-border-color | @brand-color-active | - @@ -120,5 +120,5 @@ Name | Default Value | Description --td-button-primary-text-disabled-color | @brand-color-disabled | - --td-button-small-font-size | @font-size-base | - --td-button-small-height | 32px | - ---td-button-small-icon-font-size | 18px | - +--td-button-small-icon-size | 18px | - --td-button-small-padding-horizontal | 12px | - diff --git a/src/button/button.md b/src/button/button.md index ce42f355..b1dd10a9 100644 --- a/src/button/button.md +++ b/src/button/button.md @@ -63,7 +63,7 @@ onClick | Function | | TS 类型：`(e: MouseEvent) => void`
点击时触 --td-button-default-text-active-bg-color | @bg-color-container-active | - --td-button-extra-small-font-size | @font-size-base | - --td-button-extra-small-height | 28px | - ---td-button-extra-small-icon-font-size | 18px | - +--td-button-extra-small-icon-size | 18px | - --td-button-extra-small-padding-horizontal | 8px | - --td-button-font-weight | 600 | - --td-button-ghost-border-color | @button-ghost-color | - @@ -80,7 +80,7 @@ onClick | Function | | TS 类型：`(e: MouseEvent) => void`
点击时触 --td-button-icon-spacer | @spacer | - --td-button-large-font-size | @font-size-m | - --td-button-large-height | 48px | - ---td-button-large-icon-font-size | 24px | - +--td-button-large-icon-size | 24px | - --td-button-large-padding-horizontal | 20px | - --td-button-light-active-bg-color | @brand-color-light-active | - --td-button-light-active-border-color | @brand-color-light-active | - @@ -100,7 +100,7 @@ onClick | Function | | TS 类型：`(e: MouseEvent) => void`
点击时触 --td-button-light-text-color | @brand-color | - --td-button-medium-font-size | @font-size-m | - --td-button-medium-height | 40px | - ---td-button-medium-icon-font-size | 20px | - +--td-button-medium-icon-size | 20px | - --td-button-medium-padding-horizontal | 16px | - --td-button-primary-active-bg-color | @brand-color-active | - --td-button-primary-active-border-color | @brand-color-active | - @@ -120,5 +120,5 @@ onClick | Function | | TS 类型：`(e: MouseEvent) => void`
点击时触 --td-button-primary-text-disabled-color | @brand-color-disabled | - --td-button-small-font-size | @font-size-base | - --td-button-small-height | 32px | - ---td-button-small-icon-font-size | 18px | - +--td-button-small-icon-size | 18px | - --td-button-small-padding-horizontal | 12px | - diff --git a/src/calendar/calendar.en-US.md b/src/calendar/calendar.en-US.md index b25e987d..3f4cb97c 100644 --- a/src/calendar/calendar.en-US.md +++ b/src/calendar/calendar.en-US.md @@ -47,4 +47,4 @@ Name | Default Value | Description --td-calendar-switch-mode-icon-color | @text-color-secondary | - --td-calendar-switch-mode-icon-disabled-color | @text-color-disabled | - --td-calendar-title-color | @text-color-primary | - ---td-calendar-title-font-size | 18px | - +--td-calendar-title-font | @font-title-large | - diff --git a/src/calendar/calendar.md b/src/calendar/calendar.md index 0dd56ddc..cf482b0c 100644 --- a/src/calendar/calendar.md +++ b/src/calendar/calendar.md @@ -47,4 +47,4 @@ onSelect | Function | | TS 类型：`(value: Date) => void`
点击日期时 --td-calendar-switch-mode-icon-color | @text-color-secondary | - --td-calendar-switch-mode-icon-disabled-color | @text-color-disabled | - --td-calendar-title-color | @text-color-primary | - ---td-calendar-title-font-size | 18px | - +--td-calendar-title-font | @font-title-large | - diff --git a/src/cascader/cascader.en-US.md b/src/cascader/cascader.en-US.md index 7b7d4d20..8ec6b96d 100644 --- a/src/cascader/cascader.en-US.md +++ b/src/cascader/cascader.en-US.md @@ -30,14 +30,15 @@ onPick | Function | | Typescript：`(value: string \| number, index: number) => The component provides the following CSS variables, which can be used to customize styles. Name | Default Value | Description -- | -- | -- ---td-cascader-disabled-color | @text-color-disabled | - ---td-cascader-options-title-color | @text-color-placeholder | - ---td-cascader-step-arrow-color | @text-color-placeholder | - --td-cascader-active-color | @brand-color | - --td-cascader-bg-color | @bg-color-container | - --td-cascader-border-color | @component-stroke | - +--td-cascader-disabled-color | @text-color-disabled | - --td-cascader-options-height | 320px | - +--td-cascader-options-title-color | @text-color-placeholder | - +--td-cascader-step-arrow-color | @text-color-placeholder | - --td-cascader-step-dot-size | 8px | - --td-cascader-step-height | 44px | - --td-cascader-title-color | @text-color-primary | - ---td-cascader-title-font-size | 18px | - +--td-cascader-title-font | @font-title-large | - +--td-cascader-title-padding | @spacer-2 | - diff --git a/src/cascader/cascader.md b/src/cascader/cascader.md index aec28e99..a7c2b2ca 100644 --- a/src/cascader/cascader.md +++ b/src/cascader/cascader.md @@ -71,14 +71,15 @@ onPick | Function | | TS 类型：`(value: string \| number, index: number) => 组件提供了下列 CSS 变量，可用于自定义样式。 名称 | 默认值 | 描述 -- | -- | -- ---td-cascader-disabled-color | @text-color-disabled | - ---td-cascader-options-title-color | @text-color-placeholder | - ---td-cascader-step-arrow-color | @text-color-placeholder | - --td-cascader-active-color | @brand-color | - --td-cascader-bg-color | @bg-color-container | - --td-cascader-border-color | @component-stroke | - +--td-cascader-disabled-color | @text-color-disabled | - --td-cascader-options-height | 320px | - +--td-cascader-options-title-color | @text-color-placeholder | - +--td-cascader-step-arrow-color | @text-color-placeholder | - --td-cascader-step-dot-size | 8px | - --td-cascader-step-height | 44px | - --td-cascader-title-color | @text-color-primary | - ---td-cascader-title-font-size | 18px | - +--td-cascader-title-font | @font-title-large | - +--td-cascader-title-padding | @spacer-2 | - diff --git a/src/cell/cell.en-US.md b/src/cell/cell.en-US.md index c6bc1d26..f13deadb 100644 --- a/src/cell/cell.en-US.md +++ b/src/cell/cell.en-US.md @@ -42,8 +42,7 @@ Name | Default Value | Description --td-cell-border-color | @component-stroke | - --td-cell-border-right-space | 0 | - --td-cell-description-color | @text-color-secondary | - ---td-cell-description-font-size | @font-size-base | - ---td-cell-description-line-height | 22px | - +--td-cell-description-font | @font-body-medium | - --td-cell-group-border-color | @border-color | - --td-cell-group-title-bg-color | @bg-color-secondarycontainer | - --td-cell-group-title-color | @text-color-placeholder | - @@ -56,14 +55,13 @@ Name | Default Value | Description --td-cell-image-height | 48px | - --td-cell-image-width | 48px | - --td-cell-left-icon-color | @brand-color | - ---td-cell-left-icon-font-size | 24px | - ---td-cell-line-height | 24px | - +--td-cell-left-icon-size | 24px | - --td-cell-note-color | @text-color-placeholder | - ---td-cell-note-font-size | @font-size-m | - +--td-cell-note-font | @font-body-medium | - --td-cell-required-color | @error-color-6 | - ---td-cell-required-font-size | @font-size-m | - +--td-cell-required-font | @font-body-medium | - --td-cell-right-icon-color | @text-color-placeholder | - ---td-cell-right-icon-font-size | 24px | - +--td-cell-right-icon-size | 24px | - --td-cell-title-color | @text-color-primary | - ---td-cell-title-font-size | @font-size-m | - +--td-cell-title-font | @font-body-large | - --td-cell-vertical-padding | 16px | - diff --git a/src/cell/cell.md b/src/cell/cell.md index f327fec9..c93c365c 100644 --- a/src/cell/cell.md +++ b/src/cell/cell.md @@ -42,8 +42,7 @@ title | String | - | 单元格组标题 | N --td-cell-border-color | @component-stroke | - --td-cell-border-right-space | 0 | - --td-cell-description-color | @text-color-secondary | - ---td-cell-description-font-size | @font-size-base | - ---td-cell-description-line-height | 22px | - +--td-cell-description-font | @font-body-medium | - --td-cell-group-border-color | @border-color | - --td-cell-group-title-bg-color | @bg-color-secondarycontainer | - --td-cell-group-title-color | @text-color-placeholder | - @@ -56,14 +55,13 @@ title | String | - | 单元格组标题 | N --td-cell-image-height | 48px | - --td-cell-image-width | 48px | - --td-cell-left-icon-color | @brand-color | - ---td-cell-left-icon-font-size | 24px | - ---td-cell-line-height | 24px | - +--td-cell-left-icon-size | 24px | - --td-cell-note-color | @text-color-placeholder | - ---td-cell-note-font-size | @font-size-m | - +--td-cell-note-font | @font-body-medium | - --td-cell-required-color | @error-color-6 | - ---td-cell-required-font-size | @font-size-m | - +--td-cell-required-font | @font-body-medium | - --td-cell-right-icon-color | @text-color-placeholder | - ---td-cell-right-icon-font-size | 24px | - +--td-cell-right-icon-size | 24px | - --td-cell-title-color | @text-color-primary | - ---td-cell-title-font-size | @font-size-m | - +--td-cell-title-font | @font-body-large | - --td-cell-vertical-padding | 16px | - diff --git a/src/checkbox/checkbox.en-US.md b/src/checkbox/checkbox.en-US.md index 0d1e3b9e..1087f4f7 100644 --- a/src/checkbox/checkbox.en-US.md +++ b/src/checkbox/checkbox.en-US.md @@ -55,8 +55,7 @@ Name | Default Value | Description --td-checkbox-border-color | @component-stroke | - --td-checkbox-description-color | @text-color-secondary | - --td-checkbox-description-disabled-color | @text-color-disabled | - ---td-checkbox-description-line-height | 22px | - ---td-checkbox-font-size | 16px | - +--td-checkbox-description-font | @font-body-medium | - --td-checkbox-icon-checked-color | @brand-color | - --td-checkbox-icon-color | var(--td-border-level-2-color, @gray-color-4) | - --td-checkbox-icon-disabled-bg-color | @bg-color-component-disabled | - @@ -67,5 +66,6 @@ Name | Default Value | Description --td-checkbox-tag-bg-color | @bg-color-component | - --td-checkbox-title-color | @text-color-primary | - --td-checkbox-title-disabled-color | @text-color-disabled | - +--td-checkbox-title-font | @font-body-large | - --td-checkbox-title-line-height | 24px | - ---td-checkbox-vertical-padding | 16px | - +--td-checkbox-vertical-padding | @spacer-2 | - diff --git a/src/checkbox/checkbox.md b/src/checkbox/checkbox.md index f7a90387..c25a84c8 100644 --- a/src/checkbox/checkbox.md +++ b/src/checkbox/checkbox.md @@ -55,8 +55,7 @@ onChange | Function | | TS 类型：`(value: T, context: CheckboxGroupChangeCon --td-checkbox-border-color | @component-stroke | - --td-checkbox-description-color | @text-color-secondary | - --td-checkbox-description-disabled-color | @text-color-disabled | - ---td-checkbox-description-line-height | 22px | - ---td-checkbox-font-size | 16px | - +--td-checkbox-description-font | @font-body-medium | - --td-checkbox-icon-checked-color | @brand-color | - --td-checkbox-icon-color | var(--td-border-level-2-color, @gray-color-4) | - --td-checkbox-icon-disabled-bg-color | @bg-color-component-disabled | - @@ -67,5 +66,6 @@ onChange | Function | | TS 类型：`(value: T, context: CheckboxGroupChangeCon --td-checkbox-tag-bg-color | @bg-color-component | - --td-checkbox-title-color | @text-color-primary | - --td-checkbox-title-disabled-color | @text-color-disabled | - +--td-checkbox-title-font | @font-body-large | - --td-checkbox-title-line-height | 24px | - ---td-checkbox-vertical-padding | 16px | - +--td-checkbox-vertical-padding | @spacer-2 | - diff --git a/src/collapse/collapse.en-US.md b/src/collapse/collapse.en-US.md index 6d38f0b9..023ca332 100644 --- a/src/collapse/collapse.en-US.md +++ b/src/collapse/collapse.en-US.md @@ -42,13 +42,12 @@ The component provides the following CSS variables, which can be used to customi Name | Default Value | Description -- | -- | -- --td-collapse-border-color | @border-color | - ---td-collapse-content-font-size | @font-size-base | - ---td-collapse-content-line-height | 1.5 | - +--td-collapse-content-font | @font-body-medium | - --td-collapse-content-padding | 16px | - --td-collapse-content-text-color | @text-color-primary | - ---td-collapse-extra-font-size | @font-size-m | - +--td-collapse-extra-font | @font-body-large | - --td-collapse-header-text-color | @text-color-primary | - --td-collapse-header-text-disabled-color | @text-color-disabled | - --td-collapse-icon-color | @text-color-placeholder | - --td-collapse-panel-bg-color | @bg-color-container | - ---td-collapse-title-font-size | @font-size-m | - +--td-collapse-title-font | @font-body-large | - diff --git a/src/collapse/collapse.md b/src/collapse/collapse.md index 69c5729a..ef264d5a 100644 --- a/src/collapse/collapse.md +++ b/src/collapse/collapse.md @@ -42,13 +42,12 @@ value | String / Number | - | 当前面板唯一标识，如果值为空则取 名称 | 默认值 | 描述 -- | -- | -- --td-collapse-border-color | @border-color | - ---td-collapse-content-font-size | @font-size-base | - ---td-collapse-content-line-height | 1.5 | - +--td-collapse-content-font | @font-body-medium | - --td-collapse-content-padding | 16px | - --td-collapse-content-text-color | @text-color-primary | - ---td-collapse-extra-font-size | @font-size-m | - +--td-collapse-extra-font | @font-body-large | - --td-collapse-header-text-color | @text-color-primary | - --td-collapse-header-text-disabled-color | @text-color-disabled | - --td-collapse-icon-color | @text-color-placeholder | - --td-collapse-panel-bg-color | @bg-color-container | - ---td-collapse-title-font-size | @font-size-m | - +--td-collapse-title-font | @font-body-large | - diff --git a/src/color-picker/color-picker.en-US.md b/src/color-picker/color-picker.en-US.md index c3c3a529..22af0f17 100644 --- a/src/color-picker/color-picker.en-US.md +++ b/src/color-picker/color-picker.en-US.md @@ -25,14 +25,12 @@ onPaletteBarChange | Function | | Typescript：`(context: { color: ColorObject The component provides the following CSS variables, which can be used to customize styles. Name | Default Value | Description -- | -- | -- ---td-color-picker-background | #fff | - ---td-color-picker-border-radius-circle | 50% | - --td-color-picker-format-background-color | @gray-color-1 | - --td-color-picker-gradient-preview-height | 28px | - --td-color-picker-gradient-preview-radius | 3px | - --td-color-picker-gradient-preview-width | 28px | - --td-color-picker-input-format-margin-left | 24px | - ---td-color-picker-margin | 12px | - +--td-color-picker-panel-background | @bg-color-container | - --td-color-picker-panel-padding | 16px | - --td-color-picker-panel-radius | 12px | - --td-color-picker-panel-width | 375px | - @@ -45,8 +43,8 @@ Name | Default Value | Description --td-color-picker-slider-thumb-transform-x | -9px | - --td-color-picker-slider-wrapper-padding | 0 9px | - --td-color-picker-swatch-active | rgba(0, 0, 0, 20%) | - ---td-color-picker-swatch-border-radius | 3px | - +--td-color-picker-swatch-border-radius | @radius-small | - --td-color-picker-swatch-height | 24px | - --td-color-picker-swatch-padding | 0 | - --td-color-picker-swatch-width | 24px | - ---td-color-picker-swatches-title-font | 16px | - +--td-color-picker-swatches-title-font | @font-title-medium | - diff --git a/src/color-picker/color-picker.md b/src/color-picker/color-picker.md index 22091cda..8b718092 100644 --- a/src/color-picker/color-picker.md +++ b/src/color-picker/color-picker.md @@ -25,14 +25,12 @@ onPaletteBarChange | Function | | TS 类型：`(context: { color: ColorObject } 组件提供了下列 CSS 变量，可用于自定义样式。 名称 | 默认值 | 描述 -- | -- | -- ---td-color-picker-background | #fff | - ---td-color-picker-border-radius-circle | 50% | - --td-color-picker-format-background-color | @gray-color-1 | - --td-color-picker-gradient-preview-height | 28px | - --td-color-picker-gradient-preview-radius | 3px | - --td-color-picker-gradient-preview-width | 28px | - --td-color-picker-input-format-margin-left | 24px | - ---td-color-picker-margin | 12px | - +--td-color-picker-panel-background | @bg-color-container | - --td-color-picker-panel-padding | 16px | - --td-color-picker-panel-radius | 12px | - --td-color-picker-panel-width | 375px | - @@ -45,8 +43,8 @@ onPaletteBarChange | Function | | TS 类型：`(context: { color: ColorObject } --td-color-picker-slider-thumb-transform-x | -9px | - --td-color-picker-slider-wrapper-padding | 0 9px | - --td-color-picker-swatch-active | rgba(0, 0, 0, 20%) | - ---td-color-picker-swatch-border-radius | 3px | - +--td-color-picker-swatch-border-radius | @radius-small | - --td-color-picker-swatch-height | 24px | - --td-color-picker-swatch-padding | 0 | - --td-color-picker-swatch-width | 24px | - ---td-color-picker-swatches-title-font | 16px | - +--td-color-picker-swatches-title-font | @font-title-medium | - diff --git a/src/dialog/dialog.en-US.md b/src/dialog/dialog.en-US.md index dfe279c2..786be1b2 100644 --- a/src/dialog/dialog.en-US.md +++ b/src/dialog/dialog.en-US.md @@ -76,11 +76,9 @@ Name | Default Value | Description --td-dialog-body-max-height | 456px | - --td-dialog-border-radius | @radius-extraLarge | - --td-dialog-close-color | @text-color-placeholder | - ---td-dialog-close-font-size | 22px | - +--td-dialog-close-icon-size | 22px | - --td-dialog-content-color | @text-color-secondary | - ---td-dialog-content-font-size | 16px | - ---td-dialog-content-line-height | 24px | - +--td-dialog-content-font | @font-body-large | - --td-dialog-title-color | @text-color-primary | - ---td-dialog-title-font-size | 18px | - ---td-dialog-title-line-height | 26px | - +--td-dialog-title-font | @font-title-large | - --td-dialog-width | 311px | - diff --git a/src/dialog/dialog.md b/src/dialog/dialog.md index 3017586c..80c43429 100644 --- a/src/dialog/dialog.md +++ b/src/dialog/dialog.md @@ -76,11 +76,9 @@ options | Object | - | TS 类型：`Omit` --td-dialog-body-max-height | 456px | - --td-dialog-border-radius | @radius-extraLarge | - --td-dialog-close-color | @text-color-placeholder | - ---td-dialog-close-font-size | 22px | - +--td-dialog-close-icon-size | 22px | - --td-dialog-content-color | @text-color-secondary | - ---td-dialog-content-font-size | 16px | - ---td-dialog-content-line-height | 24px | - +--td-dialog-content-font | @font-body-large | - --td-dialog-title-color | @text-color-primary | - ---td-dialog-title-font-size | 18px | - ---td-dialog-title-line-height | 26px | - +--td-dialog-title-font | @font-title-large | - --td-dialog-width | 311px | - diff --git a/src/divider/divider.en-US.md b/src/divider/divider.en-US.md index 44c13976..2946c389 100644 --- a/src/divider/divider.en-US.md +++ b/src/divider/divider.en-US.md @@ -19,8 +19,11 @@ layout | String | horizontal | options: horizontal/vertical | N The component provides the following CSS variables, which can be used to customize styles. Name | Default Value | Description -- | -- | -- +--td-divider-border-width | 1px | - --td-divider-color | @bg-color-component | - --td-divider-content-color | @text-color-placeholder | - ---td-divider-content-font-size | 12px | - ---td-divider-content-line-height | 20px | - +--td-divider-content-font | @font-body-small | - --td-divider-content-line-style | solid | - +--td-divider-content-margin | @spacer-1 | - +--td-divider-horizontal-margin | 10px | - +--td-divider-vertical-margin | @spacer | - diff --git a/src/divider/divider.md b/src/divider/divider.md index 9424a176..9197605c 100644 --- a/src/divider/divider.md +++ b/src/divider/divider.md @@ -18,8 +18,11 @@ layout | String | horizontal | 分隔线类型有两种：水平和垂直。可 组件提供了下列 CSS 变量，可用于自定义样式。 名称 | 默认值 | 描述 -- | -- | -- +--td-divider-border-width | 1px | - --td-divider-color | @bg-color-component | - --td-divider-content-color | @text-color-placeholder | - ---td-divider-content-font-size | 12px | - ---td-divider-content-line-height | 20px | - +--td-divider-content-font | @font-body-small | - --td-divider-content-line-style | solid | - +--td-divider-content-margin | @spacer-1 | - +--td-divider-horizontal-margin | 10px | - +--td-divider-vertical-margin | @spacer | - diff --git a/src/drawer/drawer.en-US.md b/src/drawer/drawer.en-US.md index 60517724..5e51ad86 100644 --- a/src/drawer/drawer.en-US.md +++ b/src/drawer/drawer.en-US.md @@ -55,11 +55,10 @@ Name | Default Value | Description --td-drawer-border-color | @border-color | - --td-drawer-footer-padding-bottom | 20px | - --td-drawer-hover-color | @bg-color-secondarycontainer | - ---td-drawer-item-height | 24px | - --td-drawer-item-icon-size | 24px | - --td-drawer-item-padding | 16px | - --td-drawer-sidebar-height | 70vh | - --td-drawer-title-color | @drawer-title-color | - ---td-drawer-title-font-size | 18px | - +--td-drawer-title-font | @font-title-large | - --td-drawer-title-padding | 24px 16px 8px | - --td-drawer-width | 280px | - diff --git a/src/drawer/drawer.md b/src/drawer/drawer.md index 27db4ba0..8f8d9960 100644 --- a/src/drawer/drawer.md +++ b/src/drawer/drawer.md @@ -55,11 +55,10 @@ options | \- | - | TS 类型：`DrawerOptions` --td-drawer-border-color | @border-color | - --td-drawer-footer-padding-bottom | 20px | - --td-drawer-hover-color | @bg-color-secondarycontainer | - ---td-drawer-item-height | 24px | - --td-drawer-item-icon-size | 24px | - --td-drawer-item-padding | 16px | - --td-drawer-sidebar-height | 70vh | - --td-drawer-title-color | @drawer-title-color | - ---td-drawer-title-font-size | 18px | - +--td-drawer-title-font | @font-title-large | - --td-drawer-title-padding | 24px 16px 8px | - --td-drawer-width | 280px | - diff --git a/src/dropdown-menu/dropdown-menu.en-US.md b/src/dropdown-menu/dropdown-menu.en-US.md index 1136946d..672a8c14 100644 --- a/src/dropdown-menu/dropdown-menu.en-US.md +++ b/src/dropdown-menu/dropdown-menu.en-US.md @@ -41,16 +41,11 @@ onReset | Function | | Typescript: `(value: DropdownValue) => void`
| N The component provides the following CSS variables, which can be used to customize styles. Name | Default Value | Description -- | -- | -- ---td-dropdown-menu-active-colorm | @brand-color | - ---td-dropdown-menu-bg-colorm | @bg-color-container | - ---td-dropdown-menu-colorm | @text-color-primary | - ---td-dropdown-menu-disabled-colorm | @text-color-disabled | - ---td-dropdown-menu-font-sizem | 14px | - ---td-dropdown-menu-icon-sizem | 24px | - +--td-dropdown-menu-active-color | @brand-color | - +--td-dropdown-menu-background | @bg-color-container | - +--td-dropdown-menu-color | @text-color-primary | - +--td-dropdown-menu-disabled-color | @text-color-disabled | - +--td-dropdown-menu-font | @font-body-medium | - +--td-dropdown-menu-icon-size | 24px | - --td-dropdown-body-max-height | 280px | - --td-dropdown-menu-bg-color | @bg-color-container | - ---td-tree-bg-color | @bg-color-container | - ---td-tree-item-active-color | @brand-color | - ---td-tree-item-font-size | 16px | - ---td-tree-item-height | 48px | - ---td-tree-root-bg-color | @bg-color-secondarycontainer | - diff --git a/src/dropdown-menu/dropdown-menu.md b/src/dropdown-menu/dropdown-menu.md index e18baa04..5c0f777a 100644 --- a/src/dropdown-menu/dropdown-menu.md +++ b/src/dropdown-menu/dropdown-menu.md @@ -41,16 +41,11 @@ onReset | Function | | TS 类型：`(value: DropdownValue) => void`
点击 组件提供了下列 CSS 变量，可用于自定义样式。 名称 | 默认值 | 描述 -- | -- | -- ---td-dropdown-menu-active-colorm | @brand-color | - ---td-dropdown-menu-bg-colorm | @bg-color-container | - ---td-dropdown-menu-colorm | @text-color-primary | - ---td-dropdown-menu-disabled-colorm | @text-color-disabled | - ---td-dropdown-menu-font-sizem | 14px | - ---td-dropdown-menu-icon-sizem | 24px | - +--td-dropdown-menu-active-color | @brand-color | - +--td-dropdown-menu-background | @bg-color-container | - +--td-dropdown-menu-color | @text-color-primary | - +--td-dropdown-menu-disabled-color | @text-color-disabled | - +--td-dropdown-menu-font | @font-body-medium | - +--td-dropdown-menu-icon-size | 24px | - --td-dropdown-body-max-height | 280px | - --td-dropdown-menu-bg-color | @bg-color-container | - ---td-tree-bg-color | @bg-color-container | - ---td-tree-item-active-color | @brand-color | - ---td-tree-item-font-size | 16px | - ---td-tree-item-height | 48px | - ---td-tree-root-bg-color | @bg-color-secondarycontainer | - diff --git a/src/empty/empty.en-US.md b/src/empty/empty.en-US.md index f72db707..e826e036 100644 --- a/src/empty/empty.en-US.md +++ b/src/empty/empty.en-US.md @@ -20,7 +20,6 @@ Name | Default Value | Description -- | -- | -- --td-empty-action-margin-top | @spacer-4 | - --td-empty-description-color | @text-color-placeholder | - ---td-empty-description-font-size | @font-size-base | - ---td-empty-description-line-height | 44rpx | - +--td-empty-description-font | @font-body-medium | - --td-empty-description-margin-top | @spacer-2 | - --td-empty-icon-color | @text-color-placeholder | - diff --git a/src/empty/empty.md b/src/empty/empty.md index b85d4aa6..35f4403a 100644 --- a/src/empty/empty.md +++ b/src/empty/empty.md @@ -20,7 +20,6 @@ image | TNode | - | 图片地址。TS 类型：`string \| TNode`。[通用类型 -- | -- | -- --td-empty-action-margin-top | @spacer-4 | - --td-empty-description-color | @text-color-placeholder | - ---td-empty-description-font-size | @font-size-base | - ---td-empty-description-line-height | 44rpx | - +--td-empty-description-font | @font-body-medium | - --td-empty-description-margin-top | @spacer-2 | - --td-empty-icon-color | @text-color-placeholder | - diff --git a/src/footer/footer.en-US.md b/src/footer/footer.en-US.md index 3c2f4f75..edfa7b00 100644 --- a/src/footer/footer.en-US.md +++ b/src/footer/footer.en-US.md @@ -20,16 +20,13 @@ Name | Default Value | Description --td-footer-link-color | @brand-color | - --td-footer-link-dividing-line-color | @text-color-placeholder | - --td-footer-link-dividing-line-padding | @spacer-1 | - ---td-footer-link-font-size | @font-size-s | - ---td-footer-link-line-height | 20px | - +--td-footer-link-font | @font-body-medium | - --td-footer-logo-icon-height | 24px | - --td-footer-logo-icon-margin-right | @spacer | - --td-footer-logo-icon-width | 24px | - ---td-footer-logo-title-font-size | @font-size-m | - ---td-footer-logo-title-line-height | 24px | - +--td-footer-logo-title-font | @font-title-medium | - --td-footer-logo-title-url-width | 128px | - --td-footer-text-color | @text-color-placeholder | - ---td-footer-text-font-size | @font-size-s | - ---td-footer-text-line-height | 20px | - +--td-footer-text-font | @font-body-small | - --td-footer-text-margin-top | 4px | - --td-footer-title-color | @text-color-primary | - diff --git a/src/footer/footer.md b/src/footer/footer.md index 88700d52..f6a46a44 100644 --- a/src/footer/footer.md +++ b/src/footer/footer.md @@ -20,16 +20,13 @@ text | String | '' | 版权信息 | N --td-footer-link-color | @brand-color | - --td-footer-link-dividing-line-color | @text-color-placeholder | - --td-footer-link-dividing-line-padding | @spacer-1 | - ---td-footer-link-font-size | @font-size-s | - ---td-footer-link-line-height | 20px | - +--td-footer-link-font | @font-body-medium | - --td-footer-logo-icon-height | 24px | - --td-footer-logo-icon-margin-right | @spacer | - --td-footer-logo-icon-width | 24px | - ---td-footer-logo-title-font-size | @font-size-m | - ---td-footer-logo-title-line-height | 24px | - +--td-footer-logo-title-font | @font-title-medium | - --td-footer-logo-title-url-width | 128px | - --td-footer-text-color | @text-color-placeholder | - ---td-footer-text-font-size | @font-size-s | - ---td-footer-text-line-height | 20px | - +--td-footer-text-font | @font-body-small | - --td-footer-text-margin-top | 4px | - --td-footer-title-color | @text-color-primary | - diff --git a/src/grid/grid.en-US.md b/src/grid/grid.en-US.md index ad5ff5f7..afa2034f 100644 --- a/src/grid/grid.en-US.md +++ b/src/grid/grid.en-US.md @@ -34,23 +34,23 @@ Name | Default Value | Description -- | -- | -- --td-grid-bg-color | @bg-color-container | - --td-grid-card-radius | @radius-large | - +--td-grid-item-bg-color | @bg-color-container | - +--td-grid-item-border-color | @component-stroke | - --td-grid-item-description-color | @text-color-placeholder | - ---td-grid-item-description-font-size | 12px | - ---td-grid-item-description-line-height | 20px | - +--td-grid-item-description-font | @font-body-small | - --td-grid-item-description-padding-top | 4px | - +--td-grid-item-horizontal-padding | 16px 0 | - --td-grid-item-horizontal-text-description-top | 2px | - --td-grid-item-horizontal-text-padding-left | 12px | - --td-grid-item-hover-bg-color | @bg-color-secondarycontainer | - --td-grid-item-image-bg-color | @bg-color-secondarycontainer | - --td-grid-item-image-border-radius | @radius-default | - ---td-grid-item-bg-color | @bg-color-container | - ---td-grid-item-border-color | @component-stroke | - ---td-grid-item-horizontal-padding | 16px 0 | - --td-grid-item-image-middle-width | 40px | - --td-grid-item-image-small-width | 32px | - --td-grid-item-image-width | 48px | - --td-grid-item-text-color | @text-color-primary | - ---td-grid-item-text-font-size | 14px | - ---td-grid-item-text-line-height | 22px | - +--td-grid-item-text-font | @font-body-medium | - +--td-grid-item-text-middle-font | @font-body-small | - --td-grid-item-text-padding-top | 8px | - +--td-grid-item-text-small-font | @font-body-extraSmall | - --td-grid-item-vertical-padding | 16px 0 12px | - diff --git a/src/grid/grid.md b/src/grid/grid.md index 80d530dc..0e6afda0 100644 --- a/src/grid/grid.md +++ b/src/grid/grid.md @@ -34,23 +34,23 @@ text | TNode | - | 文本，可以通过 Props 传入文本，也可以自定义 -- | -- | -- --td-grid-bg-color | @bg-color-container | - --td-grid-card-radius | @radius-large | - +--td-grid-item-bg-color | @bg-color-container | - +--td-grid-item-border-color | @component-stroke | - --td-grid-item-description-color | @text-color-placeholder | - ---td-grid-item-description-font-size | 12px | - ---td-grid-item-description-line-height | 20px | - +--td-grid-item-description-font | @font-body-small | - --td-grid-item-description-padding-top | 4px | - +--td-grid-item-horizontal-padding | 16px 0 | - --td-grid-item-horizontal-text-description-top | 2px | - --td-grid-item-horizontal-text-padding-left | 12px | - --td-grid-item-hover-bg-color | @bg-color-secondarycontainer | - --td-grid-item-image-bg-color | @bg-color-secondarycontainer | - --td-grid-item-image-border-radius | @radius-default | - ---td-grid-item-bg-color | @bg-color-container | - ---td-grid-item-border-color | @component-stroke | - ---td-grid-item-horizontal-padding | 16px 0 | - --td-grid-item-image-middle-width | 40px | - --td-grid-item-image-small-width | 32px | - --td-grid-item-image-width | 48px | - --td-grid-item-text-color | @text-color-primary | - ---td-grid-item-text-font-size | 14px | - ---td-grid-item-text-line-height | 22px | - +--td-grid-item-text-font | @font-body-medium | - +--td-grid-item-text-middle-font | @font-body-small | - --td-grid-item-text-padding-top | 8px | - +--td-grid-item-text-small-font | @font-body-extraSmall | - --td-grid-item-vertical-padding | 16px 0 12px | - diff --git a/src/indexes/indexes.en-US.md b/src/indexes/indexes.en-US.md index 1732744b..d3aa3c84 100644 --- a/src/indexes/indexes.en-US.md +++ b/src/indexes/indexes.en-US.md @@ -31,13 +31,13 @@ Name | Default Value | Description --td-indexes-sidebar-active-bg-color | @brand-color | - --td-indexes-sidebar-active-color | @text-color-anti | - --td-indexes-sidebar-color | @text-color-primary | - ---td-indexes-sidebar-font-size | 12px | - +--td-indexes-sidebar-font | @font-body-small | - --td-indexes-sidebar-item-size | 20px | - --td-indexes-sidebar-line-height | 20px | - --td-indexes-sidebar-right | 8px | - --td-indexes-sidebar-tips-bg-color | @brand-color-light | - --td-indexes-sidebar-tips-color | @brand-color | - ---td-indexes-sidebar-tips-font-size | 20px | - +--td-indexes-sidebar-tips-font | @font-title-extraLarge | - --td-indexes-sidebar-tips-right | 38px | - --td-indexes-sidebar-tips-size | 48px | - --td-indexes-anchor-active-bg-color | @bg-color-container | - @@ -45,5 +45,4 @@ Name | Default Value | Description --td-indexes-anchor-active-font-weight | 600 | - --td-indexes-anchor-bg-color | @bg-color-secondarycontainer | - --td-indexes-anchor-color | @text-color-primary | - ---td-indexes-anchor-font-size | 14px | - ---td-indexes-anchor-line-height | 22px | - +--td-indexes-anchor-font | @font-body-medium | - diff --git a/src/indexes/indexes.md b/src/indexes/indexes.md index 4d820dad..fc2d676a 100644 --- a/src/indexes/indexes.md +++ b/src/indexes/indexes.md @@ -31,13 +31,13 @@ index | String / Number | - | 索引字符 | N --td-indexes-sidebar-active-bg-color | @brand-color | - --td-indexes-sidebar-active-color | @text-color-anti | - --td-indexes-sidebar-color | @text-color-primary | - ---td-indexes-sidebar-font-size | 12px | - +--td-indexes-sidebar-font | @font-body-small | - --td-indexes-sidebar-item-size | 20px | - --td-indexes-sidebar-line-height | 20px | - --td-indexes-sidebar-right | 8px | - --td-indexes-sidebar-tips-bg-color | @brand-color-light | - --td-indexes-sidebar-tips-color | @brand-color | - ---td-indexes-sidebar-tips-font-size | 20px | - +--td-indexes-sidebar-tips-font | @font-title-extraLarge | - --td-indexes-sidebar-tips-right | 38px | - --td-indexes-sidebar-tips-size | 48px | - --td-indexes-anchor-active-bg-color | @bg-color-container | - @@ -45,5 +45,4 @@ index | String / Number | - | 索引字符 | N --td-indexes-anchor-active-font-weight | 600 | - --td-indexes-anchor-bg-color | @bg-color-secondarycontainer | - --td-indexes-anchor-color | @text-color-primary | - ---td-indexes-anchor-font-size | 14px | - ---td-indexes-anchor-line-height | 22px | - +--td-indexes-anchor-font | @font-body-medium | - diff --git a/src/input/input.en-US.md b/src/input/input.en-US.md index d535c8f3..569e0d28 100644 --- a/src/input/input.en-US.md +++ b/src/input/input.en-US.md @@ -62,7 +62,9 @@ Name | Default Value | Description --td-input-error-text-color | @error-color | - --td-input-error-tips-color | @error-color | - --td-input-label-text-color | @text-color-primary | - +--td-input-label-text-font | @font-body-large | - --td-input-placeholder-text-color | @text-color-placeholder | - +--td-input-placeholder-text-font | @font-body-large | - --td-input-prefix-icon-color | @text-color-primary | - --td-input-success-text-color | @success-color | - --td-input-success-tips-color | @success-color | - diff --git a/src/input/input.md b/src/input/input.md index be79bbfe..6ca9d429 100644 --- a/src/input/input.md +++ b/src/input/input.md @@ -62,7 +62,9 @@ onValidate | Function | | TS 类型：`(context: { error?: 'exceed-maximum' \| --td-input-error-text-color | @error-color | - --td-input-error-tips-color | @error-color | - --td-input-label-text-color | @text-color-primary | - +--td-input-label-text-font | @font-body-large | - --td-input-placeholder-text-color | @text-color-placeholder | - +--td-input-placeholder-text-font | @font-body-large | - --td-input-prefix-icon-color | @text-color-primary | - --td-input-success-text-color | @success-color | - --td-input-success-tips-color | @success-color | - diff --git a/src/loading/loading.en-US.md b/src/loading/loading.en-US.md index 78440b66..4a6ee097 100644 --- a/src/loading/loading.en-US.md +++ b/src/loading/loading.en-US.md @@ -40,11 +40,8 @@ The component provides the following CSS variables, which can be used to customi Name | Default Value | Description -- | -- | -- --td-loading-color | @brand-color | - ---td-loading-dot-size | 8px | - --td-loading-full-bg-color | rgba(255, 255, 255, 60%) | - --td-loading-line-bg-color | @text-color-primary | - ---td-loading-size | 20px | - --td-loading-text-color | @text-color-primary | - ---td-loading-text-font-size | 12px | - ---td-loading-text-line-height | 20px | - +--td-loading-text-font | @font-body-small | - --td-loading-z-index | 3500 | - diff --git a/src/loading/loading.md b/src/loading/loading.md index 866afe00..e34d8069 100644 --- a/src/loading/loading.md +++ b/src/loading/loading.md @@ -39,11 +39,8 @@ options | Function | - | 必需。TS 类型：`boolean \| TdLoadingProps` 名称 | 默认值 | 描述 -- | -- | -- --td-loading-color | @brand-color | - ---td-loading-dot-size | 8px | - --td-loading-full-bg-color | rgba(255, 255, 255, 60%) | - --td-loading-line-bg-color | @text-color-primary | - ---td-loading-size | 20px | - --td-loading-text-color | @text-color-primary | - ---td-loading-text-font-size | 12px | - ---td-loading-text-line-height | 20px | - +--td-loading-text-font | @font-body-small | - --td-loading-z-index | 3500 | - diff --git a/src/message/message.en-US.md b/src/message/message.en-US.md index fe3a082c..06452bd1 100644 --- a/src/message/message.en-US.md +++ b/src/message/message.en-US.md @@ -38,7 +38,7 @@ Name | Default Value | Description --td-message-border-radius | @radius-default | - --td-message-box-shadow | @shadow-4 | - --td-message-close-icon-color | @text-color-placeholder | - ---td-message-content-font-color | @text-color-primary | - +--td-message-content-color | @text-color-primary | - --td-message-error-color | @error-color | - --td-message-info-color | @brand-color | - --td-message-success-color | @success-color | - diff --git a/src/message/message.md b/src/message/message.md index 33ebd0a2..bfeba9fa 100644 --- a/src/message/message.md +++ b/src/message/message.md @@ -38,7 +38,7 @@ onOpened | Function | | TS 类型：`() => void`
已废弃。展示Message --td-message-border-radius | @radius-default | - --td-message-box-shadow | @shadow-4 | - --td-message-close-icon-color | @text-color-placeholder | - ---td-message-content-font-color | @text-color-primary | - +--td-message-content-color | @text-color-primary | - --td-message-error-color | @error-color | - --td-message-info-color | @brand-color | - --td-message-success-color | @success-color | - diff --git a/src/navbar/navbar.en-US.md b/src/navbar/navbar.en-US.md index 875950a4..5a8065b6 100644 --- a/src/navbar/navbar.en-US.md +++ b/src/navbar/navbar.en-US.md @@ -37,5 +37,4 @@ Name | Default Value | Description --td-navbar-left-arrow-size | 24px | - --td-navbar-padding-top | 0 | - --td-navbar-right | 95px | - ---td-navbar-title-font-size | 18px | - ---td-navbar-title-font-weight | 600 | - +--td-navbar-title-font | @font-title-large | - diff --git a/src/navbar/navbar.md b/src/navbar/navbar.md index 1d6f578c..70a2c645 100644 --- a/src/navbar/navbar.md +++ b/src/navbar/navbar.md @@ -35,5 +35,4 @@ onRightClick | Function | | TS 类型：`() => void`
点击右侧区域时 --td-navbar-left-arrow-size | 24px | - --td-navbar-padding-top | 0 | - --td-navbar-right | 95px | - ---td-navbar-title-font-size | 18px | - ---td-navbar-title-font-weight | 600 | - +--td-navbar-title-font | @font-title-large | - diff --git a/src/picker/picker.en-US.md b/src/picker/picker.en-US.md index 2c1d283d..d9dd3cef 100644 --- a/src/picker/picker.en-US.md +++ b/src/picker/picker.en-US.md @@ -33,7 +33,7 @@ Name | Default Value | Description -- | -- | -- --td-picker-bg-color | @bg-color-container | - --td-picker-border-radius | 12px | - ---td-picker-button-font-size | 16px | - +--td-picker-button-font | @font-body-large | - --td-picker-cancel-color | @text-color-secondary | - --td-picker-confirm-color | @brand-color | - --td-picker-group-height | 200px | - @@ -46,7 +46,5 @@ Name | Default Value | Description --td-picker-mask-color-bottom | hsla(0, 0%, 100%, .4) | - --td-picker-mask-color-top | hsla(0, 0%, 100%, .92) | - --td-picker-title-color | @text-color-primary | - ---td-picker-title-font-size | 18px | - ---td-picker-title-font-weight | 600 | - ---td-picker-title-line-height | 26px | - +--td-picker-title-font | @font-title-large | - --td-picker-toolbar-height | 58px | - diff --git a/src/picker/picker.md b/src/picker/picker.md index 505e8f81..5b68874e 100644 --- a/src/picker/picker.md +++ b/src/picker/picker.md @@ -33,7 +33,7 @@ onPick | Function | | TS 类型：`(value: Array,context: PickerCo -- | -- | -- --td-picker-bg-color | @bg-color-container | - --td-picker-border-radius | 12px | - ---td-picker-button-font-size | 16px | - +--td-picker-button-font | @font-body-large | - --td-picker-cancel-color | @text-color-secondary | - --td-picker-confirm-color | @brand-color | - --td-picker-group-height | 200px | - @@ -46,7 +46,5 @@ onPick | Function | | TS 类型：`(value: Array,context: PickerCo --td-picker-mask-color-bottom | hsla(0, 0%, 100%, .4) | - --td-picker-mask-color-top | hsla(0, 0%, 100%, .92) | - --td-picker-title-color | @text-color-primary | - ---td-picker-title-font-size | 18px | - ---td-picker-title-font-weight | 600 | - ---td-picker-title-line-height | 26px | - +--td-picker-title-font | @font-title-large | - --td-picker-toolbar-height | 58px | - diff --git a/src/progress/progress.en-US.md b/src/progress/progress.en-US.md index 929f21b4..4dcef2a8 100644 --- a/src/progress/progress.en-US.md +++ b/src/progress/progress.en-US.md @@ -28,6 +28,8 @@ Name | Default Value | Description --td-progress-inner-bg-color-error | @error-color | - --td-progress-inner-bg-color-success | @success-color | - --td-progress-inner-bg-color-warning | @warning-color | - +--td-progress-circle-icon-size | 48px | - --td-progress-circle-inner-bg-color | @font-white-1 | - +--td-progress-circle-label-font | @font-title-extraLarge | - --td-progress-inner-bg-color | @brand-color | - --td-progress-track-bg-color | @bg-color-component | - diff --git a/src/progress/progress.md b/src/progress/progress.md index bb370767..31719e70 100644 --- a/src/progress/progress.md +++ b/src/progress/progress.md @@ -28,6 +28,8 @@ trackColor | String | '' | 进度条未完成部分颜色 | N --td-progress-inner-bg-color-error | @error-color | - --td-progress-inner-bg-color-success | @success-color | - --td-progress-inner-bg-color-warning | @warning-color | - +--td-progress-circle-icon-size | 48px | - --td-progress-circle-inner-bg-color | @font-white-1 | - +--td-progress-circle-label-font | @font-title-extraLarge | - --td-progress-inner-bg-color | @brand-color | - --td-progress-track-bg-color | @bg-color-component | - diff --git a/src/radio/radio.en-US.md b/src/radio/radio.en-US.md index 4e7520d1..21ab66bf 100644 --- a/src/radio/radio.en-US.md +++ b/src/radio/radio.en-US.md @@ -57,8 +57,8 @@ Name | Default Value | Description --td-radio-border-color | @component-stroke | - --td-radio-content-color | @text-color-secondary | - --td-radio-content-disabled-color | @text-color-disabled | - ---td-radio-content-line-height | 22px | - ---td-radio-font-size | 16px | - +--td-radio-content-font | @font-body-medium | - +--td-radio-font | @font-body-large | - --td-radio-icon-checked-color | @brand-color | - --td-radio-icon-color | @component-border | - --td-radio-icon-disabled-bg-color | @bg-color-component-disabled | - diff --git a/src/radio/radio.md b/src/radio/radio.md index 5766d72c..92655bbc 100644 --- a/src/radio/radio.md +++ b/src/radio/radio.md @@ -57,8 +57,8 @@ onChange | Function | | TS 类型：`(value: T, context: { e: ChangeEvent; name --td-radio-border-color | @component-stroke | - --td-radio-content-color | @text-color-secondary | - --td-radio-content-disabled-color | @text-color-disabled | - ---td-radio-content-line-height | 22px | - ---td-radio-font-size | 16px | - +--td-radio-content-font | @font-body-medium | - +--td-radio-font | @font-body-large | - --td-radio-icon-checked-color | @brand-color | - --td-radio-icon-color | @component-border | - --td-radio-icon-disabled-bg-color | @bg-color-component-disabled | - diff --git a/src/result/result.en-US.md b/src/result/result.en-US.md index 17b45649..fc62806c 100644 --- a/src/result/result.en-US.md +++ b/src/result/result.en-US.md @@ -20,14 +20,12 @@ The component provides the following CSS variables, which can be used to customi Name | Default Value | Description -- | -- | -- --td-result-description-color | @text-color-secondary | - ---td-result-description-font-size | @font-size-base | - ---td-result-description-line-height | 22px | - +--td-result-description-font | @font-body-medium | - --td-result-description-margin-top | @spacer | - --td-result-icon-default-color | @brand-color | - --td-result-icon-error-color | @error-color | - --td-result-icon-success-color | @success-color | - --td-result-icon-warning-color | @warning-color | - --td-result-title-color | @text-color-primary | - ---td-result-title-font-size | @font-size-xl | - ---td-result-title-line-height | 28px | - +--td-result-title-font | @font-title-extraLarge | - --td-result-title-margin-top | @spacer-1 | - diff --git a/src/result/result.md b/src/result/result.md index 8357d5e2..b499aeb9 100644 --- a/src/result/result.md +++ b/src/result/result.md @@ -20,14 +20,12 @@ title | TNode | '' | 标题。TS 类型：`string \| TNode`。[通用类型定 名称 | 默认值 | 描述 -- | -- | -- --td-result-description-color | @text-color-secondary | - ---td-result-description-font-size | @font-size-base | - ---td-result-description-line-height | 22px | - +--td-result-description-font | @font-body-medium | - --td-result-description-margin-top | @spacer | - --td-result-icon-default-color | @brand-color | - --td-result-icon-error-color | @error-color | - --td-result-icon-success-color | @success-color | - --td-result-icon-warning-color | @warning-color | - --td-result-title-color | @text-color-primary | - ---td-result-title-font-size | @font-size-xl | - ---td-result-title-line-height | 28px | - +--td-result-title-font | @font-title-extraLarge | - --td-result-title-margin-top | @spacer-1 | - diff --git a/src/search/search.en-US.md b/src/search/search.en-US.md index ac4ae91e..c9b11fcf 100644 --- a/src/search/search.en-US.md +++ b/src/search/search.en-US.md @@ -38,11 +38,11 @@ Name | Default Value | Description --td-search-action-color | @brand-color | - --td-search-bg-color | @bg-color-secondarycontainer | - --td-search-clear-icon-color | @text-color-placeholder | - ---td-search-clear-icon-font-size | 24px | - ---td-search-font-size | @font-size-m | - +--td-search-clear-icon-size | 24px | - +--td-search-font | @font-body-large | - --td-search-height | 40px | - --td-search-icon-color | @text-color-placeholder | - ---td-search-icon-font-size | 24px | - +--td-search-icon-size | 24px | - --td-search-label-color | @text-color-primary | - --td-search-padding | 8px 12px | - --td-search-placeholder-color | @text-color-placeholder | - diff --git a/src/search/search.md b/src/search/search.md index ce6c55f1..7904a4a2 100644 --- a/src/search/search.md +++ b/src/search/search.md @@ -38,11 +38,11 @@ onSubmit | Function | | TS 类型：`(context: { value: string; e: KeyboardEven --td-search-action-color | @brand-color | - --td-search-bg-color | @bg-color-secondarycontainer | - --td-search-clear-icon-color | @text-color-placeholder | - ---td-search-clear-icon-font-size | 24px | - ---td-search-font-size | @font-size-m | - +--td-search-clear-icon-size | 24px | - +--td-search-font | @font-body-large | - --td-search-height | 40px | - --td-search-icon-color | @text-color-placeholder | - ---td-search-icon-font-size | 24px | - +--td-search-icon-size | 24px | - --td-search-label-color | @text-color-primary | - --td-search-padding | 8px 12px | - --td-search-placeholder-color | @text-color-placeholder | - diff --git a/src/side-bar/side-bar.en-US.md b/src/side-bar/side-bar.en-US.md index 0801c212..1533945f 100644 --- a/src/side-bar/side-bar.en-US.md +++ b/src/side-bar/side-bar.en-US.md @@ -38,10 +38,9 @@ Name | Default Value | Description --td-side-bar-bg-color | @bg-color-secondarycontainer | - --td-side-bar-border-radius | 9px | - --td-side-bar-color | @text-color-primary | - ---td-side-bar-font-size | 16px | - +--td-side-bar-font | @font-body-large | - --td-side-bar-height | 100% | - --td-side-bar-icon-size | 20px | - --td-side-bar-item-height | 56px | - ---td-side-bar-item-line-height | 24px | - --td-side-bar-item-padding | @spacer-2 | - --td-side-bar-width | 103px | - diff --git a/src/side-bar/side-bar.md b/src/side-bar/side-bar.md index 7dcba8a6..eda2ab1a 100644 --- a/src/side-bar/side-bar.md +++ b/src/side-bar/side-bar.md @@ -38,10 +38,9 @@ value | String / Number | - | 当前选项的值 | N --td-side-bar-bg-color | @bg-color-secondarycontainer | - --td-side-bar-border-radius | 9px | - --td-side-bar-color | @text-color-primary | - ---td-side-bar-font-size | 16px | - +--td-side-bar-font | @font-body-large | - --td-side-bar-height | 100% | - --td-side-bar-icon-size | 20px | - --td-side-bar-item-height | 56px | - ---td-side-bar-item-line-height | 24px | - --td-side-bar-item-padding | @spacer-2 | - --td-side-bar-width | 103px | - diff --git a/src/slider/slider.en-US.md b/src/slider/slider.en-US.md index 5720808e..f943b892 100644 --- a/src/slider/slider.en-US.md +++ b/src/slider/slider.en-US.md @@ -35,10 +35,12 @@ Name | Default Value | Description --td-slider-capsule-bar-height | 24px | - --td-slider-capsule-bar-width | 24px | - --td-slider-capsule-line-height | 18px | - ---td-slider-default-color | @bg-color-component-disabled | - +--td-slider-default-color | @bg-color-component | - --td-slider-disabled-color | @brand-color-disabled | - --td-slider-disabled-text-color | @text-color-disabled | - --td-slider-dot-bg-color | #fff | - ---td-slider-dot-color | @bg-color-secondarycontainer | - +--td-slider-dot-color | @component-border | - +--td-slider-dot-disabled-bg-color | #fff | - +--td-slider-dot-disabled-border-color | #f3f3f3 | - --td-slider-dot-size | 20px | - ---td-slider-scale-desc-color | @text-color-primary | - +--td-slider-text-color | @text-color-primary | - diff --git a/src/slider/slider.md b/src/slider/slider.md index ab39b426..6c88fa0e 100644 --- a/src/slider/slider.md +++ b/src/slider/slider.md @@ -35,10 +35,12 @@ onDragstart | Function | | TS 类型：`(e: TouchEvent) => void`
开始拖 --td-slider-capsule-bar-height | 24px | - --td-slider-capsule-bar-width | 24px | - --td-slider-capsule-line-height | 18px | - ---td-slider-default-color | @bg-color-component-disabled | - +--td-slider-default-color | @bg-color-component | - --td-slider-disabled-color | @brand-color-disabled | - --td-slider-disabled-text-color | @text-color-disabled | - --td-slider-dot-bg-color | #fff | - ---td-slider-dot-color | @bg-color-secondarycontainer | - +--td-slider-dot-color | @component-border | - +--td-slider-dot-disabled-bg-color | #fff | - +--td-slider-dot-disabled-border-color | #f3f3f3 | - --td-slider-dot-size | 20px | - ---td-slider-scale-desc-color | @text-color-primary | - +--td-slider-text-color | @text-color-primary | - diff --git a/src/steps/steps.en-US.md b/src/steps/steps.en-US.md index b156dcc1..ece99aa1 100644 --- a/src/steps/steps.en-US.md +++ b/src/steps/steps.en-US.md @@ -37,8 +37,8 @@ titleRight | TNode | '' | Typescript：`string \| TNode`。[see more ts definiti The component provides the following CSS variables, which can be used to customize styles. Name | Default Value | Description -- | -- | -- ---td-step-item-circle-font-size | 14px | - --td-step-item-circle-size | 22px | - +--td-step-item-circle-text-font | @font-body-medium | - --td-step-item-default-circle-bg | @bg-color-secondarycontainer | - --td-step-item-default-circle-color | @text-color-placeholder | - --td-step-item-default-dot-border-color | @component-border | - diff --git a/src/steps/steps.md b/src/steps/steps.md index 0dd59d08..de40d868 100644 --- a/src/steps/steps.md +++ b/src/steps/steps.md @@ -37,8 +37,8 @@ titleRight | TNode | '' | 标题右侧数据 仅支持 layout = 'vertical' 时 组件提供了下列 CSS 变量，可用于自定义样式。 名称 | 默认值 | 描述 -- | -- | -- ---td-step-item-circle-font-size | 14px | - --td-step-item-circle-size | 22px | - +--td-step-item-circle-text-font | @font-body-medium | - --td-step-item-default-circle-bg | @bg-color-secondarycontainer | - --td-step-item-default-circle-color | @text-color-placeholder | - --td-step-item-default-dot-border-color | @component-border | - diff --git a/src/swiper/swiper.en-US.md b/src/swiper/swiper.en-US.md index 523d6736..f9d89344 100644 --- a/src/swiper/swiper.en-US.md +++ b/src/swiper/swiper.en-US.md @@ -51,7 +51,7 @@ Name | Default Value | Description --td-swiper-nav-dots-bar-active-width | 20px | - --td-swiper-nav-fraction-bg-color | @font-gray-3 | - --td-swiper-nav-fraction-color | @font-white-1 | - ---td-swiper-nav-fraction-font-size | 12px | - +--td-swiper-nav-fraction-font | @font-body-small | - --td-swiper-nav-fraction-height | 24px | - --td-swiper-nav-outside-bg | @gray-color-3 | - ---td-swiper-nav-outside-bg-active | @brand-color-7 | - +--td-swiper-nav-outside-bg-active | @brand-color | - diff --git a/src/swiper/swiper.md b/src/swiper/swiper.md index 93c02339..920d3e28 100644 --- a/src/swiper/swiper.md +++ b/src/swiper/swiper.md @@ -51,7 +51,7 @@ type | String | - | 导航器类型，点状(dots)、点条状(dots-bar)、分 --td-swiper-nav-dots-bar-active-width | 20px | - --td-swiper-nav-fraction-bg-color | @font-gray-3 | - --td-swiper-nav-fraction-color | @font-white-1 | - ---td-swiper-nav-fraction-font-size | 12px | - +--td-swiper-nav-fraction-font | @font-body-small | - --td-swiper-nav-fraction-height | 24px | - --td-swiper-nav-outside-bg | @gray-color-3 | - ---td-swiper-nav-outside-bg-active | @brand-color-7 | - +--td-swiper-nav-outside-bg-active | @brand-color | - diff --git a/src/tab-bar/TabBarItem.tsx b/src/tab-bar/TabBarItem.tsx index c6c527a2..aa88186f 100644 --- a/src/tab-bar/TabBarItem.tsx +++ b/src/tab-bar/TabBarItem.tsx @@ -106,7 +106,6 @@ const TabBarItem = forwardRef((originProps, ref className, { [`${tabBarItemClass}--split`]: split, - [`${tabBarItemClass}--text-only`]: !icon, [`${tabBarItemClass}--crowded`]: crowded, }, `${tabBarItemClass}--${shape}`, diff --git a/src/tabs/tabs.en-US.md b/src/tabs/tabs.en-US.md index d41f4024..12e09a0b 100644 --- a/src/tabs/tabs.en-US.md +++ b/src/tabs/tabs.en-US.md @@ -46,7 +46,7 @@ The component provides the following CSS variables, which can be used to customi Name | Default Value | Description -- | -- | -- --td-tab-border-color | @component-stroke | - ---td-tab-font-size | 14px | - +--td-tab-font | @font-body-medium | - --td-tab-icon-size | 16px | - --td-tab-item-active-color | @brand-color | - --td-tab-item-color | @text-color-primary | - @@ -57,7 +57,7 @@ Name | Default Value | Description --td-tab-item-tag-height | 32px | - --td-tab-item-vertical-height | 54px | - --td-tab-item-vertical-width | 104px | - ---td-tab-nav-bg-color | @bg-color-container | - +--td-tab-nav-background | @bg-color-container | - --td-tab-track-color | @brand-color | - --td-tab-track-radius | 4px | - --td-tab-track-thickness | 3px | - diff --git a/src/tabs/tabs.md b/src/tabs/tabs.md index 398a97e5..9c5130ae 100644 --- a/src/tabs/tabs.md +++ b/src/tabs/tabs.md @@ -46,7 +46,7 @@ value | String / Number | - | 选项卡的值，唯一标识。TS 类型：`TabV 名称 | 默认值 | 描述 -- | -- | -- --td-tab-border-color | @component-stroke | - ---td-tab-font-size | 14px | - +--td-tab-font | @font-body-medium | - --td-tab-icon-size | 16px | - --td-tab-item-active-color | @brand-color | - --td-tab-item-color | @text-color-primary | - @@ -57,7 +57,7 @@ value | String / Number | - | 选项卡的值，唯一标识。TS 类型：`TabV --td-tab-item-tag-height | 32px | - --td-tab-item-vertical-height | 54px | - --td-tab-item-vertical-width | 104px | - ---td-tab-nav-bg-color | @bg-color-container | - +--td-tab-nav-background | @bg-color-container | - --td-tab-track-color | @brand-color | - --td-tab-track-radius | 4px | - --td-tab-track-thickness | 3px | - diff --git a/src/tag/tag.en-US.md b/src/tag/tag.en-US.md index abf491c3..0687ac18 100644 --- a/src/tag/tag.en-US.md +++ b/src/tag/tag.en-US.md @@ -61,27 +61,23 @@ Name | Default Value | Description --td-tag-disabled-background-color | @bg-color-component-disabled | - --td-tag-disabled-border-color | @component-border | - --td-tag-disabled-color | @text-color-disabled | - ---td-tag-extra-large-font-size | @font-size-base | - ---td-tag-extra-large-height | 40px | - +--td-tag-extra-large-font | @font-body-medium | - --td-tag-extra-large-icon-size | 16px | - ---td-tag-extra-large-padding | 16px - 1px | - ---td-tag-large-font-size | @font-size-base | - ---td-tag-large-height | 28px | - +--td-tag-extra-large-padding | 8px 15px | - +--td-tag-large-font | @font-body-medium | - --td-tag-large-icon-size | 16px | - ---td-tag-large-padding | 8px - 1px | - +--td-tag-large-padding | 2px 7px | - --td-tag-mark-border-radius | @tag-round-border-radius | - ---td-tag-medium-font-size | @font-size-s | - ---td-tag-medium-height | 24px | - +--td-tag-medium-font | @font-body-small | - --td-tag-medium-icon-size | 14px | - ---td-tag-medium-padding | 8px - 1px | - +--td-tag-medium-padding | 1px 7px | - --td-tag-outline-bg-color | @bg-color-container | - --td-tag-primary-color | @brand-color | - --td-tag-primary-light-color | @brand-color-light | - --td-tag-round-border-radius | 999px | - ---td-tag-small-font-size | @font-size | - ---td-tag-small-height | 20px | - +--td-tag-small-font | @font-body-extraSmall | - --td-tag-small-icon-size | 12px | - ---td-tag-small-padding | 6px - 1px | - +--td-tag-small-padding | 1px 5px | - --td-tag-square-border-radius | 4px | - --td-tag-success-color | @success-color | - --td-tag-success-light-color | @success-color-1 | - diff --git a/src/tag/tag.md b/src/tag/tag.md index de0e9074..90dbe427 100644 --- a/src/tag/tag.md +++ b/src/tag/tag.md @@ -61,27 +61,23 @@ onClose | Function | | TS 类型：`(context: { e: MouseEvent }) => void`
--td-tag-disabled-background-color | @bg-color-component-disabled | - --td-tag-disabled-border-color | @component-border | - --td-tag-disabled-color | @text-color-disabled | - ---td-tag-extra-large-font-size | @font-size-base | - ---td-tag-extra-large-height | 40px | - +--td-tag-extra-large-font | @font-body-medium | - --td-tag-extra-large-icon-size | 16px | - ---td-tag-extra-large-padding | 16px - 1px | - ---td-tag-large-font-size | @font-size-base | - ---td-tag-large-height | 28px | - +--td-tag-extra-large-padding | 8px 15px | - +--td-tag-large-font | @font-body-medium | - --td-tag-large-icon-size | 16px | - ---td-tag-large-padding | 8px - 1px | - +--td-tag-large-padding | 2px 7px | - --td-tag-mark-border-radius | @tag-round-border-radius | - ---td-tag-medium-font-size | @font-size-s | - ---td-tag-medium-height | 24px | - +--td-tag-medium-font | @font-body-small | - --td-tag-medium-icon-size | 14px | - ---td-tag-medium-padding | 8px - 1px | - +--td-tag-medium-padding | 1px 7px | - --td-tag-outline-bg-color | @bg-color-container | - --td-tag-primary-color | @brand-color | - --td-tag-primary-light-color | @brand-color-light | - --td-tag-round-border-radius | 999px | - ---td-tag-small-font-size | @font-size | - ---td-tag-small-height | 20px | - +--td-tag-small-font | @font-body-extraSmall | - --td-tag-small-icon-size | 12px | - ---td-tag-small-padding | 6px - 1px | - +--td-tag-small-padding | 1px 5px | - --td-tag-square-border-radius | 4px | - --td-tag-success-color | @success-color | - --td-tag-success-light-color | @success-color-1 | - diff --git a/src/tree-select/tree-select.en-US.md b/src/tree-select/tree-select.en-US.md index 188082ae..f0344305 100644 --- a/src/tree-select/tree-select.en-US.md +++ b/src/tree-select/tree-select.en-US.md @@ -21,10 +21,11 @@ onChange | Function | | Typescript：`(value: TreeSelectValue, level: TreeLevel The component provides the following CSS variables, which can be used to customize styles. Name | Default Value | Description -- | -- | -- ---td-tree-item-disabled-color | @text-color-disabled | - --td-tree-bg-color | @bg-color-container | - +--td-tree-colum-text-color | @text-color-primary | - --td-tree-colum-width | 103px | - --td-tree-item-active-color | @brand-color | - +--td-tree-item-disabled-color | @text-color-disabled | - --td-tree-item-font-size | 16px | - --td-tree-item-height | 56px | - --td-tree-root-bg-color | @bg-color-secondarycontainer | - diff --git a/src/tree-select/tree-select.md b/src/tree-select/tree-select.md index e1fce27c..aeff1875 100644 --- a/src/tree-select/tree-select.md +++ b/src/tree-select/tree-select.md @@ -21,10 +21,11 @@ onChange | Function | | TS 类型：`(value: TreeSelectValue, level: TreeLevel) 组件提供了下列 CSS 变量，可用于自定义样式。 名称 | 默认值 | 描述 -- | -- | -- ---td-tree-item-disabled-color | @text-color-disabled | - --td-tree-bg-color | @bg-color-container | - +--td-tree-colum-text-color | @text-color-primary | - --td-tree-colum-width | 103px | - --td-tree-item-active-color | @brand-color | - +--td-tree-item-disabled-color | @text-color-disabled | - --td-tree-item-font-size | 16px | - --td-tree-item-height | 56px | - --td-tree-root-bg-color | @bg-color-secondarycontainer | - diff --git a/src/upload/upload.en-US.md b/src/upload/upload.en-US.md index 68b278e0..1fadc647 100644 --- a/src/upload/upload.en-US.md +++ b/src/upload/upload.en-US.md @@ -68,7 +68,7 @@ Name | Default Value | Description -- | -- | -- --td-upload-add-bg-color | @bg-color-secondarycontainer | - --td-upload-add-color | @text-color-placeholder | - ---td-upload-add-icon-font-size | 28px | - +--td-upload-add-icon-size | 28px | - --td-upload-background | @upload-add-bg-color | - --td-upload-delete-icon-color | #fff | - --td-upload-grid-columns | 4 | - diff --git a/src/upload/upload.md b/src/upload/upload.md index ce300906..aec84d3f 100644 --- a/src/upload/upload.md +++ b/src/upload/upload.md @@ -68,7 +68,7 @@ url | String | - | 文件上传成功后的下载/访问地址 | N -- | -- | -- --td-upload-add-bg-color | @bg-color-secondarycontainer | - --td-upload-add-color | @text-color-placeholder | - ---td-upload-add-icon-font-size | 28px | - +--td-upload-add-icon-size | 28px | - --td-upload-background | @upload-add-bg-color | - --td-upload-delete-icon-color | #fff | - --td-upload-grid-columns | 4 | - diff --git a/test/snap/__snapshots__/csr.test.jsx.snap b/test/snap/__snapshots__/csr.test.jsx.snap index 05877d0f..45be3c2f 100644 --- a/test/snap/__snapshots__/csr.test.jsx.snap +++ b/test/snap/__snapshots__/csr.test.jsx.snap @@ -113781,7 +113781,7 @@ exports[`csr snapshot test > csr test src/tab-bar/_example/mobile.tsx 1`] = ` role="tablist" >
csr test src/tab-bar/_example/mobile.tsx 1`] = `
csr test src/tab-bar/_example/mobile.tsx 1`] = `
csr test src/tab-bar/_example/mobile.tsx 1`] = `
csr test src/tab-bar/_example/mobile.tsx 1`] = ` role="tablist" >
csr test src/tab-bar/_example/mobile.tsx 1`] = `
csr test src/tab-bar/_example/mobile.tsx 1`] = `
csr test src/tab-bar/_example/text.tsx 1`] = ` role="tablist" >
csr test src/tab-bar/_example/text.tsx 1`] = `
csr test src/tab-bar/_example/text.tsx 1`] = `
csr test src/tab-bar/_example/text.tsx 1`] = `
csr test src/tab-bar/_example/text-spread.tsx 1`] = role="tablist" >
csr test src/tab-bar/_example/text-spread.tsx 1`] =
csr test src/tab-bar/_example/text-spread.tsx 1`] =
ssr test src/tab-bar/_example/base.tsx 1`] = `"
ssr test src/tab-bar/_example/custom.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test src/tab-bar/_example/mobile.tsx 1`] = `"

TabBar 底部标签栏

用于在不同功能模块之间进行快速切换，位于页面底部。

01 组件类型

纯文本标签栏

图标加文字标签栏

纯图标标签栏

双层级纯文本标签栏

01 组件类型

弱选中标签栏

悬浮胶囊标签栏

03 自定义

自定义样式

"`; +exports[`ssr snapshot test > ssr test src/tab-bar/_example/mobile.tsx 1`] = `"

TabBar 底部标签栏

用于在不同功能模块之间进行快速切换，位于页面底部。

01 组件类型

纯文本标签栏

图标加文字标签栏

纯图标标签栏

双层级纯文本标签栏

01 组件类型

弱选中标签栏

悬浮胶囊标签栏

03 自定义

自定义样式

"`; exports[`ssr snapshot test > ssr test src/tab-bar/_example/pure-icon.tsx 1`] = `"
"`; exports[`ssr snapshot test > ssr test src/tab-bar/_example/round.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test src/tab-bar/_example/text.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test src/tab-bar/_example/text.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test src/tab-bar/_example/text-spread.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test src/tab-bar/_example/text-spread.tsx 1`] = `"
"`; exports[`ssr snapshot test > ssr test src/table/_example/base.tsx 1`] = `"
标题
标题
标题
标题
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
"`; diff --git a/test/snap/__snapshots__/ssr.test.jsx.snap b/test/snap/__snapshots__/ssr.test.jsx.snap index bb828ac4..59d01f78 100644 --- a/test/snap/__snapshots__/ssr.test.jsx.snap +++ b/test/snap/__snapshots__/ssr.test.jsx.snap @@ -680,15 +680,15 @@ exports[`ssr snapshot test > ssr test src/tab-bar/_example/base.tsx 1`] = `"
ssr test src/tab-bar/_example/custom.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test src/tab-bar/_example/mobile.tsx 1`] = `"

TabBar 底部标签栏

用于在不同功能模块之间进行快速切换，位于页面底部。

01 组件类型

纯文本标签栏

图标加文字标签栏

纯图标标签栏

双层级纯文本标签栏

01 组件类型

弱选中标签栏

悬浮胶囊标签栏

03 自定义

自定义样式

"`; +exports[`ssr snapshot test > ssr test src/tab-bar/_example/mobile.tsx 1`] = `"

TabBar 底部标签栏

用于在不同功能模块之间进行快速切换，位于页面底部。

01 组件类型

纯文本标签栏

图标加文字标签栏

纯图标标签栏

双层级纯文本标签栏

01 组件类型

弱选中标签栏

悬浮胶囊标签栏

03 自定义

自定义样式

"`; exports[`ssr snapshot test > ssr test src/tab-bar/_example/pure-icon.tsx 1`] = `"
"`; exports[`ssr snapshot test > ssr test src/tab-bar/_example/round.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test src/tab-bar/_example/text.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test src/tab-bar/_example/text.tsx 1`] = `"
"`; -exports[`ssr snapshot test > ssr test src/tab-bar/_example/text-spread.tsx 1`] = `"
"`; +exports[`ssr snapshot test > ssr test src/tab-bar/_example/text-spread.tsx 1`] = `"
"`; exports[`ssr snapshot test > ssr test src/table/_example/base.tsx 1`] = `"
标题
标题
标题
标题
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
"`;