@fjyueke/arco-mcp 1.0.1 → 1.0.3

package/metaData/components/collapse/style.md

@@ -0,0 +1,53 @@
+@import '../../../style/mixin.less';
+
+.@{prefix}-collapse-group {
+}
+
+.@{prefix}-collapse-item {
+    padding: 0;
+    margin: 0;
+    .@{prefix}-collapse {
+        &-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            .use-var(background, collapse-header-background);
+            .use-var(height, collapse-header-height);
+            .use-var(margin-left, collapse-header-margin-left);
+            .use-var(padding, collapse-header-padding);
+            .use-var(color, collapse-header-color);
+            .use-var(line-height, collapse-header-line-height);
+            .use-var(font-size, collapse-header-font-size);
+            .onepx-border-var(bottom, line-color);
+        }
+        &-icon {
+            .use-var(color, collapse-header-icon-color);
+            display: inline-flex;
+            align-items: center;
+            svg,
+            i {
+                .use-var(font-size, collapse-header-font-size);
+                .use-var(width, collapse-header-font-size);
+            }
+            &-arrow {
+                transition: transform 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
+            }
+        }
+        &-content {
+            height: 0;
+            .use-var(line-height, collapse-content-line-height);
+            .use-var(font-size, collapse-content-font-size);
+            .use-var(color, collapse-content-color);
+            overflow: hidden;
+            transition: height 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
+            &-container {
+                .use-var(padding, collapse-content-padding);
+            }
+        }
+    }
+    &.disabled {
+        .@{prefix}-collapse-header {
+            .use-var(color, collapse-disabled-header-color);
+        }
+    }
+}

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/context-provider/style.md

@@ -0,0 +1 @@
+// 这里啥也没有，但是为了兼容 babel-plugin-import的统一引用，还是需要创建下文件

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/count-down/style.md

@@ -0,0 +1,7 @@
+@import "../../../style/mixin.less";
+
+.@{prefix}-count-down {
+    .use-var(font-size, count-down-font-size);
+    .use-var(line-height, count-down-line-height);
+    .use-var(color, count-down-color);
+}

package/metaData/components/date-picker/style.md

