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

package/dist/Tree/style/mixin.less

@@ -1,322 +0,0 @@
-@tree-prefix-cls: ~'@{ald-prefix}-tree';
-@select-tree-prefix-cls: ~'@{ald-prefix}-select-tree';
-@tree-motion: ~'@{ald-prefix}-motion-collapse';
-@tree-node-padding: (@padding-xs / 2);
-// @deprecated: kept for customization usages, recommend using @tree-node-highlight-color instead.
-@tree-node-hightlight-color: inherit;
-@tree-node-highlight-color: @tree-node-hightlight-color;
-.antTreeSwitcherIcon(@type: 'tree-default-open-icon') {
-  .@{tree-prefix-cls}-switcher-icon,
-  .@{select-tree-prefix-cls}-switcher-icon {
-    display: inline-block;
-    font-size: 10px;
-    vertical-align: baseline;
-
-    svg {
-      transition: transform 0.3s;
-    }
-  }
-}
-
-.drop-indicator() {
-  .@{tree-prefix-cls}-drop-indicator {
-    position: absolute;
-    // it should displayed over the following node
-    z-index: 1;
-    height: 2px;
-    background-color: var(--alias-colors-border-selected);
-    border-radius: 1px;
-    pointer-events: none;
-
-    &::before {
-      content: '';
-      position: absolute;
-      left: 0;
-      top: -5px;
-      width: 0;
-      height: 0;
-      border-top: 6px solid transparent;
-      border-bottom: 6px solid transparent;
-      border-left: 10px solid var(--alias-colors-border-selected); /* 高度 */
-    }
-  }
-}
-
-.antTreeFn(@custom-tree-prefix-cls) {
-  @custom-tree-node-prefix-cls: ~'@{custom-tree-prefix-cls}-treenode';
-  .reset-component();
-
-  background: transparent;
-  border-radius: 2px;
-  transition: background-color 0.3s;
-
-  &-focused:not(:hover):not(&-active-focused) {
-    background: @primary-1;
-  }
-
-  // =================== Virtual List ===================
-  &-list-holder-inner {
-    align-items: flex-start;
-  }
-
-  &.@{custom-tree-prefix-cls}-block-node {
-    .@{custom-tree-prefix-cls}-list-holder-inner {
-      align-items: stretch;
-
-      // >>> Title
-      .@{custom-tree-prefix-cls}-node-content-wrapper {
-        flex: auto;
-      }
-
-      // >>> Drag
-      .@{custom-tree-node-prefix-cls}.dragging {
-        position: relative;
-
-        &::after {
-          position: absolute;
-          left: 0;
-          top: 0;
-          right: 0;
-          bottom: 0;
-          // border: 1px solid @primary-color;
-          opacity: 0.5;
-          animation: ald-tree-node-fx-do-not-use 0.3s;
-          animation-play-state: running;
-          animation-fill-mode: forwards;
-          content: '';
-          pointer-events: none;
-        }
-      }
-    }
-  }
-
-  // ===================== TreeNode =====================
-  .@{custom-tree-node-prefix-cls} {
-    display: flex;
-    // Disabled
-    &-disabled {
-      // >>> Title
-      .@{custom-tree-prefix-cls}-node-content-wrapper {
-        color: var(--alias-colors-text-default);
-        cursor: default;
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 20px;
-
-        &:hover {
-          background: transparent;
-        }
-      }
-    }
-
-    &-active .@{custom-tree-prefix-cls}-node-content-wrapper {
-      background: @tree-node-hover-bg;
-    }
-
-    // &:not(&-disabled).filter-node .@{custom-tree-prefix-cls}-title {
-    //   // font-weight: 500;
-    //   // color: var(--alias-colors-text-danger);
-    // }
-
-    &-draggable {
-      .@{custom-tree-prefix-cls}-draggable-icon {
-        width: @tree-title-height;
-        line-height: @tree-title-height;
-        text-align: center;
-        visibility: visible;
-        opacity: 0.2;
-        transition: opacity @animation-duration-slow;
-
-        .@{custom-tree-node-prefix-cls}:hover & {
-          opacity: 0.45;
-        }
-      }
-
-      &.@{custom-tree-node-prefix-cls}-disabled {
-        .@{custom-tree-prefix-cls}-draggable-icon {
-          visibility: hidden;
-        }
-      }
-    }
-  }
-
-  // >>> Drag Handler
-  &-draggable-icon {
-    visibility: hidden;
-  }
-
-  // >>> Switcher
-  &-switcher {
-    .antTreeSwitcherIcon();
-
-    position: relative;
-    flex: none;
-    align-self: stretch;
-    margin: 0;
-    line-height: @tree-title-height;
-    text-align: center;
-    cursor: pointer;
-    user-select: none;
-
-    &-noop {
-      cursor: default;
-    }
-
-    &_close {
-      .@{custom-tree-prefix-cls}-switcher-icon {
-        svg {
-          transform: rotate(-90deg);
-        }
-      }
-    }
-
-    &-loading-icon {
-      color: @primary-color;
-    }
-
-    &-leaf-line {
-      position: relative;
-      z-index: 1;
-      display: inline-block;
-      width: 100%;
-      height: 100%;
-
-      &::before {
-        position: absolute;
-        top: 0;
-        right: 12px;
-        bottom: -@tree-node-padding;
-        margin-left: -1px;
-        border-right: 1px solid @normal-color;
-        content: ' ';
-      }
-
-      &::after {
-        position: absolute;
-        width: @tree-title-height - 14px;
-        height: @tree-title-height - 10px;
-        border-bottom: 1px solid @normal-color;
-        content: ' ';
-      }
-    }
-  }
-
-  // >>> Checkbox
-  &-checkbox {
-    top: initial;
-    margin: ((@tree-title-height - @checkbox-size) / 2) 8px 0 0;
-  }
-
-  // >>> Title
-  & &-node-content-wrapper {
-    position: relative;
-    z-index: auto;
-    min-height: @tree-title-height;
-    margin: 0;
-    padding: 0 4px;
-    color: inherit;
-    line-height: @tree-title-height;
-    background: transparent;
-    border-radius: @border-radius-base;
-    cursor: pointer;
-    transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
-
-    &:hover {
-      background-color: @tree-node-hover-bg;
-    }
-
-    &.@{custom-tree-prefix-cls}-node-selected {
-      background-color: @tree-node-selected-bg;
-    }
-
-    // Icon
-    .@{custom-tree-prefix-cls}-iconEle {
-      display: inline-block;
-      width: @tree-title-height;
-      height: @tree-title-height;
-      line-height: @tree-title-height;
-      text-align: center;
-      vertical-align: top;
-
-      &:empty {
-        display: none;
-      }
-    }
-  }
-
-  &-unselectable &-node-content-wrapper:hover {
-    background-color: transparent;
-  }
-
-  // ==================== Draggable =====================
-  &-node-content-wrapper {
-    line-height: @tree-title-height;
-    user-select: none;
-
-    .drop-indicator();
-  }
-
-  .@{custom-tree-node-prefix-cls}.drop-container {
-    > [draggable] {
-      box-shadow: 0 0 0 2px @primary-color;
-    }
-  }
-
-  // ==================== Show Line =====================
-  &-show-line {
-    // ================ Indent lines ================
-    .@{custom-tree-prefix-cls}-indent {
-      &-unit {
-        position: relative;
-        height: 100%;
-
-        &::before {
-          position: absolute;
-          top: 0;
-          right: (@tree-title-height / 2);
-          bottom: -@tree-node-padding;
-          border-right: 1px solid @border-color-base;
-          content: '';
-        }
-
-        &-end {
-          &::before {
-            display: none;
-          }
-        }
-      }
-    }
-
-    // ============== Cover Background ==============
-    .@{custom-tree-prefix-cls}-switcher {
-      background: @component-background;
-
-      &-line-icon {
-        vertical-align: -0.15em;
-      }
-    }
-  }
-
-  .@{custom-tree-node-prefix-cls}-leaf-last {
-    .@{custom-tree-prefix-cls}-switcher {
-      &-leaf-line {
-        &::before {
-          top: auto !important;
-          bottom: auto !important;
-          height: @tree-title-height - 10px !important;
-        }
-      }
-    }
-  }
-}
-
-@keyframes ald-tree-node-fx-do-not-use {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}

