@aloudata/aloudata-design 0.2.0-beta.9 → 0.2.3

package/es/Select/OptionsList/index.js

@@ -1,8 +1,4 @@
-var _excluded = ["input", "prefixCls", "data", "groupStyle", "height", "itemHeight", "selected", "optionChecked", "tempValue", "value", "placeholder", "notFoundContent", "onValueChange", "onTempValueChange", "setTempValue", "onInputChange", "onOptionClick", "activeIndex", "multiple", "visible", "style", "setActiveIndex"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _excluded = ["input", "prefixCls", "data", "groupStyle", "height", "itemHeight", "selected", "optionChecked", "tempValue", "value", "placeholder", "notFoundContent", "onValueChange", "onTempValueChange", "setTempValue", "onInputChange", "onOptionClick", "activeIndex", "multiple", "visible", "setActiveIndex"];
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -25,17 +21,19 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 /* eslint-disable @typescript-eslint/no-use-before-define */
 import React, { useCallback, useImperativeHandle, useMemo, useRef, useEffect } from 'react';
 import classnames from 'classnames';
-import VirtualList from '../VirtualList';
-import { ForwardRenderGroup, ForwardRenderOption, ForwardRenderTooltip, RenderLabelIcon } from './OptionItem';
+import { ForwardRenderOption, ForwardRenderTooltip, RenderLabelIcon } from './OptionItem';
 var ZERO_LENGTH = 0;
 var DEFAULT_ACTIVE_INDEX = -1;
+var DEFAULT_LIST_HEIGHT = 256;
+var DEFAULT_LIST_PADDING = 8;
 
 var OptionsList = function OptionsList(props, ref) {
   var input = props.input,
       prefixCls = props.prefixCls,
       data = props.data,
       groupStyle = props.groupStyle,
-      height = props.height,
+      _props$height = props.height,
+      height = _props$height === void 0 ? DEFAULT_LIST_HEIGHT : _props$height,
       itemHeight = props.itemHeight,
       selected = props.selected,
       optionChecked = props.optionChecked,
@@ -51,7 +49,6 @@ var OptionsList = function OptionsList(props, ref) {
       activeIndex = props.activeIndex,
       multiple = props.multiple,
       visible = props.visible,
-      style = props.style,
       setActiveIndex = props.setActiveIndex,
       restProps = _objectWithoutProperties(props, _excluded);
 
@@ -92,7 +89,7 @@ var OptionsList = function OptionsList(props, ref) {
   }, [selected]); // 部分选中
   // 全部列表选项选中
 
-  var isAllChecked = isChecked && (selected === null || selected === void 0 ? void 0 : selected.length) === (filterflattenOptions === null || filterflattenOptions === void 0 ? void 0 : filterflattenOptions.length); // ”全部“选项是否选中
+  var isAllChecked = isChecked && (selected === null || selected === void 0 ? void 0 : selected.length) === (filterflattenOptions === null || filterflattenOptions === void 0 ? void 0 : filterflattenOptions.length) || (selected === null || selected === void 0 ? void 0 : selected.length) === ZERO_LENGTH; // ”全部“选项是否选中
 
   var allOptionChecked = isAllChecked && Array.isArray(optionChecked) && optionChecked.length === ZERO_LENGTH; // 点击全选
 
@@ -146,7 +143,9 @@ var OptionsList = function OptionsList(props, ref) {
 
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-list"),
-    style: style,
+    style: {
+      maxHeight: "".concat(height - DEFAULT_LIST_PADDING, "px")
+    },
     ref: OptionListRef,
     role: "list",
     "aria-hidden": "true",
@@ -155,21 +154,11 @@ var OptionsList = function OptionsList(props, ref) {
     onMouseLeave: function onMouseLeave() {
       return setActiveIndex(DEFAULT_ACTIVE_INDEX);
     }
-  }, multiple && renderAllOptions(), data.length > ZERO_LENGTH ? /*#__PURE__*/React.createElement(VirtualList, _objectSpread({
-    itemKey: "value",
-    prefixCls: prefixCls,
-    ref: VirtualListRef,
-    data: data,
-    height: height,
-    itemHeight: itemHeight
-  }, restProps), function (option, index) {
-    return option.isSelectOptGroup ? /*#__PURE__*/React.createElement(ForwardRenderGroup, {
-      option: option,
-      prefixCls: prefixCls,
-      groupStyle: groupStyle
-    }) : /*#__PURE__*/React.createElement(ForwardRenderTooltip, {
+  }, multiple && renderAllOptions(), data.length > ZERO_LENGTH ? data.map(function (option, index) {
+    return /*#__PURE__*/React.createElement(ForwardRenderTooltip, {
       tooltip: option === null || option === void 0 ? void 0 : option.tooltip,
-      render: /*#__PURE__*/React.createElement(ForwardRenderOption, _objectSpread({
+      key: option === null || option === void 0 ? void 0 : option.value,
+      render: /*#__PURE__*/React.createElement(ForwardRenderOption, Object.assign({
         option: option,
         prefixCls: prefixCls,
         selected: optionChecked,

package/es/Select/Selector/index.js

@@ -1,9 +1,5 @@
 var _excluded = ["input", "disabled", "prefix", "size", "multiple", "bordered", "isFocused", "className", "visible", "style", "allowClear", "label", "mode", "value", "searchType", "arrowComponent", "closeComponent", "placeholder", "deleteValue", "optionLabelRenderer", "getOptionByValue", "onInputChange", "onAllowClear", "filteredOptions"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -40,6 +36,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 +161,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 +188,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,11 +215,11 @@ 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({
+  return /*#__PURE__*/React.createElement("div", Object.assign({
     role: disabled ? undefined : 'combobox',
     "aria-expanded": visible,
     "aria-controls": "expandable",
@@ -241,7 +241,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, showHeader, 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;