tntd 2.7.30 → 2.7.31

package/es/transfer/style/index.less

@@ -1,191 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-@import '../../checkbox/style/mixin';
-@import './customize.less';
-
-@transfer-prefix-cls: ~'@{ant-prefix}-transfer';
-
-@transfer-header-vertical-padding: (
-    @transfer-header-height - 1px - @font-size-base * @line-height-base
-  ) / 2;
-
-.@{transfer-prefix-cls} {
-  .reset-component;
-
-  position: relative;
-
-  &-disabled {
-    .@{transfer-prefix-cls}-list {
-      background: @transfer-disabled-bg;
-    }
-  }
-
-  &-list {
-    position: relative;
-    display: inline-block;
-    width: 180px;
-    height: @transfer-list-height;
-    padding-top: @transfer-header-height;
-    vertical-align: middle;
-    border: @border-width-base @border-style-base @border-color-base;
-    border-radius: @border-radius-base;
-
-    &-with-footer {
-      padding-bottom: 34px;
-    }
-
-    &-search {
-      padding: 0 24px 0 @control-padding-horizontal-sm;
-      &-action {
-        position: absolute;
-        top: 12px;
-        right: 12px;
-        bottom: 12px;
-        width: 28px;
-        color: @disabled-color;
-        line-height: @input-height-base;
-        text-align: center;
-        .@{iconfont-css-prefix} {
-          color: @disabled-color;
-          transition: all 0.3s;
-          &:hover {
-            color: @text-color-secondary;
-          }
-        }
-        span& {
-          pointer-events: none;
-        }
-      }
-    }
-
-    &-header {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      // border-top is on the transfer dom. We should minus 1px for this
-      padding: calc((@transfer-header-vertical-padding - 1px)) @control-padding-horizontal
-        @transfer-header-vertical-padding;
-      overflow: hidden;
-      color: @text-color;
-      background: @component-background;
-      border-bottom: @border-width-base @border-style-base @border-color-split;
-      border-radius: @border-radius-base @border-radius-base 0 0;
-
-      &-title {
-        position: absolute;
-        right: 12px;
-      }
-
-      .@{ant-prefix}-checkbox-wrapper + span {
-        padding-left: 8px;
-      }
-    }
-
-    &-body {
-      position: relative;
-      height: 100%;
-      font-size: @font-size-base;
-
-      &-search-wrapper {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        padding: 12px;
-      }
-    }
-
-    &-body-with-search {
-      padding-top: calc(@input-height-base + 24px);
-    }
-
-    &-content {
-      height: 100%;
-      margin: 0;
-      padding: 0;
-      overflow: auto;
-      list-style: none;
-      > .LazyLoad {
-        animation: transferHighlightIn 1s;
-      }
-
-      &-item {
-        min-height: 32px;
-        padding: 6px @control-padding-horizontal;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        transition: all 0.3s;
-        > span {
-          padding-right: 0;
-        }
-        &-text {
-          padding-left: 8px;
-        }
-      }
-
-      &-item:not(&-item-disabled):hover {
-        background-color: @item-hover-bg;
-        cursor: pointer;
-      }
-
-      &-item-disabled {
-        color: @btn-disable-color;
-        cursor: not-allowed;
-      }
-    }
-
-    &-body-not-found {
-      position: absolute;
-      top: 50%;
-      width: 100%;
-      padding-top: 0;
-      color: @disabled-color;
-      text-align: center;
-      transform: translateY(-50%);
-
-      // with filter should offset the search box height
-      .@{transfer-prefix-cls}-list-body-with-search & {
-        margin-top: calc(@input-height-base / 2);
-      }
-    }
-
-    &-footer {
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      border-top: @border-width-base @border-style-base @border-color-split;
-      border-radius: 0 0 @border-radius-base @border-radius-base;
-    }
-  }
-
-  &-operation {
-    display: inline-block;
-    margin: 0 8px;
-    overflow: hidden;
-    vertical-align: middle;
-
-    .@{ant-prefix}-btn {
-      display: block;
-
-      &:first-child {
-        margin-bottom: 4px;
-      }
-
-      .@{iconfont-css-prefix} {
-        font-size: 12px;
-      }
-    }
-  }
-}
-
-@keyframes transferHighlightIn {
-  0% {
-    background: @primary-2;
-  }
-  100% {
-    background: transparent;
-  }
-}

