@arco-themes/react-cecloud-tds-design 0.0.1

package/components/Progress/index.less

@@ -0,0 +1,11 @@
+.@{progress-prefix-cls} { 
+  &-small .arco-progress-line-outer{
+    height: 4px !important;
+  }
+  &-default .arco-progress-line-outer{
+    height: 8px !important;
+  }
+  &-large .arco-progress-line-outer{
+    height: 12px !important;
+  }
+}

package/components/Radio/index.css

@@ -0,0 +1 @@
+.arco-radio.arco-radio-disabled .arco-icon-hover.arco-icon-hover-disabled .arco-radio-mask{border:1px solid var(--color-border-1)}.arco-radio.arco-radio-disabled .arco-radio-text{color:var(--color-text-6)}.arco-radio-group.arco-radio-size-default .arco-radio-button{line-height:30px}.arco-radio-group .arco-radio-button{border-radius:0;border:1px solid var(--color-border-2);background:var(--color-bg-1)}.arco-radio-group .arco-radio-button:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}.arco-radio-group .arco-radio-button:not(:first-of-type){margin-left:1px;border-left:0}.arco-radio-group .arco-radio-button:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.arco-radio-group .arco-radio-button:hover{border-color:rgb(var(--primary-2));background:rgb(var(--primary-2));color:rgb(var(--primary-5));font-weight:600}.arco-radio-group .arco-radio-button:active{border-color:rgb(var(--primary-2));background:rgb(var(--primary-2));color:rgb(var(--primary-7));font-weight:600}.arco-radio-group .arco-radio-button.arco-radio-checked{border-color:rgb(var(--primary-2));background:rgb(var(--primary-2));color:rgb(var(--primary-6));font-weight:600}.arco-radio-group .arco-radio-button.arco-radio-disabled{border-color:var(--color-fill-2);background:var(--color-fill-2);color:var(--color-text-6);font-weight:normal}.arco-radio-group .arco-radio-button.arco-radio-disabled.arco-radio-checked{border-color:var(--color-fill-1);background:var(--color-fill-1);color:var(--color-text-6);font-weight:600}.arco-radio.arco-radio-checked.arco-radio-disabled .arco-radio-mask::after{background-color:var(--color-text-5)}

package/components/Radio/index.less

@@ -0,0 +1,82 @@
+.@{radio-prefix-cls} { 
+  &.arco-radio-disabled {
+    .arco-icon-hover.arco-icon-hover-disabled{
+      .arco-radio-mask{
+        border: 1px solid var(--color-border-1);
+      }
+    }
+    .arco-radio-text{
+      color: var(--color-text-6);
+    }
+  }
+
+  // 按钮样式
+  &-group.arco-radio-size-default .arco-radio-button{
+    line-height: 30px;
+  }
+  &-group .arco-radio-button{
+    border-radius: 0;
+
+    &:first-of-type{
+      border-top-left-radius: 4px;
+      border-bottom-left-radius: 4px;
+    }
+    &:not(:first-of-type){
+      margin-left: 1px;
+      border-left: 0;
+    }
+    &:last-of-type{
+      border-top-right-radius: 4px;
+      border-bottom-right-radius: 4px;
+    }
+
+    // 默认样式
+    border: 1px solid var(--color-border-2); 
+    background: var(--color-bg-1);
+
+    // hover样式
+    &:hover{
+      border-color: rgb(var(--primary-2));
+      background: rgb(var(--primary-2));
+      color: rgb(var(--primary-5));
+      font-weight: 600;
+    }
+
+    // active样式
+    &:active{
+      border-color: rgb(var(--primary-2));
+      background: rgb(var(--primary-2));
+      color: rgb(var(--primary-7));
+      font-weight: 600;
+    }
+
+    // 选中样式
+    &.arco-radio-checked{
+      border-color: rgb(var(--primary-2));
+      background: rgb(var(--primary-2));
+      color: rgb(var(--primary-6));
+      font-weight: 600;
+    }
+
+    // 禁用状态
+    &.arco-radio-disabled{
+      border-color: var(--color-fill-2);
+      background: var(--color-fill-2);
+      color: var(--color-text-6);
+      font-weight: normal;
+    }
+
+    // 禁用选中状态
+    &.arco-radio-disabled.arco-radio-checked{
+      border-color: var(--color-fill-1);
+      background: var(--color-fill-1);
+      color: var(--color-text-6);
+      font-weight: 600;
+    }
+  }
+  
+  // 禁用点的颜色
+  &.arco-radio-checked.arco-radio-disabled .arco-radio-mask::after{
+    background-color: var(--color-text-5);
+  }
+}

