@aloudata/aloudata-design 0.2.0-beta.8 → 0.2.2

package/es/Select/style/index.less

@@ -26,16 +26,16 @@
 @border-style-base: solid; // style of a components border
 @border-color-disabled: #dfe2ed;
 @select-option-height-lg: @height-lg;
-@select-option-line-height-lg:16px;
-@select-option-height-base:@height-base;
-@select-option-height-sm:@height-sm;
+@select-option-line-height-lg: 16px;
+@select-option-height-base: @height-base;
+@select-option-height-sm: @height-sm;
 @line-height-base: 1.5715;
 // @mode: compact;
 
 // Base Text
 // @text-color-base: #313e75;
 // @text-color-disabled: #313e75;
-@text-font-size-base: 14px;
+@text-font-base-size: 14px;
 // @text-lint-height-base: 22px;
 
 //Background Color
@@ -44,8 +44,8 @@
 
 @ald-prefix: ~'@{component-prefix}';
 @select-prefix-cls-legacy: ~'@{component-prefix}-select-legacy';
-@select-input-fontSize: @text-font-size-base;
-@select-input-fontSize-sm: @text-font-size-base - 2px;
+@select-input-fontSize: @text-font-base-size;
+@select-input-fontSize-sm: @text-font-base-size - 2px;
 // @color-font-list-primary-normal: @palette-black-6; // $color-black-6
 // @color-box-shadow-focused: #c0c4d3;
 // @color-background-matchHeight: #ffcf3c;
@@ -53,13 +53,13 @@
   position: relative;
   display: inline-block;
   min-width: 120px;
+  padding: 0 36px 0 11px;
   overflow: hidden;
   border: 1px solid transparent;
   border-radius: @border-radius-base;
-  padding: 0 36px 0 12px;
   outline: none;
-  transition: all 0.2s;
   cursor: pointer;