package/es/tree/style/directory.less

@@ -1,95 +0,0 @@
-@import '../../style/themes/index';
-
-@tree-prefix-cls: ~'@{ant-prefix}-tree';
-
-.@{tree-prefix-cls} {
-  &.@{tree-prefix-cls}-directory {
-    position: relative;
-
-    // Stretch selector width
-    > li,
-    .@{tree-prefix-cls}-child-tree > li {
-      span {
-        &.@{tree-prefix-cls}-switcher {
-          position: relative;
-          z-index: 1;
-
-          &.@{tree-prefix-cls}-switcher-noop {
-            pointer-events: none;
-          }
-        }
-
-        &.@{tree-prefix-cls}-checkbox {
-          position: relative;
-          z-index: 1;
-        }
-
-        &.@{tree-prefix-cls}-node-content-wrapper {
-          border-radius: 0;
-          user-select: none;
-
-          &:hover {
-            background: transparent;
-
-            &::before {
-              background: @item-hover-bg;
-            }
-          }
-
-          &.@{tree-prefix-cls}-node-selected {
-            color: @tree-directory-selected-color;
-            background: transparent;
-          }
-
-          &::before {
-            position: absolute;
-            right: 0;
-            left: 0;
-            height: @tree-title-height;
-            transition: all 0.3s;
-            content: '';
-          }
-
-          > span {
-            position: relative;
-            z-index: 1;
-          }
-        }
-      }
-
-      &.@{tree-prefix-cls}-treenode-selected {
-        > span {
-          &.@{tree-prefix-cls}-switcher {
-            color: @tree-directory-selected-color;
-          }
-
-          &.@{tree-prefix-cls}-checkbox {
-            .@{tree-prefix-cls}-checkbox-inner {
-              border-color: @primary-color;
-            }
-
-            &.@{tree-prefix-cls}-checkbox-checked {
-              &::after {
-                border-color: @checkbox-check-color;
-              }
-
-              .@{tree-prefix-cls}-checkbox-inner {
-                background: @checkbox-check-color;
-
-                &::after {
-                  border-color: @primary-color;
-                }
-              }
-            }
-          }
-
-          &.@{tree-prefix-cls}-node-content-wrapper {
-            &::before {
-              background: @tree-directory-selected-bg;
-            }
-          }
-        }
-      }
-    }
-  }
-}

package/es/tree/style/index.less

