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

package/dist/Input/style/reset.less

@@ -1,22 +0,0 @@
-.ald-input.ald-input {
-  // 纯input 输入框，比如普通的<Input /> <Input.textarea />
-  &:not(.ant-input-affix-wrapper) {
-    box-shadow: none;
-  }
-  // 带有其他内容的输入框，比如带 allowClear图标、prefix、suffix、密码图标等。
-  &.ant-input-affix-wrapper {
-    box-shadow: none;
-    // 输入框
-    .ant-input.ant-input {
-      color: inherit;
-      font-size: inherit;
-    }
-    // 后缀
-    .ant-input-suffix {
-      .ant-input-clear-icon {
-        display: grid;
-        place-items: center;
-      }
-    }
-  }
-}

package/dist/Input/style/size.less

@@ -1,82 +0,0 @@
-// size===large
-@input-height-large: 36px;
-@input-padding-large: var(--alias-padding-75-minus-1)
-  var(--alias-padding-150-minus-1);
-@input-font-size-large: 14px;
-@input-border-radius-large: 8px;
-@input-prefix-margin-right-large: var(--alias-spacing-100);
-@input-clear-icon-large: 20px;
-// size===middle
-@input-height-middle: 32px;
-@input-padding-middle: var(--alias-padding-75-minus-1)
-  var(--alias-padding-150-minus-1);
-@input-font-size-middle: 14px;
-@input-border-radius-middle: var(--alias-radius-75);
-@input-prefix-margin-right-middle: var(--alias-spacing-75);
-@input-clear-icon-middle: 20px;
-// size===small
-@input-height-small: 28px;
-@input-padding-small: var(--alias-padding-75-minus-1)
-  var(--alias-padding-150-minus-1);
-@input-font-size-small: 12px;
-@input-border-radius-small: var(--alias-radius-50);
-@input-prefix-margin-right-small: var(--alias-spacing-50);
-@input-clear-icon-small: 20px;
-
-.ald-input-wrap {
-  &.ald-input-small {
-    height: @input-height-small;
-    padding: @input-padding-small;
-    font-size: @input-font-size-small;
-    border-radius: @input-border-radius-small;
-
-    .ant-input-prefix {
-      margin-right: @input-prefix-margin-right-small;
-    }
-
-    .ant-input-suffix .ant-input-clear-icon {
-      font-size: @input-clear-icon-small;
-    }
-  }
-
-  &.ald-input-middle {
-    height: @input-height-middle;
-    padding: @input-padding-middle;
-    font-size: @input-font-size-middle;
-    border-radius: @input-border-radius-middle;
-
-    .ant-input-prefix {
-      margin-right: @input-prefix-margin-right-middle;
-    }
-
-    .ant-input-suffix .ant-input-clear-icon {
-      font-size: @input-clear-icon-middle;
-    }
-  }
-
-  &.ald-input-large {
-    height: @input-height-large;
-    padding: @input-padding-large;
-    font-size: @input-font-size-large;
-    border-radius: @input-border-radius-large;
-
-    .ant-input-prefix {
-      margin-right: @input-prefix-margin-right-large;
-    }
-
-    .ant-input-suffix .ant-input-clear-icon {
-      font-size: @input-clear-icon-small;
-    }
-  }
-}
-
-.ald-input.ald-input {
-  // 带有其他内容的输入框，比如带 allowClear图标、prefix、suffix、密码图标等。
-  &.ant-input-affix-wrapper {
-    .ald-input-wrap();
-  }
-  // 纯input 输入框，比如普通的<Input /> <Input.textarea />
-  &:not(.ant-input-affix-wrapper) {
-    .ald-input-wrap();
-  }
-}

package/dist/Input/style/status.less