package/dist/Tree/style/reset.less

@@ -1,26 +0,0 @@
-.reset-component() {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: @text-color;
-  font-size: @font-size-base;
-  font-variant: @font-variant-base;
-  line-height: @line-height-base;
-  list-style: none;
-  font-feature-settings: @font-feature-settings-base;
-}
-
-.ald-tree-list-scrollbar {
-  width: 6px;
-
-  .ald-tree-list-scrollbar-thumb {
-    background: var(--alias-colors-icon-subtle) !important;
-    border-radius: var(--scrollbar-size);
-    position: relative;
-    opacity: 0.2 !important;
-
-    &:hover {
-      opacity: 0.6 !important;
-    }
-  }
-}

package/dist/Tree/style/rtl.less

@@ -1,68 +0,0 @@
-@tree-prefix-cls: ~'@{ald-prefix}-tree';
-@select-tree-prefix-cls: ~'@{ald-prefix}-select-tree';
-@tree-node-prefix-cls: ~'@{tree-prefix-cls}-treenode';
-
-.@{tree-prefix-cls} {
-  &-rtl {
-    direction: rtl;
-    .@{tree-prefix-cls}-node-content-wrapper[draggable='true'] {
-      .@{tree-prefix-cls}-drop-indicator {
-        &::after {
-          right: -6px;
-          left: unset;
-        }
-      }
-    }
-  }
-
-  // ===================== TreeNode =====================
-  .@{tree-node-prefix-cls} {
-    &-rtl {
-      direction: rtl;
-    }
-  }
-
-  // >>> Switcher
-  &-switcher {
-    &_close {
-      .@{tree-prefix-cls}-switcher-icon {
-        svg {
-          .@{tree-prefix-cls}-rtl & {
-            transform: rotate(90deg);
-          }
-        }
-      }
-    }
-  }
-  // ==================== Show Line =====================
-  &-show-line {
-    // ================ Indent lines ================
-    .@{tree-prefix-cls}-indent {
-      &-unit {
-        &::before {
-          .@{tree-prefix-cls}-rtl& {
-            right: auto;
-            left: -(@tree-title-height / 2) - 1px;
-            border-right: none;
-            border-left: 1px solid @border-color-base;
-          }
-        }
-      }
-    }
-  }
-  // >>> Checkbox
-  &-checkbox {
-    .@{tree-prefix-cls}-rtl & {
-      margin: ((@tree-title-height - @checkbox-size) / 2) 0 0 8px;
-    }
-  }
-}
-
-.@{select-tree-prefix-cls} {
-  // >>> Checkbox
-  &-checkbox {
-    .@{tree-prefix-cls}-select-dropdown-rtl & {
-      margin: ((@tree-title-height - @checkbox-size) / 2) 0 0 8px;
-    }
-  }
-}