package/components/Select/index.less

@@ -0,0 +1,7 @@
+.@{select-prefix-cls} { 
+  // &-popup {
+  //   .arco-select-option-selected, .arco-select-option-hover{
+  //     color: rgb(var(--primary-6))
+  //   }
+  // }
+}

package/components/Slider/index.css

@@ -0,0 +1 @@
+.arco-slider.arco-slider-with-marks .arco-slider-marks .arco-slider-marks-text:last-of-type{white-space:nowrap}.arco-slider.arco-slider-with-marks .arco-slider-marks .arco-slider-marks-text{margin-top:4px}.arco-slider-button::after{background:var(--color-white)}

package/components/Slider/index.less

@@ -0,0 +1,13 @@
+.@{slider-prefix} { 
+  &.arco-slider-with-marks .arco-slider-marks{
+    .arco-slider-marks-text:last-of-type{
+      white-space: nowrap;
+    }
+    .arco-slider-marks-text{
+      margin-top: 4px;
+    }
+  }
+  &-button::after{
+    background: var(--color-white);
+  }
+}

package/components/Spin/index.css

@@ -0,0 +1 @@
+.arco-spin.arco-spin-loading .arco-spin-children::after{background-color:var(--color-bg-1);opacity:.6}

package/components/Spin/index.less

@@ -0,0 +1,6 @@
+.@{spin-prefix-cls} { 
+  &.arco-spin-loading .arco-spin-children::after{
+    background-color: var(--color-bg-1);
+    opacity: 0.6;
+  }
+}

package/components/Switch/index.css

@@ -0,0 +1 @@
+.arco-switch.arco-switch-checked .arco-switch-dot,.arco-switch.arco-switch-type-line .arco-switch-dot,.arco-switch-dot{background:var(--color-white)}.arco-switch-text,.arco-switch.arco-switch-checked .arco-switch-text,.arco-switch[disabled] .arco-switch-text{color:var(--color-white)}

package/components/Switch/index.less

@@ -0,0 +1,14 @@
+.@{switch-prefix-cls} { 
+  &.arco-switch-checked .arco-switch-dot,
+  &.arco-switch-type-line .arco-switch-dot,
+  &-dot{
+    background: var(--color-white);
+  }
+
+  &-text,
+  &.arco-switch-checked .arco-switch-text,
+  &[disabled] .arco-switch-text
+  {
+    color: var(--color-white);
+  }
+}

package/components/Table/index.css