@@ -1,99 +0,0 @@
-// 光标颜色
-@input-caret-color: var(--interaction-border-hover);
-// color enabled
-@input-enabled-border-color: var(--interaction-border-neutral-normal);
-@input-enabled-bg-color: var(--interaction-background-form-field);
-@input-enabled-text-color: var(--content-primary);
-@input-enabled-placeholder-color: var(--content-tertiary);
-// color hover
-@input-hover-border-color: var(--interaction-border-hover);
-@input-hover-bg-color: var(--interaction-background-form-field);
-@input-hover-text-color: var(--content-primary);
-@input-hover-placeholder-color: var(--content-tertiary);
-
-//color focus
-@input-focus-border-color: var(--interaction-focus-default);
-@input-focus-bg-color: var(--interaction-background-form-field);
-@input-focus-text-color: var(--content-primary);
-@input-focus-placeholder-color: var(--content-tertiary);
-
-//color disabled
-@input-disabled-border-color: var(--interaction-border-neutral-normal);
-@input-disabled-bg-color: var(--global-cool-gray-alpha-50);
-@input-disabled-text-color: var(--content-primary);
-@input-disabled-placeholder-color: var(--content-tertiary);
-
-.input-color(@border-color,@text-color,@bg-color,@placeholder-color) {
-  border-color: @border-color;
-  color: @text-color;
-  background-color: @bg-color;
-
-  &::placeholder {
-    color: @placeholder-color;
-  }
-
-  .ant-input::placeholder {
-    color: @placeholder-color;
-  }
-}
-
-.ald-input.ald-input {
-  // 纯input 输入框，比如普通的<Input /> <Input.textarea />
-  &:not(.ant-input-affix-wrapper) {
-    .input-color(@input-enabled-border-color,@input-enabled-text-color,@input-enabled-bg-color,@input-enabled-placeholder-color);
-
-    &:hover {
-      .input-color(@input-hover-border-color,@input-hover-text-color,@input-hover-bg-color,@input-hover-placeholder-color);
-    }
-
-    &:focus {
-      .input-color(@input-focus-border-color,@input-focus-text-color,@input-focus-bg-color,@input-focus-placeholder-color);
-    }
-
-    &.ant-input-disabled {
-      cursor: default;
-      .input-color(@input-disabled-border-color,@input-disabled-text-color,@input-disabled-bg-color,@input-disabled-placeholder-color);
-    }
-
-    &.ald-input-error {
-      border-color: var(--interaction-border-alert) !important;
-    }
-  }
-  // 带有其他内容的输入框，比如带 allowClear图标、prefix、suffix、密码图标等。
-  &.ant-input-affix-wrapper {
-    // 纯input 输入框，比如普通的<Input /> <Input.textarea />
-    .input-color(@input-enabled-border-color,@input-enabled-text-color,@input-enabled-bg-color,@input-enabled-placeholder-color);
-
-    &:hover {
-      .input-color(@input-hover-border-color,@input-hover-text-color,@input-hover-bg-color,@input-hover-placeholder-color);
-    }
-    // 激活状态
-    &.ant-input-affix-wrapper-focused,
-    &:active {
-      .input-color(@input-focus-border-color,@input-focus-text-color,@input-focus-bg-color,@input-focus-placeholder-color);
-    }
-
-    &.ald-input-disabled {
-      cursor: default;
-      .input-color(@input-disabled-border-color,@input-disabled-text-color,@input-disabled-bg-color,@input-disabled-placeholder-color);
-
-      .ant-input-disabled {
-        cursor: default;
-      }
-    }
-    // 前缀
-    .ant-input-prefix {
-      color: var(--alias-colors-text-subtle);
-    }
-    // 后缀
-    .ant-input-suffix {
-      .ant-input-clear-icon {
-        color: var(--alias-colors-icon-subtle);
-      }
-    }
-
-    &.ald-input-error {
-      border-color: var(--interaction-border-alert) !important;
-    }
-  }
-}

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

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

package/dist/InputNumber/style/index.js

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

package/dist/InputNumber/style/index.less

