@aloudata/aloudata-design 2.19.0-beta.5 → 2.19.0

package/dist/Select/style/index.less

@@ -1,176 +0,0 @@
-/* stylelint-disable no-descending-specificity */
-@import './variables.less';
-@import '../../Empty/style/index.less';
-@import '../../Checkbox/style/index.less';
-@import './size.less';
-@import './status.less';
-@import './selectDropdown.less';
-@import './option.less';
-@import './layout.less';
-@import './emptyShowAll.less';
-
-.ald-select.ald-select {
-  display: inline-block;
-  position: relative;
-  box-sizing: border-box;
-  border-radius: 4px;
-  cursor: pointer;
-  border-width: 1px;
-  border-style: solid;
-
-  .ald-select-prefix {
-    color: var(--alias-colors-text-subtle);
-    display: inline-flex;
-    position: absolute;
-    align-items: center;
-    left: 0;
-    white-space: nowrap;
-    height: 100%;
-
-    &.ald-select-prefix-single {
-      cursor: pointer;
-    }
-
-    &.ald-select-prefix-multiple {
-      cursor: default;
-    }
-
-    .ant-select-selection-overflow {
-      margin-left: 6px;
-    }
-  }
-
-  .ant-select {
-    .ant-select-selection-item,
-    .ant-select-selection-search-input,
-    .ant-select-selection-search-mirror,
-    .ant-select-selection-placeholder {
-      transition: none;
-    }
-
-    .ant-select-selector {
-      align-items: center;
-      transition: none;
-      padding-right: 0;
-      padding-top: 0;
-      padding-bottom: 0;
-      position: relative;
-
-      .ant-select-selection-search {
-        display: flex;
-      }
-
-      .ant-select-selection-item {
-        padding-right: 0;
-        font-weight: inherit;
-      }
-      // 多选中存在这个样式
-      .ant-select-selection-overflow {
-        align-self: normal;
-        flex-wrap: nowrap;
-        min-width: 52px;
-        height: 100%;
-
-        .ant-select-selection-overflow-item {
-          align-items: center;
-          line-height: inherit;
-          // flex: 1;
-          min-width: 0;
-          // height: 100%;
-
-          & > span {
-            display: inline-flex;
-            min-width: 0;
-          }
-
-          .ant-select-selection-item {
-            height: auto;
-            margin-top: 0;
-            cursor: inherit;
-
-            .ant-select-selection-item-content {
-              // display: flex;
-              // align-items: center;
-              margin: 0;
-            }
-
-            .ant-select-selection-item-remove {
-              display: flex;
-              align-items: center;
-              margin: 0;
-              font-size: inherit;
-            }
-          }
-
-          &.ant-select-selection-overflow-item-rest {
-            flex: none;
-
-            .ant-select-selection-item {
-              border: none;
-              background: none;
-              margin-bottom: 0;
-              margin-left: 0;
-
-              .ant-select-selection-item-content {
-                display: flex;
-                align-items: center;
-                height: 16px;
-                padding: 0 var(--alias-spacing-50);
-                border-radius: var(--alias-radius-100);
-                font-size: 12px;
-              }
-            }
-          }
-
-          &.ant-select-selection-overflow-item-suffix {
-            flex: none;
-          }
-
-          .ald-select-multiple-tag-default {
-            color: inherit;
-            min-width: 0;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            overflow: hidden;
-            // position: relative;;
-
-            &::before {
-              content: '，';
-            }
-          }
-
-          &:first-of-type {
-            .ald-select-multiple-tag-default::before {
-              content: '';
-            }
-          }
-
-          .ant-select-selection-search-input {
-            height: inherit;
-            line-height: inherit;
-            caret-color: var(--alias-colors-text-selected);
-          }
-        }
-      }
-
-      .ant-select-selection-placeholder {
-        padding-right: 17px;
-      }
-    }
-
-    &.ant-select-open {
-      .ant-select-selector {
-        .ant-select-selection-item {
-          color: inherit;
-        }
-      }
-    }
-  }
-}
-
-.ald-select-clear-icon,
-.ald-select-suffix-icon {
-  cursor: pointer;
-  color: var(--alias-colors-icon-subtle);
-  font-size: 16px;
-}

package/dist/Select/style/layout.less

