@aloudata/aloudata-design 1.5.4 → 1.6.1

package/dist/DatePicker/index.js

@@ -1,4 +1,10 @@
-var _excluded = ["size", "disabled"];
+var _excluded = ["size", "disabled", "prefixCls", "className"],
+    _excluded2 = ["size", "disabled", "prefixCls", "className"],
+    _excluded3 = ["size", "disabled", "prefixCls", "className"],
+    _excluded4 = ["size", "disabled", "prefixCls", "className"],
+    _excluded5 = ["size", "disabled", "prefixCls", "className"],
+    _excluded6 = ["size", "disabled", "prefixCls", "className"],
+    _excluded7 = ["size", "disabled", "prefixCls", "className"];
 
 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); }
 
@@ -7,31 +13,228 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 
 import { DatePicker as AntdDatePicker } from 'antd';
+import { ConfigContext } from 'antd/lib/config-provider';
 import DisabledContext from 'antd/lib/config-provider/DisabledContext';
-import React, { useContext } from 'react';
-import SizeContext from "../ConfigProvider/sizeContext";
+import { useCompactItemContext } from 'antd/lib/space/Compact';
+import classNames from 'classnames';
+import React, { forwardRef, useContext } from 'react';
+import SizeContext from "../ConfigProvider/sizeContext"; // export type {
+//   MonthPickerProps,
+//   RangePickerProps,
+//   WeekPickerProps,
+// } from 'antd/lib/date-picker';
+// export type { DatePickerProps };
 