@@ -1,330 +0,0 @@
-/* stylelint-disable no-descending-specificity */
-@import '../../style/index.less';
-
-@inputNumber-height-large: 36px;
-@inputNumber-font-size-large: 16px;
-@inputNumber-border-radius-large: 8px;
-@inputNumber-padding-large: 0 11px;
-
-@inputNumber-height-middle: 32px;
-@inputNumber-font-size-middle: 14px;
-@inputNumber-border-radius-middle: 6px;
-@inputNumber-padding-middle: 0 7px;
-
-@inputNumber-height-small: 28px;
-@inputNumber-font-size-small: 12px;
-@inputNumber-border-radius-small: 4px;
-@inputNumber-padding-small: 0 7px;
-
-//默认 - 使用CSS变量映射
-@inputNumber-bg-color: var(--interaction-background-form-field);
-@inputNumber-border-color: var(--interaction-border-neutral-normal);
-@inputNumber-color: var(--content-primary);
-@inputNumber-wrapper-bg-color: var(--background-neutral-subtle);
-
-//hover
-@inputNumber-hover-bg-color: var(--interaction-background-form-field);
-@inputNumber-hover-border-color: var(--interaction-border-hover);
-//激活
-@inputNumber-active-bg-color: var(--background-default);
-@inputNumber-active-border-color: var(--interaction-border-hover);
-@inputNumber-active-outline-color: var(--global-blue-500);
-
-//disable
-@inputNumber-disabled-bg-color: var(--global-cool-gray-alpha-50);
-@inputNumber-disabled-border-color: var(--interaction-border-neutral-normal);
-@inputNumber-disabled-color: var(--content-secondary);
-//光标颜色
-@inputNumber-cursor-color: var(--interaction-focus-default);
-
-//前后填充
-@inputNumber-addon-bg-color: var(--background-neutral-subtle);
-@inputNumber-addon-color: var(--content-secondary);
-@inputNumber-addon-border-color: var(--border-default);
-@inputNumber-addon-disable-color: var(--content-secondary);
-
-.ald-input-number {
-  &.ant-input-number {
-    height: @inputNumber-height-middle;
-    // overflow: hidden;
-    color: @inputNumber-color;
-    font-size: @inputNumber-font-size-middle;
-    background-color: @inputNumber-bg-color;
-    border-color: @inputNumber-border-color;
-    border-radius: @inputNumber-border-radius-middle;
-    overflow: hidden;
-    box-shadow: none;
-
-    .ant-input-number-input-wrap {
-      height: 100%;
-
-      .ant-input-number-input {
-        height: 100%;
-        caret-color: @inputNumber-cursor-color;
-        border-radius: 0;
-      }
-    }
-
-    .ant-input-number-handler-wrap {
-      overflow: hidden;
-
-      &:hover .ant-input-number-handler {
-        height: 50%;
-      }
-
-      .ant-input-number-handler {
-        background-color: var(--background-neutral-subtle);
-
-        .ant-input-number-handler-up-inner,
-        .ant-input-number-handler-down-inner {
-          color: var(--content-secondary);
-        }
-
-        &:hover,
-        &:active {
-          background-color: var(--background-neutral-subtle);
-
-          .ant-input-number-handler-up-inner,
-          .ant-input-number-handler-down-inner {
-            color: var(--content-secondary);
-          }
-        }
-      }
-
-      .ant-input-number-handler-down {
-        border-top: 0;
-      }
-
-      .ant-input-number-handler-up:hover {
-        height: 50% !important; // antd中就是 !important写法，这里做覆盖
-        background: var(--action-ghost-hover);
-      }
-
-      .ant-input-number-handler-down:hover {
-        height: 50% !important; // 这里的!important同上
-        background: var(--action-ghost-hover);
-      }
-    }
-
-    &.ald-input-number-large {
-      height: @inputNumber-height-large;
-      font-size: @inputNumber-font-size-large;
-      border-radius: @inputNumber-border-radius-large;
-
-      .ant-input-number-input {
-        padding: @inputNumber-padding-large;
-      }
-
-      .ant-input-number-handler-wrap {
-        border-radius: 0 @inputNumber-border-radius-large
-          @inputNumber-border-radius-large 0;
-      }
-    }
-
-    &.ald-input-number-middle {
-      height: @inputNumber-height-middle;
-      font-size: @inputNumber-font-size-middle;
-      border-radius: @inputNumber-border-radius-middle;
-
-      .ant-input-number-input {
-        padding: @inputNumber-padding-middle;
-      }
-
-      .ant-input-number-handler-wrap {
-        border-radius: 0 @inputNumber-border-radius-middle
-          @inputNumber-border-radius-middle 0;
-      }
-    }
-
-    &.ald-input-number-small {
-      height: @inputNumber-height-small;
-      font-size: @inputNumber-font-size-small;
-      border-radius: @inputNumber-border-radius-small;
-
-      .ant-input-number-input {
-        padding: @inputNumber-padding-small;
-      }
-
-      .ant-input-number-handler-wrap {
-        border-radius: 0 @inputNumber-border-radius-small+1
-          @inputNumber-border-radius-small+1 0;
-      }
-    }
-
-    &-disabled {
-      color: @inputNumber-disabled-color;
-      border-color: @inputNumber-disabled-border-color;
-      cursor: initial;
-
-      .ant-input-number-input-wrap .ant-input-number-input {
-        cursor: initial;
-        color: @inputNumber-disabled-color;
-        background-color: @inputNumber-disabled-bg-color;
-      }
-    }
-
-    &:hover:not(.ald-input-number-disabled) {
-      background-color: @inputNumber-hover-bg-color;
-      border-color: @inputNumber-hover-border-color;
-    }
-
-    &-focused {
-      background-color: @inputNumber-active-bg-color;
-      border-color: @inputNumber-active-border-color;
-      box-shadow: none;
-      outline: @inputNumber-active-outline-color solid 1px;
-    }
-  }
-
-  &.ant-input-number-group-wrapper {
-    // height: @inputNumber-height-middle;
-    // overflow: hidden;
-    color: @inputNumber-color;
-    // background-color: @inputNumber-wrapper-bg-color;
-    border-color: @inputNumber-border-color;
-    box-shadow: none;
-
-    &:hover {
-      border-color: @inputNumber-hover-border-color;
-    }
-
-    &:focus {
-      border-color: @inputNumber-active-border-color;
-      box-shadow: none;
-      outline: @inputNumber-active-outline-color solid 1px;
-    }
-
-    &.ald-input-number-large {
-      font-size: @inputNumber-font-size-large;
-      border-radius: @inputNumber-border-radius-large;
-
-      .ant-input-number-group-addon {
-        height: @inputNumber-height-large;
-        padding: 0 14px;
-
-        &:first-child {
-          border-radius: @inputNumber-border-radius-large 0 0
-            @inputNumber-border-radius-large;
-        }
-
-        &:last-child {
-          border-radius: 0 @inputNumber-border-radius-large
-            @inputNumber-border-radius-large 0;
-        }
-
-        & + .ant-input-number {
-          border-radius: 0;
-        }
-      }
-    }
-
-    &.ald-input-number-middle {
-      font-size: @inputNumber-font-size-middle;
-      border-radius: @inputNumber-border-radius-middle;
-
-      .ant-input-number-group-addon {
-        height: @inputNumber-height-middle;
-        padding: 0 12px;
-
-        &:first-child {
-          border-radius: @inputNumber-border-radius-middle 0 0
-            @inputNumber-border-radius-middle;
-        }
-
-        &:last-child {
-          border-radius: 0 @inputNumber-border-radius-middle
-            @inputNumber-border-radius-middle 0;
-        }
-      }
-    }
-
-    &.ald-input-number-small {
-      font-size: @inputNumber-font-size-small;
-      border-radius: @inputNumber-border-radius-small;
-
-      .ant-input-number-group-addon {
-        height: @inputNumber-height-small;
-        padding: 0 10px;
-
-        &:first-child {
-          border-radius: @inputNumber-border-radius-small 0 0
-            @inputNumber-border-radius-small;
-        }
-
-        &:last-child {
-          border-radius: 0 @inputNumber-border-radius-small
-            @inputNumber-border-radius-small 0;
-        }
-      }
-    }
-
-    .ant-input-number-wrapper {
-      height: 100%;
-      // overflow: hidden;
-      font-size: inherit;
-
-      .ant-input-number-group-addon {
-        // overflow: hidden;
-        color: @inputNumber-addon-color;
-        font-size: inherit;
-        background-color: @inputNumber-addon-bg-color;
-        // border-radius: @inputNumber-border-radius-middle;
-        border-color: @inputNumber-addon-border-color;
-
-        &:first-child {
-          border-top-right-radius: 0;
-          border-bottom-right-radius: 0;
-        }
-
-        &:last-child {
-          border-top-left-radius: 0;
-          border-bottom-left-radius: 0;
-        }
-      }
-
-      .ald-input-number {
-        position: relative;
-        z-index: 2;
-        margin: 0;
-        padding: 0;
-      }
-    }
-
-    &.ald-input-number-disabled {
-      .ant-input-number-wrapper .ant-input-number-group-addon {
-        color: @inputNumber-addon-disable-color;
-      }
-    }
-
-    .ant-input-number-focused {
-      outline: none !important;
-    }
-
-    .ant-input-number-handler-wrap {
-      border-radius: 0 !important;
-
-      .ant-input-number-handler {
-        border-radius: 0 !important;
-      }
-    }
-  }
-}
-
-.ant-input-number-status-error:not(.ant-input-number-disabled):not(
-    .ant-input-number-borderless
-  ).ant-input-number.ant-input-number {
-  border-color: var(--border-negative-strong);
-}
-
-.ald-input-number.ant-input-number-affix-wrapper {
-  border-color: @inputNumber-border-color;
-
-  &:hover {
-    border-color: @inputNumber-hover-border-color;
-  }
-
-  &-focused {
-    border-color: @inputNumber-hover-border-color;
-    outline: @inputNumber-hover-border-color solid 1px;
-  }
-}

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

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