@@ -1,44 +0,0 @@
-.ald-select.ald-select {
-  .ant-select {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    gap: 8px;
-
-    .ant-select-selector {
-      position: initial;
-      min-width: 0;
-      flex: 1;
-    }
-
-    .ant-select-arrow {
-      top: 0;
-      bottom: 0;
-      margin: auto;
-    }
-
-    .ant-select-clear {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      margin: auto;
-      transform: none;
-      opacity: 1;
-      align-items: center;
-      flex: none;
-      right: 0;
-      background-color: transparent;
-
-      &::before {
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        margin: auto 0;
-        content: '';
-        height: 14px;
-        width: 1px;
-        background-color: var(--alias-colors-border-default);
-      }
-    }
-  }
-}

package/dist/Select/style/option.less

@@ -1,39 +0,0 @@
-@select-option-height: 36px;
-
-.ald-option {
-  padding: var(--alias-padding-100) var(--alias-padding-150);
-  display: flex;
-  height: @select-option-height;
-  align-items: center;
-  cursor: pointer;
-  color: var(--alias-colors-text-default);
-  gap: var(--alias-spacing-50);
-  font-size: 14px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 20px;
-
-  &:hover {
-    background-color: var(--alias-colors-bg-interaction-hover);
-  }
-
-  &.ald-option-disabled {
-    background-color: var(--alias-colors-bg-skeleton-subtler);
-    color: var(--alias-colors-text-disabled);
-
-    &:hover {
-      cursor: default;
-    }
-  }
-
-  &.ald-option-selected {
-    color: var(--alias-colors-text-selected);
-  }
-}
-
-.ald-option-label {
-  white-space: nowrap;
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}

package/dist/Select/style/selectDropdown.less

@@ -1,16 +0,0 @@
-// select 下拉框
-.ant-select-dropdown.ant-select-dropdown {
-  padding-left: 0;
-  padding-right: 0;
-  border-radius: var(--alias-radius-75);
-
-  &.ald-select-popup {
-    // max-height: 264px;
-    overflow-y: auto;
-    overflow-y: overlay;
-    border: 1px solid var(--alias-colors-border-strong);
-    background: var(--alias-colors-bg-skeleton-subtler);
-    box-shadow: var(--elevation-bottom-bottom-lg);
-    padding: 4px 0;
-  }
-}

package/dist/Select/style/size.less

