@aloudata/aloudata-design 1.5.4 → 1.6.0

package/dist/Dropdown/style/index.less

@@ -29,6 +29,7 @@
   box-shadow: @shadow-L;
 
   .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title {
+    display: flex;
     .ant-dropdown-menu-submenu-title-content();
   }
 }
@@ -39,6 +40,7 @@
   box-shadow: @shadow-L;
 
   .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title {
+    display: flex;
     .ant-dropdown-menu-submenu-title-content();
 
     &:hover {
@@ -70,6 +72,7 @@
 
   .ant-dropdown-menu-item,
   .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title {
+    display: flex;
     .ant-dropdown-menu-submenu-title-content();
 
     padding: 8px 24px 8px 8px;

package/dist/Empty/style/index.less

@@ -1,7 +1,6 @@
 @import '../../style/index.less';
 
 @ald-prefix: ant;
-@ald-iconfont-css-prefix: anticon;
 
 .ald-empty {
   display: flex;
@@ -16,7 +15,7 @@
 
     .ald-empty-image {
       display: block;
-      width:100%;
+      width: 100%;
       max-width: fit-content;
       height: auto;
     }
@@ -37,31 +36,30 @@
     font-weight: 400;
   }
 
-  .ald-empty-footer{
+  .ald-empty-footer {
     margin-top: 24px;
   }
 
-  &.ald-empty-large{
-    .ald-empty-image-wrap{
-      width:160px;
+  &.ald-empty-large {
+    .ald-empty-image-wrap {
+      width: 160px;
       height: 160px;
     }
 
-    .ald-empty-title{
+    .ald-empty-title {
       margin-top: 20px;
     }
   }
 
-  &.ald-empty-small{
-    padding:24px;
+  &.ald-empty-small {
+    padding: 24px;
 
-    .ald-empty-image-wrap{
-      width:40px;
+    .ald-empty-image-wrap {
+      width: 40px;
       height: 40px;
-      
     }
 
-    .ald-empty-title{
+    .ald-empty-title {
       margin-top: 12px;
     }
   }

package/dist/Input/components/Input/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["size", "className"];
+var _excluded = ["size", "className", "prefixCls"];
 
 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); }
 
@@ -8,8 +8,10 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import SizeContext from 'antd/lib/config-provider/SizeContext';
 import AntdInput from 'antd/lib/input/Input';
+import { useCompactItemContext } from 'antd/lib/space/Compact';
 import classnames from 'classnames';
 import React, { useContext } from 'react';
+import { ConfigContext } from "../../../ConfigProvider";
 export function getSizeType(sizeType) {
   if (['small', 'middle', 'large'].includes(sizeType || '')) {
     return sizeType;
@@ -20,15 +22,26 @@ export function getSizeType(sizeType) {
 var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var customSize = props.size,
       className = props.className,
+      customizePrefixCls = props.prefixCls,
       rest = _objectWithoutProperties(props, _excluded);
 
+  var _React$useContext = React.useContext(ConfigContext),
+      getPrefixCls = _React$useContext.getPrefixCls,
+      direction = _React$useContext.direction;
+
+  var prefixCls = getPrefixCls('input', customizePrefixCls); // ===================== Compact Item =====================
+
+  var _useCompactItemContex = useCompactItemContext(prefixCls, direction),
+      compactSize = _useCompactItemContex.compactSize,
+      compactItemClassnames = _useCompactItemContex.compactItemClassnames;
+
   var contentSize = useContext(SizeContext);
-  var size = customSize || contentSize;
+  var size = compactSize || customSize || contentSize || 'middle';
   return /*#__PURE__*/React.createElement(AntdInput, _extends({}, rest, {
     ref: ref,
     bordered: true,
     spellCheck: false,
-    className: classnames('ald-input', "ald-input-".concat(getSizeType(size)), className),
+    className: classnames('ald-input', "ald-input-".concat(getSizeType(size)), className, compactItemClassnames),
     suffix: null
   }));
 });

package/dist/Input/style/index.less

@@ -4,7 +4,6 @@
 
 @ald-prefix: ant;
 
-@ald-iconfont-css-prefix: anticon;
 // size===large
 @input-height-large: 36px;
 @input-padding-large: 5px 11px;
@@ -51,6 +50,10 @@
   // box-shadow: @shadow-xs;
   caret-color: @B60;
 
+  &:hover {
+    border-color: @input-border-color;
+  }
+
   &::placeholder {
     color: @input-placeholder-color;
   }
@@ -65,7 +68,6 @@
   }
 
   &:focus,
-  &:hover,
   &-focused {
     border-color: @input-active-border-color;
     box-shadow: none;
@@ -111,8 +113,7 @@
   border-color: @input-border-color;
   border-radius: 2px;
 
-  &:hover,
-  &:focus,
+  // &:hover,
   &-focused {
     &:not(.ant-input-affix-wrapper-disabled) {
       border-color: @input-active-border-color;
@@ -160,10 +161,10 @@
     // box-shadow: @input-box-shadow-active;
   }
 
-  &:hover {
-    border-color: @input-active-border-color;
-    // box-shadow: @input-box-shadow-active;
-  }
+  // &:hover {
+  //   border-color: @input-active-border-color;
+  //   // box-shadow: @input-box-shadow-active;
+  // }
 
   .ant-input:hover {
     box-shadow: none;
@@ -379,7 +380,7 @@ textarea.ald-input-textarea.ald-input-textarea,
   caret-color: @B60;
   border-color: @input-border-color;
 
-  &:hover,
+  // &:hover,
   &:active,
   &:focus {
     border-color: @B40;
@@ -395,7 +396,7 @@ textarea.ald-input-textarea.ald-input-textarea,
     background: @BG95;
     cursor: initial;
 
-    &:hover,
+    // &:hover,
     &:active,
     &:focus {
       border-color: #dbdbdb;

package/dist/MemberPicker/components/MultipleOption.js

@@ -1,3 +1,5 @@
+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 _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; }
 
 import classnames from 'classnames';
@@ -23,5 +25,7 @@ export default function MultipleList(params) {
     className: 'ald-member-picker-checkbox',
     checked: selected,
     disabled: disabled
-  }), /*#__PURE__*/React.createElement(NickLabel, user));
+  }), /*#__PURE__*/React.createElement(NickLabel, _extends({}, user, {
+    src: user.photo
+  })));
 }

package/dist/MemberPicker/components/NickLabel.js

@@ -11,9 +11,8 @@ var NickLabel = function NickLabel(_ref) {
   }, /*#__PURE__*/React.createElement(Avatar, {
     key: innerName,
     src: src,
-    alt: innerName,
     size: 20
-  }), /*#__PURE__*/React.createElement("div", {
+  }, innerName), /*#__PURE__*/React.createElement("div", {
     className: "ald-member-picker-nick-label-name"
   }, innerName));
 };

package/dist/MemberPicker/components/SelectedMemberTags.js

@@ -1,3 +1,5 @@
+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); }
+
 import { CloseMLine } from '@aloudata/icons-react';
 import classNames from 'classnames';
 import React from 'react';
@@ -15,7 +17,9 @@ export default function SelectedMemberTags(props) {
     return /*#__PURE__*/React.createElement("div", {
       className: 'ald-member-picker-selected-member-tag',
       key: user.userId
-    }, /*#__PURE__*/React.createElement(NickLabel, user), /*#__PURE__*/React.createElement(CloseMLine, {
+    }, /*#__PURE__*/React.createElement(NickLabel, _extends({}, user, {
+      src: user.photo
+    })), /*#__PURE__*/React.createElement(CloseMLine, {
       size: 20,
       className: 'ald-member-picker-close',
       fill: "#98A2B3",

package/dist/MemberPicker/components/SingleOption.js

@@ -1,3 +1,5 @@
+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 _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; }
 
 import classnames from 'classnames';
@@ -19,5 +21,7 @@ export default function SingleOption(params) {
   return /*#__PURE__*/React.createElement("div", {
     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, user));
+  }, /*#__PURE__*/React.createElement(NickLabel, _extends({}, user, {
+    src: user.photo
+  })));
 }

package/dist/MemberPicker/index.js

@@ -182,16 +182,22 @@ var MemberSelector = function MemberSelector(_ref) {
       });
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(className, 'ald-member-picker-trigger')
+    className: classNames(className, 'ald-member-picker-trigger', {
+      'ald-member-picker-trigger-open': dropdownOpen
+    })
   }, children || /*#__PURE__*/React.createElement("div", {
-    className: "ald-member-picker-content-wrap"
+    className: classNames('ald-member-picker-content-wrap', {
+      'ald-member-picker-content-wrap-open': dropdownOpen
+    })
   }, /*#__PURE__*/React.createElement("div", {
     className: 'ald-member-picker-content'
   }, selectedUserList.reduce(function (prev, cur) {
     if (prev.length > 0) {
       return [].concat(_toConsumableArray(prev), [',', /*#__PURE__*/React.createElement(NickLabel, _extends({
         key: cur.userId
-      }, cur))]);
+      }, cur, {
+        src: cur.photo
+      }))]);
     } else {
       return [/*#__PURE__*/React.createElement(NickLabel, _extends({
         key: cur.userId

package/dist/MemberPicker/interface.d.ts

@@ -2,7 +2,7 @@
 import { IUser } from '../ConfigProvider/getUserList';
 export declare type MemberPickerValue = IUser | IUser[] | string | string[];
 export interface IBaseMemberSelectorProps {
-    value: MemberPickerValue;
+    value?: MemberPickerValue;
     className?: string;
     dropdownWidth?: number;
     children?: React.ReactNode;
@@ -11,11 +11,11 @@ export interface IBaseMemberSelectorProps {
 }
 export interface IMultipleMemberSelectorProps extends IBaseMemberSelectorProps {
     multiple: true;
-    onChange(v: IUser[]): void;
+    onChange?(v: IUser[]): void;
 }
 export interface ISingleMemberSelectorProps extends IBaseMemberSelectorProps {
     multiple?: false;
-    onChange(v: IUser): void;
+    onChange?(v: IUser): void;
 }
 export declare type IMemberPickerProps = IMultipleMemberSelectorProps | ISingleMemberSelectorProps;
 export type { IUser };

package/dist/MemberPicker/style/index.less

@@ -10,8 +10,8 @@
 .ald-member-picker-wrapper {
   border: 1px solid var(--colors-gray-400, #dbdbdb);
   background: var(--colors-neutral-white, #fff);
-  box-shadow: 0 20px 24px -4px rgb(16 24 40 / 8%),
-    0 8px 8px -4px rgb(16 24 40 / 3%);
+  box-shadow: 0 20px 24px -4px rgb(16 24 40 / 0.08),
+    0 8px 8px -4px rgb(16 24 40 / 0.03);
 
   &.ald-member-picker-multiple {
     display: grid;
@@ -143,7 +143,6 @@
   width: auto;
   height: 32px;
   box-sizing: border-box;
-  padding: 0 8px;
   background: var(--colors-neutral-white, #fff);
   justify-content: space-between;
 
@@ -152,10 +151,15 @@
     border: 1px solid var(--colors-gray-400, #dbdbdb);
     height: 100%;
     width: 100%;
+    padding: 0 8px;
     display: flex;
     align-items: center;
     justify-content: space-between;
 
+    &:hover {
+      border-color: @B40;
+    }
+
     .ald-member-picker-content {
       height: 100%;
       display: flex;
@@ -167,6 +171,10 @@
       text-overflow: ellipsis;
     }
   }
+
+  .ald-member-picker-content-wrap-open {
+    border-color: @B40;
+  }
 }
 
 .ald-member-picker-nick-label {

package/dist/Modal/style/index.less

@@ -3,19 +3,16 @@
 .ald-modal.ald-modal {
   .ant-modal-content {
     padding: 15px 23px;
-    box-shadow: 0 20px 24px -4px rgb(16 24 40 / 8%),
-      0 8px 8px -4px rgb(16 24 40 / 3%);
+    box-shadow: 0 20px 24px -4px rgb(16 24 40 / 0.08),
+      0 8px 8px -4px rgb(16 24 40 / 0.03);
     border-radius: 4px;
     border: 1px solid @BG60;
 
     .ant-modal-body {
       max-height: 70vh;
       overflow: auto;
-      overflow: overlay;
       line-height: 20px;
       font-size: 13px;
-
-     
     }
   }
 

package/dist/Select/components/SingleOption.js

@@ -1,7 +1,5 @@
-import { CheckLine } from '@aloudata/icons-react';
 import classnames from 'classnames';
 import React from 'react';
-import colors from "../../style/themes/default/themeColor.module.less";
 export default function SingleOption(params) {
   var disabled = params.disabled,
       selected = params.selected,
@@ -17,15 +15,11 @@ export default function SingleOption(params) {
 
   return /*#__PURE__*/React.createElement("div", {
     className: classnames('ald-single-option', className, {
-      'ald-single-option-disabled': disabled
+      'ald-single-option-disabled': disabled,
+      'ald-single-option-selected': selected
     }),
     onClick: onClick
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "ald-icons-check-line"
-  }, selected && /*#__PURE__*/React.createElement(CheckLine, {
-    size: 20,
-    fill: colors.B50
-  })), /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "ald-single-option-text"
   }, option.label));
 }

package/dist/Select/index.js

@@ -1,28 +1,28 @@
-var _excluded = ["mode", "options", "dropdownRender", "onDropdownVisibleChange", "defaultValue", "onChange", "open", "defaultOpen", "prefix", "className", "popupClassName", "listHeight", "listItemHeight", "notFoundContent", "value", "tagRender", "style", "autoFocus", "showSearch", "showAllOption", "size", "status", "disabled"];
+var _excluded = ["mode", "options", "dropdownRender", "onDropdownVisibleChange", "defaultValue", "onChange", "open", "defaultOpen", "prefix", "className", "popupClassName", "listHeight", "listItemHeight", "notFoundContent", "value", "tagRender", "style", "autoFocus", "showSearch", "showAllOption", "size", "status", "disabled", "prefixCls"];
 
 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 _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 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; }
 
@@ -32,10 +32,13 @@ import { FoldDownFill } from '@aloudata/icons-react';
 import { Select as AntdSelect } from 'antd';
 import DisabledContext from 'antd/lib/config-provider/DisabledContext';
 import { FormItemInputContext } from 'antd/lib/form/context';
+import useStyle from 'antd/lib/select/style';
+import { useCompactItemContext } from 'antd/lib/space/Compact';
 import { getMergedStatus } from 'antd/lib/_util/statusUtils';
 import classNames from 'classnames';
 import List from 'rc-virtual-list';
 import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
+import { ConfigContext } from "../ConfigProvider";
 import SizeContext from "../ConfigProvider/sizeContext";
 import Empty from "../Empty";
 import theme from "../style/themes/default/themeColor.module.less";
@@ -123,15 +126,31 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       customSize = props.size,
       customStatus = props.status,
       customDisabled = props.disabled,
+      customizePrefixCls = props.prefixCls,
       restProps = _objectWithoutProperties(props, _excluded);
 
   var contentSize = useContext(SizeContext);
 
-  var _React$useContext = React.useContext(FormItemInputContext),
-      contextStatus = _React$useContext.status;
+  var _React$useContext = React.useContext(ConfigContext),
+      getPrefixCls = _React$useContext.getPrefixCls,
+      direction = _React$useContext.direction;
+
+  var prefixCls = getPrefixCls('select', customizePrefixCls); // ===================== Compact Item =====================
+
+  var _useCompactItemContex = useCompactItemContext(prefixCls, direction),
+      compactSize = _useCompactItemContex.compactSize,
+      compactItemClassnames = _useCompactItemContex.compactItemClassnames;
+
+  var size = compactSize || customSize || contentSize || 'middle';
+
+  var _React$useContext2 = React.useContext(FormItemInputContext),
+      contextStatus = _React$useContext2.status;
+
+  var _useStyle = useStyle(prefixCls),
+      _useStyle2 = _slicedToArray(_useStyle, 2),
+      hashId = _useStyle2[1];
 
-  var mergedStatus = getMergedStatus(contextStatus, customStatus);
-  var size = customSize || contentSize || 'middle'; // ===================== Disabled =====================
+  var mergedStatus = getMergedStatus(contextStatus, customStatus); // ===================== Disabled =====================
 
   var disabled = React.useContext(DisabledContext);
   var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
@@ -409,7 +428,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       'ald-select-middle': size !== 'large' && size !== 'small',
       'ald-select-open': typeof _open === 'boolean' ? _open : isOpen,
       'ald-select-focus': isFocus
-    }, "ald-select-status-".concat(mergedStatus), mergedStatus)),
+    }, "ald-select-status-".concat(mergedStatus), mergedStatus), compactItemClassnames, hashId),
     spellCheck: false,
     style: Object.assign(styleVar, style)
   }, !!prefix && /*#__PURE__*/React.createElement("span", {

package/dist/Select/style/single.less

@@ -1,9 +1,9 @@
-.ald-single-option-list{
+.ald-single-option-list {
   color: @NL0;
   font-size: 13px;
   line-height: 20px;
 
-  .ald-single-option{
+  .ald-single-option {
     padding: 6px 12px;
     display: flex;
     align-items: center;
@@ -11,29 +11,33 @@
     height: 36px;
     box-sizing: border-box;
 
-    &:hover{
+    &:hover {
       background-color: @BG90;
     }
 
-    .ald-icons-check-line{
+    .ald-icons-check-line {
       height: 20px;
       width: 20px;
       margin-right: 8px;
       flex-shrink: 0;
     }
 
-    .ald-single-option-text{
+    .ald-single-option-text {
       white-space: nowrap;
       flex: 1;
     }
 
-    &.ald-single-option-disabled{
+    &.ald-single-option-disabled {
       opacity: 0.5;
 
-      &:hover{
+      &:hover {
         background: none;
         cursor: default;
       }
     }
+
+    &.ald-single-option-selected {
+      background: var(--colors-blue-100, #f0f6ff);
+    }
   }
 }

package/dist/Select/style/size.less

@@ -1,9 +1,26 @@
+.compact(@border-radius) {
+  &.ant-select-compact-item {
+    border-radius: 0;
+  }
+
+  &.ant-select-compact-first-item {
+    border-top-left-radius: @border-radius;
+    border-bottom-left-radius: @border-radius;
+  }
+
+  &.ant-select-compact-last-item {
+    border-top-right-radius: @border-radius;
+    border-bottom-right-radius: @border-radius;
+  }
+}
+
 .ald-select.ald-select {
   &.ald-select-small {
     height: @select-height-small;
     font-size: @select-font-size-small;
     // line-height: @select-line-height-small;
     border-radius: @select-border-radius-small;
+    .compact(@select-border-radius-small);
 
     .ald-select-prefix {
       margin-left: @select-padding-left-small;
@@ -57,6 +74,7 @@
     font-size: @select-font-size-middle;
     // line-height: @select-line-height-middle;
     border-radius: @select-border-radius-middle;
+    .compact(@select-border-radius-middle);
 
     .ald-select-prefix {
       margin-left: @select-padding-left-middle;
@@ -112,6 +130,7 @@
     font-size: @select-font-size-large;
     // line-height: @select-line-height-large;
     border-radius: @select-border-radius-large;
+    .compact(@select-border-radius-large);
 
     .ald-select-prefix {
       margin-left: @select-padding-left-large;

package/dist/Select/style/status.less

@@ -2,10 +2,11 @@
   /**
    * @file focused状态
    */
-  &:hover,
+  // &:hover,
   &.ald-select-open,
   &.ald-select-focus {
     border-color: @B40;
+    z-index: 1;
     // box-shadow: @shadow-drop;
   }
 

package/dist/Table/style/index.less

@@ -25,7 +25,7 @@
   &-inner-wrap {
     width: 100%;
     height: 100%;
-    overflow-x: overlay;
+    overflow-x: auto;
   }
 
   &-tableHeadScrollWrap {
@@ -226,7 +226,7 @@
   }
 
   &-column-resizable {
-    overflow: overlay;
+    overflow: auto;
 
     .ald-table-thead,
     .ald-table-tbody {

package/dist/Table/style/variable.less

@@ -1,5 +1,4 @@
 /* stylelint-disable property-no-unknown */
 
-@ald-iconfont-css-prefix: anticon;
 @table-head-row-height: 32px;
 @table-body-row-height: 48px;

package/dist/Tabs/index.d.ts

@@ -54,6 +54,11 @@ export interface ITabsProps extends Omit<TabsProps, 'size'> {
      * @default false
      */
     padding?: boolean | number;
+    /**
+     * @description tab和content之间的间距，默认16px,仅在tabPosition为top时生效
+     * @default false
+     */
+    compact?: boolean;
 }
 declare function Tabs(props: ITabsProps): JSX.Element;
 declare namespace Tabs {