package/dist/InputSearch/style/index.js

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

package/dist/InputSearch/style/index.less

@@ -1,91 +0,0 @@
-@import '../../style/index.less';
-@import '../../Input/style/index.less';
-
-.ald-input-search {
-  .ald-input.ald-input.ant-input-affix-wrapper {
-    width: var(--init-width) !important;
-    background-color: var(--background-neutral-subtle);
-    cursor: pointer;
-
-    input {
-      background-color: var(--background-neutral-subtle);
-    }
-
-    .ant-input-suffix {
-      display: none;
-    }
-
-    &.input-search-size-small {
-      ::placeholder {
-        font-size: 14px;
-        line-height: 16px; /* 133.333% */
-      }
-    }
-
-    &.input-search-size-middle,
-    &.input-search-size-large {
-      ::placeholder {
-        font-size: 14px;
-        line-height: 20px;
-      }
-    }
-
-    ::placeholder {
-      color: var(--content-primary);
-      font-style: normal;
-      font-weight: 500;
-      background-color: var(--background-neutral-subtle);
-    }
-
-    &.ant-input-affix-wrapper-focused:not(.inputMode),
-    &:hover:not(.inputMode),
-    &.input-search-has-value:not(.inputMode) {
-      width: 200px !important;
-      transition: all 0.2s ease 0.1s !important;
-      background-color: var(--background-default);
-
-      input {
-        background-color: var(--background-default);
-      }
-
-      ::placeholder {
-        color: var(--content-tertiary);
-        background-color: var(--background-default);
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 16px; /* 133.333% */
-        transition: all 0.2s ease 0.1s !important;
-      }
-    }
-
-    &.inputMode {
-      width: 100% !important;
-      background-color: var(--alias-colors-bg-skeleton-subtler, #fff);
-
-      input {
-        background-color: #fff;
-      }
-
-      ::placeholder {
-        color: var(--alias-colors-text-subtlest, #9ca3af);
-        background-color: var(--alias-colors-bg-skeleton-subtler, #fff);
-        font-size: 14px;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 16px; /* 133.333% */
-        transition: all 0.2s ease 0.1s !important;
-      }
-    }
-
-    &.input-search-has-content {
-      .ant-input-suffix {
-        display: flex;
-
-        .ant-input-clear-icon {
-          font-size: 16px !important;
-        }
-      }
-    }
-  }
-}

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

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

package/dist/Layout/style/index.js

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

package/dist/Layout/style/index.less

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

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

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

package/dist/List/style/index.js

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