package/dist/Tree/style/var.less

@@ -1,42 +0,0 @@
-@import '../../style/color/colorPalette.less';
-@padding-xs: 4px; // small items
-@item-hover-bg: var(--action-ghost-hover);
-@tree-directory-selected-color: var(--content-inverted-primary);
-@tree-directory-selected-bg: var(--background-neutral-strong);
-@tree-title-height: 16px;
-@border-color-base: var(
-  --border-neutral-strong
-); // base border outline a component
-
-@checkbox-size: 16px;
-@text-color: var(--content-primary);
-@font-size-base: 12px;
-@primary-color: var(--action-primary-normal);
-@component-background: var(--background-inverted);
-@border-radius-sm: 2px;
-@border-width-base: 1px;
-@border-style-base: solid;
-@primary-1: var(--background-informative-subtle);
-@primary-2: var(--background-informative-on-subtle);
-@font-variant-base: tabular-nums;
-@line-height-base: 1.6667;
-@font-feature-settings-base: 'tnum';
-@disabled-color: var(--content-inverted-disabled);
-@tree-node-hover-bg: var(--action-ghost-hover);
-@animation-duration-slow: 0.3s; // Modal
-@normal-color: var(--border-default);
-@border-radius-base: 2px;
-@tree-node-selected-bg: @primary-2;
-@checkbox-color: var(--border-default);
-@checkbox-border-radius: @border-radius-sm;
-@checkbox-check-bg: transparent;
-@checkbox-border-width: @border-width-base;
-@checkbox-check-color: var(--content-inverted-primary);
-@ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
-@ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
-@input-disabled-bg: @disabled-bg;
-@checkbox-group-item-margin-right: 6px;
-@background-color-base: var(
-  --background-neutral-subtle
-); // Default grey background color
-@disabled-bg: @background-color-base;

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

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

