/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.inject-BaseSelect-vars() {
  // 文本色
  --tv-BaseSelect-text-color: var(--tv-color-text, #191919);
  // 字号
  --tv-BaseSelect-font-size: var(--tv-font-size-default, 14px);
  // 行高
  --tv-BaseSelect-line-height: var(--tv-line-height-number, 1.5);

  // 图标色
  --tv-BaseSelect-icon-color: var(--tv-color-icon, #808080);
  // 图标悬浮色
  --tv-BaseSelect-icon-color-hover: var(--tv-color-icon-hover, #191919);
  // 图标禁用色
  --tv-BaseSelect-icon-color-disabled: var(--tv-color-icon-disabled, #c2c2c2);
  // 图标尺寸
  --tv-BaseSelect-icon-font-size: var(--tv-icon-size, 16px);

  // 边框激活色
  --tv-BaseSelect-input-border-color-active: var(--tv-color-border-active, #191919);

  // 尾部图标距离输入框的垂直距离（默认尺寸）
  --tv-BaseSelect-suffix-top: var(--tv-space-xl, 16px);
  // 尾部图标距离输入框的垂直距离（中型尺寸）
  --tv-BaseSelect-suffix-top-medium: 20px;
  // 尾部图标距离输入框的垂直距离（小型尺寸）
  --tv-BaseSelect-suffix-top-small: var(--tv-space-xl, 16px);
  // 尾部图标距离输入框的垂直距离（迷你尺寸）
  --tv-BaseSelect-suffix-top-mini: var(--tv-space-lg, 12px);
  // 尾部图标右侧外间距
  --tv-BaseSelect-suffix-icon-margin-right: var(--tv-space-sm, 4px);
  // 尾部文本外间距
  --tv-BaseSelect-suffix-txt-margin: 0 var(--tv-space-sm, 4px);
  // 尾部文本色
  --tv-BaseSelect-suffix-text-color: var(--tv-color-text-weaken, #808080);

  // 输入框高度（默认尺寸）
  --tv-BaseSelect-input-height: var(--tv-size-height-md, 32px);
  // 选择器高度(mini)
  --tv-BaseSelect-height-mini: var(--tv-size-height-xs, 24px);
  // 选择器高度(small)
  --tv-BaseSelect-height-small: var(--tv-size-height-sm, 28px);
  // 选择器高度(medium)
  --tv-BaseSelect-height-medium: var(--tv-size-height-lg, 40px);

  // 多选标签容器内边距
  --tv-BaseSelect-tags-padding: var(--tv-space-xs, 2px) 0px var(--tv-space-xs, 2px) var(--tv-space-xs, 2px);
  // 多选标签容器高度
  --tv-BaseSelect-tags-height: var(--tv-size-height-md, 32px);
  // 标签外边距
  --tv-BaseSelect-tag-margin: var(--tv-space-xs, 2px);

  // 收起按钮文本色
  --tv-BaseSelect-collapse-text-color: var(--tv-color-text-link, #1476ff);
  // 收起按钮图标色
  --tv-BaseSelect-collapse-icon-color: var(--tv-color-icon-link, #1476ff);
  // 收起按钮图标左侧外边距
  --tv-BaseSelect-collapse-icon-margin-left: var(--tv-space-xs, 2px);

  // medium 尺寸的 tag 高度
  --tv-BaseSelect-tag-height-medium: calc(var(--tv-size-height-lg, 40px) - 8px);
  // 默认尺寸的 tag 高度
  --tv-BaseSelect-tag-height-default: calc(var(--tv-size-height-md, 32px) - 8px);
  // small 尺寸的tag高度
  --tv-BaseSelect-tag-height-small: calc(var(--tv-size-height-sm, 28px) - 8px);
  // mini 尺寸的 tag 高度
  --tv-BaseSelect-tag-height-mini: calc(var(--tv-size-height-xs, 24px) - 8px);
}

.inject-BaseSelect-responsive-vars() {
  // 适配小屏定义-responsive-
  --tv-BaseSelect-responsive-icon-left-space: calc(var(--tv-space-xxl, 24px) + 4px);
}