@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/Tree/style/checkbox.less

@@ -1,237 +0,0 @@
-.aldCheckboxFn() {
-  // 一般状态
-  .ald-tree-checkbox {
-    .reset-component();
-
-    position: relative;
-    line-height: 1;
-    white-space: nowrap;
-    outline: none;
-    cursor: pointer;
-
-    &-checked::after {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      border: 1px solid @checkbox-color;
-      border-radius: @checkbox-border-radius;
-      visibility: hidden;
-      animation: ald-checkbox-effect 0.36s ease-in-out;
-      animation-fill-mode: backwards;
-      content: '';
-      border-color: var(--alias-colors-bg-selected-strong-default);
-    }
-
-    &-inner {
-      position: relative;
-      top: 0;
-      left: 0;
-      display: block;
-      width: @checkbox-size;
-      height: @checkbox-size;
-      direction: ltr;
-      background-color: @checkbox-check-bg;
-      border: 1px solid var(--interaction-border-neutral-normal);
-      border-radius: @checkbox-border-radius;
-      border-collapse: separate;
-      transition: all 0.3s;
-      transform: scale(0.875);
-
-      &::after {
-        @check-width: (@checkbox-size / 14) * 5px;
-        @check-height: (@checkbox-size / 14) * 8px;
-
-        position: absolute;
-        top: 50%;
-        left: 21.5%;
-        display: table;
-        width: @check-width;
-        height: @check-height;
-        border: 2px solid;
-        border-top: 0;
-        border-left: 0;
-        transform: rotate(45deg) scale(0) translate(-50%, -50%);
-        opacity: 0;
-        transition: all 0.1s @ease-in-back, opacity 0.1s;
-        content: ' ';
-      }
-
-      &:hover {
-        border-color: var(--interaction-border-hover);
-      }
-
-      &:active {
-        border-color: var(--interaction-border-neutral-normal);
-        background-color: var(--alias-colors-bg-skeleton-strong);
-      }
-    }
-
-    &-input {
-      position: absolute;
-      inset: 0;
-      z-index: 1;
-      width: 100%;
-      height: 100%;
-      cursor: pointer;
-      opacity: 0;
-    }
-  }
-
-  // 选中状态
-  .ald-tree-checkbox-checked .ald-tree-checkbox-inner::after {
-    position: absolute;
-    display: table;
-    border: 2px solid var(--alias-colors-icon-inverse-default);
-    border-top: 0;
-    border-left: 0;
-    transform: rotate(45deg) scale(1) translate(-50%, -50%);
-    opacity: 1;
-    transition: all 0.2s @ease-out-back 0.1s;
-    content: ' ';
-  }
-
-  .ald-tree-checkbox-checked {
-    .ald-tree-checkbox-inner {
-      background-color: var(--alias-colors-bg-selected-strong-default);
-      border-color: var(--alias-colors-bg-selected-strong-default);
-    }
-  }
-
-  .ald-tree-checkbox-disabled {
-    cursor: initial;
-
-    &.ald-tree-checkbox-checked {
-      .ald-tree-checkbox-inner::after {
-        border-color: var(--alias-colors-icon-disabled);
-        animation-name: none;
-      }
-    }
-
-    .ald-tree-checkbox-input {
-      cursor: initial;
-      pointer-events: none;
-    }
-
-    .ald-tree-checkbox-inner {
-      background-color: var(--alias-colors-bg-disabled);
-      border-color: var(--alias-colors-border-disabled);
-
-      &::after {
-        border-color: @input-disabled-bg;
-        border-collapse: separate;
-        animation-name: none;
-      }
-    }
-
-    & + span {
-      color: @disabled-color;
-      cursor: initial;
-    }
-
-    // Not show highlight border of checkbox when disabled
-    &:hover::after,
-    .ald-tree-checkbox-wrapper:hover &::after {
-      visibility: hidden;
-    }
-  }
-
-  .ald-tree-checkbox-wrapper {
-    .reset-component();
-
-    display: inline-flex;
-    align-items: baseline;
-    line-height: unset;
-    cursor: pointer;
-
-    &::after {
-      display: inline-block;
-      width: 0;
-      overflow: hidden;
-      content: '\a0';
-    }
-
-    &.ald-tree-checkbox-wrapper-disabled {
-      cursor: initial;
-    }
-
-    & + & {
-      margin-left: 8px;
-    }
-
-    &&-in-form-item {
-      input[type='checkbox'] {
-        width: 14px;
-        height: 14px;
-      }
-    }
-  }
-
-  .ald-tree-checkbox + span {
-    padding-right: 8px;
-    padding-left: 8px;
-  }
-
-  .ald-tree-checkbox-group {
-    .reset-component();
-
-    display: inline-block;
-
-    &-item {
-      margin-right: @checkbox-group-item-margin-right;
-
-      &:last-child {
-        margin-right: 0;
-      }
-    }
-
-    &-item + &-item {
-      margin-left: 0;
-    }
-  }
-
-  // 半选状态
-  .ald-tree-checkbox-indeterminate {
-    .ald-tree-checkbox-inner {
-      background-color: var(--alias-colors-bg-selected-strong-default);
-      border-color: var(--alias-colors-bg-selected-strong-default);
-    }
-
-    .ald-tree-checkbox-inner::after {
-      @indeterminate-width: @checkbox-size - 8px;
-      @indeterminate-height: @checkbox-size - 14px;
-
-      top: 50%;
-      left: 50%;
-      width: @indeterminate-width;
-      height: @indeterminate-height;
-      background-color: var(--alias-colors-icon-inverse-default);
-      border: 0;
-      transform: translate(-50%, -50%) scale(1);
-      opacity: 1;
-      content: ' ';
-    }
-
-    &.ald-tree-checkbox-disabled .ald-tree-checkbox-inner {
-      background-color: var(--alias-colors-bg-disabled);
-      border-color: var(--alias-colors-bg-disabled);
-
-      &::after {
-        background-color: var(--alias-colors-icon-disabled);
-      }
-    }
-  }
-}
-
-@keyframes ald-checkbox-effect {
-  0% {
-    transform: scale(1);
-    opacity: 0.5;
-  }
-
-  100% {
-    transform: scale(1.6);
-    opacity: 0;
-  }
-}

