diff --git a/examples/sites/demos/pc/app/tree/filter-view.spec.ts b/examples/sites/demos/pc/app/tree/filter-view.spec.ts
index b8c2e94f98..dd4521a45c 100644
--- a/examples/sites/demos/pc/app/tree/filter-view.spec.ts
+++ b/examples/sites/demos/pc/app/tree/filter-view.spec.ts
@@ -7,7 +7,7 @@ test('测试过滤视图', async ({ page }) => {
   const preview = page.locator('.pc-demo-container')
   const tree = preview.locator('.tiny-tree').nth(0)
   const btnPlain = preview.getByText('平铺视图 plain')
-  const btnHighlight = preview.getByRole('radio', { name: '高亮' })
+  const btnHighlight = preview.getByRole('radio', { name: '高亮' }).nth(0)
   const checkboxs = tree.locator('.tiny-tree__plain-node .tiny-checkbox')
   const highlightNodes = tree.locator('.tiny-tree__plain-node .tiny-hl-query-node')
   const input = preview.locator('.tiny-input input')
diff --git a/packages/theme/src/tree/index.less b/packages/theme/src/tree/index.less
index 63e0bd98e6..d0042f6ea1 100644
--- a/packages/theme/src/tree/index.less
+++ b/packages/theme/src/tree/index.less
@@ -20,22 +20,22 @@
 @checkbox-prefix-cls: ~'@{css-prefix}checkbox';
 
 .@{tree-prefix-cls} {
-  .component-css-vars-tree();
+  .inject-Tree-vars();
 
   position: relative;
   cursor: default;
-  background: var(--ti-tree-bg-color);
-  color: var(--ti-tree-text-color);
-  line-height: var(--ti-tree-text-line-height);
-  padding-top: var(--ti-tree-padding-top);
-  padding-bottom: var(--ti-tree-padding-bottom);
+  background: var(--tv-Tree-bg-color);
+  color: var(--tv-Tree-text-color);
+  line-height: var(--tv-Tree-text-line-height);
+  padding-top: var(--tv-Tree-padding-top);
+  padding-bottom: var(--tv-Tree-padding-bottom);
 
   .is-drop-inner {
     position: relative;
 
     &::before {
       pointer-events: none;
-      border: 2px solid var(--ti-tree-node-checked-icon-color);
+      border: 2px solid var(--tv-Tree-node-checked-icon-color);
       content: ' ';
       position: absolute;
       top: 0;
@@ -47,7 +47,7 @@
 
   &__empty-block {
     position: relative;
-    min-height: var(--ti-tree-empty-min-height);
+    min-height: var(--tv-Tree-empty-min-height);
     text-align: center;
     width: 100%;
     height: 100%;
@@ -58,7 +58,7 @@
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
-    color: var(--ti-tree-empty-text-color);
+    color: var(--tv-Tree-empty-text-color);
   }
 
   &__drop-indicator {
@@ -66,7 +66,7 @@
     left: 0;
     right: 0;
     height: 2px;
-    background-color: var(--ti-tree-node-checked-icon-color);
+    background-color: var(--tv-Tree-node-checked-icon-color);
   }
 
   &.is-dragging {
@@ -87,61 +87,61 @@
 
   &--highlight-current {
     .@{tree-node-prefix-cls}.is-current > .@{tree-node-prefix-cls}__content {
-      background-color: var(--ti-tree-node-highlight-bg-color);
+      background-color: var(--tv-Tree-node-highlight-bg-color);
     }
 
     .@{tree-node-prefix-cls}.is-current:not(.show-checkbox) > .@{tree-node-prefix-cls}__content {
       .@{tree-node-prefix-cls}__label,
       .@{tree-node-prefix-cls}__content-right {
-        background-color: var(--ti-tree-node-highlight-bg-color);
+        background-color: var(--tv-Tree-node-highlight-bg-color);
       }
     }
   }
 
   &__strict-bottom {
-    border-top: 1px solid var(--ti-tree-bottom-divider-bg-color);
+    border-top: 1px solid var(--tv-Tree-bottom-divider-bg-color);
 
     &-content {
       display: flex;
       align-items: center;
-      padding: var(--ti-tree-bottom-padding-vertical) var(--ti-tree-bottom-padding-horizontal);
+      padding: var(--tv-Tree-bottom-padding-vertical) var(--tv-Tree-bottom-padding-horizontal);
 
       .@{switch-prefix-cls}.mini {
         flex: 0 0 auto;
       }
 
       .@{tree-prefix-cls}__bottom-text {
-        margin-left: var(--ti-tree-bottom-text-margin-left);
+        margin-left: var(--tv-Tree-bottom-text-margin-left);
       }
     }
   }
 
   &--small {
     .@{tree-node-prefix-cls}__content {
-      height: var(--ti-tree-small-node-content-height);
+      height: var(--tv-Tree-small-node-content-height);
     }
 
     .@{tree-node-prefix-cls}__label {
-      font-size: var(--ti-tree-small-node-font-size);
+      font-size: var(--tv-Tree-small-node-font-size);
     }
   }
 
   & &__plain-node {
-    font-size: var(--ti-tree-plain-font-size);
+    font-size: var(--tv-Tree-plain-font-size);
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    padding-left: var(--ti-tree-plain-node-padding-left);
-    border-radius: var(--ti-tree-plain-node-border-radius);
+    padding-left: var(--tv-Tree-plain-node-padding-left);
+    border-radius: var(--tv-Tree-plain-node-border-radius);
 
     &:hover {
-      background-color: var(--ti-tree-node-content-hover-bg-color);
+      background-color: var(--tv-Tree-node-content-hover-bg-color);
     }
   }
 
   & &__plain-node-title,
   & &__plain-node-auxi {
-    height: var(--ti-tree-plain-node-height);
+    height: var(--tv-Tree-plain-node-height);
   }
 
   & &__plain-node-title > span + span {
@@ -149,14 +149,14 @@
   }
 
   & &__plain-node-title-txt {
-    margin-left: var(--ti-tree-node-label-margin-left);
+    margin-left: var(--tv-Tree-node-label-margin-left);
   }
 
   & &__plain-node-title {
     display: flex;
     align-items: center;
-    color: var(--ti-tree-text-color);
-    fill: var(--ti-tree-text-color);
+    color: var(--tv-Tree-text-color);
+    fill: var(--tv-Tree-text-color);
 
     .@{radio-prefix-cls} {
       margin-right: 0;
@@ -167,11 +167,11 @@
   }
 
   & &__plain-node-auxi {
-    margin-left: var(--ti-tree-plain-node-auxi-margin-left);
+    margin-left: var(--tv-Tree-plain-node-auxi-margin-left);
     display: flex;
     align-items: center;
     transform: translateY(-3px);
-    color: var(--ti-tree-plain-node-auxi-text-color);
+    color: var(--tv-Tree-plain-node-auxi-text-color);
   }
 
   & &__plain-node-auxi > div {
@@ -181,36 +181,36 @@
   }
 
   & &__plain-node-title-loc {
-    font-size: var(--ti-tree-plain-node-auxi-icon-font-size);
+    font-size: var(--tv-Tree-plain-node-auxi-icon-font-size);
     cursor: pointer;
     transform: translateY(-3px);
   }
 }
 
 .@{tree-prefix-cls}__del-popover {
-  .component-css-vars-tree-popover();
+  .inject-Tree-in-Popover-vars();
 
   .@{tree-prefix-cls}__del-body {
     display: flex;
 
     .@{tree-prefix-cls}__del-icon {
-      margin-right: var(--ti-tree-popover-warn-icon-margin-right);
+      margin-right: var(--tv-Tree-popover-warn-icon-margin-right);
 
       svg {
-        font-size: var(--ti-tree-popover-warn-icon-font-size);
-        fill: var(--ti-tree-popover-warn-icon-bg-color);
+        font-size: var(--tv-Tree-popover-warn-icon-font-size);
+        fill: var(--tv-Tree-popover-warn-icon-bg-color);
       }
     }
 
     .@{tree-prefix-cls}__del-checkbox {
-      margin-top: var(--ti-tree-popover-checkbox-margin-top);
+      margin-top: var(--tv-Tree-popover-checkbox-margin-top);
     }
   }
 
   .@{tree-prefix-cls}__del-footer {
     display: flex;
     justify-content: flex-end;
-    margin-top: var(--ti-tree-popover-footer-margin-top);
+    margin-top: var(--tv-Tree-popover-footer-margin-top);
   }
 }
 
@@ -238,47 +238,47 @@
           &::before {
             content: '';
             position: absolute;
-            top: calc(-1 * var(--ti-tree-node-content-height) / 2);
-            left: calc(var(--ti-tree-node-padding-left) + var(--ti-tree-node-showline-icon-size) / 2);
+            top: calc(-1 * var(--tv-Tree-node-content-height) / 2);
+            left: calc(var(--tv-Tree-node-padding-left) + var(--tv-Tree-node-showline-icon-size) / 2);
             height: 100%;
-            border-left: 1px solid var(--ti-tree-node-guide-line-border-color);
+            border-left: 1px solid var(--tv-Tree-node-guide-line-border-color);
           }
         }
       }
 
       .@{tree-node-prefix-cls}__content {
         .@{tree-node-prefix-cls}__content-indent {
-          height: var(--ti-tree-node-content-height);
+          height: var(--tv-Tree-node-content-height);
 
           &::before {
             content: '';
             position: absolute;
-            left: calc(var(--ti-tree-node-padding-left) + var(--ti-tree-node-showline-icon-size) / 2);
+            left: calc(var(--tv-Tree-node-padding-left) + var(--tv-Tree-node-showline-icon-size) / 2);
             top: 0;
-            width: var(--ti-tree-node-guide-line-width);
-            height: calc(var(--ti-tree-node-content-height) / 2);
-            border-left: 1px solid var(--ti-tree-node-guide-line-border-color);
-            border-bottom: 1px solid var(--ti-tree-node-guide-line-border-color);
+            width: var(--tv-Tree-node-guide-line-width);
+            height: calc(var(--tv-Tree-node-content-height) / 2);
+            border-left: 1px solid var(--tv-Tree-node-guide-line-border-color);
+            border-bottom: 1px solid var(--tv-Tree-node-guide-line-border-color);
           }
         }
       }
 
       > .@{tree-node-prefix-cls}__wrapper:not(:first-of-type) > .@{tree-node-prefix-cls} {
         > .@{tree-node-prefix-cls}__content > .@{tree-node-prefix-cls}__content-indent::before {
-          height: var(--ti-tree-node-content-height);
+          height: var(--tv-Tree-node-content-height);
           top: -50%;
         }
       }
     }
 
     .@{tree-node-prefix-cls}__expand-icon {
-      font-size: var(--ti-tree-node-showline-icon-size);
-      color: var(--ti-tree-node-expand-icon-color);
+      font-size: var(--tv-Tree-node-showline-icon-size);
+      color: var(--tv-Tree-node-expand-icon-color);
 
       &.expanded {
         transform: rotate(0);
-        fill: var(--ti-tree-node-collapse-icon-color);
-        color: var(--ti-tree-node-collapse-icon-color);
+        fill: var(--tv-Tree-node-collapse-icon-color);
+        color: var(--tv-Tree-node-collapse-icon-color);
       }
     }
 
@@ -293,21 +293,21 @@
 
   &.is-current:not(.show-checkbox) > &__content {
     & > .@{tree-node-prefix-cls}__content-left {
-      color: var(--ti-tree-selected-text-color);
-      font-weight: var(--ti-tree-selected-font-weight);
+      color: var(--tv-Tree-selected-text-color);
+      font-weight: var(--tv-Tree-selected-font-weight);
     }
   }
 
   &.is-drop-inner > &__content &__label {
-    background-color: var(--ti-tree-node-label-bg-color);
-    color: var(--ti-tree-node-label-text-color);
+    background-color: var(--tv-Tree-node-label-bg-color);
+    color: var(--tv-Tree-node-label-text-color);
   }
 
   &.is-indeterminate,
   &.is-expanded,
   &.is-checked {
     .@{tree-node-prefix-cls}__expand-icon {
-      fill: var(--ti-tree-node-expand-icon-color);
+      fill: var(--tv-Tree-node-expand-icon-color);
     }
   }
 
@@ -316,7 +316,7 @@
       cursor: not-allowed;
 
       .@{tree-node-prefix-cls}__label {
-        color: var(--ti-tree-disabled-text-color);
+        color: var(--tv-Tree-disabled-text-color);
         font-weight: normal;
       }
     }
@@ -327,29 +327,29 @@
     align-items: center;
     justify-content: space-between;
     position: relative;
-    height: var(--ti-tree-node-content-height);
+    height: var(--tv-Tree-node-content-height);
     cursor: pointer;
-    border-radius: var(--ti-tree-node-content-border-radius);
+    border-radius: var(--tv-Tree-node-content-border-radius);
 
     &:hover {
       .tree-node-icon svg {
-        fill: var(--ti-tree-node-checked-icon-color); // 只有hover时，才进行高亮
-        color: var(--ti-tree-node-checked-icon-color);
+        fill: var(--tv-Tree-node-checked-icon-color); // 只有hover时，才进行高亮
+        color: var(--tv-Tree-node-checked-icon-color);
       }
 
       .@{tree-node-prefix-cls}__content-left,
       .@{tree-node-prefix-cls}__content-right {
-        background-color: var(--ti-tree-node-content-hover-bg-color);
+        background-color: var(--tv-Tree-node-content-hover-bg-color);
       }
 
       .@{tree-node-prefix-cls}__content-right {
-        background-color: var(--ti-tree-node-content-hover-bg-color);
+        background-color: var(--tv-Tree-node-content-hover-bg-color);
       }
     }
 
     & label.@{css-prefix}checkbox,
     .@{css-prefix}radio {
-      margin: 0 calc(var(--ti-tree-node-label-margin-left) / 2);
+      margin: 0 calc(var(--tv-Tree-node-label-margin-left) / 2);
     }
 
     .@{tree-node-prefix-cls}__label {
@@ -365,11 +365,11 @@
     flex: 1 1 auto;
     height: 100%;
     overflow: hidden;
-    padding-left: var(--ti-tree-node-padding-left);
+    padding-left: var(--tv-Tree-node-padding-left);
 
     input {
-      height: calc(var(--ti-tree-node-content-height) - 2px);
-      font-size: var(--ti-tree-node-label-font-size);
+      height: calc(var(--tv-Tree-node-content-height) - 2px);
+      font-size: var(--tv-Tree-node-label-font-size);
     }
   }
 
@@ -380,27 +380,27 @@
     cursor: pointer;
 
     svg {
-      fill: var(--ti-tree-node-operate-icon-color);
-      font-size: var(--ti-tree-node-operate-icon-font-size);
-      margin-right: var(--ti-tree-node-operate-icon-margin-left);
+      fill: var(--tv-Tree-node-operate-icon-color);
+      font-size: var(--tv-Tree-node-operate-icon-font-size);
+      margin-right: var(--tv-Tree-node-operate-icon-margin-left);
       outline: 2px solid transparent;
       outline-offset: 2px;
 
       &:hover {
-        fill: var(--ti-tree-node-checked-icon-color);
+        fill: var(--tv-Tree-node-checked-icon-color);
       }
     }
   }
 
   .tree-node-icon {
     display: flex;
-    margin-right: calc(var(--ti-tree-node-label-margin-left) / 2);
+    margin-right: calc(var(--tv-Tree-node-label-margin-left) / 2);
   }
 
   &__expand-icon {
     cursor: pointer;
-    fill: var(--ti-tree-node-expand-icon-color);
-    font-size: var(--ti-tree-node-icon-font-size);
+    fill: var(--tv-Tree-node-expand-icon-color);
+    font-size: var(--tv-Tree-node-icon-font-size);
     transform: rotate(0);
     transition: transform 0.3s ease-in-out;
     flex-shrink: 0;
@@ -423,7 +423,7 @@
   }
 
   &__label {
-    font-size: var(--ti-tree-node-label-font-size);
+    font-size: var(--tv-Tree-node-label-font-size);
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -431,7 +431,7 @@
 
   &__loading {
     margin-right: 4px;
-    margin-left: var(--ti-tree-node-label-margin-left);
+    margin-left: var(--tv-Tree-node-label-margin-left);
   }
 
   & > &__children {
@@ -448,11 +448,10 @@
     top: 0;
     left: 0;
     z-index: 5000;
-    font-size: var(--ti-tree-node-menu-font-size);
-    box-shadow: var(--ti-tree-node-menu-box-shadow);
+    font-size: var(--tv-Tree-node-menu-font-size);
+    box-shadow: var(--tv-Tree-node-menu-box-shadow);
     padding: 0 1px;
-    color: var(--ti-tree-node-menu-font-color);
-    font-family: var(--ti-tree-node-menu-font-family);
+    color: var(--tv-Tree-node-menu-font-color);
     user-select: none;
   }
 
diff --git a/packages/theme/src/tree/vars.less b/packages/theme/src/tree/vars.less
index a10200d72a..6d724cd574 100644
--- a/packages/theme/src/tree/vars.less
+++ b/packages/theme/src/tree/vars.less
@@ -10,123 +10,122 @@
 *
 */
 
-.component-css-vars-tree() {
+.inject-Tree-vars() {
   // 顶部内边距
-  --ti-tree-padding-top: var(--ti-common-space-4x, 16px);
+  --tv-Tree-padding-top: var(--tv-space-xl, 16px);
   // 底部内边距
-  --ti-tree-padding-bottom: var(--ti-common-space-4x, 16px);
+  --tv-Tree-padding-bottom: var(--tv-space-xl, 16px);
   // 默认文本色
-  --ti-tree-text-color: var(--ti-common-color-text-primary, #191919);
+  --tv-Tree-text-color: var(--tv-color-text, #191919);
   // 选中文本色
-  --ti-tree-selected-text-color: var(--ti-common-color-text-highlight, #1476ff);
+  --tv-Tree-selected-text-color: var(--tv-color-text-active, #1476ff);
   // 选中文本字重
-  --ti-tree-selected-font-weight: var(--ti-common-font-weight-6, 600);
+  --tv-Tree-selected-font-weight: var(--tv-font-weight-bold, 600);
   // 禁用文本色
-  --ti-tree-disabled-text-color: var(--ti-common-color-text-disabled, #c2c2c2);
+  --tv-Tree-disabled-text-color: var(--tv-color-text-disabled, #c2c2c2);
   // 文本行高
-  --ti-tree-text-line-height: var(--ti-common-line-height-number, 1.5);
+  --tv-Tree-text-line-height: var(--tv-line-height-number, 1.5);
   // 背景色
-  --ti-tree-bg-color: var(--ti-common-color-bg-white-normal, #ffffff);
+  --tv-Tree-bg-color: var(--tv-color-bg-secondary, #ffffff);
   // 数据为空时文本色(hide)
-  --ti-tree-empty-text-color: var(--ti-common-color-text-secondary, #595959);
+  --tv-Tree-empty-text-color: var(--tv-color-text-secondary, #595959);
   // 数据为空时整体最小高度
-  --ti-tree-empty-min-height: var(--ti-common-size-15x, 60px);
+  --tv-Tree-empty-min-height: 60px;
   // 选中节点背景色
-  --ti-tree-node-content-current-bg-color: var(--ti-common-color-light, #ffffff);
+  --tv-Tree-node-content-current-bg-color: var(--tv-color-bg-secondary, #ffffff);
   // 节点悬浮背景色
-  --ti-tree-node-content-hover-bg-color: var(--ti-common-color-hover-background, #f5f5f5);
+  --tv-Tree-node-content-hover-bg-color: var(--tv-color-bg, #f5f5f5);
   // 节点字号
-  --ti-tree-node-label-font-size: var(--ti-common-font-size-1, 14px);
+  --tv-Tree-node-label-font-size: var(--tv-font-size-md, 14px);
   // 节点内容左边距
-  --ti-tree-node-label-margin-left: var(--ti-common-space-2x, 8px);
+  --tv-Tree-node-label-margin-left: var(--tv-space-md, 8px);
   // 节点内容右边距
-  --ti-tree-node-content-padding-right: var(--ti-common-space-4x, 16px);
+  --tv-Tree-node-content-padding-right: var(--tv-space-xl, 16px);
   // 节点文本背景色(hide)
-  --ti-tree-node-label-bg-color: var(--ti-common-color-bg-white-normal, #ffffff);
+  --tv-Tree-node-label-bg-color: var(--tv-color-bg-secondary, #ffffff);
   // 节点文本色(hide)
-  --ti-tree-node-label-text-color: var(--ti-common-color-text-secondary, #595959);
+  --tv-Tree-node-label-text-color: var(--tv-color-text-secondary, #595959);
   // 展开按钮图标尺寸
-  --ti-tree-node-icon-font-size: var(--ti-common-font-size-1, 14px);
+  --tv-Tree-node-icon-font-size: var(--tv-font-size-md, 14px);
   // 加载图标色(hide)
-  --ti-tree-node-loading-icon-color: var(--ti-common-color-icon-active, #191919);
+  --tv-Tree-node-loading-icon-color: var(--tv-color-icon-control, #191919);
   // 展开按钮图标色
-  --ti-tree-node-expand-icon-color: var(--ti-common-color-icon-normal, #808080);
+  --tv-Tree-node-expand-icon-color: var(--tv-color-icon, #808080);
   // 收起按钮图标色
-  --ti-tree-node-collapse-icon-color: var(--ti-common-color-icon-active, #191919);
+  --tv-Tree-node-collapse-icon-color: var(--tv-color-icon-control, #191919);
   // 编辑、删除、添加图标尺寸
-  --ti-tree-node-operate-icon-font-size: var(--ti-common-font-size-2, 16px);
+  --tv-Tree-node-operate-icon-font-size: var(--tv-font-size-lg, 16px);
   // 编辑、删除、添加图标间距
-  --ti-tree-node-operate-icon-margin-left: var(--ti-common-space-base, 4px);
+  --tv-Tree-node-operate-icon-margin-left: var(--tv-space-sm, 4px);
   // 编辑、删除、添加图标色
-  --ti-tree-node-operate-icon-color: var(--ti-common-color-icon-normal, #808080);
+  --tv-Tree-node-operate-icon-color: var(--tv-color-icon, #808080);
   // 悬浮图标色
-  --ti-tree-node-checked-icon-color: var(--ti-common-color-icon-hover, #191919);
+  --tv-Tree-node-checked-icon-color: var(--tv-color-icon-hover, #191919);
 
   // 节点左内边距
-  --ti-tree-node-padding-left: var(--ti-common-space-4x, 16px);
+  --tv-Tree-node-padding-left: var(--tv-space-xl, 16px);
   // 节点高亮背景色
-  --ti-tree-node-highlight-bg-color: var(--ti-base-text-color-2, #f2f2f2);
+  --tv-Tree-node-highlight-bg-color: #f2f2f2; // 无此common变量
   // 节点内容高度
-  --ti-tree-node-content-height: var(--ti-common-space-8x, 32px);
+  --tv-Tree-node-content-height: 32px;
   // 节点内容边框弧度
-  --ti-tree-node-content-border-radius: 0;
+  --tv-Tree-node-content-border-radius: 0;
   // 节点右键菜单内容字号
-  --ti-tree-node-menu-font-size: var(--ti-common-font-size-base, 14px);
+  --tv-Tree-node-menu-font-size: var(--tv-font-size-md, 14px);
   // 节点右键菜单字体色
-  --ti-tree-node-menu-font-color: var(--ti-common-color-text-secondary, #595959);
-  // 节点右键菜单字体系列
-  --ti-tree-node-menu-font-family: Helvetica, Arial, 'Microsoft YaHei', sans-serif;
+  --tv-Tree-node-menu-font-color: var(--tv-color-text-secondary, #595959);
+
   // 节点右键菜单阴影
-  --ti-tree-node-menu-box-shadow: 2px 2px 4px -2px rgb(0, 0, 0, 0.2);
+  --tv-Tree-node-menu-box-shadow: 2px 2px 4px -2px rgb(0, 0, 0, 0.2); // 无此变量
   // 节点缩进
-  --ti-tree-node-indent: var(--ti-common-space-4x, 16px);
+  --tv-Tree-node-indent: var(--tv-space-xl, 16px);
   // 节点连接线颜色
-  --ti-tree-node-guide-line-border-color: var(--ti-common-color-line-dividing, #f0f0f0);
+  --tv-Tree-node-guide-line-border-color: var(--tv-color-border-divider, #f0f0f0);
   // 节点连接线宽度
-  --ti-tree-node-guide-line-width: var(--ti-common-space-2x, 8px);
+  --tv-Tree-node-guide-line-width: var(--tv-space-md, 8px);
   // 显示连接线时图标字号(hide)
-  --ti-tree-node-showline-icon-size: var(--ti-common-font-size-2, 16px);
+  --tv-Tree-node-showline-icon-size: var(--tv-font-size-lg, 16px);
 
   // 底部分割线颜色
-  --ti-tree-bottom-divider-bg-color: var(--ti-common-color-line-dividing, #f0f0f0);
+  --tv-Tree-bottom-divider-bg-color: var(--tv-color-border-divider, #f0f0f0);
   // 底部水平内边距
-  --ti-tree-bottom-padding-horizontal: var(--ti-common-space-3x, 12px);
+  --tv-Tree-bottom-padding-horizontal: var(--tv-space-lg, 12px);
   // 底部垂直内边距
-  --ti-tree-bottom-padding-vertical: calc(var(--ti-common-space-2x, 8px) - 1px);
+  --tv-Tree-bottom-padding-vertical: 7px;
   // 底部文本内容左外边距
-  --ti-tree-bottom-text-margin-left: var(--ti-common-space-10, 10px);
+  --tv-Tree-bottom-text-margin-left: 10px;
 
   // small尺寸节点高度
-  --ti-tree-small-node-content-height: calc(var(--ti-common-space-base, 4px) * 7);
+  --tv-Tree-small-node-content-height: 28px;
   // small尺寸节点高度
-  --ti-tree-small-node-font-size: 12px;
+  --tv-Tree-small-node-font-size: 12px;
 
   // 平铺模式节点高度
-  --ti-tree-plain-node-height: calc(var(--ti-common-space-base, 4px) * 7);
+  --tv-Tree-plain-node-height: 28px;
   // 平铺模式节点字号
-  --ti-tree-plain-font-size: var(--ti-common-line-height-base, 18px);
+  --tv-Tree-plain-font-size: var(--tv-font-size-xl, 18px);
   // 平铺模式节点左边距
-  --ti-tree-plain-node-padding-left: var(--ti-common-space-3x, 12px);
+  --tv-Tree-plain-node-padding-left: var(--tv-space-lg, 12px);
   // 平铺模式节点边框圆角
-  --ti-tree-plain-node-border-radius: var(--ti-common-border-radius-1, 2px);
+  --tv-Tree-plain-node-border-radius: var(--tv-border-radius-xs, 2px);
   // 平铺模式节点标题图标尺寸
-  --ti-tree-plain-node-auxi-icon-font-size: var(--ti-common-font-size-2, 16px);
+  --tv-Tree-plain-node-auxi-icon-font-size: var(--tv-font-size-lg, 16px);
   // 平铺模式辅助文本左边距
-  --ti-tree-plain-node-auxi-margin-left: var(--ti-common-space-6x, 24px);
+  --tv-Tree-plain-node-auxi-margin-left: 24px;
   // 平铺模式辅助文本色
-  --ti-tree-plain-node-auxi-text-color: var(--ti-common-color-text-secondary, #595959);
+  --tv-Tree-plain-node-auxi-text-color: var(--tv-color-text-secondary, #595959);
 }
 
 // 删除节点提示框
-.component-css-vars-tree-popover() {
+.inject-Tree-in-Popover-vars() {
   // 警告图标尺寸
-  --ti-tree-popover-warn-icon-font-size: var(--ti-common-font-size-2, 16px);
+  --tv-Tree-popover-warn-icon-font-size: var(--tv-font-size-lg, 16px);
   // 警告图标色
-  --ti-tree-popover-warn-icon-bg-color: var(--ti-common-color-warn, #ff8800);
+  --tv-Tree-popover-warn-icon-bg-color: var(--tv-color-warn-icon, #ff8800);
   // 警告图标右边距
-  --ti-tree-popover-warn-icon-margin-right: var(--ti-common-space-base, 4px);
+  --tv-Tree-popover-warn-icon-margin-right: var(--tv-space-sm, 4px);
   // 复选框上边距
-  --ti-tree-popover-checkbox-margin-top: var(--ti-common-space-3x, 12px);
+  --tv-Tree-popover-checkbox-margin-top: var(--tv-space-lg, 12px);
   // 底部上边距
-  --ti-tree-popover-footer-margin-top: var(--ti-common-space-3x, 12px);
+  --tv-Tree-popover-footer-margin-top: var(--tv-space-lg, 12px);
 }