-var DatePicker = function DatePicker(props) {
+var DatePicker = /*#__PURE__*/forwardRef(function (props, ref) {
   var customSize = props.size,
       customDisabled = props.disabled,
-      restProps = _objectWithoutProperties(props, _excluded);
+      customizePrefixCls = props.prefixCls,
+      className = props.className,
+      restProps = _objectWithoutProperties(props, _excluded); // ===================== Compact Item =====================
+
+
+  var _React$useContext = React.useContext(ConfigContext),
+      getPrefixCls = _React$useContext.getPrefixCls,
+      direction = _React$useContext.direction;
+
+  var prefixCls = getPrefixCls('picker', customizePrefixCls);
+
+  var _useCompactItemContex = useCompactItemContext(prefixCls, direction),
+      compactSize = _useCompactItemContex.compactSize,
+      compactItemClassnames = _useCompactItemContex.compactItemClassnames;
 
   var contentSize = useContext(SizeContext);
-  var size = customSize || contentSize || 'middle'; // ===================== Disabled =====================
+  var size = compactSize || customSize || contentSize || 'middle'; // ===================== Disabled =====================
 
   var disabled = useContext(DisabledContext);
   var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
   return /*#__PURE__*/React.createElement(AntdDatePicker, _extends({
+    ref: ref,
+    size: size,
+    className: classNames(compactItemClassnames, className),
+    disabled: mergedDisabled
+  }, restProps));
+});
+DatePicker.RangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
+  var customSize = props.size,
+      customDisabled = props.disabled,
+      customizePrefixCls = props.prefixCls,
+      className = props.className,
+      restProps = _objectWithoutProperties(props, _excluded2); // ===================== Compact Item =====================
+
+
+  var _React$useContext2 = React.useContext(ConfigContext),
+      getPrefixCls = _React$useContext2.getPrefixCls,
+      direction = _React$useContext2.direction;
+
+  var prefixCls = getPrefixCls('picker', customizePrefixCls);
+
+  var _useCompactItemContex2 = useCompactItemContext(prefixCls, direction),
+      compactSize = _useCompactItemContex2.compactSize,
+      compactItemClassnames = _useCompactItemContex2.compactItemClassnames;
+
+  var contentSize = useContext(SizeContext);
+  var size = compactSize || customSize || contentSize || 'middle'; // ===================== Disabled =====================
+
+  var disabled = useContext(DisabledContext);
+  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
+  return /*#__PURE__*/React.createElement(AntdDatePicker.RangePicker, _extends({
+    ref: ref,
+    size: size,
+    className: classNames(compactItemClassnames, className),
+    disabled: mergedDisabled
+  }, restProps));
+});
+DatePicker.WeekPicker = /*#__PURE__*/forwardRef(function (props, ref) {
+  var customSize = props.size,
+      customDisabled = props.disabled,
+      customizePrefixCls = props.prefixCls,
+      className = props.className,
+      restProps = _objectWithoutProperties(props, _excluded3); // ===================== Compact Item =====================
+
+
+  var _React$useContext3 = React.useContext(ConfigContext),
+      getPrefixCls = _React$useContext3.getPrefixCls,
+      direction = _React$useContext3.direction;
+
+  var prefixCls = getPrefixCls('picker', customizePrefixCls);
+
+  var _useCompactItemContex3 = useCompactItemContext(prefixCls, direction),
+      compactSize = _useCompactItemContex3.compactSize,
+      compactItemClassnames = _useCompactItemContex3.compactItemClassnames;
+
+  var contentSize = useContext(SizeContext);
+  var size = compactSize || customSize || contentSize || 'middle'; // ===================== Disabled =====================
+
+  var disabled = useContext(DisabledContext);
+  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
+  return /*#__PURE__*/React.createElement(AntdDatePicker.WeekPicker, _extends({
+    ref: ref,
+    size: size,
+    className: classNames(compactItemClassnames, className),
+    disabled: mergedDisabled
+  }, restProps));
+});
+DatePicker.MonthPicker = /*#__PURE__*/forwardRef(function (props, ref) {
+  var customSize = props.size,
+      customDisabled = props.disabled,
+      customizePrefixCls = props.prefixCls,
+      className = props.className,
+      restProps = _objectWithoutProperties(props, _excluded4); // ===================== Compact Item =====================
+
+
+  var _React$useContext4 = React.useContext(ConfigContext),
+      getPrefixCls = _React$useContext4.getPrefixCls,
+      direction = _React$useContext4.direction;
+
+  var prefixCls = getPrefixCls('picker', customizePrefixCls);
+
+  var _useCompactItemContex4 = useCompactItemContext(prefixCls, direction),
+      compactSize = _useCompactItemContex4.compactSize,
+      compactItemClassnames = _useCompactItemContex4.compactItemClassnames;
+
+  var contentSize = useContext(SizeContext);
+  var size = compactSize || customSize || contentSize || 'middle'; // ===================== Disabled =====================
+
+  var disabled = useContext(DisabledContext);
+  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
+  return /*#__PURE__*/React.createElement(AntdDatePicker.MonthPicker, _extends({
+    ref: ref,
+    size: size,
+    className: classNames(compactItemClassnames, className),
+    disabled: mergedDisabled
+  }, restProps));
+});
+DatePicker.YearPicker = /*#__PURE__*/forwardRef(function (props, ref) {
+  var customSize = props.size,
+      customDisabled = props.disabled,
+      customizePrefixCls = props.prefixCls,
+      className = props.className,
+      restProps = _objectWithoutProperties(props, _excluded5); // ===================== Compact Item =====================
+
+
+  var _React$useContext5 = React.useContext(ConfigContext),
+      getPrefixCls = _React$useContext5.getPrefixCls,
+      direction = _React$useContext5.direction;
+
+  var prefixCls = getPrefixCls('picker', customizePrefixCls);
+
+  var _useCompactItemContex5 = useCompactItemContext(prefixCls, direction),
+      compactSize = _useCompactItemContex5.compactSize,
+      compactItemClassnames = _useCompactItemContex5.compactItemClassnames;
+
+  var contentSize = useContext(SizeContext);
+  var size = compactSize || customSize || contentSize || 'middle'; // ===================== Disabled =====================
+
+  var disabled = useContext(DisabledContext);
+  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
+  return /*#__PURE__*/React.createElement(AntdDatePicker.YearPicker, _extends({
+    ref: ref,
     size: size,
+    className: classNames(compactItemClassnames, className),
     disabled: mergedDisabled
   }, restProps));
-};
+});
+DatePicker.TimePicker = /*#__PURE__*/forwardRef(function (props, ref) {
+  var customSize = props.size,
+      customDisabled = props.disabled,
+      customizePrefixCls = props.prefixCls,
+      className = props.className,
+      restProps = _objectWithoutProperties(props, _excluded6); // ===================== Compact Item =====================
+
+
+  var _React$useContext6 = React.useContext(ConfigContext),
+      getPrefixCls = _React$useContext6.getPrefixCls,
+      direction = _React$useContext6.direction;
+
+  var prefixCls = getPrefixCls('picker', customizePrefixCls);
 
-DatePicker.WeekPicker = AntdDatePicker.WeekPicker;
-DatePicker.MonthPicker = AntdDatePicker.MonthPicker;
-DatePicker.YearPicker = AntdDatePicker.YearPicker;
-DatePicker.RangePicker = AntdDatePicker.RangePicker;
-DatePicker.TimePicker = AntdDatePicker.TimePicker;
-DatePicker.QuarterPicker = AntdDatePicker.QuarterPicker; // 基于DatePicker的组件，prop都一样，类型保持一致
+  var _useCompactItemContex6 = useCompactItemContext(prefixCls, direction),
+      compactSize = _useCompactItemContex6.compactSize,
+      compactItemClassnames = _useCompactItemContex6.compactItemClassnames;
 
+  var contentSize = useContext(SizeContext);
+  var size = compactSize || customSize || contentSize || 'middle'; // ===================== Disabled =====================
+
+  var disabled = useContext(DisabledContext);
+  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
+  return /*#__PURE__*/React.createElement(AntdDatePicker.TimePicker, _extends({
+    // @ts-ignore
+    ref: ref,
+    size: size,
+    className: classNames(compactItemClassnames, className),
+    disabled: mergedDisabled
+  }, restProps));
+});
+DatePicker.QuarterPicker = /*#__PURE__*/forwardRef(function (props, ref) {
+  var customSize = props.size,
+      customDisabled = props.disabled,
+      customizePrefixCls = props.prefixCls,
+      className = props.className,
+      restProps = _objectWithoutProperties(props, _excluded7); // ===================== Compact Item =====================
+
+
+  var _React$useContext7 = React.useContext(ConfigContext),
+      getPrefixCls = _React$useContext7.getPrefixCls,
+      direction = _React$useContext7.direction;
+
+  var prefixCls = getPrefixCls('picker', customizePrefixCls);
+
+  var _useCompactItemContex7 = useCompactItemContext(prefixCls, direction),
+      compactSize = _useCompactItemContex7.compactSize,
+      compactItemClassnames = _useCompactItemContex7.compactItemClassnames;
+
+  var contentSize = useContext(SizeContext);
+  var size = compactSize || customSize || contentSize || 'middle'; // ===================== Disabled =====================
+
+  var disabled = useContext(DisabledContext);
+  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
+  return /*#__PURE__*/React.createElement(AntdDatePicker.QuarterPicker, _extends({
+    // @ts-ignore
+    ref: ref,
+    size: size,
+    className: classNames(compactItemClassnames, className),
+    disabled: mergedDisabled
+  }, restProps));
+});
 export default DatePicker;

package/dist/DatePicker/style/index.less

@@ -1 +1,14 @@
 @import '../../style/index.less';
+
+.ant-picker.ant-picker {
+  border-color: #dbdbdb;
+
+  &:hover {
+    border-color: #dbdbdb;
+  }
+
+  &.ant-picker-focused {
+    border-color: #3271c9;
+    box-shadow: none;
+  }
+}

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));
 }