@douyinfe/semi-ui 2.49.1 → 2.50.0-alpha.1

package/dist/css/semi.css

@@ -17404,7 +17404,6 @@ img[src=""], img:not([src]) {
   margin-right: 0;
 }
 .semi-table .semi-table-column-sorter {
-  margin-left: 4px;
   display: inline-block;
   width: 16px;
   height: 16px;
@@ -17413,6 +17412,7 @@ img[src=""], img:not([src]) {
 }
 .semi-table .semi-table-column-sorter-wrapper {
   display: flex;
+  gap: 4px;
   align-items: center;
   cursor: pointer;
   overflow: hidden;
@@ -19989,6 +19989,7 @@ img[src=""], img:not([src]) {
   box-sizing: border-box;
   padding-top: 4px;
   padding-bottom: 4px;
+  padding-left: 8px;
 }
 .semi-tree-option-list li > .semi-tree-option-label {
   list-style-type: none;
@@ -20087,7 +20088,6 @@ img[src=""], img:not([src]) {
 .semi-tree-option-list .semi-tree-option-draggable {
   box-sizing: border-box;
   border-left: 2px solid transparent;
-  margin-top: -2px;
 }
 .semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-label {
   border-top: 2px transparent solid;
@@ -20099,6 +20099,17 @@ img[src=""], img:not([src]) {
 .semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-drag-over-gap-bottom {
   border-bottom: 2px var(--semi-color-primary) solid;
 }
+.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-indent .semi-tree-option-indent-unit:before {
+  top: 0px;
+  bottom: 0px;
+}
+.semi-tree-option-list .semi-tree-option-draggable .semi-tree-option-switcher-leaf-line::before {
+  top: 0px;
+  bottom: 0px;
+}
+.semi-tree-option-list .semi-tree-option-draggable.semi-tree-option-tree-node-last-leaf .semi-tree-option-switcher-leaf-line::before {
+  height: 50%;
+}
 .semi-tree-option-list .semi-tree-option-fullLabel-draggable.semi-tree-option-fullLabel-drag-over-gap-top {
   border-top: 2px var(--semi-color-primary) solid;
 }
@@ -20121,78 +20132,80 @@ img[src=""], img:not([src]) {
   right: -1px;
   border-top: 2px solid var(--semi-color-primary);
 }
-.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-label {
-  padding: 3px 0;
-}
-.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected {
-  background-color: transparent;
-}
-.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active {
-  background-color: transparent;
-}
-.semi-tree-option-list .semi-tree-option-level-1 {
-  padding-left: 8px;
-}
-.semi-tree-option-list .semi-tree-option-level-2 {
-  padding-left: 28px;
-}
-.semi-tree-option-list .semi-tree-option-level-3 {
-  padding-left: 48px;
-}
-.semi-tree-option-list .semi-tree-option-level-4 {
-  padding-left: 68px;
-}
-.semi-tree-option-list .semi-tree-option-level-5 {
-  padding-left: 88px;
-}
-.semi-tree-option-list .semi-tree-option-level-6 {
-  padding-left: 108px;
-}
-.semi-tree-option-list .semi-tree-option-level-7 {
-  padding-left: 128px;
+.semi-tree-option-list .semi-tree-option-indent {
+  align-self: stretch;
+  white-space: nowrap;
+  user-select: none;
 }
-.semi-tree-option-list .semi-tree-option-level-8 {
-  padding-left: 148px;
+.semi-tree-option-list .semi-tree-option-indent-unit {
+  display: inline-block;
+  width: 20px;
 }
-.semi-tree-option-list .semi-tree-option-level-9 {
-  padding-left: 168px;
+.semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit {
+  position: relative;
+  height: 100%;
 }
-.semi-tree-option-list .semi-tree-option-level-10 {
-  padding-left: 188px;
+.semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit::before {
+  position: absolute;
+  top: -4px;
+  inset-inline-start: 6px;
+  bottom: -4px;
+  border-inline-end: 1px solid var(--semi-color-text-3);
+  content: "";
 }
-.semi-tree-option-list .semi-tree-option-level-11 {
-  padding-left: 208px;
+.semi-tree-option-list .semi-tree-option-indent-show-line .semi-tree-option-indent-unit-end::before {
+  display: none;
 }
-.semi-tree-option-list .semi-tree-option-level-12 {
-  padding-left: 228px;
+.semi-tree-option-list .semi-tree-option-switcher {
+  position: relative;
+  flex: none;
+  align-self: stretch;
+  width: 12px;
+  margin: 0;
+  text-align: center;
+  cursor: pointer;
+  user-select: none;
+  margin-right: 8px;
 }
-.semi-tree-option-list .semi-tree-option-level-13 {
-  padding-left: 248px;
+.semi-tree-option-list .semi-tree-option-switcher-leaf-line {
+  z-index: 1;
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: 100%;
 }
-.semi-tree-option-list .semi-tree-option-level-14 {
-  padding-left: 268px;
+.semi-tree-option-list .semi-tree-option-switcher-leaf-line::before {
+  position: absolute;
+  top: -4px;
+  inset-inline-start: 6px;
+  bottom: -4px;
+  border-inline-end: 1px solid var(--semi-color-text-3);
+  content: "";
 }
-.semi-tree-option-list .semi-tree-option-level-15 {
-  padding-left: 288px;
+.semi-tree-option-list .semi-tree-option-switcher-leaf-line::after {
+  box-sizing: border-box;
+  position: absolute;
+  width: 8px;
+  height: 50%;
+  border-bottom: 1px solid var(--semi-color-text-3);
+  content: "";
+  margin-inline-start: 1px;
 }
-.semi-tree-option-list .semi-tree-option-level-16 {
-  padding-left: 308px;
+.semi-tree-option-list .semi-tree-option-tree-node-last-leaf .semi-tree-option-switcher-leaf-line::before {
+  height: calc(50% + 4px);
 }
-.semi-tree-option-list .semi-tree-option-level-17 {
-  padding-left: 328px;
+.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option {
+  padding-top: 0px;
+  padding-bottom: 0px;
 }
-.semi-tree-option-list .semi-tree-option-level-18 {
-  padding-left: 348px;
+.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-label {
+  padding: 2px 0;
 }
-.semi-tree-option-list .semi-tree-option-level-19 {
-  padding-left: 368px;
+.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected {
+  background-color: transparent;
 }
-.semi-tree-option-list .semi-tree-option-level-20 {
-  padding-left: 388px;
+.semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active {
+  background-color: transparent;
 }
 .semi-tree-option-list .semi-tree-option-empty:hover, .semi-tree-option-list .semi-tree-option-empty:active {
   background-color: transparent;
@@ -20313,106 +20326,6 @@ img[src=""], img:not([src]) {
 .semi-popover-rtl .semi-tree-option-list .semi-tree-option-collapsed .semi-tree-option-expand-icon {
   transform: rotate(90deg);
 }
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-1,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-1 {
-  padding-left: 0;
-  padding-right: 8px;
-}
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-2,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-2 {
-  padding-left: 0;
-  padding-right: 28px;
-}
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-3,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-3 {
-  padding-left: 0;
-  padding-right: 48px;
-}
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-4,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-4 {
-  padding-left: 0;
-  padding-right: 68px;
-}
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-5,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-5 {
-  padding-left: 0;
-  padding-right: 88px;
-}
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-6,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-6 {
-  padding-left: 0;
-  padding-right: 108px;
-}
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-7,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-7 {
-  padding-left: 0;
-  padding-right: 128px;
-}
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-8,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-8 {
-  padding-left: 0;
-  padding-right: 148px;
-}
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-9,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-9 {
-  padding-left: 0;
-  padding-right: 168px;
-}
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-10,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-10 {
-  padding-left: 0;
-  padding-right: 188px;
-}
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-11,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-11 {
-  padding-left: 0;
-  padding-right: 208px;
-}
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-12,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-12 {
-  padding-left: 0;
-  padding-right: 228px;
-}
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-13,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-13 {
-  padding-left: 0;
-  padding-right: 248px;
-}
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-14,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-14 {
-  padding-left: 0;
-  padding-right: 268px;
-}
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-15,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-15 {
-  padding-left: 0;
-  padding-right: 288px;
-}
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-16,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-16 {
-  padding-left: 0;
-  padding-right: 308px;
-}
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-17,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-17 {
-  padding-left: 0;
-  padding-right: 328px;
-}
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-18,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-18 {
-  padding-left: 0;
-  padding-right: 348px;
-}
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-19,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-19 {
-  padding-left: 0;
-  padding-right: 368px;
-}
-.semi-rtl .semi-tree-option-list .semi-tree-option-level-20,
-.semi-popover-rtl .semi-tree-option-list .semi-tree-option-level-20 {
-  padding-left: 0;
-  padding-right: 388px;
-}
 .semi-rtl .semi-tree-option-list .semi-tree-option-label-empty,
 .semi-popover-rtl .semi-tree-option-list .semi-tree-option-label-empty {
   padding-left: auto;