@aloudata/aloudata-design 0.2.0-beta.7 → 0.2.1

package/es/Select/Selector/index.js

@@ -40,6 +40,8 @@ import color from '../../style/themes/default/themeColor.module.less';
 var ZERO = 0;
 var ICON_LARGE_SIZE = 20;
 var ICON_SMALL_SIZE = 16;
+var FIRST_INDEX = 0;
+var REVERSE_INDEX = -1;
 
 var defaultArrowComponent = function defaultArrowComponent(prefix, size) {
   return /*#__PURE__*/React.createElement(Icon, {
@@ -163,18 +165,20 @@ var Selector = function Selector(props, ref) {
 
   var renderMultipleValue = function renderMultipleValue() {
     // @ts-ignore
-    var allValueLabel = value === null || value === void 0 ? void 0 : value.reduce(function (prev, curr) {
+    var allTooltipTitleNode = value === null || value === void 0 ? void 0 : value.reduce(function (prev, curr) {
       var item = getOptionByValue(curr);
 
       if (item) {
-        return [].concat(_toConsumableArray(prev), [(item === null || item === void 0 ? void 0 : item.title) || (item === null || item === void 0 ? void 0 : item.label)]);
+        return [].concat(_toConsumableArray(prev), [(item === null || item === void 0 ? void 0 : item.title) || optionLabelRenderer(curr, getOptionByValue(curr)) || (item === null || item === void 0 ? void 0 : item.label), ',']);
       }
 
-      return [].concat(_toConsumableArray(prev), [curr]);
+      return [].concat(_toConsumableArray(prev), [curr, ',']);
     }, []);
 
-    if (Array.isArray(value) && value.length === filteredOptions.length) {
-      return /*#__PURE__*/React.createElement("span", null, "\u5168\u90E8");
+    if (Array.isArray(value) && (value.length === filteredOptions.length || isEmpty(value))) {
+      return /*#__PURE__*/React.createElement("span", {
+        className: "multipleAll"
+      }, "\u5168\u90E8");
     }
 
     var renderItem = function renderItem(valueItem) {
@@ -188,7 +192,7 @@ var Selector = function Selector(props, ref) {
     return !input && !isNil(value) ? /*#__PURE__*/React.createElement(Tooltip // @ts-ignore
     , {
       // @ts-ignore
-      title: allValueLabel === null || allValueLabel === void 0 ? void 0 : allValueLabel.join(','),
+      title: allTooltipTitleNode.slice(FIRST_INDEX, REVERSE_INDEX),
       placement: "top",
       getTooltipContainer: function getTooltipContainer() {
         var _selectorRef$current4;
@@ -215,8 +219,8 @@ var Selector = function Selector(props, ref) {
     }, /*#__PURE__*/React.createElement("span", {
       ref: selectorAllRef,
       className: classnames("".concat(prefix, "-item-text"))
-    }, text)) // </Text>
-    : null;
+    }, text)) : // </Text>
+    null;
   };
 
   return /*#__PURE__*/React.createElement("div", _objectSpread({
@@ -241,7 +245,7 @@ var Selector = function Selector(props, ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames("".concat(prefix, "-values-wrapper")),
     ref: selectValuesRef
-  }, multiple ? renderMultipleValue() : renderSingleValue(), renderPlaceHolder())), /*#__PURE__*/React.createElement("div", {
+  }, multiple ? renderMultipleValue() : renderSingleValue(), !multiple && renderPlaceHolder())), /*#__PURE__*/React.createElement("div", {
     "aria-hidden": "true",
     className: classnames("".concat(prefix, "-arrow"), _defineProperty({}, "".concat(prefix, "-arrow-focused"), visible)),
     onClick: showClose ? onAllClearClick : undefined

package/es/Select/interface.d.ts

@@ -48,7 +48,7 @@ export interface IOptionProps {
     children?: React.ReactNode;
     /**
      * @description 默认根据次属性值进行筛选
-    */
+     */
     value: string | number;
     /**
      * @description 是否禁用
@@ -59,7 +59,7 @@ export interface IOptionProps {
 }
 export interface ISelectProps {
     /**
-      * @description 输入框尺寸
+     * @description 输入框尺寸
      * @default default
      * @type 'small' | 'default' | 'large';
      */
@@ -117,6 +117,9 @@ export interface ISelectProps {
     labelRenderer?: (input: string) => (option: IOption, isGroup: boolean) => React.ReactNode;
     searchPredicate?: (input: string) => _.ListIterateeCustom<IOption, boolean>;
     matchPredicate?: (input: string) => _.ListIterateeCustom<IOption, boolean>;
+    /**
+     * @description 渲染选中条目对应的内容
+     */
     optionLabelRenderer?: (value: string | number, option?: IOption) => React.ReactNode;
     /**
      * @description 选中值改变时的回调
@@ -156,6 +159,11 @@ export interface ISelectProps {
      */
     label?: React.ReactNode;
     children?: React.ReactNode[] | React.ReactNode;
+    /**
+     * @description 下拉菜单的 z-index层级 属性
+     * @default 1050
+     */
+    zIndex?: number;
 }
 export interface ISelectorProps {
     input: string;

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;