@@ -0,0 +1,27 @@
+@import '../../../style/mixin.less';
+
+.@{prefix}-date-picker {
+    &-show {
+        display: flex;
+        .use-var(font-size, date-picker-range-font-size);
+        .use-var(padding, date-picker-range-show-padding);
+        .use-var(color, date-picker-range-disabled-font-color);
+        .use-var(min-height, date-picker-range-show-min-height);
+        .use-var(background-color, date-picker-range-background-color);
+        & > span {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        &-separate {
+            flex: 0 1 auto;
+            .use-var(min-width, date-picker-range-separate-min-width);
+        }
+    }
+    &-range-item {
+        flex: 1 0 auto;
+        &-active {
+            .use-var(color, date-picker-range-font-color);
+        }
+    }
+}

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/dialog/style.md

@@ -0,0 +1,271 @@
+@import "../../../style/mixin.less";
+
+@keyframes fade-scale-on {
+
+    0% {
+        opacity: 0; transform: scale(.5); }
+
+    100% {
+        opacity: 1; transform: scale(1); }
+}
+
+@keyframes fade-scale-off {
+
+    0% {
+        opacity: 1; transform: scale(1); }
+
+    100% {
+        opacity: 0; transform: scale(.5); }
+}
+
+.@{prefix}-fade-scale-enter-active {
+    animation: fade-scale-on cubic-bezier(.2, 1.23, .25, 1) forwards;
+    animation-duration: var(--builtin-transition-fade-scale-enter-duration, .45s);
+}
+
+.@{prefix}-fade-scale-exit-active {
+    animation: fade-scale-off cubic-bezier(.48, .04, .52, .96) forwards;
+    animation-duration: var(--builtin-transition-fade-scale-exit-duration, .15s);
+}
+
+.@{prefix}-dialog {
+
+    &-mask,
+    &-container {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+
+    &-mask {
+        z-index: @full-screen-z-index;
+        .use-var(background, dialog-mask-background);
+    }
+
+    &-container {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        z-index: @full-screen-z-index + 1;
+        pointer-events: none;
+    }
+
+    &-content {
+        position: relative;
+        .use-var(width, dialog-content-width);
+        pointer-events: visible;
+
+        &.android {
+            .use-var(width, dialog-content-android-width);
+        }
+    }
+
+    &-container.pre-mount &-content,
+    &-container[class*="-exit-done"] &-content {
+        pointer-events: none;
+    }
+
+    &-part {
+        .use-var(background, dialog-content-background);
+
+        &.android {
+
+            &:first-of-type {
+                .use-var(border-top-left-radius, dialog-content-android-border-radius);
+                .use-var(border-top-right-radius, dialog-content-android-border-radius);
+            }
+
+            &:last-of-type {
+                .use-var(border-bottom-left-radius, dialog-content-android-border-radius);
+                .use-var(border-bottom-right-radius, dialog-content-android-border-radius);
+            }
+        }
+
+        &.ios {
+
+            &:first-of-type {
+                .use-var(border-top-left-radius, dialog-content-border-radius);
+                .use-var(border-top-right-radius, dialog-content-border-radius);
+            }
+
+            &:last-of-type {
+                .use-var(border-bottom-left-radius, dialog-content-border-radius);
+                .use-var(border-bottom-right-radius, dialog-content-border-radius);
+            }
+        }
+    }
+
+    &-header {
+        position: relative;
+
+        &.ios {
+            text-align: center;
+            .use-var(padding-top, dialog-ios-vertical-padding);
+            .use-var(padding-left, dialog-ios-horizontal-padding);
+            .use-var(padding-right, dialog-ios-horizontal-padding);
+            .use-var(font-size, dialog-header-ios-font-size);
+            .use-var(line-height, dialog-header-ios-line-height);
+            .text-medium();
+
+            &.only-title {
+                .use-var(padding-bottom, dialog-ios-vertical-padding);
+            }
+        }
+
+        &.android {
+            .use-var(color, dialog-header-android-color);
+        }
+    }
+
+    &-body {
+
+        &.ios {
+            .use-var(padding-top, dialog-ios-header-body-gutter);
+            .use-var(padding-left, dialog-ios-horizontal-padding);
+            .use-var(padding-right, dialog-ios-horizontal-padding);
+            .use-var(padding-bottom, dialog-ios-vertical-padding);
+            .use-var(color, dialog-body-ios-color);
+            .use-var(font-size, dialog-body-ios-font-size);
+            .use-var(line-height, dialog-body-ios-line-height);
+
+            &.sub-title {
+                .use-var(padding-top, dialog-ios-vertical-padding);
+            }
+        }
+
+        &.android {
+            .use-var(padding-top, dialog-android-header-body-gutter);
+            .use-var(padding-left, dialog-android-horizontal-padding);
+            .use-var(padding-right, dialog-android-horizontal-padding);
+            .use-var(color, dialog-body-android-color);
+            .use-var(font-size, dialog-body-android-font-size);
+            .use-var(line-height, dialog-body-android-line-height);
+        }
+    }
+
+    &-header,
+    &-body {
+
+        &.left {
+            .set-value-with-rtl(text-align, left);
+        }
+
+        &.center {
+            text-align: center;
+        }
+
+        &.right {
+            .set-value-with-rtl(text-align, right);
+        }
+    }
+
+    &-header,
+    &-body.sub-title {
+
+        &.android {
+            .use-var(padding-top, dialog-android-vertical-padding);
+            .use-var(padding-left, dialog-android-horizontal-padding);
+            .use-var(padding-right, dialog-android-horizontal-padding);
+            .use-var(font-size, dialog-header-android-font-size);
+            .use-var(line-height, dialog-header-android-line-height);
+        }
+
+        &.ios {
+            .use-var(color, dialog-header-ios-color);
+        }
+    }
+
+    &-footer {
+        display: flex;
+        align-items: center;
+
+        &.android {
+            .use-var(padding-left, dialog-android-horizontal-padding);
+            .use-var(padding-right, dialog-android-horizontal-padding);
+            .use-var(padding-top, dialog-android-body-footer-gutter);
+            .use-var(padding-bottom, dialog-android-vertical-padding);
+            justify-content: flex-end;
+            .set-value-with-rtl(text-align, right);
+
+            .dialog-footer-button {
+                .use-var(color, dialog-footer-android-color);
+                .use-var(font-size, dialog-footer-android-font-size);
+                .use-var(line-height, dialog-footer-android-line-height);
+
+                &:not(:last-child) {
+                    .use-var-with-rtl(margin-right, dialog-footer-android-button-gutter);
+                }
+            }
+        }
+
+        &.ios {
+            overflow: hidden;
+
+            .dialog-footer-button {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                .use-var(height, dialog-footer-ios-height);
+                .use-var(font-size, dialog-footer-ios-font-size);
+                .use-var(color, dialog-footer-ios-color);
+            }
+
+            &:not(.collapsed):not(.type-button) {
+                .onepx-border-var(top, line-color);
+
+                .dialog-footer-button {
+                    flex: 1;
+
+                    &:not(:last-child) {
+                        .onepx-border-var(right, line-color);
+
+                        [dir='rtl'] & {
+                            .onepx-border-var(left, line-color);
+                            &::after {
+                                display: none;
+                            }
+                        }
+                    }
+                }
+            }
+
+            &.collapsed {
+                flex-direction: column;
+
+                .dialog-footer-button {
+                    width: 100%;
+                    .onepx-border-var(top, line-color);
+                }
+            }
+
+            &.type-button {
+                flex-direction: column;
+                .use-var(padding-left, dialog-ios-horizontal-padding);
+                .use-var(padding-right, dialog-ios-horizontal-padding);
+                .use-var(padding-bottom, dialog-ios-vertical-padding);
+
+                .dialog-footer-button {
+                    width: 100%;
+                    .use-var(border-radius, dialog-button-footer-border-radius);
+                    .use-var(height, dialog-button-footer-height);
+
+                    &:first-child {
+                        .use-var(color, dialog-button-footer-primary-color);
+                        .use-var(background, dialog-button-footer-primary-background);
+                    }
+
+                    &:not(:first-child) {
+                        .use-var(color, dialog-button-footer-color);
+                        .use-var(margin-top, dialog-button-footer-gutter);
+                    }
+
+                    &:last-child {
+                        .rem(margin-bottom, -7);
+                    }
+                }
+            }
+        }
+    }
+}

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/divider/style.md

@@ -0,0 +1,68 @@
+@import '../../../style/mixin.less';
+
+.@{prefix}-divider {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    .use-var(padding, divider-padding, '', 0);
+    .use-var(border-color, divider-line-color);
+    border-width: 0;
+    border-style: solid;
+
+    &::before,
+    &::after {
+        flex-grow: 1;
+        flex-shrink: 1;
+        flex-basis: inherit;
+        border-width: 0;
+        border-color: inherit;
+        border-style: inherit;
+        .use-var(border-top-width, divider-line-thickness);
+    }
+
+    &::before {
+        content: '';
+    }
+
+    &--hairline {
+        &::before,
+        &::after {
+            @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
+                transform: scaleY(0.5);
+            }
+
+            @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
+                transform: scaleY(0.33333333);
+            }
+        }
+    }
+
+    &--with-text {
+        .use-var(font-size, divider-content-font-size);
+        .use-var(color, divider-content-font-color);
+
+        &::before {
+            .use-var-with-rtl(margin-right, divider-content-padding);
+        }
+
+        &::after {
+            content: '';
+            .use-var-with-rtl(margin-left, divider-content-padding);
+        }
+    }
+
+    &--with-width {
+        &::before,
+        &::after {
+            flex-shrink: 0;
+            flex-grow: 0;
+        }
+    }
+
+    &--text-left::before {
+        .use-var(max-width, divider-left-width);
+    }
+    &--text-right::after {
+        .use-var(max-width, divider-right-width);
+    }
+}

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/style.md

