dcos: add placeholder (#42126)

This commit is contained in:
MadCcc 2023-05-04 11:31:15 +08:00 committed by GitHub
parent a83d2d7e7d
commit 4a4eae5221
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 207 additions and 7 deletions

View File

@ -1,13 +1,67 @@
---
order: 9
title: Migrate less variables to Component Token
title: Migrate Less variables to Component Token
---
This document contains the correspondence between all the less variables related to components in version 4.x and the Component Token in version 5.x. If you are upgrading from version 4.x to version 5.x, you can quickly find the corresponding Component Token through this comparison table.
<Alert message="Note: There are still some less variables that do not have a corresponding Component Token, and these variables have been deprecated in version 5.x."></Alert>
## Modal 对话框
<!-- ## 全局变量 -->
## 组件变量
<!-- ### Alert -->
<!-- ### Anchor -->
<!-- ### Avatar -->
<!-- ### Badge -->
<!-- ### BreadCrumb -->
<!-- ### Button -->
<!-- ### Calendar -->
<!-- ### Card -->
<!-- ### Carousel -->
<!-- ### Cascader -->
<!-- ### Checkbox -->
<!-- ### Collapse -->
<!-- ### Descriptions -->
<!-- ### Divider -->
<!-- ### Drawer -->
<!-- ### Dropdown -->
<!-- ### Empty -->
<!-- ### Form -->
<!-- ### Image -->
<!-- ### Input -->
<!-- ### Layout -->
<!-- ### List -->
<!-- ### Mentions -->
<!-- ### Menu -->
<!-- ### Message -->
## Modal
<!-- prettier-ignore -->
| Less variables | Component Token | Note |
@ -37,6 +91,30 @@ This document contains the correspondence between all the less variables related
| `@modal-confirm-title-font-size` | `modalHeaderTitleFontSize` | - |
| `@modal-border-radius` | `borderRadiusLG` | - |
<!-- ### Notification -->
<!-- ### Pagination -->
<!-- ### Popover -->
<!-- ### Progress -->
<!-- ### Radio -->
<!-- ### Rate -->
<!-- ### Result -->
<!-- ### Segment -->
<!-- ### Select -->
<!-- ### Skeleton -->
<!-- ### Slider -->
<!-- ### Statistic -->
## Step
<!-- prettier-ignore -->
@ -63,3 +141,25 @@ This document contains the correspondence between all the less variables related
| `@steps-vertical-icon-width` | - | Deprecated for style change |
| `@steps-vertical-tail-width` | - | Deprecated for style change |
| `@steps-vertical-tail-width-sm` | - | Deprecated for style change |
<!-- ### Switch -->
<!-- ### Table -->
<!-- ### Tabs -->
<!-- ### Tag -->
<!-- ### Timeline -->
<!-- ### TimePicker -->
<!-- ### Tooltip -->
<!-- ### Transfer -->
<!-- ### Tree -->
<!-- ### Typography -->
<!-- ### Upload -->

View File

@ -1,16 +1,70 @@
---
order: 9
title: less 变量迁移 Component Token
title: Less 变量迁移 Design Token
---
本文档包含了所有 4.x 版本中组件相关的 less 变量与 5.x 版本的 Component Token 的对照关系。如果你是从 4.x 版本升级到 5.x 版本,可以通过这份对照表快速找到对应的 Component Token。
<Alert message="注意:仍有部分变量没有对应的 Component Token这些变量在 5.x 版本中已被废弃。"></Alert>
## Modal 对话框
<!-- ## 全局变量 -->
## 组件变量
<!-- ### Alert 警告提示 -->
<!-- ### Anchor 锚点 -->
<!-- ### Avatar 头像 -->
<!-- ### Badge 徽标数 -->
<!-- ### BreadCrumb 面包屑 -->
<!-- ### Button 按钮 -->
<!-- ### Calendar 日历 -->
<!-- ### Card 卡片 -->
<!-- ### Carousel 走马灯 -->
<!-- ### Cascader 级联选择 -->
<!-- ### Checkbox 多选框 -->
<!-- ### Collapse 折叠面板 -->
<!-- ### Descriptions 描述列表 -->
<!-- ### Divider 分割线 -->
<!-- ### Drawer 抽屉 -->
<!-- ### Dropdown 下拉菜单 -->
<!-- ### Empty 空状态 -->
<!-- ### Form 表单 -->
<!-- ### Image 图片 -->
<!-- ### Input 输入框 -->
<!-- ### Layout 布局 -->
<!-- ### List 列表 -->
<!-- ### Mentions 提及 -->
<!-- ### Menu 导航菜单 -->
<!-- ### Message 全局提示 -->
### Modal 对话框
<!-- prettier-ignore -->
| less 变量 | Component Token | 备注 |
| Less 变量 | Component Token | 备注 |
| --- | --- | --- |
| `@modal-header-padding-vertical` | - | 由于样式变化已废弃 |
| `@modal-header-padding-horizontal` | - | 由于样式变化已废弃 |
@ -37,10 +91,34 @@ title: less 变量迁移 Component Token
| `@modal-confirm-title-font-size` | `modalHeaderTitleFontSize` | - |
| `@modal-border-radius` | `borderRadiusLG` | - |
## Step 步骤条
<!-- ### Notification 通知提醒框 -->
<!-- ### Pagination 分页 -->
<!-- ### Popover 气泡卡片 -->
<!-- ### Progress 进度条 -->
<!-- ### Radio 单选框 -->
<!-- ### Rate 评分 -->
<!-- ### Result 结果 -->
<!-- ### Segment 分段器 -->
<!-- ### Select 选择器 -->
<!-- ### Skeleton 骨架屏 -->
<!-- ### Slider 滑动输入条 -->
<!-- ### Statistic 统计数值 -->
### Step 步骤条
<!-- prettier-ignore -->
| less 变量 | Component Token | 备注 |
| Less 变量 | Component Token | 备注 |
| --- | --- | --- |
| `@process-tail-color` | `processTailColor` | - |
| `@steps-nav-arrow-color` | `stepsNavArrowColor` | - |
@ -63,3 +141,25 @@ title: less 变量迁移 Component Token
| `@steps-vertical-icon-width` | - | 由于样式变化已废弃 |
| `@steps-vertical-tail-width` | - | 由于样式变化已废弃 |
| `@steps-vertical-tail-width-sm` | - | 由于样式变化已废弃 |
<!-- ### Switch 开关 -->
<!-- ### Table 表格 -->
<!-- ### Tabs 标签页 -->
<!-- ### Tag 标签 -->
<!-- ### Timeline 时间轴 -->
<!-- ### TimePicker 时间选择 -->
<!-- ### Tooltip 文字提示 -->
<!-- ### Transfer 穿梭框 -->
<!-- ### Tree 树形控件 -->
<!-- ### Typography 排版 -->
<!-- ### Upload 上传 -->