semi-design/packages/semi-foundation/tree/rtl.scss

$module: #{$prefix}-tree;

.#{$prefix}-rtl,
.#{$prefix}-popover-rtl {
    .#{$module} {
        direction: rtl;
    }
    
    .#{$module}-wrapper {
        direction: rtl;
    }
    
    .#{$module}-option-list {
        direction: rtl;
    
        .#{$module}-option-expand-icon,
        .#{$module}-option-empty-icon {
            margin-right: 0;
            margin-left: $spacing-tree_icon-marginRight;
        }
    
        .#{$module}-option {
            &-label {
                & > .#{$prefix}-icon {
                    margin-right: 0;
                    margin-left: $spacing-tree_icon-marginRight;
                }
    
                .#{$prefix}-checkbox {
                    margin-right: 0;
                    margin-left: $spacing-tree_icon-marginRight;
                }
            }
    
            &-collapsed {
                .#{$module}-option-expand-icon {
                    transform: rotate(90deg);
                }
            }
        }
    
        @for $i from 1 through 20 {
            .#{$module}-option-level-#{$i} {
                padding-left: 0;
                padding-right: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
            }
        }
    
        .#{$module}-option-label-empty {
            padding-left: auto;
            padding-right: 0;
        }
    }
    
    .#{$module}-option-list-block {
        direction: rtl;
    }
}