package/dist/Tree/style/directory.less

@@ -1,68 +0,0 @@
-// @import '../../style/themes/index';
-@tree-prefix-cls: ~'@{ald-prefix}-tree';
-
-.@{tree-prefix-cls}.@{tree-prefix-cls}-directory {
-  // ================== TreeNode ==================
-  .@{tree-prefix-cls}-treenode {
-    position: relative;
-
-    // Hover color
-    &::before {
-      position: absolute;
-      inset: 0 0 4px;
-      transition: background-color 0.3s;
-      content: '';
-      pointer-events: none;
-    }
-
-    &:hover {
-      &::before {
-        background: @item-hover-bg;
-      }
-    }
-
-    // Elements
-    > * {
-      z-index: 1;
-    }
-
-    // >>> Switcher
-    .@{tree-prefix-cls}-switcher {
-      transition: color 0.3s;
-    }
-
-    // >>> Title
-    .@{tree-prefix-cls}-node-content-wrapper {
-      border-radius: 0;
-      user-select: none;
-
-      &:hover {
-        background: transparent;
-      }
-
-      &.@{tree-prefix-cls}-node-selected {
-        color: @tree-directory-selected-color;
-        background: transparent;
-      }
-    }
-
-    // ============= Selected =============
-    &-selected {
-      &:hover::before,
-      &::before {
-        background: @tree-directory-selected-bg;
-      }
-
-      // >>> Switcher
-      .@{tree-prefix-cls}-switcher {
-        color: @tree-directory-selected-color;
-      }
-
-      // >>> Title
-      .@{tree-prefix-cls}-node-content-wrapper {
-        color: @tree-directory-selected-color;
-        background: transparent;
-      }
-    }
-  }
-}

package/dist/Tree/style/indent.less

@@ -1,11 +0,0 @@
-.ald-tree-indent {
-  display: block;
-  // 这里比较黑，本身不需要indent元素，但是rc-tree需要 ald-tree-indent-unit的宽度，来计算dropIndicator的位置
-  position: absolute;
-  left: 100000px;
-
-  .ald-tree-indent-unit {
-    width: 16px;
-    height: 1px;
-  }
-}

package/dist/Tree/style/index.d.ts

@@ -1,2 +0,0 @@
-import '../../style';
-import './index.less';

package/dist/Tree/style/index.js

@@ -1,2 +0,0 @@
-import "../../style";
-import "./index.less";

