/**
* 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-Tree-vars() {
  // 顶部内边距
  --tv-Tree-padding-top: var(--tv-space-xl, 16px);
  // 底部内边距
  --tv-Tree-padding-bottom: var(--tv-space-xl, 16px);
  // 默认文本色
  --tv-Tree-text-color: var(--tv-color-text, #191919);
  // 选中文本色
  --tv-Tree-selected-text-color: var(--tv-color-text-active, #1476ff);
  // 选中文本字重
  --tv-Tree-selected-font-weight: var(--tv-font-weight-bold, 600);
  // 禁用文本色
  --tv-Tree-disabled-text-color: var(--tv-color-text-disabled, #c2c2c2);
  // 文本行高
  --tv-Tree-text-line-height: var(--tv-line-height-number, 1.5);
  // 背景色
  --tv-Tree-bg-color: var(--tv-color-bg-secondary, #ffffff);
  // 数据为空时文本色(hide)
  --tv-Tree-empty-text-color: var(--tv-color-text-secondary, #595959);
  // 数据为空时整体最小高度
  --tv-Tree-empty-min-height: 60px;
  // 选中节点背景色
  --tv-Tree-node-content-current-bg-color: var(--tv-color-bg-secondary, #ffffff);
  // 节点悬浮背景色
  --tv-Tree-node-content-hover-bg-color: var(--tv-color-bg-hover, #f5f5f5);
  // 节点字号
  --tv-Tree-node-label-font-size: var(--tv-font-size-default, 14px);
  // 节点内容左边距
  --tv-Tree-node-label-margin-left: var(--tv-space-md, 8px);
  // 节点内容右边距
  --tv-Tree-node-content-padding-right: var(--tv-space-xl, 16px);
  // 节点文本背景色(hide)
  --tv-Tree-node-label-bg-color: var(--tv-color-bg-secondary, #ffffff);
  // 节点文本色(hide)
  --tv-Tree-node-label-text-color: var(--tv-color-text-secondary, #595959);
  // 展开按钮图标尺寸
  --tv-Tree-node-icon-font-size: var(--tv-font-size-default, 14px);
  // 加载图标色(hide)
  --tv-Tree-node-loading-icon-color: var(--tv-color-icon-control, #191919);
  // 展开按钮图标色
  --tv-Tree-node-expand-icon-color: var(--tv-color-icon, #808080);
  // 收起按钮图标色
  --tv-Tree-node-collapse-icon-color: var(--tv-color-icon-control, #191919);
  // 编辑、删除、添加图标尺寸
  --tv-Tree-node-operate-icon-font-size: var(--tv-font-size-lg, 16px);
  // 编辑、删除、添加图标间距
  --tv-Tree-node-operate-icon-margin-left: var(--tv-space-sm, 4px);
  // 编辑、删除、添加图标色
  --tv-Tree-node-operate-icon-color: var(--tv-color-icon, #808080);
  // 悬浮图标色
  --tv-Tree-node-checked-icon-color: var(--tv-color-icon-hover, #191919);

  // 节点左内边距
  --tv-Tree-node-padding-x: var(--tv-space-xl, 16px);
  // 节点高亮背景色
  --tv-Tree-node-highlight-bg-color: var(--tv-color-bg-active, #f5f5f5);
  // 节点内容高度
  --tv-Tree-node-content-height: 32px;
  // 节点内容边框弧度
  --tv-Tree-node-content-border-radius: 0;
  // 节点右键菜单内容字号
  --tv-Tree-node-menu-font-size: var(--tv-font-size-default, 14px);
  // 节点右键菜单字体色
  --tv-Tree-node-menu-font-color: var(--tv-color-text-secondary, #595959);

  // 节点右键菜单阴影
  --tv-Tree-node-menu-box-shadow: 2px 2px 4px -2px rgb(0, 0, 0, 0.2); // 无此变量
  // 节点缩进
  --tv-Tree-node-indent: var(--tv-space-xl, 16px);
  // 节点连接线颜色
  --tv-Tree-node-guide-line-border-color: var(--tv-color-border-divider, #f0f0f0);
  // 节点连接线宽度
  --tv-Tree-node-guide-line-width: var(--tv-space-md, 8px);
  // 显示连接线时图标字号(hide)
  --tv-Tree-node-showline-icon-size: var(--tv-font-size-lg, 16px);

  // 底部分割线颜色
  --tv-Tree-bottom-divider-bg-color: var(--tv-color-border-divider, #f0f0f0);
  // 底部水平内边距
  --tv-Tree-bottom-padding-horizontal: var(--tv-space-lg, 12px);
  // 底部垂直内边距
  --tv-Tree-bottom-padding-vertical: 7px;
  // 底部文本内容左外边距
  --tv-Tree-bottom-text-margin-left: 10px;

  // small尺寸节点高度
  --tv-Tree-small-node-content-height: 28px;
  // small尺寸节点高度
  --tv-Tree-small-node-font-size: 12px;

  // 平铺模式节点高度
  --tv-Tree-plain-node-height: 28px;
  // 平铺模式节点字号
  --tv-Tree-plain-font-size: var(--tv-font-size-xl, 18px);
  // 平铺模式节点左边距
  --tv-Tree-plain-node-padding-left: var(--tv-space-lg, 12px);
  // 平铺模式节点边框圆角
  --tv-Tree-plain-node-border-radius: var(--tv-border-radius-xs, 2px);
  // 平铺模式节点标题图标尺寸
  --tv-Tree-plain-node-auxi-icon-font-size: var(--tv-font-size-lg, 16px);
  // 平铺模式辅助文本左边距
  --tv-Tree-plain-node-auxi-margin-left: 24px;
  // 平铺模式辅助文本色
  --tv-Tree-plain-node-auxi-text-color: var(--tv-color-text-secondary, #595959);
}

// 删除节点提示框
.inject-Tree-in-Popover-vars() {
  // 警告图标尺寸
  --tv-Tree-popover-warn-icon-font-size: var(--tv-font-size-lg, 16px);
  // 警告图标色
  --tv-Tree-popover-warn-icon-bg-color: var(--tv-color-warn-icon, #ff8800);
  // 警告图标右边距
  --tv-Tree-popover-warn-icon-margin-right: var(--tv-space-sm, 4px);
  // 复选框上边距
  --tv-Tree-popover-checkbox-margin-top: var(--tv-space-lg, 12px);
  // 底部上边距
  --tv-Tree-popover-footer-margin-top: var(--tv-space-lg, 12px);
}