@@ -1,280 +0,0 @@
-@import '../../style/themes/index';
-@import '../../style/mixins/index';
-@import '../../checkbox/style/mixin';
-@import './mixin';
-@import './directory';
-
-@tree-prefix-cls: ~'@{ant-prefix}-tree';
-@tree-showline-icon-color: @text-color-secondary;
-@tree-node-padding: 4px;
-
-.antCheckboxFn(@checkbox-prefix-cls: ~'@{ant-prefix}-tree-checkbox');
-
-.@{tree-prefix-cls} {
-  /* see https://github.com/ant-design/ant-design/issues/16259 */
-  &-checkbox-checked::after {
-    position: absolute;
-    top: 16.67%;
-    left: 0;
-    width: 100%;
-    height: 66.67%;
-  }
-
-  .reset-component;
-
-  margin: 0;
-  padding: 0;
-
-  ol,
-  ul {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-
-  li {
-    margin: 0;
-    padding: @tree-node-padding 0;
-    white-space: nowrap;
-    list-style: none;
-    outline: 0;
-    span[draggable],
-    span[draggable='true'] {
-      line-height: calc(@tree-title-height - 4px);
-      border-top: 2px transparent solid;
-      border-bottom: 2px transparent solid;
-      user-select: none;
-      /* Required to make elements draggable in old WebKit */
-      -khtml-user-drag: element;
-      -webkit-user-drag: element;
-    }
-    &.drag-over {
-      > span[draggable] {
-        color: white;
-        background-color: @primary-color;
-        opacity: 0.8;
-      }
-    }
-    &.drag-over-gap-top {
-      > span[draggable] {
-        border-top-color: @primary-color;
-      }
-    }
-    &.drag-over-gap-bottom {
-      > span[draggable] {
-        border-bottom-color: @primary-color;
-      }
-    }
-    &.filter-node {
-      > span {
-        color: @highlight-color !important;
-        font-weight: 500 !important;
-      }
-    }
-
-    // When node is loading
-    &.@{tree-prefix-cls}-treenode-loading {
-      span {
-        &.@{tree-prefix-cls}-switcher {
-          &.@{tree-prefix-cls}-switcher_open,
-          &.@{tree-prefix-cls}-switcher_close {
-            .@{tree-prefix-cls}-switcher-loading-icon {
-              position: absolute;
-              left: 0;
-              display: inline-block;
-              width: 24px;
-              height: @tree-title-height;
-              color: @primary-color;
-              font-size: 14px;
-              transform: none;
-              svg {
-                position: absolute;
-                top: 0;
-                right: 0;
-                bottom: 0;
-                left: 0;
-                margin: auto;
-              }
-            }
-
-            :root &::after {
-              opacity: 0;
-            }
-          }
-        }
-      }
-    }
-
-    ul {
-      margin: 0;
-      padding: 0 0 0 @tree-child-padding;
-    }
-    .@{tree-prefix-cls}-node-content-wrapper {
-      display: inline-block;
-      height: @tree-title-height;
-      margin: 0;
-      padding: 0 5px;
-      color: @text-color;
-      line-height: @tree-title-height;
-      text-decoration: none;
-      vertical-align: top;
-      border-radius: @border-radius-sm;
-      cursor: pointer;
-      transition: all 0.3s;
-      &:hover {
-        background-color: @tree-node-hover-bg;
-      }
-      &.@{tree-prefix-cls}-node-selected {
-        background-color: @tree-node-selected-bg;
-      }
-    }
-    span {
-      &.@{tree-prefix-cls}-checkbox {
-        top: initial;
-        height: @tree-title-height;
-        margin: 0 4px 0 2px;
-        padding: calc(((@tree-title-height - 16px) / 2)) 0;
-      }
-      &.@{tree-prefix-cls}-switcher,
-      &.@{tree-prefix-cls}-iconEle {
-        display: inline-block;
-        width: 24px;
-        height: @tree-title-height;
-        margin: 0;
-        line-height: @tree-title-height;
-        text-align: center;
-        vertical-align: top;
-        border: 0 none;
-        outline: none;
-        cursor: pointer;
-      }
-
-      &.@{tree-prefix-cls}-iconEle:empty {
-        display: none;
-      }
-
-      &.@{tree-prefix-cls}-switcher {
-        position: relative;
-
-        &.@{tree-prefix-cls}-switcher-noop {
-          cursor: default;
-        }
-        &.@{tree-prefix-cls}-switcher_open {
-          .antTreeSwitcherIcon();
-        }
-        &.@{tree-prefix-cls}-switcher_close {
-          .antTreeSwitcherIcon();
-          .@{tree-prefix-cls}-switcher-icon {
-            svg {
-              transform: rotate(-90deg);
-            }
-          }
-        }
-      }
-    }
-    &:last-child > span {
-      &.@{tree-prefix-cls}-switcher,
-      &.@{tree-prefix-cls}-iconEle {
-        &::before {
-          display: none;
-        }
-      }
-    }
-  }
-
-  > li {
-    &:first-child {
-      padding-top: 7px;
-    }
-    &:last-child {
-      padding-bottom: 7px;
-    }
-  }
-  &-child-tree {
-    // https://github.com/ant-design/ant-design/issues/14958
-    > li {
-      // Provide additional padding between top child node and parent node
-      &:first-child {
-        padding-top: calc(2 * @tree-node-padding);
-      }
-
-      // Hide additional padding between last child node and next parent node
-      &:last-child {
-        padding-bottom: 0;
-      }
-    }
-  }
-  li&-treenode-disabled {
-    > span:not(.@{tree-prefix-cls}-switcher),
-    > .@{tree-prefix-cls}-node-content-wrapper,
-    > .@{tree-prefix-cls}-node-content-wrapper span {
-      color: @disabled-color;
-      cursor: not-allowed;
-    }
-    > .@{tree-prefix-cls}-node-content-wrapper:hover {
-      background: transparent;
-    }
-  }
-  &-icon__open {
-    margin-right: 2px;
-    vertical-align: top;
-  }
-  &-icon__close {
-    margin-right: 2px;
-    vertical-align: top;
-  }
-  // Tree with line
-  &&-show-line {
-    li {
-      position: relative;
-      span {
-        &.@{tree-prefix-cls}-switcher {
-          color: @tree-showline-icon-color;
-          background: @component-background;
-          &.@{tree-prefix-cls}-switcher-noop {
-            .antTreeShowLineIcon('tree-doc-icon');
-          }
-          &.@{tree-prefix-cls}-switcher_open {
-            .antTreeShowLineIcon('tree-showline-open-icon');
-          }
-          &.@{tree-prefix-cls}-switcher_close {
-            .antTreeShowLineIcon('tree-showline-close-icon');
-          }
-        }
-      }
-    }
-    li:not(:last-child)::before {
-      position: absolute;
-      left: 12px;
-      width: 1px;
-      height: 100%;
-      height: calc(100% - 22px); // Remove additional height if support
-      margin: 22px 0 0;
-      border-left: 1px solid @border-color-base;
-      content: ' ';
-    }
-  }
-
-  &.@{tree-prefix-cls}-icon-hide {
-    .@{tree-prefix-cls}-treenode-loading {
-      .@{tree-prefix-cls}-iconEle {
-        display: none;
-      }
-    }
-  }
-
-  &.@{tree-prefix-cls}-block-node {
-    li {
-      .@{tree-prefix-cls}-node-content-wrapper {
-        width: ~'calc(100% - 24px)';
-      }
-      span {
-        &.@{tree-prefix-cls}-checkbox {
-          + .@{tree-prefix-cls}-node-content-wrapper {
-            width: ~'calc(100% - 46px)';
-          }
-        }
-      }
-    }
-  }
-}

package/es/tree/style/mixin.less

@@ -1,29 +0,0 @@
-@import '../../style/mixins/index';
-
-@tree-prefix-cls: ~'@{ant-prefix}-tree';
-@tree-select-prefix-cls: ~'@{ant-prefix}-select';
-
-.antTreeSwitcherIcon(@type: 'tree-default-open-icon') {
-  .@{tree-prefix-cls}-switcher-icon,
-  .@{tree-select-prefix-cls}-switcher-icon {
-    .iconfont-size-under-12px(10px);
-
-    display: inline-block;
-    font-weight: bold;
-    svg {
-      transition: transform 0.3s;
-    }
-  }
-}
-
-.antTreeShowLineIcon(@type) {
-  .@{tree-prefix-cls}-switcher-icon,
-  .@{tree-select-prefix-cls}-switcher-icon {
-    display: inline-block;
-    font-weight: normal;
-    font-size: 12px;
-    svg {
-      transition: transform 0.3s;
-    }
-  }
-}