@@ -0,0 +1 @@
+.arco-table-border.arco-table-border-header-cell .arco-table-container .arco-table-th{border-top:0}.arco-table-border.arco-table-border-header-cell .arco-table-container .arco-table-th:first-child{border-left:1px solid var(--color-border-1)}.arco-table-border-header-cell .arco-table-th{border-left:1px solid var(--color-border-1);border-top:1px solid var(--color-border-1)}.arco-table-border-header-cell .arco-table-th:first-child{border-left:0}.arco-table thead .arco-table-tr{height:36px}.arco-table-tr .arco-table-checkbox,.arco-table-tr .arco-table-radio,.arco-table-tr .arco-table-expand-icon-cell,.arco-table-tr .arco-table-expand{padding-left:10px}.arco-table-tr .arco-table-checkbox+.arco-table-th,.arco-table-tr .arco-table-radio+.arco-table-th,.arco-table-tr .arco-table-checkbox+.arco-table-td,.arco-table-tr .arco-table-radio+.arco-table-td{border-left:0}.arco-table .arco-table-th-item{font-size:12px;padding:0px 12px}.arco-table .arco-table-th-item.arco-table-col-has-sorter .arco-table-cell-with-sorter{display:inline-block;font-size:12px;padding:0}.arco-table .arco-table-th-item.arco-table-col-has-filter .arco-table-filters{position:relative;display:inline-block;margin-left:8px;vertical-align:-3px}.arco-table .arco-table-th-item.arco-table-col-has-filter .arco-table-filters:hover svg{color:rgb(var(--primary-6))}.arco-table .arco-table-th-item.arco-table-col-has-filter .arco-table-filters-open svg{color:rgb(var(--primary-6))}.arco-table tbody .arco-table-td.arco-table-operation.arco-table-expand-icon-cell button{width:14px;height:14px}.arco-table tbody .arco-table-td .arco-table-cell-expand-icon button,.arco-table tbody .arco-table-cell .arco-table-cell-expand-icon button{width:14px;height:14px}.arco-table.arco-table-hover .arco-table-expand-content:not(.arco-table-empty-row):hover .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right){background-color:rgb(var(--primary-1))}.arco-table-pagination .arco-pagination{margin-top:16px}.arco-table .arco-pagination-size-default .arco-pagination-total-text{display:flex;align-items:center}.arco-table-filters-btn{justify-content:flex-end}.arco-table-border-header-cell thead>.arco-table-tr>.arco-table-th{border:0;border-bottom:1px solid var(--color-border-2)}.arco-table-border-header-cell thead>.arco-table-tr>.arco-table-th:last-of-type{border-right:0}.arco-table-border-header-cell thead>.arco-table-tr>.arco-table-th.arco-table-col-fixed-left-last{border-right:0}.arco-table-border-header-cell thead>.arco-table-tr>.arco-table-th.arco-table-col-fixed-left-last+.arco-table-th{border-left:0}.arco-table-border-header-cell .arco-table-th{background-color:var(--color-bg-5);border-top:0}.arco-table-border-header-cell .arco-table-td thead>.arco-table-tr>.arco-table-th{border-top:0}.arco-table-expand-content:hover .arco-table-td{background:rgb(var(--primary-1)) !important}.arco-table-expand-icon-cell button,.arco-table-cell-expand-icon button{background-color:transparent}.arco-table-expand-icon-cell button:hover,.arco-table-cell-expand-icon button:hover{background-color:transparent}.arco-table .arco-table-tr.arco-table-empty-row>.arco-table-td{border-bottom:0;padding:0 12px}

package/components/Table/index.less

