@aloudata/aloudata-design 2.0.0-beta.1 → 2.0.0-beta.10

package/dist/Icon/svg/userGroup.svg

@@ -0,0 +1,7 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle opacity="0.25" cx="50" cy="50" r="50" fill="#6366F1"/>
+<path d="M67.9995 90.1619C62.5051 92.6281 56.4127 94 50 94C35.8547 94 23.2683 87.325 15.2191 76.9531C19.9103 68.0611 29.2473 62 40 62C55.464 62 68 74.536 68 90C68 90.054 67.9998 90.1079 67.9995 90.1619Z" fill="#6366F1"/>
+<path d="M84.7809 76.9531C82.2018 80.2764 79.1569 83.2202 75.7442 85.6864C74.6138 76.2201 69.8101 67.882 62.799 62.1382C72.3574 63.0868 80.5018 68.8423 84.7809 76.9531Z" fill="#6366F1"/>
+<path d="M40 53C48.8365 53 56 45.8365 56 37C56 28.1635 48.8365 21 40 21C31.1634 21 24 28.1635 24 37C24 45.8365 31.1634 53 40 53Z" fill="#6366F1"/>
+<path d="M64 37C64 43.0872 61.7337 48.6451 57.9989 52.8761C58.6545 52.9579 59.3223 53 60 53C68.8365 53 76 45.8366 76 37C76 28.1634 68.8365 21 60 21C59.3223 21 58.6545 21.0421 57.9989 21.1239C61.7337 25.3549 64 30.9128 64 37Z" fill="#6366F1"/>
+</svg>

package/dist/InputNumber/style/index.less

@@ -3,27 +3,30 @@
 
 @inputNumber-height-large: 36px;
 @inputNumber-font-size-large: 16px;
-@inputNumber-border-radius-large: 4px;
+@inputNumber-border-radius-large: 8px;
 @inputNumber-padding-large: 0 11px;
 
 @inputNumber-height-middle: 32px;
-@inputNumber-font-size-middle: 13px;
-@inputNumber-border-radius-middle: 2px;
+@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: 2px;
+@inputNumber-border-radius-small: 4px;
 @inputNumber-padding-small: 0 7px;
 
 //默认