@@ -1,426 +0,0 @@
-.compact(@border-radius) {
-  &.ant-select-compact-item {
-    border-radius: 0;
-  }
-
-  &.ant-select-compact-first-item {
-    border-top-left-radius: @border-radius;
-    border-bottom-left-radius: @border-radius;
-  }
-
-  &.ant-select-compact-last-item {
-    border-top-right-radius: @border-radius;
-    border-bottom-right-radius: @border-radius;
-  }
-}
-
-.ald-select.ald-select {
-  &.ald-select-small {
-    height: @select-height-small;
-    font-size: @select-font-size-small;
-    border-radius: @select-border-radius-small;
-    .compact(@select-border-radius-small);
-
-    .ald-select-prefix {
-      margin-left: @select-padding-horizontal-small;
-    }
-
-    .ant-select {
-      .ant-select-selector {
-        height: @selector-height-small;
-        line-height: @selector-height-small;
-        padding-left: calc(
-          @select-padding-horizontal-small + var(--ald-select-prefix-width)
-        );
-        padding-right: @select-padding-horizontal-small;
-
-        .ant-select-selection-item {
-          line-height: inherit;
-          font-size: @select-font-size-small;
-          height: 100%;
-        }
-
-        .ald-select-multiple-tag-default {
-          line-height: inherit;
-          font-size: @select-font-size-small;
-        }
-
-        .ant-select-selection-search .ant-select-selection-search-input {
-          height: @selector-height-small;
-          line-height: inherit;
-        }
-
-        .ant-select-selection-placeholder {
-          font-size: @select-font-size-small;
-          line-height: inherit;
-          left: calc(
-            @select-padding-horizontal-small + var(--ald-select-prefix-width)
-          );
-        }
-      }
-
-      &.ant-select-show-arrow:not(.ant-select-allow-clear) {
-        .ant-select-selector {
-          padding-right: calc(
-            @select-padding-horizontal-small + @select-icon-use-width-small
-          );
-        }
-      }
-
-      .ant-select-arrow {
-        right: @select-padding-horizontal-small;
-      }
-
-      .ant-select-clear {
-        right: @select-padding-horizontal-small;
-
-        &::before {
-          left: -@selector-gap-small;
-        }
-      }
-    }
-
-    .ald-select-prefix-select {
-      // 单选值容器
-      .ant-select-selection-item {
-        margin-left: @selector-gap-small;
-      }
-      // 多选值容器
-      .ant-select-selection-overflow {
-        margin-left: @selector-gap-small;
-      }
-
-      .ant-select-selection-placeholder {
-        margin-left: @selector-gap-small;
-      }
-    }
-
-    &.ald-select-has-value {
-      .ant-select {
-        &.ant-select-allow-clear:not(.ant-select-show-arrow),
-        &.ant-select-show-arrow:not(.ant-select-allow-clear) {
-          .ant-select-selector {
-            padding-right: calc(
-              @select-padding-horizontal-small + @select-icon-use-width-small
-            );
-          }
-
-          .ant-select-arrow {
-            right: @select-padding-horizontal-small;
-          }
-
-          .ant-select-clear {
-            right: @select-padding-horizontal-small;
-
-            &::before {
-              left: -@selector-gap-small;
-            }
-          }
-        }
-
-        &.ant-select-show-arrow.ant-select-allow-clear {
-          .ant-select-selector {
-            padding-right: calc(
-              @select-padding-horizontal-small + @selector-gap-small +
-                @select-icon-use-width-small + @select-icon-use-width-small
-            );
-          }
-
-          .ant-select-arrow {
-            right: calc(
-              @select-padding-horizontal-small + @select-icon-use-width-small +
-                @selector-gap-small
-            );
-          }
-
-          .ant-select-clear {
-            right: @select-padding-horizontal-small;
-
-            &::before {
-              left: -@selector-gap-small;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  &.ald-select-middle {
-    height: @select-height-middle;
-    font-size: @select-font-size-middle;
-    border-radius: @select-border-radius-middle;
-    .compact(@select-border-radius-middle);
-
-    .ald-select-prefix {
-      margin-left: @select-padding-horizontal-middle;
-    }
-
-    .ant-select {
-      .ant-select-selector {
-        height: @selector-height-middle;
-        line-height: @selector-height-middle;
-        padding-left: calc(
-          @select-padding-horizontal-middle + var(--ald-select-prefix-width)
-        );
-        padding-right: @select-padding-horizontal-middle;
-
-        .ant-select-selection-item {
-          font-size: @select-font-size-middle;
-          line-height: inherit;
-          height: 100%;
-        }
-
-        .ald-select-multiple-tag-default {
-          font-size: @select-font-size-middle;
-          line-height: inherit;
-        }
-
-        .ant-select-selection-search .ant-select-selection-search-input {
-          height: @selector-height-middle;
-          line-height: inherit;
-        }
-
-        .ant-select-selection-placeholder {
-          font-size: @select-font-size-middle;
-          line-height: inherit;
-          left: calc(
-            @select-padding-horizontal-middle + var(--ald-select-prefix-width)
-          );
-        }
-      }
-
-      &.ant-select-show-arrow:not(.ant-select-allow-clear) {
-        .ant-select-selector {
-          padding-right: calc(
-            @select-padding-horizontal-middle + @select-icon-use-width-middle
-          );
-        }
-      }
-
-      .ant-select-arrow {
-        right: @select-padding-horizontal-middle;
-      }
-
-      .ant-select-clear {
-        right: @select-padding-horizontal-middle;
-
-        &::before {
-          left: -@selector-gap-middle;
-        }
-      }
-    }
-
-    .ald-select-prefix-select {
-      // 单选值容器
-      .ant-select-selection-item {
-        margin-left: @selector-gap-middle;
-      }
-      // 多选值容器
-      .ant-select-selection-overflow {
-        margin-left: @selector-gap-middle;
-      }
-
-      .ant-select-selection-placeholder {
-        margin-left: @selector-gap-middle;
-      }
-    }
-
-    &.ald-select-has-value {
-      .ant-select {
-        &.ant-select-allow-clear:not(.ant-select-show-arrow),
-        &.ant-select-show-arrow:not(.ant-select-allow-clear) {
-          .ant-select-selector {
-            padding-right: calc(
-              @select-padding-horizontal-middle + @select-icon-use-width-middle
-            );
-          }
-
-          .ant-select-arrow {
-            right: @select-padding-horizontal-middle;
-          }
-
-          .ant-select-clear {
-            right: @select-padding-horizontal-middle;
-
-            &::before {
-              left: -@selector-gap-middle;
-            }
-          }
-        }
-
-        &.ant-select-show-arrow.ant-select-allow-clear {
-          .ant-select-selector {
-            padding-right: calc(
-              @select-padding-horizontal-middle + @selector-gap-middle +
-                @select-icon-use-width-middle + @select-icon-use-width-middle
-            );
-          }
-
-          .ant-select-arrow {
-            right: calc(
-              @select-padding-horizontal-middle + @select-icon-use-width-middle +
-                @selector-gap-middle
-            );
-          }
-
-          .ant-select-clear {
-            right: @select-padding-horizontal-middle;
-
-            &::before {
-              left: -@selector-gap-middle;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  &.ald-select-large {
-    height: @select-height-large;
-    font-size: @select-font-size-large;
-    border-radius: @select-border-radius-large;
-    .compact(@select-border-radius-large);
-
-    .ald-select-prefix {
-      margin-left: @select-padding-horizontal-large;
-    }
-
-    .ant-select {
-      .ant-select-selector {
-        height: @selector-height-large;
-        line-height: @selector-height-large;
-        padding-left: calc(
-          @select-padding-horizontal-large + var(--ald-select-prefix-width)
-        );
-        padding-right: @select-padding-horizontal-large;
-
-        .ant-select-selection-item {
-          font-size: @select-font-size-large;
-          line-height: inherit;
-          height: 100%;
-        }
-
-        .ald-select-multiple-tag-default {
-          font-size: @select-font-size-large;
-          line-height: inherit;
-        }
-
-        .ant-select-selection-search .ant-select-selection-search-input {
-          height: @selector-height-large;
-          line-height: inherit;
-        }
-
-        .ant-select-selection-placeholder {
-          font-size: @select-font-size-large;
-          line-height: inherit;
-          left: calc(
-            @select-padding-horizontal-large + var(--ald-select-prefix-width)
-          );
-        }
-
-        &.ant-select-show-arrow:not(.ant-select-allow-clear) {
-          .ant-select-selector {
-            padding-right: calc(
-              @select-padding-horizontal-large + @select-icon-use-width-large
-            );
-          }
-        }
-
-        .ant-select-arrow {
-          right: @select-padding-horizontal-large;
-        }
-
-        .ant-select-clear {
-          right: @select-padding-horizontal-large;
-
-          &::before {
-            left: -@selector-gap-large;
-          }
-        }
-      }
-    }
-
-    .ald-select-prefix-select {
-      // 单选值容器
-      .ant-select-selection-item {
-        margin-left: @selector-gap-large;
-      }
-      // 多选值容器
-      .ant-select-selection-overflow {
-        margin-left: @selector-gap-large;
-      }
-
-      .ant-select-selection-placeholder {
-        margin-left: @selector-gap-large;
-      }
-    }
-
-    &.ald-select-has-value {
-      .ant-select {
-        &.ant-select-allow-clear:not(.ant-select-show-arrow),
-        &.ant-select-show-arrow:not(.ant-select-allow-clear) {
-          .ant-select-selector {
-            padding-right: calc(
-              @select-padding-horizontal-large + @select-icon-use-width-large
-            );
-          }
-
-          .ant-select-arrow {
-            right: @select-padding-horizontal-large;
-          }
-
-          .ant-select-clear {
-            right: @select-padding-horizontal-large;
-
-            &::before {
-              left: -@selector-gap-large;
-            }
-          }
-        }
-
-        &.ant-select-show-arrow.ant-select-allow-clear {
-          .ant-select-selector {
-            padding-right: calc(
-              @select-padding-horizontal-large + @selector-gap-large +
-                @select-icon-use-width-large + @select-icon-use-width-large
-            );
-          }
-
-          .ant-select-arrow {
-            right: calc(
-              @select-padding-horizontal-large + @select-icon-use-width-large +
-                @selector-gap-large
-            );
-          }
-
-          .ant-select-clear {
-            right: @select-padding-horizontal-large;
-
-            &::before {
-              left: -@selector-gap-large;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .ant-select-selector {
-    border: none !important;
-  }
-
-  .ant-select-clear {
-    width: 16px;
-    height: 16px;
-    transform: translateY(-50%);
-    margin-top: 0;
-  }
-
-  &.ald-select-primary {
-    font-weight: 500;
-  }
-
-  &.ald-select-secondary {
-    font-weight: 400;
-  }
-}