@@ -0,0 +1,184 @@
+.@{table-prefix-cls} { 
+  // 边框
+  &-border.arco-table-border-header-cell {
+    .arco-table-container {
+      .arco-table-th {
+        border-top: 0;
+        &:first-child {
+          border-left: 1px solid var(--color-border-1);
+        }
+      }
+    }
+  }
+  &-border-header-cell .arco-table-th {
+    border-left: 1px solid var(--color-border-1);
+    border-top: 1px solid var(--color-border-1);
+    &:first-child {
+      border-left: 0;
+    }
+  }
+  
+  thead {
+    .arco-table-tr {
+      height: 36px;
+    }
+  }
+
+  // 左侧多选、单选、展开行
+  // 多选、单选右侧边框去掉
+  &-tr{
+    .arco-table-checkbox, 
+    .arco-table-radio, 
+    .arco-table-expand-icon-cell, 
+    .arco-table-expand{
+      padding-left: 10px;
+    }
+
+    .arco-table-checkbox, 
+    .arco-table-radio{
+      &+.arco-table-th, &+.arco-table-td{
+        border-left: 0;
+      }
+    }
+  }  
+
+  // 排序筛选按钮
+  .arco-table-th{
+    &-item {
+      font-size: 12px;
+      padding: 0px 12px;
+    }
+    &-item.arco-table-col-has-sorter {
+      .arco-table-cell-with-sorter {
+        display: inline-block;
+        font-size: 12px;
+        padding: 0;
+      }
+    }
+    &-item.arco-table-col-has-filter {
+      .arco-table-filters {
+        position: relative;
+        display: inline-block;
+        margin-left: 8px;
+        vertical-align: -3px;
+
+        &:hover{
+          svg{
+            color: rgb(var(--primary-6));
+          }
+        }
+      }
+      .arco-table-filters-open svg{
+        color: rgb(var(--primary-6));
+      }
+    }
+  }
+
+  // 展开按钮对齐
+  tbody{
+    .arco-table-td.arco-table-operation.arco-table-expand-icon-cell{
+      & button{
+        width: 14px;
+        height: 14px;
+      }
+    }
+    .arco-table-td, .arco-table-cell{
+      .arco-table-cell-expand-icon{
+        & button{
+          width: 14px;
+          height: 14px;
+        }
+      }
+    }
+  }
+
+  // 展开列背景色修复
+  &.arco-table-hover .arco-table-expand-content:not(.arco-table-empty-row):hover .arco-table-td:not(.arco-table-col-fixed-left):not(.arco-table-col-fixed-right){
+    background-color: rgb(var(--primary-1));
+  }
+
+  // 分页上边距, 中间对齐
+  &-pagination .arco-pagination {
+    margin-top: 16px;
+  }
+  .arco-pagination-size-default .arco-pagination-total-text{
+    display: flex;
+    align-items: center;
+  }
+
+  // 操作按钮右对齐
+  &-filters-btn{
+    justify-content: flex-end;
+  }
+
+  // Cea/V5拖拽表头统一，仅处理border-header
+  &-border-header-cell {
+    thead>.arco-table-tr {
+        &>.arco-table-th {
+            // border-top: 1px solid var(--color-border-3);
+            // border-right: 1px solid var(--color-bg-3);
+            // border-left: 0;
+            border: 0;
+            border-bottom: 1px solid var(--color-border-2);
+
+            &:last-of-type{
+              border-right: 0;
+            }
+        }
+        // 处理右侧固定的表头左侧线
+        &>.arco-table-th.arco-table-col-fixed-left-last {
+            border-right: 0;
+
+            &+.arco-table-th {
+                // border-left: 1px solid var(--color-border-3);
+                border-left: 0;
+            }
+        }
+    }
+    // 处理hover状态
+    .arco-table-th{
+        background-color: var(--color-bg-5);
+        // border-top: 1px solid var(--color-border-3);
+        border-top: 0;
+
+        // 主题中不再处理顶部hover样式，只有可拖拽时arco-m中处理
+        // &:hover{
+        //     background-color: rgb(var(--primary-2));
+        // }
+    }
+
+    // 处理嵌套中的表头上边框去掉
+    .arco-table-td thead>.arco-table-tr {
+      &>.arco-table-th{
+        border-top: 0;
+      }
+    }
+  }
+
+  // 展开列的hover色
+  &-expand-content{
+    &:hover{
+      .arco-table-td{
+        background: rgb(var(--primary-1)) !important;
+      }
+    }
+  }
+
+  // 展开按钮背景色去除
+  &-expand-icon-cell button,
+  &-cell-expand-icon button{
+    background-color: transparent;
+    // border: 1px solid var(--color-text-3);
+
+    &:hover{
+      background-color: transparent;
+      // border-color: var(--color-text-3);
+    }
+  }
+
+  // 空状态去除底部边框线
+  .arco-table-tr.arco-table-empty-row > .arco-table-td{
+    border-bottom: 0;
+    padding: 0 12px;
+  }
+}

package/components/Tabs/index.css