package/dist/Tree/style/index.less

@@ -1,173 +0,0 @@
-@import '../../style/index.less';
-@import '../../Checkbox/style/index.less';
-@import '../../HighlightText/style/index.less';
-@import './var.less';
-@import './rtl.less';
-@import './mixin.less';
-@import './reset.less';
-@import './indent.less';
-@import './checkbox.less';
-
-@tree-font-size-large: 14px;
-@tree-padding-large: 6px;
-@tree-line-height-large: 20px;
-
-@tree-font-size-default: 12px;
-@tree-padding-default: 4px;
-@tree-line-height-default: 16px;
-.aldCheckboxFn();
-@tree-prefix-cls: ~'@{ald-prefix}-tree';
-.@{tree-prefix-cls} {
-  .antTreeFn(@tree-prefix-cls);
-}
-
-.ald-tree {
-  padding: 0;
-
-  &.ald-draggable-tree {
-    padding: 3px 0;
-  }
-
-  .ald-tree-treenode {
-    &.ald-tree-treenode-draggable {
-      .ald-tree-draggable-icon {
-        opacity: 1;
-        cursor: grab;
-
-        &:active {
-          cursor: grabbing;
-        }
-      }
-    }
-  }
-
-  &.ald-tree-no-children {
-    .ald-tree-switcher {
-      display: none;
-    }
-  }
-}
-
-.ald-tree-treenode {
-  display: flex;
-  align-items: center;
-  font-size: @tree-font-size-default;
-  font-weight: 400;
-  color: var(--alias-colors-text-default);
-
-  &.ald-tree-node-disabled {
-    display: none;
-  }
-
-  .ald-tree-draggable-icon {
-    display: inline-flex;
-    align-items: center;
-    cursor: pointer;
-  }
-
-  .ald-tree-switcher {
-    display: inline-flex;
-    align-items: center;
-    font-size: 16px;
-
-    .ald-tree-switcher-loading-icon {
-      animation: loading-circle 1s infinite linear;
-    }
-  }
-
-  .ald-tree-checkbox {
-    margin: 0;
-  }
-
-  .ald-tree-node-content-wrapper {
-    padding: @tree-padding-default;
-    line-height: @tree-line-height-default;
-    flex: 1;
-    display: flex;
-    align-items: center;
-    border-radius: 4px;
-    min-width: 0;
-    // stylelint-disable-next-line
-    .ald-tree-iconEle {
-      display: inline-flex;
-      align-items: center;
-      margin-right: 4px;
-      width: fit-content;
-      height: fit-content;
-      line-height: inherit;
-    }
-
-    .ald-tree-title {
-      line-height: @tree-line-height-default;
-      display: inline-flex;
-      align-items: center;
-      justify-content: space-between;
-      flex: 1;
-      min-width: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-
-      .ald-tree-tab-leader {
-        flex: 1;
-        border-top: 1px dashed var(--alias-colors-border-default);
-        height: 0;
-        margin: 0 4px;
-      }
-    }
-
-    &:hover {
-      background: var(--alias-colors-bg-interaction-hover);
-    }
-
-    &.ald-tree-node-selected {
-      background: var(--alias-colors-bg-selected-default);
-      font-size: 12px;
-      font-weight: 400;
-      line-height: 16px;
-    }
-  }
-
-  &.ald-tree-treenode-disabled {
-    .ald-tree-node-content-wrapper {
-      &:hover {
-        background: inherit;
-      }
-    }
-  }
-}
-
-.ald-tree-large {
-  .ald-tree-treenode {
-    font-size: @tree-font-size-large;
-    line-height: @tree-line-height-large;
-
-    .ald-tree-switcher {
-      font-size: 20px;
-    }
-
-    .ald-tree-node-content-wrapper {
-      padding: @tree-padding-large;
-      border-radius: var(--alias-radius-75);
-
-      .ald-tree-title {
-        line-height: @tree-line-height-large;
-      }
-
-      &.ald-tree-node-selected {
-        font-size: 14px;
-        font-weight: 500;
-        line-height: 20px;
-      }
-    }
-  }
-}
-
-.ald-tree-treenode-switcher-open .ald-tree-switcher svg {
-  transition: transform 0.2s;
-  transform: rotate(90deg);
-}
-
-.ald-tree-treenode-switcher-close .ald-tree-switcher svg {
-  transition: transform 0.2s;
-}