package/dist/Typography/style/index.js

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

package/dist/Typography/style/index.less

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

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

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

package/dist/Upload/style/index.js

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

package/dist/Upload/style/index.less

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

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

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

package/dist/User/style/index.js

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

package/dist/User/style/index.less

@@ -1,49 +0,0 @@
-@import '../../style/index.less';
-
-.ald-user {
-  display: flex;
-  align-items: center;
-
-  &-small {
-    gap: 4px;
-
-    .ald-user-text {
-      color: var(--alias-colors-text-default);
-      font-size: 12px;
-      line-height: 16px;
-    }
-  }
-
-  &-middle {
-    gap: 6px;
-
-    .ald-user-text {
-      color: var(--alias-colors-text-default);
-      font-size: 14px;
-      line-height: 20px; /* 142.857% */
-    }
-  }
-
-  &-large {
-    gap: 8px;
-
-    .ald-user-text {
-      color: var(--alias-colors-text-default);
-      font-size: 14px;
-      font-weight: 500;
-      line-height: 20px; /* 142.857% */
-    }
-  }
-
-  .ald-user-text {
-    width: calc(100% - 20px - 6px);
-    white-space: nowrap;
-    min-width: 0;
-    text-overflow: ellipsis;
-    overflow: hidden;
-  }
-
-  .ald-user-avatar {
-    flex-shrink: 0;
-  }
-}

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

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

package/dist/Watermark/style/index.js

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

package/dist/Watermark/style/index.less

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

package/dist/_utils/hooks/usePrefixCls.d.ts

@@ -1,2 +0,0 @@
-declare const usePrefixCls: (subPrefixCls?: string, customRootPrefixCls?: string) => string;
-export default usePrefixCls;

package/dist/_utils/hooks/usePrefixCls.js

@@ -1,10 +0,0 @@
-import { useContext } from 'react';
-import { ConfigProvider } from 'antd';
-var ConfigContext = ConfigProvider.ConfigContext;
-var usePrefixCls = function usePrefixCls(subPrefixCls, customRootPrefixCls) {
-  var _useContext = useContext(ConfigContext),
-    rootPrefixCls = _useContext.rootPrefixCls,
-    getPrefixCls = _useContext.getPrefixCls;
-  return getPrefixCls(subPrefixCls, customRootPrefixCls !== null && customRootPrefixCls !== void 0 ? customRootPrefixCls : rootPrefixCls);
-};
-export default usePrefixCls;

package/dist/_utils/transformIconToBase64Url.d.ts

@@ -1,2 +0,0 @@
-import { ReactElement } from 'react';
-export default function transformIconToBase64Url(Icon: ReactElement): string;

package/dist/_utils/transformIconToBase64Url.js

@@ -1,6 +0,0 @@
-import { renderToStaticMarkup } from 'react-dom/server';
-export default function transformIconToBase64Url(Icon) {
-  var svgString = renderToStaticMarkup(Icon);
-  var base64String = btoa(svgString);
-  return 'data:image/svg+xml;base64,' + base64String;
-}