@@ -0,0 +1 @@
+.arco-tabs-header-nav-card .arco-tabs-icon-hover::before,.arco-tabs-header-nav-card-gutter .arco-tabs-icon-hover::before,.arco-tabs-header-nav-text .arco-tabs-icon-hover::before,.arco-tabs-header-nav-capsule .arco-tabs-icon-hover::before{background-color:transparent}.arco-tabs-header-nav-card .arco-tabs-header-title,.arco-tabs-header-nav-card-gutter .arco-tabs-header-title,.arco-tabs-header-nav-text .arco-tabs-header-title,.arco-tabs-header-nav-capsule .arco-tabs-header-title{border:none;border-top-left-radius:4px;border-top-right-radius:4px}.arco-tabs-header-nav-card .arco-tabs-header-title-active,.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active,.arco-tabs-header-nav-text .arco-tabs-header-title-active,.arco-tabs-header-nav-capsule .arco-tabs-header-title-active{background-color:rgb(var(--primary-6)) !important}.arco-tabs-header-nav-card .arco-tabs-header-title-active .arco-tabs-header-title-text,.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active .arco-tabs-header-title-text,.arco-tabs-header-nav-text .arco-tabs-header-title-active .arco-tabs-header-title-text,.arco-tabs-header-nav-capsule .arco-tabs-header-title-active .arco-tabs-header-title-text{color:var(--color-white)}.arco-tabs-header-nav-card .arco-tabs-header-title-active:hover .arco-tabs-header-title-text,.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active:hover .arco-tabs-header-title-text,.arco-tabs-header-nav-text .arco-tabs-header-title-active:hover .arco-tabs-header-title-text,.arco-tabs-header-nav-capsule .arco-tabs-header-title-active:hover .arco-tabs-header-title-text{color:var(--color-white)}.arco-tabs-header-nav-card .arco-tabs-header-title-active.arco-tabs-header-title-editable,.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active.arco-tabs-header-title-editable,.arco-tabs-header-nav-text .arco-tabs-header-title-active.arco-tabs-header-title-editable,.arco-tabs-header-nav-capsule .arco-tabs-header-title-active.arco-tabs-header-title-editable{background-color:rgb(var(--primary-6))}.arco-tabs-header-nav-card-gutter .arco-tabs-header-title,.arco-tabs-header-nav-card-gutter-gutter .arco-tabs-header-title,.arco-tabs-header-nav-text-gutter .arco-tabs-header-title,.arco-tabs-header-nav-capsule-gutter .arco-tabs-header-title{border:none}.arco-tabs-content{border:none !important;padding-top:20px}.arco-tabs-header-nav-card-gutter .arco-tabs-header-title{background-color:transparent}.arco-tabs-header-nav-card-gutter .arco-tabs-header-title-active{background-color:rgb(var(--primary-6))}.arco-tabs-header-nav-line .arco-tabs-header-title{margin:0;padding:8px 20px}.arco-tabs-header-nav-card .arco-tabs-header-title:last-child{border-right:0}.arco-tabs.arco-tabs-capsule .arco-tabs-header-nav-capsule .arco-tabs-header-wrapper{justify-content:flex-start}.arco-tabs.arco-tabs-capsule .arco-tabs-header-nav-capsule .arco-tabs-header-title{border:1px solid var(--color-border-2);border-radius:0;color:var(--color-text-2);background-color:transparent;margin-right:1px}.arco-tabs.arco-tabs-capsule .arco-tabs-header-nav-capsule .arco-tabs-header-title-active{background-color:rgb(var(--primary-2)) !important;font-weight:600}.arco-tabs.arco-tabs-capsule .arco-tabs-header-nav-capsule .arco-tabs-header-title-active .arco-tabs-header-title-text{color:rgb(var(--primary-6))}.arco-tabs.arco-tabs-capsule .arco-tabs-header-nav-capsule .arco-tabs-header-title:hover{background-color:transparent;font-weight:600;color:rgb(var(--primary-6))}.arco-tabs.arco-tabs-capsule .arco-tabs-header-nav-capsule .arco-tabs-header-title-disabled{color:var(--color-text-6);font-weight:normal}.arco-tabs.arco-tabs-capsule .arco-tabs-header-nav-capsule .arco-tabs-header-title-disabled:hover{color:var(--color-text-6);font-weight:normal}.arco-tabs.arco-tabs-capsule .arco-tabs-header-nav-capsule .arco-tabs-header-title:not(:first-of-type){margin-left:0;border-left:0}.arco-tabs.arco-tabs-capsule .arco-tabs-header-nav-capsule .arco-tabs-header-title:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px}.arco-tabs.arco-tabs-capsule .arco-tabs-header-nav-capsule .arco-tabs-header-title:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px}.arco-tabs-content .arco-tabs-content-item{overflow:visible}.arco-tabs .arco-tabs-header-nav-card .arco-tabs-header-title-active{background-color:rgb(var(--primary-2)) !important;font-weight:600}.arco-tabs .arco-tabs-header-nav-card .arco-tabs-header-title-active .arco-tabs-header-title-text{color:rgb(var(--primary-6))}.arco-tabs .arco-tabs-header-nav-card .arco-tabs-header-title:hover{background-color:transparent;font-weight:600}.arco-tabs .arco-tabs-header-nav-card .arco-tabs-header-title-disabled{background-color:transparent}.arco-tabs .arco-tabs-header-nav-card .arco-tabs-header-title-disabled:hover{font-weight:normal}.arco-tabs .arco-tabs-header-nav-card.arco-tabs-header-size-default .arco-tabs-header-title{padding:5px 16px}.arco-tabs .arco-tabs-header-size-small .arco-tabs-header-title{font-size:12px;line-height:18px}.arco-tabs .arco-tabs-header-nav-capsule.arco-tabs-header-size-default .arco-tabs-header-title{font-size:12px;line-height:30px}.arco-tabs .arco-tabs-header-nav-capsule.arco-tabs-header-size-mini .arco-tabs-header-title{padding:2px 12px}