+  transition: all 0.2s;
   user-select: none;
 
   &-selector-wrap {
@@ -88,23 +88,23 @@
   }
 
   &-selector-label {
-    height: @height-base;
     display: flex;
+    flex-shrink: 0;
     align-items: center;
-    line-height: @height-base;
-    font-size: @select-input-fontSize;
-    color: @NL30;
-    margin-right: @select-label-margin-right;
     max-width: 50%;
+    height: @height-base;
+    margin-right: @select-label-margin-right;
     overflow: hidden;
-    flex-shrink: 0;
+    color: @NL30;
+    font-size: @select-input-fontSize;
+    line-height: @height-base;
   }
 
   &-values-wrapper {
     position: relative;
     width: 100%;
-    line-height: @height-base;
     color: @NL0;
+    line-height: @height-base;
   }
 
   &-bordered {
@@ -141,7 +141,7 @@
   &-close {
     position: absolute;
     top: 0;
-    right: 12px;
+    right: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -162,11 +162,11 @@
 
     &-text {
       overflow: hidden;
-      font-size: 14px;
+      color: @NL0;
+      font-size: @select-input-fontSize-sm;
       line-height: 22px;
       white-space: nowrap;
       text-overflow: ellipsis;
-      color: @NL0;
     }
   }
 
@@ -197,7 +197,7 @@
 
     &-text {
       overflow: hidden;
-      font-size: 14px;
+      font-size: @select-input-fontSize-sm;
       line-height: 22px;
       white-space: nowrap;
       text-overflow: ellipsis;
@@ -209,6 +209,7 @@
     top: 0;
     left: 0;
     color: @select-placeholder-color;
+    font-size: @select-input-fontSize-sm;
   }
 
   &-input {
@@ -246,14 +247,14 @@
 
       &-selector-label {
         height: @height-sm;
-        line-height: @height-sm;
-        font-size: @select-input-fontSize-sm;
         color: @NL30;
+        font-size: @select-input-fontSize-sm;
+        line-height: @height-sm;
       }
 
       &-values-wrapper {
-        line-height: @height-sm;
         font-size: @select-input-fontSize-sm;
+        line-height: @height-sm;
       }
 
       &-item-all {
@@ -282,7 +283,28 @@
     }
   }
 
+  &-default {
+    height: 28px;
+    .@{select-prefix-cls-legacy} {
+      &-selector {
+        height: 26px;
+        min-height: 26px;
+      }
+
+      &-values-wrapper {
+        font-size: 12px;
+        line-height: 26px;
+      }
+
+      &-selector-label {
+        height: 26px;
+        font-size: 12px;
+      }
+    }
+  }
+
   &-large {
+    height: @height-lg;
     .@{select-prefix-cls-legacy} {
       &-selector {
         min-height: @height-lg;
@@ -291,8 +313,8 @@
 
       &-selector-label {
         height: @height-lg;
-        line-height: @height-lg;
         font-size: @select-input-fontSize;
+        line-height: @height-lg;
       }
 
       &-values-wrapper {
@@ -310,6 +332,14 @@
       &-input-tags {
         top: 0;
       }
+
+      &-placeholder {
+        font-size: @select-input-fontSize;
+      }
+
+      &-item-text {
+        font-size: @select-input-fontSize;
+      }
     }
   }
 
@@ -356,11 +386,11 @@
   // rc-trigger
   &-dropdown {
     position: absolute;
+    padding: 4px 0;
     background: @BG100;
     border: 1px solid @NL90;
-    box-shadow: @shadow-actionsheet;
     border-radius: @border-radius-base;
-    padding: 4px 0;
+    box-shadow: @shadow-actionsheet;
     &.@{select-prefix-cls-legacy}-hidden {
       display: none;
     }
@@ -403,6 +433,8 @@
 
 .@{select-prefix-cls-legacy}-list {
   box-sizing: border-box;
+  overflow-y: scroll;
+  overflow-y: overlay;
   // min-width: 160px;
   // padding: 16px 0 16px 8px;
   outline: none;
@@ -414,33 +446,34 @@
   align-items: center;
   box-sizing: border-box;
   max-width: 100%;
-  user-select: none;
+  height: @select-option-height-lg;
   // margin-top: 4px;
   padding: 8px 12px 8px 36px;
   overflow: hidden;
   color: @NL0;
   font-size: 12px;
-  height: @select-option-height-lg;
   line-height: @select-option-line-height-lg;
   white-space: nowrap;
   text-overflow: ellipsis;
   cursor: pointer;
   transition: background-color 0.3s ease;
+  user-select: none;
 
   &-icon,
   &-all-icon {
     position: absolute;
     top: 50%;
-    transform: translateY(-50%);
     left: 12px;
+    margin-top: -2px;
     color: @B40;
+    transform: translateY(-50%);
 
     &-checkbox {
       .@{component-prefix}-checkbox-inner {
         border-color: @NL90;
         // background-color: @BG100;
         border-radius: 4px;
-
+        box-shadow: none;
         // &::after {
         //   // border-color: @B40;
         // }
@@ -484,12 +517,12 @@
   align-items: center;
   box-sizing: border-box;
   max-width: 100%;
+  height: @select-option-height-lg;
   // margin-right: 8px;
   padding: 8px 12px 8px 36px;
   overflow: hidden;
   color: @NL0;
   font-size: 12px;
-  height: @select-option-height-lg;
   line-height: @select-option-line-height-lg;
   white-space: nowrap;
   text-overflow: ellipsis;

package/es/Skeleton/index.d.ts

@@ -0,0 +1,3 @@
+import Skeleton from 'antd/es/skeleton/Skeleton';
+export { SkeletonProps } from 'antd/es/skeleton/Skeleton';
+export default Skeleton;

package/es/Skeleton/index.js

@@ -0,0 +1,2 @@
+import Skeleton from 'antd/es/skeleton/Skeleton';
+export default Skeleton;

package/es/Skeleton/style/index.d.ts

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

package/es/Skeleton/style/index.js

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

package/es/Skeleton/style/index.less

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

package/es/Space/index.d.ts

@@ -0,0 +1,4 @@
+import Space, { SpaceProps, SpaceContext } from 'antd/es/space';
+export type { SpaceSize } from 'antd/es/space';
+export { SpaceProps, SpaceContext };
+export default Space;

package/es/Space/index.js

@@ -0,0 +1,3 @@
+import Space, { SpaceContext } from 'antd/es/space';
+export { SpaceContext };
+export default Space;

package/es/Space/style/index.d.ts

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

package/es/Space/style/index.js

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

package/es/Space/style/index.less

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

package/es/Spin/index.d.ts

@@ -0,0 +1,4 @@
+import Spin, { SpinProps, SpinState } from 'antd/es/spin';
+export type { SpinSize, SpinIndicator } from 'antd/es/spin';
+export { SpinProps, SpinState };
+export default Spin;

package/es/Spin/index.js

@@ -0,0 +1,2 @@
+import Spin from 'antd/es/spin';
+export default Spin;

package/es/Spin/style/index.d.ts

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

package/es/Spin/style/index.js

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

package/es/Spin/style/index.less

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

package/es/Steps/index.d.ts

@@ -0,0 +1,3 @@
+import Steps, { StepsProps, StepProps } from 'antd/es/steps';
+export { StepsProps, StepProps };
+export default Steps;

package/es/Steps/index.js

@@ -0,0 +1,2 @@
+import Steps from 'antd/es/steps';
+export default Steps;

package/es/Steps/style/index.d.ts

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

package/es/Steps/style/index.js

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

package/es/Steps/style/index.less

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

package/es/Switch/index.d.ts

@@ -0,0 +1,4 @@
+import Switch, { SwitchProps } from 'antd/es/switch';
+export type { SwitchSize, SwitchChangeEventHandler, SwitchClickEventHandler } from 'antd/es/switch';
+export { SwitchProps };
+export default Switch;

package/es/Switch/index.js

@@ -0,0 +1,2 @@
+import Switch from 'antd/es/switch';
+export default Switch;

package/es/Switch/style/index.d.ts

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

package/es/Switch/style/index.js

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

package/es/Switch/style/index.less

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

package/es/Table/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import React from 'react';
 import { ITableProps } from './interface';
-declare function Table<T extends Record<string, unknown>>({ columns, data, total, renderHeaderLeft, renderHeaderRight, scrollY, onRowSelected, loadMore, hasNextPage, loading, sortable, defaultSort, resizeColumn, sortDirections: allSortDirections, onChange, }: ITableProps<T>): ReactElement;
-export default Table;
+declare const _default: React.ForwardRefExoticComponent<Pick<ITableProps<Record<string, unknown>>, "onChange" | "loading" | "data" | "ellipsis" | "columns" | "total" | "renderHeaderLeft" | "renderHeaderRight" | "onRowSelected" | "loadMore" | "hasNextPage" | "sortable" | "defaultSort" | "resizeColumn" | "sortDirections" | "showHeader" | "innerScroll" | "scrollThreshold" | "rowClassName" | "renderEmpty" | "rowKey"> & React.RefAttributes<unknown>>;
+export default _default;