.component-css-vars-dropdown() {
  // 下拉菜单触发元素的字号
  --ti-dropdown-font-size: var(--ti-common-font-size-base, 12px);
  // 下拉菜单触发元素的文字颜色
  --ti-dropdown-text-color: var(--ti-common-color-text-link, #526ecc);
  // 下拉菜单触发元素悬浮时的文字颜色
  --ti-dropdown-text-color-hover: var(--ti-common-color-text-link-hover, #344899);
  // 下拉菜单触发元素的行高
  --ti-dropdown-line-height: var(--ti-common-line-height-number, 1.5);
  // 下拉菜单触发元素的图标尺寸
  --ti-dropdown-icon-size: 10px;
  // 下拉菜单触发元素的图标颜色
  --ti-dropdown-icon-color: var(--ti-common-color-text-link, #526ecc);
  // 下拉菜单触发元素悬浮时的图标颜色
  --ti-dropdown-icon-color-hover: var(--ti-common-color-text-link-hover, #344899);
  // 下拉菜单触发元素只有图标时的图标宽度
  --ti-dropdown-trigger-only-svg-width: var(--ti-common-size-5x);
  // 下拉菜单触发元素只有图标时的图标高度
  --ti-dropdown-trigger-only-svg-height: var(--ti-common-size-5x);
  // 下拉菜单触发元素只有图标时的图标悬浮背景色
  --ti-dropdown-trigger-only-svg-hover-bg-color: var(--ti-common-color-bg-white-emphasize, #f2f5fc);
  // 下拉菜单触发元素只有图标时的图标圆角
  --ti-dropdown-trigger-only-svg-hover-radius: var(--ti-common-border-radius-normal);
  // 下拉菜单触发元素按钮类型时图标颜色
  --ti-dropdown-button-icon-color: var(--ti-common-color-icon-white, #fff);
  // 下拉菜单触发元素按钮类型时图标尺寸
  --ti-dropdown-button-icon-size: var(--ti-common-font-size-1, 14px);
  // 下拉菜单触发元素的文本禁用色
  --ti-dropdown-text-color-disabled: var(--ti-common-color-text-disabled, #adb0b8);
  // 下拉菜单触发源图标的右侧外边距
  --ti-dropdown-trigger-title-margin-right: var(--ti-common-space-base, 4px);
  // 下拉菜单触发源图标的左侧外边距
  --ti-dropdown-trigger-svg-margin-left: var(--ti-common-space-base, 4px);
  // 下拉菜单触发源图标的上侧外边距
  --ti-dropdown-trigger-svg-margin-top: 1px;
  // 下拉菜单触发源图标的下侧外边距
  --ti-dropdown-trigger-svg-margin-bottom: 1px;
  // 下拉菜触发元素为按钮组时，下拉按钮的左侧内边距
  --ti-dropdown-caret-button-padding-left: var(--ti-common-space-base, 4px);
  // 下拉菜单触发元素为按钮组时，下拉按钮的右侧侧内边距
  --ti-dropdown-caret-button-padding-right: var(--ti-common-space-base, 4px);
  // 下拉菜单触发元素为按钮组时，下拉按钮的最小宽度
  --ti-dropdown-caret-button-min-width: var(--ti-common-size-6x, 24px);
  // 下拉菜单触发元素为按钮组时，按钮之间分割线的颜色
  --ti-dropdown-caret-line-bg-color: var(--ti-common-color-light, #fff);
  // 下拉菜单触发元素为按钮组时，按钮之间分割线的顶部外边距
  --ti-dropdown-caret-line-margin-top: var(--ti-common-space-base, 4px);
  // 下拉菜单触发元素为按钮组时，按钮之间分割线的底部外边距
  --ti-dropdown-caret-line-margin-bottom: var(--ti-common-space-base, 4px);
  // 下拉菜单触发元素为按钮组且悬浮时，按钮之间分割线的顶部外边距
  --ti-dropdown-caret-line-margin-top-hover: var(--ti-common-space-0, 0px);
  // 下拉菜单触发元素为按钮组且悬浮时，按钮之间分割线的底部外边距
  --ti-dropdown-caret-line-margin-bottom-hover: var(--ti-common-space-0, 0px);
  // 下拉菜单触发元素为按钮组时，按钮之间分割线的宽度
  --ti-dropdown-caret-line-width: var(--ti-common-border-weight-normal, 1px);
  // 下拉菜单触发元素为按钮组且默认类型时，按钮之间分割线的颜色
  --ti-dropdown-caret-line-bg-color-default: var(--ti-common-color-line-normal, #adb0b8);
  // 下拉菜单触发元素为按钮组且默认类型时，按钮之间分割线的悬浮色
  --ti-dropdown-caret-line-bg-color-default-hover: var(--ti-common-color-line-active, #5e7ce0);
  // 下拉菜单触发元素为按钮组时，图标的垂直外边距
  --ti-dropdown-caret-svg-margin-vertical: var(--ti-common-space-0, 0px);
  // 下拉菜单触发元素为按钮组时，图标的水平外边距
  --ti-dropdown-caret-svg-margin-horizontal: var(--ti-common-space-base, 4px);
  // 下拉菜单触发元素为按钮组时，图标的左侧内边距
  --ti-dropdown-caret-svg-padding-left: var(--ti-common-space-0, 0px);
  // 下拉菜单文字按钮的左侧内边距
  --ti-dropdown-title-button-padding-right: var(--ti-common-space-5x, 20px);
  // 下拉菜单文字按钮的右侧内边距
  --ti-dropdown-title-button-padding-left: var(--ti-common-space-5x, 20px);
}