package/components/Tabs/index.less

@@ -0,0 +1,189 @@
+.@{tabs-prefix-cls} { 
+  &-header-nav-card, &-header-nav-card-gutter, &-header-nav-text, &-header-nav-capsule {
+    .@{tabs-prefix-cls} {
+      &-icon-hover::before {
+        background-color: transparent;
+      }
+      &-header-title {
+        border: none;
+        border-top-left-radius: 4px;
+        border-top-right-radius: 4px;
+        &:hover {
+          // background-color: var(--color-fill-2);
+        }
+
+        &-active {
+          background-color: rgb(var(--primary-6)) !important;
+          .@{tabs-prefix-cls} {
+            &-header-title {
+              &-text {
+                color: var(--color-white);
+              }
+            }
+          }
+          &:hover {
+            .@{tabs-prefix-cls} {
+              &-header-title {
+                &-text {
+                  // color: var(--color-text-2);
+                  color: var(--color-white);
+                }
+              }
+            }
+          }
+        }
+
+        &-active.arco-tabs-header-title-editable{
+          background-color: rgb(var(--primary-6))
+        }
+      }
+    }
+    &-gutter {
+      .@{tabs-prefix-cls} {
+        &-header-title {
+          border: none;
+        }
+      }
+    }
+  }
+  &-content {
+    border: none !important;
+    padding-top: 20px;
+  }
+  &-header-nav-card-gutter .arco-tabs-header-title{
+    background-color: transparent;
+  }
+  &-header-nav-card-gutter .arco-tabs-header-title-active{
+    background-color: rgb(var(--primary-6));
+  }
+
+  // 文字底部横线左右边距
+  &-header-nav-line .arco-tabs-header-title{
+    margin: 0;
+    padding: 8px 20px;
+  }
+
+  // card最后元素右边框取消
+  &-header-nav-card .arco-tabs-header-title:last-child {
+    border-right: 0;
+  }
+
+  // 胶囊样式用做二级tab
+  &.arco-tabs-capsule .arco-tabs-header-nav-capsule {
+    .arco-tabs-header-wrapper {
+      justify-content: flex-start;
+    }
+    .arco-tabs-header-title{
+      border: 1px solid var(--color-border-2);
+      border-radius: 0;
+      color: var(--color-text-2);
+      // background-color: rgb(var(--primary-2));
+      background-color: transparent;
+      margin-right: 1px;
+
+      &-active {
+        background-color: rgb(var(--primary-2)) !important;
+        font-weight: 600;
+        .arco-tabs-header-title-text{
+          color: rgb(var(--primary-6));
+        }
+      }
+
+      &:hover{
+        background-color: transparent;
+        font-weight: 600;
+        color: rgb(var(--primary-6));
+      }
+
+      &-disabled {
+        color: var(--color-text-6);
+        font-weight: normal;
+        &:hover {
+          color: var(--color-text-6);
+          font-weight: normal;
+        }
+      }
+
+      &:not(:first-of-type){
+        margin-left: 0;
+        border-left: 0;
+      }
+
+      &:first-of-type{
+        border-top-left-radius: 4px;
+        border-bottom-left-radius: 4px;
+      }
+
+      &:last-of-type{
+        border-top-right-radius: 4px;
+        border-bottom-right-radius: 4px;
+      }
+    }
+  }
+
+  // tab标签超出内容可见
+  &-content .arco-tabs-content-item{
+    overflow: visible;
+  }
+
+  // 卡片选项卡样式调整
+  & .arco-tabs-header-nav-card{
+    .arco-tabs-header-title-active{
+      background-color: rgb(var(--primary-2)) !important;
+      font-weight: 600;
+
+      .arco-tabs-header-title-text{
+        color: rgb(var(--primary-6));
+      }
+    }
+    .arco-tabs-header-title:hover{
+      background-color: transparent;
+      font-weight: 600;
+    }
+
+    .arco-tabs-header-title-disabled{
+      background-color: transparent;
+      &:hover{
+        font-weight: normal;;
+      }
+    }
+  }
+
+  // 卡片选项卡
+  .arco-tabs-header-nav-card{
+    &.arco-tabs-header-size-default{
+      .arco-tabs-header-title{
+        padding: 5px 16px;
+      }
+    }
+  }
+
+
+
+  // 尺寸控制
+  // small尺寸
+  .arco-tabs-header-size-small{
+    .arco-tabs-header-title{
+      font-size: 12px;
+      line-height: 18px;
+    }
+  }
+
+
+  // 胶囊选项卡
+  .arco-tabs-header-nav-capsule{
+
+    &.arco-tabs-header-size-default{
+      .arco-tabs-header-title{
+        font-size: 12px;
+        line-height: 30px;
+      }
+    }
+
+    &.arco-tabs-header-size-mini{
+      .arco-tabs-header-title{
+        padding: 2px 12px;
+      }
+    }
+  }
+}

