@fjyueke/arco-mcp 1.0.2 → 1.0.3

package/dist/index.js

@@ -180,6 +180,27 @@ ${content}
     return `Failed to load style for ${component.name}`;
   }
 };
+var fetchComponentCssVariables = async (componentName) => {
+  const component = await locateComponentByName(componentName);
+  if (!component) {
+    return "Component not found";
+  }
+  const cssVariablesPath = join3(
+    config.paths.componentsDir,
+    component.dirName,
+    "css-variables.md"
+  );
+  try {
+    if (existsSync(cssVariablesPath)) {
+      const content = await readFile(cssVariablesPath, "utf-8");
+      return content;
+    }
+    return `CSS variables documentation for ${component.name} not found`;
+  } catch (error) {
+    await logService.error(`${component.name}: ${error.message}`);
+    return `Failed to load CSS variables for ${component.name}`;
+  }
+};
 var fetchCssTokens = async (category) => {
   try {
     const tokensData = await readFile(config.paths.tokensPath, "utf-8");
@@ -305,6 +326,22 @@ function registerArcoTools(server) {
       };
     }
   );
+  server.tool(
+    "get-component-css-variables",
+    "Gets CSS variables documentation for a specific Arco Design Mobile component",
+    { componentName: z.string() },
+    async (args) => {
+      const cssVariables = await fetchComponentCssVariables(args.componentName);
+      return {
+        content: [
+          {
+            type: "text",
+            text: cssVariables
+          }
+        ]
+      };
+    }
+  );
   server.tool(
     "list-token-categories",
     "Lists all CSS token categories available in Arco Design Mobile",

package/metaData/components/action-sheet/css-variables.md

@@ -0,0 +1,32 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-actionsheet-load-more-font-size | getRem(14) | 加载更多文字颜色 |
+| --arco-actionsheet-cell-desc-font-size | getRem(14) | 单元格标题文字大小 |
+| --arco-actionsheet-cell-title-font-size | getRem(15) | 单元格标题文字字重 |
+| --arco-actionsheet-cell-desc-margin-top | getRem(2) | 单元格内容文字大小 |
+| --arco-actionsheet-cell-content-font-size | getRem(14) | 单元格右箭头图标颜色 |
+| --arco-actionsheet-cell-arrow-gutter | getRem(8) | 单元格右箭头自定义图标大小 |
+| --arco-actionsheet-cell-arrow-font-size | getRem(12) | 单元格背景色 |
+| --arco-actionsheet-cell-font-size | getRem(16) | 单元格两侧横向间距 |
+| --arco-actionsheet-cell-horizontal-padding | getRem(16) | 单元格基础样式高度 |
+| --arco-actionsheet-cell-item-height | getRem(54) | 单元格有描述文字时的高度 |
+| --arco-actionsheet-cell-item-has-desc-height | getRem(74) | 单元格标签文字右侧间距 |
+| --arco-actionsheet-cell-label-gutter | getRem(24) | 单元格标签图标右侧间距 |
+| --arco-actionsheet-cell-label-icon-gutter | getRem(12) | 单元格标签图标大小 |
+| --arco-actionsheet-cell-label-icon-font-size | getRem(20) | 单元格头部和尾部说明文字大小 |
+| --arco-actionsheet-cell-extra-font-size | getRem(14) | 单元格头部和尾部说明文字行高 |
+| --arco-actionsheet-cell-extra-line-height | getRem(20) | 单元格头部和尾部说明内边距 |
+| --arco-actionsheet-count-down-font-size | getRem(16) | 倒计时默认字体行高 |
+| --arco-actionsheet-count-down-line-height | getRem(22) | 倒计时默认字体颜色 |
+| --arco-actionsheet-item-height | getRem(54) | 动作面板选项字体大小 |
+| --arco-actionsheet-item-font-size | getRem(16) | 动作面板顶部圆角值 |
+| --arco-actionsheet-border-radius | getRem(8) | 动作面板取消按钮顶线颜色 |
+| --arco-actionsheet-header-padding | getRem(16) | 动作面板头部标题字体大小 |
+| --arco-actionsheet-title-font-size | getRem(16) | 动作面板头部描述字体大小 |
+| --arco-actionsheet-sub-title-font-size | getRem(14) | 搜索栏内边距大小 |

package/metaData/components/avatar/css-variables.md

@@ -0,0 +1,64 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-avatar-large-size | getRem(56) | medium 头像组件的大小 |
+| --arco-avatar-medium-size | getRem(48) | small 头像组件的大小 |
+| --arco-avatar-small-size | getRem(40) | smaller 头像组件的大小 |
+| --arco-avatar-smaller-size | getRem(32) | ultra-small 头像组件的大小 |
+| --arco-avatar-ultra-small-size | getRem(24) | large 头像组件默认头像图标大小 |
+| --arco-avatar-default-overlap-large-size | getRem(28) | medium 头像组件默认头像图标大小 |
+| --arco-avatar-default-overlap-medium-size | getRem(24) | small 头像组件默认头像图标大小 |
+| --arco-avatar-default-overlap-small-size | getRem(20) | smaller 头像组件默认头像图标大小 |
+| --arco-avatar-default-overlap-smaller-size | getRem(16) | ultra-small 头像组件默认头像图标大小 |
+| --arco-avatar-default-overlap-ultra-small-size | getRem(12) | 头像组件背景色 |
+| --arco-avatar-large-text-font-size | getRem(16) | medium 字体头像字体大小 |
+| --arco-avatar-medium-text-font-size | getRem(16) | small 字体头像字体大小 |
+| --arco-avatar-small-text-font-size | getRem(14) | smaller 字体头像字体大小 |
+| --arco-avatar-smaller-text-font-size | getRem(12) | ultra-small 字体头像字体大小 |
+| --arco-avatar-ultra-small-text-font-size | getRem(10) | large 头像叠层组件头像重叠偏移量 |
+| --arco-avatar-group-large-size-offset | getRem(-12) | large 头像叠层组件头像border宽度 |
+| --arco-avatar-group-large-size-border | getRem(1.5) | medium 头像叠层组件头像重叠偏移量 |
+| --arco-avatar-group-medium-size-offset | getRem(-12) | medium 头像叠层组件头像border宽度 |
+| --arco-avatar-group-medium-size-border | getRem(1.5) | small 头像叠层组件头像重叠偏移量 |
+| --arco-avatar-group-small-size-offset | getRem(-12) | small 头像叠层组件头像border宽度 |
+| --arco-avatar-group-small-size-border | getRem(1.5) | smaller 头像叠层组件头像重叠偏移量 |
+| --arco-avatar-group-smaller-size-offset | getRem(-8) | smaller 头像叠层组件头像border宽度 |
+| --arco-avatar-group-smaller-size-border | getRem(1) | ultra-small 头像叠层组件头像重叠偏移量 |
+| --arco-avatar-group-ultra-small-size-offset | getRem(-8) | ultra-small 头像叠层组件头像border宽度 |
+| --arco-avatar-group-ultra-small-size-border | getRem(1) | 头像叠层border颜色 |
+| --arco-avatar-info-box-large-size | getRem(88) | medium大小带有辅助信息的头像组件容器高度 |
+| --arco-avatar-info-box-medium-size | getRem(80) | small大小带有辅助信息的头像组件容器高度 |
+| --arco-avatar-info-box-small-size | getRem(80) | smaller大小带有辅助信息的头像组件容器高度 |
+| --arco-avatar-info-box-smaller-size | getRem(64) | ultra-small大小带有辅助信息的头像组件容器高度 |
+| --arco-avatar-info-box-ultra-small-size | getRem(56) | large 头像组件用户名文字大小 |
+| --arco-avatar-name-large-font-size | getRem(18) | large 头像组件用户名文字行高 |
+| --arco-avatar-name-large-line-height | getRem(26) | large 头像组件辅助信息文字大小 |
+| --arco-avatar-desc-large-font-size | getRem(14) | large 头像组件辅助信息文字行高 |
+| --arco-avatar-desc-large-line-height | getRem(20) | large 头像组件用户名和辅助信息间距的大小 |
+| --arco-avatar-desc-large-margin-top | getRem(2) | medium 头像组件用户名文字大小 |
+| --arco-avatar-name-medium-font-size | getRem(18) | medium 头像组件用户名文字行高 |
+| --arco-avatar-name-medium-line-height | getRem(26) | medium 头像组件辅助信息文字大小 |
+| --arco-avatar-desc-medium-font-size | getRem(14) | medium 头像组件辅助信息文字行高 |
+| --arco-avatar-desc-medium-line-height | getRem(20) | medium 头像组件用户名和辅助信息间距的大小 |
+| --arco-avatar-desc-medium-margin-top | getRem(2) | small 头像组件用户名文字大小 |
+| --arco-avatar-name-small-font-size | getRem(16) | small 头像组件用户名文字行高 |
+| --arco-avatar-name-small-line-height | getRem(24) | small 头像组件辅助信息文字大小 |
+| --arco-avatar-desc-small-font-size | getRem(12) | small 头像组件辅助信息文字行高 |
+| --arco-avatar-desc-small-line-height | getRem(16) | small 头像组件用户名和辅助信息间距的大小 |
+| --arco-avatar-desc-small-margin-top | getRem(0) | smaller 头像组件用户名文字大小 |
+| --arco-avatar-name-smaller-font-size | getRem(14) | smaller 头像组件用户名文字行高 |
+| --arco-avatar-name-smaller-line-height | getRem(20) | smaller 头像组件辅助信息文字大小 |
+| --arco-avatar-desc-smaller-font-size | getRem(12) | smaller 头像组件辅助信息文字行高 |
+| --arco-avatar-desc-smaller-line-height | getRem(16) | smaller 头像组件用户名和辅助信息间距的大小 |
+| --arco-avatar-desc-smaller-margin-top | getRem(0) | ultra-small 头像组件用户名文字大小 |
+| --arco-avatar-name-ultra-small-font-size | getRem(13) | ultra-small 头像组件用户名文字行高 |
+| --arco-avatar-name-ultra-small-line-height | getRem(18) | ultra-small 头像组件辅助信息文字大小 |
+| --arco-avatar-desc-ultra-small-font-size | getRem(10) | ultra-small 头像组件辅助信息文字行高 |
+| --arco-avatar-desc-ultra-small-line-height | getRem(14) | ultra-small 头像组件用户名和辅助信息间距的大小 |
+| --arco-avatar-desc-ultra-small-margin-top | getRem(2) | 头像组件用户名字体颜色 |
+| --arco-avatar-skeleton-avatar-size | getRem(32) | 骨架屏金刚位图标区宽度 |

package/metaData/components/button/css-variables.md

@@ -0,0 +1,29 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-button-dialog-footer-android-button-gutter | getRem(28) | 对话框（独立按钮样式）主按钮背景色 |
+| --arco-button-dialog-button-footer-height | getRem(36) | 对话框（独立按钮样式）按钮圆角值 |
+| --arco-button-dialog-button-footer-border-radius | getRem(30) | 对话框（独立按钮样式）按钮间距 |
+| --arco-button-dialog-button-footer-gutter | getRem(8) | 轮播图自动轮播时的动画曲线 |
+| --arco-button-icon-text-gutter | getRem(4) | primary 类型按钮背景色 |
+| --arco-button-huge-height | getRem(44) | huge 按钮文字大小 |
+| --arco-button-huge-text-size | getRem(16) | large 按钮内部padding |
+| --arco-button-large-height | getRem(36) | large 按钮文字大小 |
+| --arco-button-large-text-size | getRem(15) | medium 按钮内部padding |
+| --arco-button-medium-height | getRem(32) | medium 按钮文字大小 |
+| --arco-button-medium-text-size | getRem(14) | small 按钮内部padding |
+| --arco-button-small-height | getRem(28) | small 按钮文字大小 |
+| --arco-button-small-text-size | getRem(14) | mini 按钮内部padding |
+| --arco-button-mini-height | getRem(24) | mini 按钮文字大小 |
+| --arco-button-mini-text-size | getRem(12) | 文字缩略组件默认字体大小 |
+| --arco-button-picker-button-font-size | getRem(15) | 选择器按钮内边距 |
+| --arco-button-picker-button-padding | getRem(16) | 选择器左侧按钮字体颜色 |
+| --arco-button-pagination-field-button-min-height | getRem(32) | 分页器翻页按钮圆角值 |
+| --arco-button-pagination-field-button-border-radius | getRem(2) | 分页器翻页按钮内边距 |
+| --arco-button-stepper-button-size | getRem(28) | 步进器按钮图标尺寸 |
+| --arco-button-stepper-button-icon-size | getRem(10) | 步进器默认背景颜色 |

package/metaData/components/carousel/css-variables.md

@@ -0,0 +1,15 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-carousel-indicator-position | getRem(12) | 轮播图指示器不居中时，距离两侧的安全距离 |
+| --arco-carousel-indicator-safe-padding | getRem(16) | 轮播图圆点形指示器之间的间距 |
+| --arco-carousel-circle-indicator-gutter | getRem(8) | 轮播图方形指示器之间的间距 |
+| --arco-carousel-square-indicator-gutter | getRem(8) | 轮播图圆点形指示器大小 |
+| --arco-carousel-square-indicator-width | getRem(12) | 轮播图方形指示器高度 |
+| --arco-carousel-item-text-height | getRem(32) | 轮播图滑块文字内边距 |
+| --arco-carousel-item-text-font-size | getRem(16) | 输入框 高度 |

package/metaData/components/cell/css-variables.md

@@ -0,0 +1,32 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-cell-load-more-font-size | getRem(14) | 加载更多文字颜色 |
+| --arco-cell-desc-font-size | getRem(14) | 单元格标题文字大小 |
+| --arco-cell-title-font-size | getRem(15) | 单元格标题文字字重 |
+| --arco-cell-desc-margin-top | getRem(2) | 单元格内容文字大小 |
+| --arco-cell-content-font-size | getRem(14) | 单元格右箭头图标颜色 |
+| --arco-cell-arrow-gutter | getRem(8) | 单元格右箭头自定义图标大小 |
+| --arco-cell-arrow-font-size | getRem(12) | 单元格背景色 |
+| --arco-cell-font-size | getRem(16) | 单元格两侧横向间距 |
+| --arco-cell-horizontal-padding | getRem(16) | 单元格基础样式高度 |
+| --arco-cell-item-height | getRem(54) | 单元格有描述文字时的高度 |
+| --arco-cell-item-has-desc-height | getRem(74) | 单元格标签文字右侧间距 |
+| --arco-cell-label-gutter | getRem(24) | 单元格标签图标右侧间距 |
+| --arco-cell-label-icon-gutter | getRem(12) | 单元格标签图标大小 |
+| --arco-cell-label-icon-font-size | getRem(20) | 单元格头部和尾部说明文字大小 |
+| --arco-cell-extra-font-size | getRem(14) | 单元格头部和尾部说明文字行高 |
+| --arco-cell-extra-line-height | getRem(20) | 单元格头部和尾部说明内边距 |
+| --arco-cell-count-down-font-size | getRem(16) | 倒计时默认字体行高 |
+| --arco-cell-count-down-line-height | getRem(22) | 倒计时默认字体颜色 |
+| --arco-cell-action-sheet-item-height | getRem(54) | 动作面板选项字体大小 |
+| --arco-cell-action-sheet-item-font-size | getRem(16) | 动作面板顶部圆角值 |
+| --arco-cell-action-sheet-border-radius | getRem(8) | 动作面板取消按钮顶线颜色 |
+| --arco-cell-action-sheet-header-padding | getRem(16) | 动作面板头部标题字体大小 |
+| --arco-cell-action-sheet-title-font-size | getRem(16) | 动作面板头部描述字体大小 |
+| --arco-cell-action-sheet-sub-title-font-size | getRem(14) | 搜索栏内边距大小 |

package/metaData/components/checkbox/css-variables.md

@@ -0,0 +1,11 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-checkbox-icon-margin-right | getRem(8) | checkbox图标被选中时的颜色 |
+| --arco-checkbox-text-font-size | getRem(16) | checkbox文字禁用态透明度 |
+| --arco-checkbox-group-gutter | getRem(24) | tabs tabbar 字体大小 |

package/metaData/components/circle-progress/css-variables.md

@@ -0,0 +1,15 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-circleprogress-font-size | getRem(14) | 环形进度条 进度条颜色 |
+| --arco-circleprogress-progress-text-gutter | getRem(8) | 进度条 文字大小 |
+| --arco-circleprogress-progress-text-font-size | getRem(14) | 进度条 跟随进度样式的文字大小 |
+| --arco-circleprogress-progress-text-follow-font-size | getRem(13) | 进度条 跟随进度样式的文字圆角值 |
+| --arco-circleprogress-progress-text-follow-border-radius | getRem(20) | 进度条 跟随进度样式的文字宽度 |
+| --arco-circleprogress-progress-text-follow-width | getRem(36) | 进度条 跟随进度样式的文字高度 |
+| --arco-circleprogress-progress-text-follow-height | getRem(20) | 渐隐过渡效果持续时长 |

package/metaData/components/collapse/css-variables.md

@@ -0,0 +1,14 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-collapse-header-height | getRem(54) | collapse header的字体大小 |
+| --arco-collapse-header-font-size | getRem(16) | collapse header的左侧的margin |
+| --arco-collapse-header-margin-left | getRem(16) | collapse header的内边距 |
+| --arco-collapse-header-line-height | getRem(22) | collapse header的图标的颜色 |
+| --arco-collapse-content-font-size | getRem(14) | collapse content（面板）的字体颜色 |
+| --arco-collapse-content-line-height | getRem(22) | 下拉刷新组件状态文案内容区背景色 |

package/metaData/components/context-provider/css-variables.md

@@ -0,0 +1,9 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-contextprovider-search-bar-prefix-margin-right | getRem(9) | 搜索栏清除按钮的颜色 |

package/metaData/components/count-down/css-variables.md

@@ -0,0 +1,32 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-countdown-load-more-font-size | getRem(14) | 加载更多文字颜色 |
+| --arco-countdown-cell-desc-font-size | getRem(14) | 单元格标题文字大小 |
+| --arco-countdown-cell-title-font-size | getRem(15) | 单元格标题文字字重 |
+| --arco-countdown-cell-desc-margin-top | getRem(2) | 单元格内容文字大小 |
+| --arco-countdown-cell-content-font-size | getRem(14) | 单元格右箭头图标颜色 |
+| --arco-countdown-cell-arrow-gutter | getRem(8) | 单元格右箭头自定义图标大小 |
+| --arco-countdown-cell-arrow-font-size | getRem(12) | 单元格背景色 |
+| --arco-countdown-cell-font-size | getRem(16) | 单元格两侧横向间距 |
+| --arco-countdown-cell-horizontal-padding | getRem(16) | 单元格基础样式高度 |
+| --arco-countdown-cell-item-height | getRem(54) | 单元格有描述文字时的高度 |
+| --arco-countdown-cell-item-has-desc-height | getRem(74) | 单元格标签文字右侧间距 |
+| --arco-countdown-cell-label-gutter | getRem(24) | 单元格标签图标右侧间距 |
+| --arco-countdown-cell-label-icon-gutter | getRem(12) | 单元格标签图标大小 |
+| --arco-countdown-cell-label-icon-font-size | getRem(20) | 单元格头部和尾部说明文字大小 |
+| --arco-countdown-cell-extra-font-size | getRem(14) | 单元格头部和尾部说明文字行高 |
+| --arco-countdown-cell-extra-line-height | getRem(20) | 单元格头部和尾部说明内边距 |
+| --arco-countdown-font-size | getRem(16) | 倒计时默认字体行高 |
+| --arco-countdown-line-height | getRem(22) | 倒计时默认字体颜色 |
+| --arco-countdown-action-sheet-item-height | getRem(54) | 动作面板选项字体大小 |
+| --arco-countdown-action-sheet-item-font-size | getRem(16) | 动作面板顶部圆角值 |
+| --arco-countdown-action-sheet-border-radius | getRem(8) | 动作面板取消按钮顶线颜色 |
+| --arco-countdown-action-sheet-header-padding | getRem(16) | 动作面板头部标题字体大小 |
+| --arco-countdown-action-sheet-title-font-size | getRem(16) | 动作面板头部描述字体大小 |
+| --arco-countdown-action-sheet-sub-title-font-size | getRem(14) | 搜索栏内边距大小 |

package/metaData/components/dialog/css-variables.md

@@ -0,0 +1,31 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-dialog-content-width | getRem(270) | 对话框面板宽度 (android) |
+| --arco-dialog-content-android-width | getRem(280) | 对话框内容面板背景色 |
+| --arco-dialog-content-border-radius | getRem(8) | 对话框内容面板圆角值 (android) |
+| --arco-dialog-content-android-border-radius | getRem(4) | 对话框横向内边距 (ios) |
+| --arco-dialog-ios-horizontal-padding | getRem(16) | 对话框纵向内边距 (ios) |
+| --arco-dialog-ios-vertical-padding | getRem(20) | 对话框 header 和 body 的间距 (ios) |
+| --arco-dialog-ios-header-body-gutter | getRem(4) | 对话框横向内边距 (android) |
+| --arco-dialog-android-horizontal-padding | getRem(24) | 对话框纵向内边距 (android) |
+| --arco-dialog-android-vertical-padding | getRem(20) | 对话框 header 和 body 的间距 (android) |
+| --arco-dialog-android-header-body-gutter | getRem(12) | 对话框 body 和 footer 的间距 (android) |
+| --arco-dialog-android-body-footer-gutter | getRem(24) | 对话框正文字体颜色 (ios) |
+| --arco-dialog-body-ios-font-size | getRem(15) | 对话框正文字体行高 (ios) |
+| --arco-dialog-body-ios-line-height | getRem(22) | 对话框正文字体颜色 (android) |
+| --arco-dialog-body-android-font-size | getRem(15) | 对话框正文字体行高 (android) |
+| --arco-dialog-body-android-line-height | getRem(24) | 对话框标题字体颜色 (ios) |
+| --arco-dialog-header-ios-font-size | getRem(17) | 对话框标题字体行高 (ios) |
+| --arco-dialog-header-ios-line-height | getRem(26) | 对话框标题字体大小 (android) |
+| --arco-dialog-header-android-font-size | getRem(17) | 对话框标题字体行高 (android) |
+| --arco-dialog-header-android-line-height | getRem(28) | 对话框按钮区字体颜色 (ios) |
+| --arco-dialog-footer-ios-font-size | getRem(16) | 对话框按钮区高度 (ios) |
+| --arco-dialog-footer-ios-height | getRem(44) | 对话框按钮区字体颜色 (android) |
+| --arco-dialog-footer-android-font-size | getRem(15) | 对话框按钮区字体行高 (android) |
+| --arco-dialog-footer-android-line-height | getRem(20) | 对话框按钮区按钮间距 (android) |

package/metaData/components/divider/css-variables.md

@@ -0,0 +1,13 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-divider-popover-icon-divider-height | getRem(12) | 关闭icon大小 |
+| --arco-divider-content-font-size | getRem(14) | 分割线文本字体颜色 |
+| --arco-divider-right-width | getRem(28) | 分割线文本左右padding |
+| --arco-divider-content-padding | getRem(12) | 分割线上下padding |
+| --arco-divider-padding | getRem(16) | 骨架屏元素圆角 |

package/metaData/components/dropdown/css-variables.md

@@ -0,0 +1,23 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-dropdown-menu-padding | getRem(15) | dropdownMenu的选择框每一项的字体大小 |
+| --arco-dropdown-menu-font-size | getRem(16) | dropdownMenu的选择框每一项的字体行高 |
+| --arco-dropdown-menu-line-height | getRem(22) | dropdownMenu的选择框每一项的字体颜色 |
+| --arco-dropdown-menu-tip-min-width | getRem(18) | dropdownMenu的选择框中选择指引（选择项名称）的右侧padding |
+| --arco-dropdown-menu-tip-padding-right | getRem(16) | dropdownMenu的选择框中选择项的最大宽度 |
+| --arco-dropdown-menu-label-max-width | getRem(96) | dropdownMenu的选择框中图标的大小（宽高） |
+| --arco-dropdown-options-item-padding | `${getRem(16)}` | dropdown的弹出框中选项的字体大小 |
+| --arco-dropdown-options-item-font-size | getRem(16) | dropdown的弹出框中选项的字体行高 |
+| --arco-dropdown-options-item-line-height | getRem(22) | dropdown的弹出框中选项的字体颜色 |
+| --arco-dropdown-options-item-icon-right | getRem(16) | dropdown的弹出框中mask的背景颜色 |
+| --arco-dropdown-multi-rows-options-gutter | getRem(12) | dropdown的弹出框中多列样式下选项的内边距 |
+| --arco-dropdown-multi-rows-options-item-padding | `${getRem(8)}` | dropdown的弹出框中多列样式下选项的字体大小 |
+| --arco-dropdown-multi-rows-options-item-font-size | getRem(14) | dropdown的弹出框中多列样式下选项的字体行高 |
+| --arco-dropdown-multi-rows-options-item-line-height | getRem(20) | dropdown的弹出框中多列样式下选项的字体颜色 |
+| --arco-dropdown-multi-rows-options-container-padding | getRem(16) | dropdown的弹出框中多列样式下容器的外边距 |

package/metaData/components/dropdown-menu/css-variables.md

@@ -0,0 +1,23 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-dropdownmenu-padding | getRem(15) | dropdownMenu的选择框每一项的字体大小 |
+| --arco-dropdownmenu-font-size | getRem(16) | dropdownMenu的选择框每一项的字体行高 |
+| --arco-dropdownmenu-line-height | getRem(22) | dropdownMenu的选择框每一项的字体颜色 |
+| --arco-dropdownmenu-tip-min-width | getRem(18) | dropdownMenu的选择框中选择指引（选择项名称）的右侧padding |
+| --arco-dropdownmenu-tip-padding-right | getRem(16) | dropdownMenu的选择框中选择项的最大宽度 |
+| --arco-dropdownmenu-label-max-width | getRem(96) | dropdownMenu的选择框中图标的大小（宽高） |
+| --arco-dropdownmenu-dropdown-options-item-padding | `${getRem(16)}` | dropdown的弹出框中选项的字体大小 |
+| --arco-dropdownmenu-dropdown-options-item-font-size | getRem(16) | dropdown的弹出框中选项的字体行高 |
+| --arco-dropdownmenu-dropdown-options-item-line-height | getRem(22) | dropdown的弹出框中选项的字体颜色 |
+| --arco-dropdownmenu-dropdown-options-item-icon-right | getRem(16) | dropdown的弹出框中mask的背景颜色 |
+| --arco-dropdownmenu-dropdown-multi-rows-options-gutter | getRem(12) | dropdown的弹出框中多列样式下选项的内边距 |
+| --arco-dropdownmenu-dropdown-multi-rows-options-item-padding | `${getRem(8)}` | dropdown的弹出框中多列样式下选项的字体大小 |
+| --arco-dropdownmenu-dropdown-multi-rows-options-item-font-size | getRem(14) | dropdown的弹出框中多列样式下选项的字体行高 |
+| --arco-dropdownmenu-dropdown-multi-rows-options-item-line-height | getRem(20) | dropdown的弹出框中多列样式下选项的字体颜色 |
+| --arco-dropdownmenu-dropdown-multi-rows-options-container-padding | getRem(16) | dropdown的弹出框中多列样式下容器的外边距 |

package/metaData/components/ellipsis/css-variables.md

@@ -0,0 +1,9 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-ellipsis-default-text-size | getRem(16) | 文字缩略组件浮动模式下的缩略符背景色 |

package/metaData/components/form/css-variables.md

@@ -0,0 +1,12 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-form-item-label-item-font-size | getRem(16) | 表单项标签行高 |
+| --arco-form-item-label-item-line-height | getRem(54) | 表单项标签颜色 |
+| --arco-form-item-label-item-gutter | getRem(16) | 表单项标签宽度 |
+| --arco-form-item-label-item-width | getRem(96) | 表单项分割线颜色 |

package/metaData/components/grid/css-variables.md

@@ -0,0 +1,18 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-grid-icon-width | getRem(32) | 宫格组件每个单元格图标的高度 |
+| --arco-grid-icon-height | getRem(32) | 宫格组件垂直布局中文字区域顶部间距 |
+| --arco-grid-vertical-text-margin-top | getRem(8) | 宫格组件垂直布局中标题字体大小 |
+| --arco-grid-vertical-title-font-size | getRem(16) | 宫格组件垂直布局中标题字体行高 |
+| --arco-grid-vertical-title-line-height | getRem(20) | 宫格组件垂直布局中描述内容顶部间距 |
+| --arco-grid-vertical-content-margin-top | getRem(2) | 宫格组件垂直布局中描述内容字体大小 |
+| --arco-grid-vertical-content-font-size | getRem(12) | 宫格组件垂直布局中描述内容字体行高 |
+| --arco-grid-vertical-content-line-height | getRem(16) | 宫格组件水平布局中文字区域左侧间距 |
+| --arco-grid-horizontal-text-margin-left | getRem(12) | 宫格组件水平布局中描述内容顶部间距 |
+| --arco-grid-horizontal-content-margin-top | getRem(0) | 宫格组件分割线颜色 |

package/metaData/components/icon/css-variables.md

@@ -0,0 +1,32 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-icon-load-more-font-size | getRem(14) | 加载更多文字颜色 |
+| --arco-icon-cell-desc-font-size | getRem(14) | 单元格标题文字大小 |
+| --arco-icon-cell-title-font-size | getRem(15) | 单元格标题文字字重 |
+| --arco-icon-cell-desc-margin-top | getRem(2) | 单元格内容文字大小 |
+| --arco-icon-cell-content-font-size | getRem(14) | 单元格右箭头图标颜色 |
+| --arco-icon-cell-arrow-gutter | getRem(8) | 单元格右箭头自定义图标大小 |
+| --arco-icon-cell-arrow-font-size | getRem(12) | 单元格背景色 |
+| --arco-icon-cell-font-size | getRem(16) | 单元格两侧横向间距 |
+| --arco-icon-cell-horizontal-padding | getRem(16) | 单元格基础样式高度 |
+| --arco-icon-cell-item-height | getRem(54) | 单元格有描述文字时的高度 |
+| --arco-icon-cell-item-has-desc-height | getRem(74) | 单元格标签文字右侧间距 |
+| --arco-icon-cell-label-gutter | getRem(24) | 单元格标签图标右侧间距 |
+| --arco-icon-cell-label-icon-gutter | getRem(12) | 单元格标签图标大小 |
+| --arco-icon-cell-label-icon-font-size | getRem(20) | 单元格头部和尾部说明文字大小 |
+| --arco-icon-cell-extra-font-size | getRem(14) | 单元格头部和尾部说明文字行高 |
+| --arco-icon-cell-extra-line-height | getRem(20) | 单元格头部和尾部说明内边距 |
+| --arco-icon-count-down-font-size | getRem(16) | 倒计时默认字体行高 |
+| --arco-icon-count-down-line-height | getRem(22) | 倒计时默认字体颜色 |
+| --arco-icon-action-sheet-item-height | getRem(54) | 动作面板选项字体大小 |
+| --arco-icon-action-sheet-item-font-size | getRem(16) | 动作面板顶部圆角值 |
+| --arco-icon-action-sheet-border-radius | getRem(8) | 动作面板取消按钮顶线颜色 |
+| --arco-icon-action-sheet-header-padding | getRem(16) | 动作面板头部标题字体大小 |
+| --arco-icon-action-sheet-title-font-size | getRem(16) | 动作面板头部描述字体大小 |
+| --arco-icon-action-sheet-sub-title-font-size | getRem(14) | 搜索栏内边距大小 |

package/metaData/components/image/css-variables.md

@@ -0,0 +1,18 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-image-inner-font-size | getRem(16) | 图片重试时字体大小 |
+| --arco-image-retry-font-size | getRem(16) | switch 文字颜色 |
+| --arco-image-preview-indicator-font-size | getRem(14) | 图片预览指示器内边距 |
+| --arco-image-picker-font-size | getRem(14) | 图片选择器禁用状态下的透明度 |
+| --arco-image-picker-border-radius | getRem(2) | 图片选择器添加图片按钮的背景色 |
+| --arco-image-picker-add-icon-font-size | getRem(30) | 图片选择器添加图片按钮的图标颜色 |
+| --arco-image-picker-add-text-font-size | getRem(12) | 图片选择器添加图片按钮的字体颜色 |
+| --arco-image-picker-close-font-size | getRem(12) | 图片选择器关闭按钮宽度 |
+| --arco-image-picker-close-width | getRem(18) | 图片选择器关闭按钮高度 |
+| --arco-image-picker-close-height | getRem(18) | 图片选择器关闭按钮背景色 |

package/metaData/components/image-picker/css-variables.md

@@ -0,0 +1,18 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-imagepicker-uploader-item-height | getRem(36) | 文件上传组件上传列表上边距 |
+| --arco-imagepicker-uploader-item-margin-top | getRem(16) | 文件上传组件上传列表内边距 |
+| --arco-imagepicker-uploader-file-icon-font-size | getRem(16) | 文件上传组件上传列表文件图标右边距 |
+| --arco-imagepicker-uploader-file-icon-margin-right | getRem(12) | 文件上传组件上传列表文件图标颜色 |
+| --arco-imagepicker-uploader-item-text-font-size | getRem(14) | 文件上传组件上传列表外边框圆角 |
+| --arco-imagepicker-uploader-item-border-radius | getRem(2) | 文件上传组件上传列表文字颜色 |
+| --arco-imagepicker-uploader-loaded-icon-font-size | getRem(16) | 文件上传组件上传列表加载成功图标颜色 |
+| --arco-imagepicker-uploader-error-text-font-size | getRem(12) | 文件上传组件上传列表错误文字颜色 |
+| --arco-imagepicker-uploader-delete-icon-font-size | getRem(12) | 文件上传组件上传列表删除图标左内边距 |
+| --arco-imagepicker-uploader-delete-icon-padding-left | getRem(12) | 文件上传组件上传列表删除图标颜色 |

package/metaData/components/image-preview/css-variables.md

@@ -0,0 +1,18 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-imagepreview-image-inner-font-size | getRem(16) | 图片重试时字体大小 |
+| --arco-imagepreview-image-retry-font-size | getRem(16) | switch 文字颜色 |
+| --arco-imagepreview-indicator-font-size | getRem(14) | 图片预览指示器内边距 |
+| --arco-imagepreview-image-picker-font-size | getRem(14) | 图片选择器禁用状态下的透明度 |
+| --arco-imagepreview-image-picker-border-radius | getRem(2) | 图片选择器添加图片按钮的背景色 |
+| --arco-imagepreview-image-picker-add-icon-font-size | getRem(30) | 图片选择器添加图片按钮的图标颜色 |
+| --arco-imagepreview-image-picker-add-text-font-size | getRem(12) | 图片选择器添加图片按钮的字体颜色 |
+| --arco-imagepreview-image-picker-close-font-size | getRem(12) | 图片选择器关闭按钮宽度 |
+| --arco-imagepreview-image-picker-close-width | getRem(18) | 图片选择器关闭按钮高度 |
+| --arco-imagepreview-image-picker-close-height | getRem(18) | 图片选择器关闭按钮背景色 |

package/metaData/components/index-bar/css-variables.md

@@ -0,0 +1,20 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-indexbar-group-left-spacing | getRem(16) | 索引栏索引标题高度 |
+| --arco-indexbar-group-title-height | getRem(24) | 索引栏标题背景颜色 |
+| --arco-indexbar-group-title-font-size | getRem(14) | 索引栏内容子项高度 |
+| --arco-indexbar-group-item-height | getRem(54) | 索引栏内容子项字号大小 |
+| --arco-indexbar-group-item-font-size | getRem(16) | 索引栏侧边栏激活索引颜色 |
+| --arco-indexbar-sidebar-item-font-size | getRem(10) | 索引栏侧边栏子项字号行高 |
+| --arco-indexbar-sidebar-item-line-height | getRem(14) | 索引栏侧边栏子项高度 |
+| --arco-indexbar-sidebar-item-width | getRem(10) | 索引栏侧边栏水滴提示气泡的内边距 |
+| --arco-indexbar-sidebar-sweat-right | getRem(36) | 索引栏侧边栏水滴字号大小 |
+| --arco-indexbar-sidebar-sweat-font-size | getRem(24) | 索引栏侧边栏水滴直径 |
+| --arco-indexbar-sidebar-sweat-radius | getRem(50) | 索引栏侧边栏三角气泡位置 |
+| --arco-indexbar-sidebar-sweat-triangle-position | getRem(-28) | 索引栏侧边栏三角气泡的border |

package/metaData/components/input/css-variables.md

@@ -0,0 +1,20 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-input-height | getRem(54) | 输入框 禁用状态文字色 |
+| --arco-input-label-gutter | getRem(24) | 输入框 外包层水平内边距 |
+| --arco-input-horizontal-padding | getRem(16) | 输入框 外包层垂直内边距 |
+| --arco-input-vertical-padding | getRem(12) | 输入框 光标颜色 |
+| --arco-input-label-min-width | getRem(64) | 输入框 文字字体大小 |
+| --arco-input-text-font-size | getRem(16) | 输入框 文字行高 |
+| --arco-input-text-line-height | getRem(22) | 多行文本框 字号 |
+| --arco-input-search-bar-input-wrapper-height | getRem(36) | 搜索输入框容器内边距大小 |
+| --arco-input-search-bar-input-wrapper-font-size | getRem(14) | 搜索输入框高度 |
+| --arco-input-search-bar-input-height | getRem(20) | 搜索输入框光标颜色 |
+| --arco-input-stepper-input-width | getRem(40) | 步进器输入框长度 |
+| --arco-input-stepper-input-height | getRem(28) | 步进器输入框外边距 |

package/metaData/components/keyboard/css-variables.md

@@ -0,0 +1,16 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-keyboard-content-padding | getRem(8) | 键盘统一边距 |
+| --arco-keyboard-unified-margin | getRem(8) | 键盘右边一列确认键背景色 |
+| --arco-keyboard-confirm-key-font-size | getRem(18) | 键盘按钮字重 |
+| --arco-keyboard-key-font-size | getRem(22) | 键盘按钮中的图标大小 |
+| --arco-keyboard-key-icon-size | getRem(26) | 键盘按钮字体行高 |
+| --arco-keyboard-key-line-height | getRem(30) | 键盘按钮背景色 |
+| --arco-keyboard-key-border-radius | getRem(4) | 键盘按钮高度 |
+| --arco-keyboard-key-height | getRem(48) | 键盘按钮字体颜色 |

package/metaData/components/load-more/css-variables.md

@@ -0,0 +1,32 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-loadmore-font-size | getRem(14) | 加载更多文字颜色 |
+| --arco-loadmore-cell-desc-font-size | getRem(14) | 单元格标题文字大小 |
+| --arco-loadmore-cell-title-font-size | getRem(15) | 单元格标题文字字重 |
+| --arco-loadmore-cell-desc-margin-top | getRem(2) | 单元格内容文字大小 |
+| --arco-loadmore-cell-content-font-size | getRem(14) | 单元格右箭头图标颜色 |
+| --arco-loadmore-cell-arrow-gutter | getRem(8) | 单元格右箭头自定义图标大小 |
+| --arco-loadmore-cell-arrow-font-size | getRem(12) | 单元格背景色 |
+| --arco-loadmore-cell-font-size | getRem(16) | 单元格两侧横向间距 |
+| --arco-loadmore-cell-horizontal-padding | getRem(16) | 单元格基础样式高度 |
+| --arco-loadmore-cell-item-height | getRem(54) | 单元格有描述文字时的高度 |
+| --arco-loadmore-cell-item-has-desc-height | getRem(74) | 单元格标签文字右侧间距 |
+| --arco-loadmore-cell-label-gutter | getRem(24) | 单元格标签图标右侧间距 |
+| --arco-loadmore-cell-label-icon-gutter | getRem(12) | 单元格标签图标大小 |
+| --arco-loadmore-cell-label-icon-font-size | getRem(20) | 单元格头部和尾部说明文字大小 |
+| --arco-loadmore-cell-extra-font-size | getRem(14) | 单元格头部和尾部说明文字行高 |
+| --arco-loadmore-cell-extra-line-height | getRem(20) | 单元格头部和尾部说明内边距 |
+| --arco-loadmore-count-down-font-size | getRem(16) | 倒计时默认字体行高 |
+| --arco-loadmore-count-down-line-height | getRem(22) | 倒计时默认字体颜色 |
+| --arco-loadmore-action-sheet-item-height | getRem(54) | 动作面板选项字体大小 |
+| --arco-loadmore-action-sheet-item-font-size | getRem(16) | 动作面板顶部圆角值 |
+| --arco-loadmore-action-sheet-border-radius | getRem(8) | 动作面板取消按钮顶线颜色 |
+| --arco-loadmore-action-sheet-header-padding | getRem(16) | 动作面板头部标题字体大小 |
+| --arco-loadmore-action-sheet-title-font-size | getRem(16) | 动作面板头部描述字体大小 |
+| --arco-loadmore-action-sheet-sub-title-font-size | getRem(14) | 搜索栏内边距大小 |

package/metaData/components/loading/css-variables.md

@@ -0,0 +1,10 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-loading-toast-loading-inner-font-size | getRem(12) | toast 距屏幕边缘的安全距离 |
+| --arco-loading-dot-gutter | getRem(6) | 选择器选项字体大小 |

package/metaData/components/nav-bar/css-variables.md

@@ -0,0 +1,13 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-navbar-height | getRem(44) | navBar 下边框颜色 |
+| --arco-navbar-two-sides-font-size | getRem(16) | navBar 左右两侧内边距 |
+| --arco-navbar-title-font-size | getRem(17) | navBar 标题区域文字字体大小 |
+| --arco-navbar-title-text-font-size | getRem(17) | navBar 标题区域左右内边距 |
+| --arco-navbar-back-icon-height | getRem(16) | 图片 placeholder 背景色 |

package/metaData/components/notice-bar/css-variables.md

@@ -0,0 +1,14 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-noticebar-line-height | getRem(20) | 通知栏文字大小 |
+| --arco-noticebar-text-font-size | getRem(14) | 通知栏图标大小 |
+| --arco-noticebar-single-line-height | getRem(36) | 通知栏内容与容器的纵向间距 |
+| --arco-noticebar-vertical-padding | getRem(8) | 通知栏内容之间的横向间距 |
+| --arco-noticebar-horizontal-padding | getRem(8) | 通知栏两侧渐变的宽度 |
+| --arco-noticebar-gradient-width | getRem(8) | notify 成功通知背景色 |

package/metaData/components/notify/css-variables.md

@@ -0,0 +1,10 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-notify-font-size | getRem(14) | notify 内容最小高度 |
+| --arco-notify-min-height | getRem(36) | steps 上下内边距 |

package/metaData/components/pagination/css-variables.md

@@ -0,0 +1,15 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-pagination-center-field-gutter | getRem(24) | 分页器字体大小 |
+| --arco-pagination-field-font-size | getRem(15) | 分页器字体行高 |
+| --arco-pagination-field-line-height | getRem(22) | 分页器翻页按钮最小高度 |
+| --arco-pagination-field-btn-text-font-size | getRem(14) | 分页器翻页按钮文字与图标的间距 |
+| --arco-pagination-field-btn-icon-text-gutter | getRem(11) | 分页器翻页primary按钮背景颜色 |
+| --arco-pagination-item-font-size | getRem(18) | 分页器页码显示文字行高 |
+| --arco-pagination-item-line-height | getRem(22) | 分页器页码显示当前页文字颜色 |

package/metaData/components/picker/css-variables.md

@@ -0,0 +1,16 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-picker-view-font-size | getRem(16) | 选择器选项高度 |
+| --arco-picker-view-cell-height | getRem(44) | 选择器容器高度 |
+| --arco-picker-view-wrapper-height | getRem(220) | 选择器上半区蒙层渐变颜色 |
+| --arco-picker-wrapper-border-radius | getRem(4) | 选择器顶部操作栏高度 |
+| --arco-picker-header-height | getRem(54) | 选择器顶部操作栏背景色 |
+| --arco-picker-title-font-size | getRem(16) | 选择器标题内边距 |
+| --arco-picker-date-picker-range-font-size | getRem(16) | 日期时间范围选择器背景颜色 |
+| --arco-picker-date-picker-range-show-min-height | getRem(48) | 日期时间范围选择器展示区域分隔符最小宽度 |

package/metaData/components/picker-view/css-variables.md

@@ -0,0 +1,16 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-pickerview-font-size | getRem(16) | 选择器选项高度 |
+| --arco-pickerview-cell-height | getRem(44) | 选择器容器高度 |
+| --arco-pickerview-wrapper-height | getRem(220) | 选择器上半区蒙层渐变颜色 |
+| --arco-pickerview-picker-wrapper-border-radius | getRem(4) | 选择器顶部操作栏高度 |
+| --arco-pickerview-picker-header-height | getRem(54) | 选择器顶部操作栏背景色 |
+| --arco-pickerview-picker-title-font-size | getRem(16) | 选择器标题内边距 |
+| --arco-pickerview-date-picker-range-font-size | getRem(16) | 日期时间范围选择器背景颜色 |
+| --arco-pickerview-date-picker-range-show-min-height | getRem(48) | 日期时间范围选择器展示区域分隔符最小宽度 |

package/metaData/components/popover/css-variables.md

@@ -0,0 +1,14 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-popover-content-font-size | getRem(14) | 气泡内容文字行高 |
+| --arco-popover-content-line-height | getRem(20) | 气泡内容禁用态文字颜色 |
+| --arco-popover-horizontal-menu-max-width | getRem(288) | 横向菜单项大小 |
+| --arco-popover-horizontal-menu-item-size | getRem(72) | 横向菜单项padding |
+| --arco-popover-icon-size | getRem(16) | 关闭icon padding |
+| --arco-popover-text-suffix-edge | getRem(12) | 气泡遮罩背景色 |

package/metaData/components/portal/css-variables.md

@@ -0,0 +1,32 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-portal-load-more-font-size | getRem(14) | 加载更多文字颜色 |
+| --arco-portal-cell-desc-font-size | getRem(14) | 单元格标题文字大小 |
+| --arco-portal-cell-title-font-size | getRem(15) | 单元格标题文字字重 |
+| --arco-portal-cell-desc-margin-top | getRem(2) | 单元格内容文字大小 |
+| --arco-portal-cell-content-font-size | getRem(14) | 单元格右箭头图标颜色 |
+| --arco-portal-cell-arrow-gutter | getRem(8) | 单元格右箭头自定义图标大小 |
+| --arco-portal-cell-arrow-font-size | getRem(12) | 单元格背景色 |
+| --arco-portal-cell-font-size | getRem(16) | 单元格两侧横向间距 |
+| --arco-portal-cell-horizontal-padding | getRem(16) | 单元格基础样式高度 |
+| --arco-portal-cell-item-height | getRem(54) | 单元格有描述文字时的高度 |
+| --arco-portal-cell-item-has-desc-height | getRem(74) | 单元格标签文字右侧间距 |
+| --arco-portal-cell-label-gutter | getRem(24) | 单元格标签图标右侧间距 |
+| --arco-portal-cell-label-icon-gutter | getRem(12) | 单元格标签图标大小 |
+| --arco-portal-cell-label-icon-font-size | getRem(20) | 单元格头部和尾部说明文字大小 |
+| --arco-portal-cell-extra-font-size | getRem(14) | 单元格头部和尾部说明文字行高 |
+| --arco-portal-cell-extra-line-height | getRem(20) | 单元格头部和尾部说明内边距 |
+| --arco-portal-count-down-font-size | getRem(16) | 倒计时默认字体行高 |
+| --arco-portal-count-down-line-height | getRem(22) | 倒计时默认字体颜色 |
+| --arco-portal-action-sheet-item-height | getRem(54) | 动作面板选项字体大小 |
+| --arco-portal-action-sheet-item-font-size | getRem(16) | 动作面板顶部圆角值 |
+| --arco-portal-action-sheet-border-radius | getRem(8) | 动作面板取消按钮顶线颜色 |
+| --arco-portal-action-sheet-header-padding | getRem(16) | 动作面板头部标题字体大小 |
+| --arco-portal-action-sheet-title-font-size | getRem(16) | 动作面板头部描述字体大小 |
+| --arco-portal-action-sheet-sub-title-font-size | getRem(14) | 搜索栏内边距大小 |

package/metaData/components/progress/css-variables.md

@@ -0,0 +1,15 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-progress-circle-progress-font-size | getRem(14) | 环形进度条 进度条颜色 |
+| --arco-progress-text-gutter | getRem(8) | 进度条 文字大小 |
+| --arco-progress-text-font-size | getRem(14) | 进度条 跟随进度样式的文字大小 |
+| --arco-progress-text-follow-font-size | getRem(13) | 进度条 跟随进度样式的文字圆角值 |
+| --arco-progress-text-follow-border-radius | getRem(20) | 进度条 跟随进度样式的文字宽度 |
+| --arco-progress-text-follow-width | getRem(36) | 进度条 跟随进度样式的文字高度 |
+| --arco-progress-text-follow-height | getRem(20) | 渐隐过渡效果持续时长 |

package/metaData/components/pull-refresh/css-variables.md

@@ -0,0 +1,9 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-pullrefresh-label-font-size | getRem(12) | 下拉刷新组件容器背景色 |

package/metaData/components/search-bar/css-variables.md

@@ -0,0 +1,18 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-searchbar-padding | getRem(16) | 搜索栏背景颜色 |
+| --arco-searchbar-square-shape-border-radius | getRem(2) | 圆形搜索栏的圆角大小 |
+| --arco-searchbar-round-shape-border-radius | getRem(9999) | 搜索输入框容器高度 |
+| --arco-searchbar-clear-icon-padding-left | getRem(16) | 搜索栏搜索按钮的颜色 |
+| --arco-searchbar-search-icon-font-size | getRem(16) | 搜索栏右侧取消按钮颜色 |
+| --arco-searchbar-cancel-btn-font-size | getRem(15) | 搜索栏右侧取消按钮的左边距 |
+| --arco-searchbar-cancel-btn-margin-left | getRem(16) | 搜索联想框背景颜色 |
+| --arco-searchbar-association-item-height | getRem(52) | 搜索联想框候选项内边距 |
+| --arco-searchbar-association-item-padding | getRem(16) | 搜索联想框候选项字体大小 |
+| --arco-searchbar-association-item-font-size | getRem(15) | 搜索联想框候选项普通文字颜色 |

package/metaData/components/show-monitor/css-variables.md

@@ -0,0 +1,32 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-showmonitor-load-more-font-size | getRem(14) | 加载更多文字颜色 |
+| --arco-showmonitor-cell-desc-font-size | getRem(14) | 单元格标题文字大小 |
+| --arco-showmonitor-cell-title-font-size | getRem(15) | 单元格标题文字字重 |
+| --arco-showmonitor-cell-desc-margin-top | getRem(2) | 单元格内容文字大小 |
+| --arco-showmonitor-cell-content-font-size | getRem(14) | 单元格右箭头图标颜色 |
+| --arco-showmonitor-cell-arrow-gutter | getRem(8) | 单元格右箭头自定义图标大小 |
+| --arco-showmonitor-cell-arrow-font-size | getRem(12) | 单元格背景色 |
+| --arco-showmonitor-cell-font-size | getRem(16) | 单元格两侧横向间距 |
+| --arco-showmonitor-cell-horizontal-padding | getRem(16) | 单元格基础样式高度 |
+| --arco-showmonitor-cell-item-height | getRem(54) | 单元格有描述文字时的高度 |
+| --arco-showmonitor-cell-item-has-desc-height | getRem(74) | 单元格标签文字右侧间距 |
+| --arco-showmonitor-cell-label-gutter | getRem(24) | 单元格标签图标右侧间距 |
+| --arco-showmonitor-cell-label-icon-gutter | getRem(12) | 单元格标签图标大小 |
+| --arco-showmonitor-cell-label-icon-font-size | getRem(20) | 单元格头部和尾部说明文字大小 |
+| --arco-showmonitor-cell-extra-font-size | getRem(14) | 单元格头部和尾部说明文字行高 |
+| --arco-showmonitor-cell-extra-line-height | getRem(20) | 单元格头部和尾部说明内边距 |
+| --arco-showmonitor-count-down-font-size | getRem(16) | 倒计时默认字体行高 |
+| --arco-showmonitor-count-down-line-height | getRem(22) | 倒计时默认字体颜色 |
+| --arco-showmonitor-action-sheet-item-height | getRem(54) | 动作面板选项字体大小 |
+| --arco-showmonitor-action-sheet-item-font-size | getRem(16) | 动作面板顶部圆角值 |
+| --arco-showmonitor-action-sheet-border-radius | getRem(8) | 动作面板取消按钮顶线颜色 |
+| --arco-showmonitor-action-sheet-header-padding | getRem(16) | 动作面板头部标题字体大小 |
+| --arco-showmonitor-action-sheet-title-font-size | getRem(16) | 动作面板头部描述字体大小 |
+| --arco-showmonitor-action-sheet-sub-title-font-size | getRem(14) | 搜索栏内边距大小 |

package/metaData/components/skeleton/css-variables.md

@@ -0,0 +1,15 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-skeleton-border-radius | getRem(0) | 骨架屏元素背景色 |
+| --arco-skeleton-title-height | getRem(16) | 骨架屏段落行高度 |
+| --arco-skeleton-paragraph-height | getRem(16) | 骨架屏各段落行间距 |
+| --arco-skeleton-paragraph-margin-top | getRem(12) | 骨架屏头像大小 |
+| --arco-skeleton-grid-icon-size | getRem(32) | 骨架屏金刚位文字区宽度 |
+| --arco-skeleton-grid-text-width | getRem(64) | 骨架屏金刚位文字区高度 |
+| --arco-skeleton-large-gutter | getRem(20) | 文件上传组件上传列表高度 |

package/metaData/components/slider/css-variables.md

@@ -0,0 +1,22 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-slider-mask-padding | getRem(15) | slider 有标记时的底部内边距 |
+| --arco-slider-has-mark-padding-bottom | getRem(35) | slider 两侧标注文字大小 |
+| --arco-slider-label-font-size | getRem(16) | slider 两侧标注与滑动条的间距 |
+| --arco-slider-label-gutter | getRem(12) | slider 标记文案的字体颜色 |
+| --arco-slider-line-border-radius | getRem(4) | slider 被选中时的线条颜色 |
+| --arco-slider-thumb-width | getRem(24) | slider 滑块的高度 |
+| --arco-slider-thumb-height | getRem(24) | slider 滑块的边框半径 |
+| --arco-slider-popover-font-size | getRem(12) | slider 气泡内容字体行高 |
+| --arco-slider-popover-line-height | getRem(17) | slider 气泡底部的外边距（垂直时是左外边距） |
+| --arco-slider-popover-gutter | getRem(14) | slider 滑动条节点的宽度 |
+| --arco-slider-mark-label-font-size | getRem(14) | slider 滑动条节点文案的字体行高 |
+| --arco-slider-mark-label-line-height | getRem(20) | slider 横向滑动条节点文案距离节点的顶部距离 |
+| --arco-slider-horizontal-mark-label-top | getRem(19) | slider 纵向滑动条节点文案距离节点的右距离 |
+| --arco-slider-vertical-mark-label-right | getRem(13) | swipeLoad 滑动区域的背景色 |

package/metaData/components/stepper/css-variables.md

@@ -0,0 +1,11 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-stepper-width | getRem(98) | 步进器字体大小 |
+| --arco-stepper-font-size | getRem(14) | 步进器方角边框样式 |
+| --arco-stepper-square-border-radius | getRem(2) | 步进器方角样式背景颜色 |

package/metaData/components/steps/css-variables.md

@@ -0,0 +1,17 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-steps-horizontal-content-margin-top | getRem(5) | steps 竖向步骤条内容左外边距 |
+| --arco-steps-vertical-content-margin-left | getRem(13) | steps 竖向步骤条内容下内边距 |
+| --arco-steps-vertical-content-padding-bottom | getRem(25) | steps 标题文字大小 |
+| --arco-steps-title-font-size | getRem(14) | steps 标题文字行高 |
+| --arco-steps-title-line-height | getRem(20) | steps 描述文字大小 |
+| --arco-steps-description-font-size | getRem(12) | steps 描述文字行高 |
+| --arco-steps-description-line-height | getRem(18) | steps 描述文字外边距 |
+| --arco-steps-description-margin-top | getRem(2) | steps 竖向步骤条下内边距 |
+| --arco-steps-vertical-padding-left | getRem(20) | steps mixin 函数进行中步骤自定义图标颜色 |

package/metaData/components/swipe-action/css-variables.md

@@ -0,0 +1,12 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-swipeaction-swipe-load-label-text-margin-left | getRem(20) | swipeLoad 加载提示区域的宽度 |
+| --arco-swipeaction-swipe-load-label-text-width | getRem(20) | swipeLoad 加载提示区域的字体颜色 |
+| --arco-swipeaction-swipe-load-label-text-font-size | getRem(12) | 通知栏外层容器内边距 |
+| --arco-swipeaction-icon-margin-right | getRem(4) | 徽标背景色 |

package/metaData/components/swipe-load/css-variables.md

@@ -0,0 +1,12 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-swipeload-label-text-margin-left | getRem(20) | swipeLoad 加载提示区域的宽度 |
+| --arco-swipeload-label-text-width | getRem(20) | swipeLoad 加载提示区域的字体颜色 |
+| --arco-swipeload-label-text-font-size | getRem(12) | 通知栏外层容器内边距 |
+| --arco-swipeload-swipe-action-icon-margin-right | getRem(4) | 徽标背景色 |

package/metaData/components/switch/css-variables.md

@@ -0,0 +1,18 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-switch-android-checked-inner-transform | `translateX(16PX)` | switch 安卓开关文字大小 |
+| --arco-switch-ios-width | getRem(51) | switch iOS 开关整体高度 |
+| --arco-switch-ios-height | getRem(31) | switch iOS 开关内边距 |
+| --arco-switch-ios-padding | getRem(2) | switch iOS 开关直径 |
+| --arco-switch-ios-inner-diameter-size | getRem(27) | switch iOS 开关边框颜色 |
+| --arco-switch-ios-fully-border-radius | getRem(16) | switch iOS 直角开关圆角大小 |
+| --arco-switch-ios-semi-border-radius | getRem(2) | switch iOS 开关打开时横向偏移量 |
+| --arco-switch-ios-checked-inner-transform | `translateX(${getRem(20)})` | switch iOS 开关文字大小 |
+| --arco-switch-ios-text-font-size | getRem(14) | switch iOS 开关文字左右间距 |
+| --arco-switch-ios-text-gap-size | getRem(6) | switch iOS 开关背景色 |

package/metaData/components/tab-bar/css-variables.md

@@ -0,0 +1,14 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-tabbar-height | getRem(50) | tabBar 默认字体大小 |
+| --arco-tabbar-font-size | getRem(10) | tabBar icon的默认大小 |
+| --arco-tabbar-icon-size | getRem(20) | tabBar 只有title时的字体大小 |
+| --arco-tabbar-only-title-font-size | getRem(16) | tabBar 默认颜色 |
+| --arco-tabbar-title-line-height | getRem(14) | tabBar 只有title时的行高 |
+| --arco-tabbar-only-title-line-height | getRem(22) | tabBar 标题外边距 |

package/metaData/components/tabs/css-variables.md

@@ -0,0 +1,18 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-tabs-tab-bar-font-size | getRem(15) | tabs tabbar 背景色 |
+| --arco-tabs-tab-bar-height | getRem(42) | tabs 左右排布时 tabbar 容器宽度 |
+| --arco-tabs-tab-bar-width | getRem(78) | tabs 左右排布时每一个选项卡的高度 |
+| --arco-tabs-tab-bar-horizontal-height | getRem(54) | tabs 分段器样式下 tabbar 容器高度 |
+| --arco-tabs-tab-bar-card-height | getRem(40) | tabs 分段器样式下的主颜色（边框色、高亮块背景色、非高亮块文字颜色） |
+| --arco-tabs-tab-bar-line-gutter | getRem(40) | tabs 标签非等分样式下选项卡的间距 |
+| --arco-tabs-tab-bar-tag-gutter | getRem(16) | tabs 标签样式下 tabbar 容器高度 |
+| --arco-tabs-tab-bar-tag-height | getRem(60) | tabs 标签样式下，选项卡与容器的垂直间距 |
+| --arco-tabs-tab-bar-tag-vertical-padding | getRem(12) | tabs 标签样式下每个选项卡的背景色 |
+| --arco-tabs-underline-size | getRem(24) | tabs 基础样式高亮下划线的圆角值 |

package/metaData/components/tag/css-variables.md

@@ -0,0 +1,19 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-tag-font-size | getRem(12) | tag 内部图标大小 |
+| --arco-tag-icon-font-size | getRem(12) | tag 内部图标右外边距 |
+| --arco-tag-icon-margin-right | getRem(2) | tag 内部关闭图标左外边距 |
+| --arco-tag-icon-close-margin-left | getRem(4) | tag 小尺寸高度 |
+| --arco-tag-small-size-height | getRem(18) | tag 小尺寸内边距 |
+| --arco-tag-small-size-padding | getRem(4) | tag 中尺寸高度 |
+| --arco-tag-medium-size-height | getRem(20) | tag 中尺寸内边距 |
+| --arco-tag-medium-size-padding | getRem(4) | tag 大尺寸高度 |
+| --arco-tag-large-size-height | getRem(24) | tag 大尺寸内边距 |
+| --arco-tag-large-size-padding | getRem(6) | tag 圆角标签内边距 |
+| --arco-tag-filleted-padding | getRem(8) | tag 圆角大小 |

package/metaData/components/textarea/css-variables.md

@@ -0,0 +1,11 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-textarea-font-size | getRem(16) | 多行文本框 行间距 |
+| --arco-textarea-line-height | getRem(22) | 多行文本框 内边距 |
+| --arco-textarea-padding | getRem(16) | 多行文本框 有字数统计时的内边距 |

package/metaData/components/toast/css-variables.md

@@ -0,0 +1,19 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-toast-font-size | getRem(16) | toast 字体行高 |
+| --arco-toast-line-height | getRem(24) | toast 圆角值 |
+| --arco-toast-border-radius | getRem(4) | toast 加载态默认arc样式下底圈的背景色 |
+| --arco-toast-horizontal-icon-size | getRem(16) | toast 内容横向排列时文字与图标的距离 |
+| --arco-toast-horizontal-icon-content-gutter | getRem(8) | toast 内容纵向排列时的内边距 |
+| --arco-toast-vertical-padding | getRem(16) | toast 内容纵向排列时的图标大小 |
+| --arco-toast-vertical-icon-size | getRem(24) | toast 内容纵向排列时文字与图标的距离 |
+| --arco-toast-vertical-icon-content-gutter | getRem(8) | loading 主颜色 |
+| --arco-toast-index-bar-sidebar-toast-height | getRem(48) | 索引栏侧边栏轻提示圆角大小 |
+| --arco-toast-index-bar-sidebar-toast-radius | getRem(4) | 索引栏侧边栏轻提示内边距 |
+| --arco-toast-index-bar-sidebar-toast-font-size | getRem(24) | 步进器整体宽度 |

package/metaData/components/transition/css-variables.md

@@ -0,0 +1,32 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-transition-load-more-font-size | getRem(14) | 加载更多文字颜色 |
+| --arco-transition-cell-desc-font-size | getRem(14) | 单元格标题文字大小 |
+| --arco-transition-cell-title-font-size | getRem(15) | 单元格标题文字字重 |
+| --arco-transition-cell-desc-margin-top | getRem(2) | 单元格内容文字大小 |
+| --arco-transition-cell-content-font-size | getRem(14) | 单元格右箭头图标颜色 |
+| --arco-transition-cell-arrow-gutter | getRem(8) | 单元格右箭头自定义图标大小 |
+| --arco-transition-cell-arrow-font-size | getRem(12) | 单元格背景色 |
+| --arco-transition-cell-font-size | getRem(16) | 单元格两侧横向间距 |
+| --arco-transition-cell-horizontal-padding | getRem(16) | 单元格基础样式高度 |
+| --arco-transition-cell-item-height | getRem(54) | 单元格有描述文字时的高度 |
+| --arco-transition-cell-item-has-desc-height | getRem(74) | 单元格标签文字右侧间距 |
+| --arco-transition-cell-label-gutter | getRem(24) | 单元格标签图标右侧间距 |
+| --arco-transition-cell-label-icon-gutter | getRem(12) | 单元格标签图标大小 |
+| --arco-transition-cell-label-icon-font-size | getRem(20) | 单元格头部和尾部说明文字大小 |
+| --arco-transition-cell-extra-font-size | getRem(14) | 单元格头部和尾部说明文字行高 |
+| --arco-transition-cell-extra-line-height | getRem(20) | 单元格头部和尾部说明内边距 |
+| --arco-transition-count-down-font-size | getRem(16) | 倒计时默认字体行高 |
+| --arco-transition-count-down-line-height | getRem(22) | 倒计时默认字体颜色 |
+| --arco-transition-action-sheet-item-height | getRem(54) | 动作面板选项字体大小 |
+| --arco-transition-action-sheet-item-font-size | getRem(16) | 动作面板顶部圆角值 |
+| --arco-transition-action-sheet-border-radius | getRem(8) | 动作面板取消按钮顶线颜色 |
+| --arco-transition-action-sheet-header-padding | getRem(16) | 动作面板头部标题字体大小 |
+| --arco-transition-action-sheet-title-font-size | getRem(16) | 动作面板头部描述字体大小 |
+| --arco-transition-action-sheet-sub-title-font-size | getRem(14) | 搜索栏内边距大小 |

package/metaData/components/uploader/css-variables.md

@@ -0,0 +1,18 @@
+## 主题定制
+
+### 样式变量
+
+组件提供了下列 CSS 变量，可用于自定义样式，使用方法请参考 ConfigProvider 组件。
+
+| 名称 | 默认值 | 描述 |
+| --- | --- | --- |
+| --arco-uploader-item-height | getRem(36) | 文件上传组件上传列表上边距 |
+| --arco-uploader-item-margin-top | getRem(16) | 文件上传组件上传列表内边距 |
+| --arco-uploader-file-icon-font-size | getRem(16) | 文件上传组件上传列表文件图标右边距 |
+| --arco-uploader-file-icon-margin-right | getRem(12) | 文件上传组件上传列表文件图标颜色 |
+| --arco-uploader-item-text-font-size | getRem(14) | 文件上传组件上传列表外边框圆角 |
+| --arco-uploader-item-border-radius | getRem(2) | 文件上传组件上传列表文字颜色 |
+| --arco-uploader-loaded-icon-font-size | getRem(16) | 文件上传组件上传列表加载成功图标颜色 |
+| --arco-uploader-error-text-font-size | getRem(12) | 文件上传组件上传列表错误文字颜色 |
+| --arco-uploader-delete-icon-font-size | getRem(12) | 文件上传组件上传列表删除图标左内边距 |
+| --arco-uploader-delete-icon-padding-left | getRem(12) | 文件上传组件上传列表删除图标颜色 |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fjyueke/arco-mcp",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "type": "module",
   "description": "MCP UI builder by Arco Design Mobile",
   "license": "MIT",