@@ -0,0 +1,108 @@
+@import "../../../style/mixin.less";
+
+.@{prefix}-dropdown {
+    position: fixed;
+    overflow: hidden;
+    left: 0;
+    right: 0;
+    z-index: @full-screen-z-index;
+
+    &-options {
+        position: absolute;
+        left: 0;
+        right: 0;
+        z-index: @full-screen-z-index + 1;
+        will-change: transform;
+
+        .drop-up & {
+            bottom: 0;
+        }
+        .use-var(background-color, dropdown-options-background-color);
+
+        &-container {
+            height: auto;
+        }
+
+        &-wrap {
+            &.use-column {
+                display: flex;
+                flex-wrap: wrap;
+                .use-var(padding, dropdown-multi-rows-options-container-padding);
+                .use-var(margin, dropdown-multi-rows-options-container-margin);
+            }
+        }
+
+        &-item {
+            .use-var(padding, dropdown-options-item-padding);
+            .use-var(font-size, dropdown-options-item-font-size);
+            .use-var(line-height, dropdown-options-item-line-height);
+            .use-var(color, dropdown-options-item-color);
+            .set-value-with-rtl(text-align, left);
+            position: relative;
+
+            &.selected {
+                .use-var(color, dropdown-options-item-selected-color);
+            }
+
+            &.selected &-icon {
+                .use-var(color, dropdown-options-item-selected-color);
+            }
+
+            &.disabled {
+                .use-var(color, dropdown-options-item-disabled-color);
+            }
+
+            &-icon {
+                position: absolute;
+                top: 50%;
+                transform: translateY(-50%);
+                .use-var-with-rtl(right, dropdown-options-item-icon-right);
+                color: transparent;
+            }
+        }
+
+        &-item-fake-col,
+        &-item-col {
+            flex: 1;
+            .use-var(margin-right, dropdown-multi-rows-options-gutter);
+            .use-var(margin-bottom, dropdown-multi-rows-options-gutter);
+            .use-var(padding, dropdown-multi-rows-options-item-padding);
+        }
+
+        &-item-col {
+            text-align: center;
+            .use-var(font-size, dropdown-multi-rows-options-item-font-size);
+            .use-var(line-height, dropdown-multi-rows-options-item-line-height);
+            .use-var(color, dropdown-multi-rows-options-item-color);
+            .use-var(border-radius, dropdown-multi-rows-options-item-border-radius);
+            .use-var(background, dropdown-multi-rows-options-item-background);
+
+            &.selected {
+                .use-var(color, dropdown-multi-rows-options-item-selected-color);
+                .use-var(background, dropdown-multi-rows-options-item-selected-background);
+            }
+
+            &.disabled {
+                .use-var(color, dropdown-options-item-disabled-color);
+            }
+        }
+
+        &-item-col &-item-icon {
+            display: none;
+        }
+    }
+
+    &-mask {
+        position: absolute;
+        opacity: 0;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        .use-var(background-color, dropdown-mask-background-color);
+
+        &.is-show {
+            opacity: 1;
+        }
+    }
+}

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的弹出框中多列样式下容器的外边距 |