package/components/TimePicker/index.css

@@ -0,0 +1 @@
+.arco-timepicker-container{background-color:var(--color-bg-1)}

package/components/TimePicker/index.less

@@ -0,0 +1,5 @@
+.@{time-picker-prefix-cls} { 
+  &-container{
+    background-color: var(--color-bg-1);
+  }
+}

package/components/Tooltip/index.css

@@ -0,0 +1 @@
+.arco-tooltip .arco-trigger-arrow{z-index:0}

package/components/Tooltip/index.less

@@ -0,0 +1,5 @@
+.@{tooltip-prefix-cls} { 
+  .arco-trigger-arrow {
+    z-index: 0;
+  }
+}

package/components/Transfer/index.css

@@ -0,0 +1 @@
+.arco-transfer-view .arco-table .arco-checkbox{padding-left:0}.arco-transfer .arco-list-wrapper .arco-list{border-left:0;border-right:0;border-bottom:0}.arco-transfer-view-header{background:var(--color-bg-3)}.arco-transfer-view-custom-list .arco-empty-wrapper .arco-empty-description{margin:0;line-height:18px}

package/components/Transfer/index.less

@@ -0,0 +1,22 @@
+.@{transfer-prefix-cls} { 
+  &-view .arco-table .arco-checkbox {
+    padding-left: 0;
+  }
+  .arco-list-wrapper .arco-list{
+    border-left: 0;
+    border-right: 0;
+    border-bottom: 0;
+  }
+
+  &-view-header{
+    background: var(--color-bg-3);
+  }
+
+  // 穿梭框表格空状态样式
+  &-view-custom-list .arco-empty-wrapper{
+    .arco-empty-description{
+      margin: 0;
+      line-height: 18px;
+    }
+  }
+}