-@inputNumber-bg-color: @BG100;
-@inputNumber-border-color: @BG60;
-@inputNumber-color: @NL0;
+@inputNumber-bg-color: var(--alias-colors-bg-skeleton-subtler, #fff);
+@inputNumber-border-color: var(
+  --alias-colors-border-accent-gray-subtle-default,
+  #d1d5db
+);
+@inputNumber-color: var(--alias-colors-text-default, #1f2937);
 @inputNumber-wrapper-bg-color: @BG95;
 //激活
-@inputNumber-active-bg-color: @BG100;
-@inputNumber-active-border-color: @B40;
+@inputNumber-active-bg-color: var(--alias-colors-bg-skeleton-subtler, #fff);
+@inputNumber-active-border-color: var(--alias-colors-border-selected, #126fdd);
 
 //disable
 @inputNumber-disabled-bg-color: @BG90;

package/dist/MemberPicker/components/MultipleOption.js

@@ -4,8 +4,8 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import classnames from 'classnames';
 import React from 'react';
-import Button from "../../Button";
 import Checkbox from "../../Checkbox";
+import TextLink from "../../TextLink/index";
 import { getAccount, getId, getPhoto } from "../utils";
 import { isUserGroup } from "../utils/getUsersWithUserId";
 import NickLabel from "./NickLabel";
@@ -32,13 +32,14 @@ export default function MultipleList(params) {
     checked: selected,
     disabled: disabled
   }), /*#__PURE__*/React.createElement(NickLabel, {
+    type: user.type,
     id: getId(user),
     name: user.name,
     photo: getPhoto(user),
     account: getAccount(user)
-  })), isUserGroup(user) && hasNextLevel && /*#__PURE__*/React.createElement(Button, {
-    type: "link",
+  })), isUserGroup(user) && hasNextLevel && /*#__PURE__*/React.createElement(TextLink, {
     className: "ald-member-picker-btn",
+    size: "small",
     onClick: function onClick(e) {
       onNextLevel === null || onNextLevel === void 0 ? void 0 : onNextLevel(user);
       e.stopPropagation();

package/dist/MemberPicker/components/NickLabel.d.ts

@@ -1,9 +1,11 @@
+import { EUserType } from "../../ConfigProvider/getUserList";
 import React from 'react';
 interface INickLabelProps {
     name?: string;
     id: string;
     photo?: React.ReactNode;
     account?: string;
+    type: EUserType;
 }
 declare const _default: React.NamedExoticComponent<INickLabelProps>;
 export default _default;

package/dist/MemberPicker/components/NickLabel.js

@@ -1,16 +1,22 @@
+import { EUserType } from "../../ConfigProvider/getUserList";
+import { UserGroup } from "../../Icon";
 import React, { memo } from 'react';
 import Avatar from "../../Avatar";
 var NickLabel = function NickLabel(_ref) {
   var photo = _ref.photo,
     name = _ref.name,
     id = _ref.id,
-    account = _ref.account;
+    account = _ref.account,
+    type = _ref.type;
   var innerName = name || id;
+  var photoSrc = !photo && type === EUserType.USER_GROUP ? /*#__PURE__*/React.createElement(UserGroup, {
+    size: 20
+  }) : photo;
   return /*#__PURE__*/React.createElement("div", {
     className: "ald-member-picker-nick-label"
   }, /*#__PURE__*/React.createElement(Avatar, {
     key: innerName,
-    src: photo,
+    src: photoSrc,
     size: 20
   }, innerName), /*#__PURE__*/React.createElement("div", {
     className: "ald-member-picker-nick-label-name",

package/dist/MemberPicker/components/Panel.js

@@ -86,7 +86,7 @@ export default function Panel(props) {
     var userSelection = /*#__PURE__*/React.createElement(MemberSelection, {
       className: 'ald-member-picker-member-selection-multiple',
       userList: dataList.filter(isUser),
-      width: (panelWidth - 3) / 2,
+      width: (panelWidth - 6) / 2,
       selectedUsers: selectedUsers.filter(isUser),
       onChange: onSelectionChange,
       onSearchValueChange: onSearchValueChange,
@@ -97,7 +97,7 @@ export default function Panel(props) {
     var userGroupSelection = /*#__PURE__*/React.createElement(UserGroupSelection, {
       className: 'ald-member-picker-member-selection-multiple',
       userGroupList: dataList.filter(isUserGroup),
-      width: (panelWidth - 3) / 2,
+      width: (panelWidth - 6) / 2,
       selectedUsersGroup: selectedUsers.filter(isUserGroup),
       onChange: onSelectionChange,
       onSearchValueChange: onSearchValueChange,

package/dist/MemberPicker/components/SelectedMemberTags.js

@@ -43,12 +43,15 @@ export default function SelectedMemberTags(props) {
     return /*#__PURE__*/React.createElement("div", {
       className: 'ald-member-picker-selected-member-tag',
       key: getId(user)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: 'ald-member-picker-selected-member-tag-user'
     }, /*#__PURE__*/React.createElement(NickLabel, {
+      type: user.type,
       id: getId(user),
       name: user.name,
       photo: getPhoto(user),
       account: getAccount(user)
-    }), !hasLocked && /*#__PURE__*/React.createElement(CloseMLine, {
+    })), !hasLocked && /*#__PURE__*/React.createElement(CloseMLine, {
       size: 20,
       className: 'ald-member-picker-close',
       color: "#98A2B3",

package/dist/MemberPicker/components/SingleOption.js

@@ -21,6 +21,7 @@ export default function SingleOption(params) {
     className: classnames('ald-member-picker-option', className, 'ald-member-picker-singleOption', _defineProperty({}, 'ald-member-picker-single-option-selected', selected)),
     onClick: onClick
   }, /*#__PURE__*/React.createElement(NickLabel, {
+    type: user.type,
     id: getId(user),
     name: user.name,
     photo: getPhoto(user),

package/dist/MemberPicker/index.js

@@ -35,6 +35,7 @@ var Component = function Component(_ref) {
     disabled = _ref.disabled,
     _onClear = _ref.onClear,
     size = _ref.size,
+    selectType = _ref.selectType,
     _ref$lockedIds = _ref.lockedIds,
     lockedIds = _ref$lockedIds === void 0 ? [] : _ref$lockedIds;
   var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
@@ -185,6 +186,7 @@ var Component = function Component(_ref) {
   return /*#__PURE__*/React.createElement(Select, {
     prefix: prefix,
     size: size,
+    type: selectType,
     className: classNames('ald-member-picker-select', className),
     value: selectedUserList.map(function (item) {
       if (item.type === EUserType.USER_GROUP) {

package/dist/MemberPicker/interface.d.ts

@@ -15,6 +15,7 @@ export interface IBaseMemberSelectorProps extends Pick<ISelectProps, 'allowClear
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     type?: EMemberPicker;
+    selectType?: ISelectProps['type'];
     lockedIds?: Array<TUserValue | TUserGroupValue>;
 }
 export interface IMultipleMemberSelectorProps extends IBaseMemberSelectorProps {

package/dist/MemberPicker/style/index.less

@@ -6,6 +6,7 @@
 @import '../../Empty/style/index.less';
 @import '../../message/style/index.less';
 @import '../../Spin/style/index.less';
+@import '../../TextLink/style/index.less';
 
 @btnWidth: 30px;
 
@@ -13,8 +14,7 @@
   box-sizing: border-box;
   border: 1px solid var(--colors-gray-400, #dbdbdb);
   background: var(--global-colors-base-white-950a, #fff);
-  box-shadow: 0 20px 24px -4px rgb(16 24 40 / 0.08),
-    0 8px 8px -4px rgb(16 24 40 / 0.03);
+  box-shadow: 0 10px 18px -2px rgba(0, 0, 0, 0.08);
 
   &.ald-member-picker-multiple {
     display: flex;
@@ -22,9 +22,6 @@
     border-radius: 2px;
     // .memberSelection {
     // }
-    .ald-member-picker-selected-member-tags {
-      border-left: 1px solid var(--colors-gray-400, #dbdbdb);
-    }
 
     .ald-member-picker-selector-footer {
       grid-column: 1 / 3;
@@ -34,6 +31,7 @@
 
 .ald-member-picker-member-selection-wrapper {
   width: 50%;
+  border-right: 1px solid var(--alias-colors-border-default, #e5e7eb);
 }
 
 .ald-member-picker-member-list-wrap {
@@ -51,7 +49,7 @@
   .ald-member-picker-search-input.ald-member-picker-search-input {
     border: none;
     border-bottom: 1px solid var(--colors-gray-300, #e8e8e8) !important;
-    border-radius: 0;
+    border-radius: 0 !important;
     flex: 0 0 32px;
 
     &.ant-input-affix-wrapper-focused {
@@ -72,7 +70,7 @@
   }
 
   .ald-member-picker-member-list {
-    height: 200px;
+    height: 300px;
 
     &.ald-member-picker-member-list-null {
       display: none;
@@ -82,6 +80,7 @@
 
 .ald-member-picker-selected-member-tags-wrap {
   width: 50%;
+  height: 100%;
   max-height: 320px;
   padding: 8px;
 
@@ -102,19 +101,21 @@
 
     .ald-member-picker-selected-member-tag {
       display: flex;
-      padding: 1px 5px;
       justify-content: center;
-      gap: var(--global-number-spacing-spacing-xxs, 4px);
-      border-radius: var(--global-number-radius-radius-sm, 2px);
-      border: 1px solid var(--colors-gray-300, #e8e8e8);
-      font-size: 13px;
-      font-style: normal;
+      align-items: center;
+      border-radius: var(--alias-radius-50, 4px);
+      border: 1px solid
+        var(--alias-colors-border-accent-gray-subtler-default, #e5e7eb);
+      background: var(--alias-colors-bg-accent-gray-subtler-default, #f9fafb);
+      color: var(--alias-colors-text-accent-gray-default, #374151);
+      text-align: center;
+      font-size: 14px;
       font-weight: 400;
-      line-height: 20px;
-      height: 24px;
-      max-width: 100%;
+      line-height: 20px; /* 142.857% */
 
       .ald-member-picker-close {
+        border-left: 1px solid
+          var(--alias-colors-border-accent-gray-subtler-default, #e5e7eb);
         cursor: pointer;
       }
     }
@@ -130,18 +131,18 @@
   align-items: center;
   gap: var(--global-number-spacing-spacing-sm, 12px);
   align-self: stretch;
-  border-top: 1px solid var(--colors-gray-300, #e8e8e8);
-  background: var(--colors-gray-97, #f8f8f8);
+  border-top: 1px solid var(--alias-colors-border-default, #e5e7eb);
+  background: var(--alias-colors-bg-skeleton-subtler, #fff);
 }
 
 .ald-member-picker-option {
-  padding: 0 8px;
+  padding: 0 12px;
   display: flex;
   align-items: center;
   box-sizing: border-box;
-  height: 32px;
+  height: 36px;
   line-height: 20px;
-  gap: 4px;
+  gap: 6px;
   cursor: pointer;
   justify-content: space-between;
 
@@ -231,8 +232,13 @@
   }
 }
 
+.ald-member-picker-selected-member-tag-user {
+  padding: 2px 6px;
+  display: flex;
+  align-items: center;
+}
+
 .ald-member-picker-nick-label {
-  font-size: 0;
   display: inline-flex;
   gap: 4px;
   flex-wrap: nowrap;
@@ -246,15 +252,14 @@
   }
 
   .ald-member-picker-nick-label-name {
-    color: var(--colors-gray-900, #171717);
-    font-size: 13px;
-    font-style: normal;
+    color: var(--alias-colors-text-default, #1f2937);
+    font-size: 14px;
     font-weight: 400;
-    line-height: 20px;
+    line-height: 20px; /* 142.857% */
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-    max-width: 140px;
+    max-width: 130px;
   }
 }
 
@@ -308,8 +313,11 @@
   align-items: center;
 }
 
-.ald-select-popup.ald-member-picker-popup.ald-member-picker-popup {
+.ald-select-popup.ald-member-picker-popup.ald-member-picker-popup.ald-member-picker-popup {
   border: none;
   background-color: transparent;
   overflow: hidden;
+  padding: 0;
+  box-shadow: none;
+  border-radius: 0;
 }

package/dist/Menu/style/index.less

@@ -84,8 +84,7 @@
 .menu-wrap {
   border: 1px solid var(--alias-colors-border-strong, #d1d5db);
   border-radius: var(--alias-radius-75, 6px);
-  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.05),
-    0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 10px 18px -2px rgba(0, 0, 0, 0.08);
   overflow: hidden;
 }
 

package/dist/Navigator/style/index.less

@@ -1,7 +1,7 @@
 @import '../../style/index.less';
 @import '../../Icon/index.less';
 
-@ald-prefix: ant;
+@ald-prefix: ald;
 @header-height: 80px;
 @footer-height: 88px;
 

package/dist/Pagination/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IPaginationProps } from './types';
-declare function Pagination(props: IPaginationProps): React.JSX.Element;
+declare function Pagination(props: IPaginationProps): React.JSX.Element | null;
 export default Pagination;
 /**
  * 获取在安全范围内的当前页数

package/dist/Pagination/index.js

@@ -18,7 +18,8 @@ function Pagination(props) {
     currPage = _props$current === void 0 ? 1 : _props$current,
     pageSize = props.pageSize,
     total = props.total,
-    onChange = props.onChange;
+    onChange = props.onChange,
+    hideOnSinglePage = props.hideOnSinglePage;
   var totalPage = getTotalPage(total, pageSize);
   var _useState = useState(getSafeCurrent(totalPage, currPage)),
     _useState2 = _slicedToArray(_useState, 2),
@@ -41,6 +42,11 @@ function Pagination(props) {
     };
   }, [onChange, current]);
   var pageRange = getPaginationRange(totalPage, current);
+  if (hideOnSinglePage) {
+    if (totalPage <= 1) {
+      return null;
+    }
+  }
   return /*#__PURE__*/React.createElement("div", {
     className: prefixCls('container')
   }, /*#__PURE__*/React.createElement(Button, {

package/dist/Pagination/types.d.ts

@@ -3,4 +3,5 @@ export interface IPaginationProps {
     pageSize: number;
     total: number;
     onChange: (current: number) => void;
+    hideOnSinglePage?: boolean;
 }

package/dist/Popconfirm/index.js

@@ -6,7 +6,7 @@ import { Popconfirm } from 'antd';
 import classNames from 'classnames';
 import React from 'react';
 import { btnPrefix, getButtonSizeClass, getButtonType, getDangerStatus, getShape } from "../Button";
-import { AlertTriangleLine } from "../Icon";
+import { AttentionTriangleFill } from "../Icon";
 function MyPopconfirm(props) {
   var _props$okButtonProps = props.okButtonProps,
     okButtonProps = _props$okButtonProps === void 0 ? {} : _props$okButtonProps,
@@ -15,7 +15,7 @@ function MyPopconfirm(props) {
     okType = props.okType,
     rootClassName = props.rootClassName,
     _props$icon = props.icon,
-    icon = _props$icon === void 0 ? /*#__PURE__*/React.createElement(AlertTriangleLine, {
+    icon = _props$icon === void 0 ? /*#__PURE__*/React.createElement(AttentionTriangleFill, {
       size: 20,
       color: "#D64343",
       fill: "#fff"

package/dist/Popconfirm/style/index.less

@@ -1,45 +1,81 @@
 @import '../../style/index.less';
 @import '../../Button/style/index.less';
 
+.ant-popover-arrow.ant-popover-arrow.ant-popover-arrow {
+  overflow: visible;
+}
+
+.ant-popover[class] .ant-popover-arrow::before {
+  content: '';
+  width: 10px;
+  display: inline-block;
+  bottom: -6px;
+  position: absolute;
+  left: 4px;
+  height: 10px;
+  border: 1px solid #d1d5db;
+  transform: rotate(45deg);
+  clip-path: none;
+}
+
+.ant-popover[class] .ant-popover-arrow::after {
+  content: '';
+  width: 15px;
+  background-color: #fff;
+  display: inline-block;
+  bottom: -11px;
+  position: absolute;
+  left: 1px;
+  height: 10px;
+  transform: none;
+  box-shadow: none !important;
+}
+
 .ald-pop-confirm.ant-popover.ant-popover .ant-popover-inner {
+  width: 240px;
   padding: 12px;
-  border-radius: 2px;
-  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08),
-    0 4px 6px -2px rgba(16, 24, 40, 0.03);
+  border: 1px solid #d1d5db;
+  border-radius: 6px;
+  box-shadow: 0 10px 18px -2px rgba(0, 0, 0, 0.08);
 
   .ant-popover-inner-content {
     .ant-popconfirm-message {
       padding-bottom: 12px;
       margin-bottom: 0;
-      align-items: center;
     }
 
     .ant-popconfirm-buttons {
       padding-top: 12px;
+      padding-left: 24px;
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      flex-direction: row-reverse;
+      justify-content: start;
     }
   }
 }
 
 .ant-popconfirm-message {
   .ant-popconfirm-message-icon {
-    line-height: 20px;
-    display: flex;
-    align-items: center;
+    display: inline-block;
+    height: 100%;
   }
 
   .ant-popconfirm-message-title {
     font-weight: 400;
-    font-size: 13px;
-    line-height: 20px;
-    color: var(--colors-gray-900, #171717);
+    font-size: 12px;
+    line-height: 16px;
+    color: var(--alias-colors-text-default, #1f2937);
     margin-inline-start: 4px;
-    margin-left: 4px !important;
+    margin-left: 8px !important;
+    width: 190px;
+    word-break: break-all;
   }
 }
 
 .ald-pop-confirm.ant-popover.ant-popover .ant-popover-arrow {
   &::after {
-    box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08),
-      0 4px 6px -2px rgba(16, 24, 40, 0.03);
+    box-shadow: 0 10px 18px -2px rgba(0, 0, 0, 0.08);
   }
 }

package/dist/ScrollArea/index.d.ts

@@ -8,6 +8,7 @@ interface Props extends ScrollAreaProps {
     onViewportScroll?: (event: React.UIEvent<HTMLDivElement>) => void;
     innerClassName?: string;
     scrollBarHidden?: Array<'horizontal' | 'vertical'>;
+    contentDeterminesWidth?: boolean;
 }
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>>;
 export default _default;

package/dist/ScrollArea/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["children", "className", "innerClassName", "horizontalScrollBarClassName", "verticalScrollBarClassName", "onViewportScroll", "scrollBarHidden"];
+var _excluded = ["children", "className", "innerClassName", "horizontalScrollBarClassName", "verticalScrollBarClassName", "onViewportScroll", "contentDeterminesWidth", "scrollBarHidden"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -12,6 +12,7 @@ var ScrollArea = function ScrollArea(props, ref) {
     horizontalScrollBarClassName = props.horizontalScrollBarClassName,
     verticalScrollBarClassName = props.verticalScrollBarClassName,
     onViewportScroll = props.onViewportScroll,
+    contentDeterminesWidth = props.contentDeterminesWidth,
     scrollBarHidden = props.scrollBarHidden,
     rest = _objectWithoutProperties(props, _excluded);
   var isHorizontalScrollBarHidden = scrollBarHidden === null || scrollBarHidden === void 0 ? void 0 : scrollBarHidden.includes('horizontal');
@@ -20,7 +21,9 @@ var ScrollArea = function ScrollArea(props, ref) {
     scrollHideDelay: 50,
     className: classNames('ald-scroll-area', className)
   }), /*#__PURE__*/React.createElement(ScrollAreaComponent.Viewport, {
-    className: classNames('ald-scroll-area-inner', innerClassName),
+    className: classNames('ald-scroll-area-inner', {
+      'ald-scroll-area-width-auto': !contentDeterminesWidth
+    }, innerClassName),
     onScroll: function onScroll(event) {
       onViewportScroll === null || onViewportScroll === void 0 ? void 0 : onViewportScroll(event);
     },

package/dist/ScrollArea/style/index.less

@@ -46,4 +46,9 @@
   height: 100%;
   box-sizing: border-box;
   position: relative;
+
+  &.ald-scroll-area-width-auto > div {
+    // 覆盖内联的display:table;
+    display: block !important;
+  }
 }

package/dist/Select/index.js

@@ -23,6 +23,7 @@ import { FormItemInputContext } from 'antd/lib/form/context';
 import useStyle from 'antd/lib/select/style';
 import { useCompactItemContext } from 'antd/lib/space/Compact';
 import classNames from 'classnames';
+import _ from 'lodash';
 import List from 'rc-virtual-list';
 import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 import { ConfigContext } from "../ConfigProvider";
@@ -370,7 +371,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
         setIsOpen(!isOpen);
       }
     },
-    className: classNames('ald-select', className, (_classNames = {}, _defineProperty(_classNames, "ald-select-".concat(type), type === 'primary' || type === 'secondary'), _defineProperty(_classNames, 'ald-select-multiple', isMultiple), _defineProperty(_classNames, 'ald-select-single', !isMultiple), _defineProperty(_classNames, 'ald-select-large', size === 'large'), _defineProperty(_classNames, 'ald-select-small', size === 'small'), _defineProperty(_classNames, 'ald-select-disabled', mergedDisabled), _defineProperty(_classNames, 'ald-select-middle', size !== 'large' && size !== 'small'), _defineProperty(_classNames, 'ald-select-open', typeof _open === 'boolean' ? _open : isOpen), _defineProperty(_classNames, 'ald-select-focus', isFocus), _defineProperty(_classNames, "ald-select-status-".concat(mergedStatus), mergedStatus), _classNames), compactItemClassnames, hashId),
+    className: classNames('ald-select', className, (_classNames = {}, _defineProperty(_classNames, "ald-select-".concat(type), type === 'primary' || type === 'secondary'), _defineProperty(_classNames, 'ald-select-multiple', isMultiple), _defineProperty(_classNames, 'ald-select-single', !isMultiple), _defineProperty(_classNames, 'ald-select-large', size === 'large'), _defineProperty(_classNames, 'ald-select-small', size === 'small'), _defineProperty(_classNames, 'ald-select-disabled', mergedDisabled), _defineProperty(_classNames, 'ald-select-middle', size !== 'large' && size !== 'small'), _defineProperty(_classNames, 'ald-select-open', typeof _open === 'boolean' ? _open : isOpen), _defineProperty(_classNames, 'ald-select-focus', isFocus), _defineProperty(_classNames, "ald-select-status-".concat(mergedStatus), mergedStatus), _defineProperty(_classNames, 'ald-select-has-value', !_.isEmpty(value) || !_.isEmpty(currentValue)), _classNames), compactItemClassnames, hashId),
     spellCheck: false,
     style: Object.assign(styleVar, style)
   }, !!prefix && /*#__PURE__*/React.createElement("span", {
@@ -404,6 +405,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       className: "ald-select-suffix-icon"
     }),
     onDropdownVisibleChange: function onDropdownVisibleChange(open) {
+      console.log(open, 'open');
       setIsOpen(open);
       if (!open) {
         dropDownTimeRef.current = Date.now();