fix(Table): make tree expand icon configurable

alibaba-fusion · Dec 30, 2019 · f765ace · f765ace
1 parent 84a0c69
commit f765ace
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/src/table/main.scss b/src/table/main.scss
@@ -84,9 +84,18 @@
                 outline: 0;
                 cursor: pointer;
             }
-            .#{$css-prefix}icon-arrow-down.#{$css-prefix}table-tree-arrow,
             .#{$css-prefix}icon-arrow-right.#{$css-prefix}table-tree-arrow {
                 @include icon-size($table-tree-expanded-icon-size);
+                &::before {
+                    content: $table-tree-fold-icon-content;
+                }
+            }
+
+            .#{$css-prefix}icon-arrow-down.#{$css-prefix}table-tree-arrow {
+                @include icon-size($table-tree-expanded-icon-size);
+                &::before {
+                    content: $table-tree-unfold-icon-content;
+                }
             }
         }
         &#{$table-prefix}-prerow #{$table-prefix}-cell-wrapper {

diff --git a/src/table/scss/variable.scss b/src/table/scss/variable.scss
@@ -140,3 +140,13 @@ $table-sort-color-current: $color-brand1-6 !default;
 /// expanded icon
 /// @namespace statement/disabled/body
 $table-expanded-ctrl-disabled-color: $color-text1-2 !default;
+
+/// tree fold icon
+/// @namespace statement/normal
+/// @type icon
+$table-tree-fold-icon-content: $icon-content-arrow-right !default;
+
+/// tree unfold icon
+/// @namespace statement/normal
+/// @type icon
+$table-tree-unfold-icon-content: $icon-content-arrow-down !default;