package/components/Tree/index.css

@@ -0,0 +1 @@
+.arco-tree-node:hover{background-color:rgb(var(--primary-2))}.arco-tree-node-selected{background-color:rgb(var(--primary-3))}.arco-tree.arco-tree-show-line .arco-tree-node-selected .arco-tree-node-switcher{color:rgb(var(--primary-6))}.arco-tree.arco-tree-show-line .arco-tree-node-selected .arco-tree-node-switcher .arco-tree-node-minus-icon::after,.arco-tree.arco-tree-show-line .arco-tree-node-selected .arco-tree-node-switcher .arco-tree-node-plus-icon::after,.arco-tree.arco-tree-show-line .arco-tree-node-selected .arco-tree-node-switcher .arco-tree-node-plus-icon::before{color:rgb(var(--primary-6));background-color:rgb(var(--primary-6))}.arco-tree .arco-tree-node-minus-icon,.arco-tree .arco-tree-node-plus-icon{width:12px;height:12px;border:1px solid var(--color-text-3);margin-top:-2px}.arco-tree .arco-icon-file{margin-top:-2px}.arco-tree .arco-tree-node-selected .arco-tree-node-minus-icon,.arco-tree .arco-tree-node-selected .arco-tree-node-plus-icon{border-color:rgb(var(--primary-6))}

package/components/Tree/index.less

@@ -0,0 +1,36 @@
+.@{tree-prefix-cls} { 
+  &-node:hover {
+    background-color: rgb(var(--primary-2));
+  }
+
+  &-node-selected {
+    background-color: rgb(var(--primary-3));
+  }
+
+  &.arco-tree-show-line{
+    .arco-tree-node-selected .arco-tree-node-switcher{
+      color: rgb(var(--primary-6));
+
+      .arco-tree-node-minus-icon::after, 
+      .arco-tree-node-plus-icon::after,
+      .arco-tree-node-plus-icon::before{
+        color: rgb(var(--primary-6));
+        background-color: rgb(var(--primary-6));
+      }
+    }
+  }
+  .arco-tree-node-minus-icon, .arco-tree-node-plus-icon{
+      width: 12px;
+      height: 12px;
+      border: 1px solid var(--color-text-3);
+      margin-top: -2px;
+    }
+    .arco-icon-file{
+      margin-top: -2px;
+    }
+    .arco-tree-node-selected{
+      .arco-tree-node-minus-icon, .arco-tree-node-plus-icon{
+        border-color: rgb(var(--primary-6));
+      }
+  }
+}

package/components/TreeSelect/index.css

@@ -0,0 +1 @@
+.arco-tree-select .arco-icon-hover:hover::before{background-color:transparent}

package/components/TreeSelect/index.less

@@ -0,0 +1,7 @@
+.@{tree-select-prefix-cls} { 
+  .arco-icon-hover{
+    &:hover::before{
+      background-color: transparent;
+    }
+  }
+}

package/components/Upload/index.css

@@ -0,0 +1 @@
+.arco-upload-list-item-done .arco-upload-list-file-icon,.arco-upload-list-file-icon{color:var(--color-text-3)}.arco-upload-list-item-init .arco-upload-list-item-text-name-text{color:var(--color-text-2)}.arco-upload-list-item-init .arco-upload-list-item-text{background-color:rgb(var(--primary-1))}.arco-upload-list-item-uploading .arco-upload-list-item-text-name-link{color:rgb(var(--primary-6))}.arco-upload-list-item-uploading .arco-upload-list-item-text{background-color:rgb(var(--primary-1))}.arco-upload-list-item-done .arco-upload-list-item-text-name-link{color:rgb(var(--primary-6))}.arco-upload-list-item-done .arco-upload-list-item-text{background-color:rgb(var(--success-1))}.arco-upload-list-item-error .arco-upload-list-reupload-icon{font-weight:600}.arco-upload-list-item-error .arco-upload-list-item-text{background-color:rgb(var(--danger-1))}