@aloudata/aloudata-design 2.0.0-beta.12 → 2.0.0-beta.14

package/dist/Checkbox/style/index.less

@@ -197,7 +197,7 @@
   .ant-checkbox + span {
     display: flex;
     align-items: center;
-    padding-right: 12px;
+    padding-right: 0;
     padding-left: 6px;
     font-size: 14px;
   }

package/dist/Icon/components/ArrowRightLightLine.d.ts

@@ -0,0 +1,11 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+interface SVGRProps {
+    size?: number | string;
+    title?: string;
+    titleId?: string;
+    desc?: string;
+    descId?: string;
+}
+declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
+export default Memo;

package/dist/Icon/components/ArrowRightLightLine.js

@@ -0,0 +1,35 @@
+var _excluded = ["title", "titleId", "desc", "descId"];
+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; }
+import * as React from 'react';
+import { forwardRef, memo } from 'react';
+var ArrowRightLightLine = function ArrowRightLightLine(_ref, ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    desc = _ref.desc,
+    descId = _ref.descId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: props.width || props.size || 16,
+    height: props.height || props.size || 16,
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ref: ref,
+    "aria-labelledby": titleId,
+    "aria-describedby": descId
+  }, props), desc ? /*#__PURE__*/React.createElement("desc", {
+    id: descId
+  }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fill: props.color || 'currentColor',
+    fillRule: "evenodd",
+    d: "M9.47 6.47a.75.75 0 0 1 1.06 0l5 5a.75.75 0 0 1 0 1.06l-5 5a.75.75 0 1 1-1.06-1.06L13.94 12 9.47 7.53a.75.75 0 0 1 0-1.06Z",
+    clipRule: "evenodd"
+  }));
+};
+var ForwardRef = /*#__PURE__*/forwardRef(ArrowRightLightLine);
+var Memo = /*#__PURE__*/memo(ForwardRef);
+export default Memo;

package/dist/Icon/index.d.ts

@@ -1,6 +1,7 @@
 export { default as AlertTriangleDuotone } from './components/AlertTriangleDuotone';
 export { default as AlertTriangleLine } from './components/AlertTriangleLine';
 export { default as ArrowDownFill } from './components/ArrowDownFill';
+export { default as ArrowRightLightLine } from './components/ArrowRightLightLine';
 export { default as AttentionCircleFill } from './components/AttentionCircleFill';
 export { default as AttentionTriangleFill } from './components/AttentionTriangleFill';
 export { default as AttentionTriangleLightLine } from './components/AttentionTriangleLightLine';

package/dist/Icon/index.js

@@ -1,6 +1,7 @@
 export { default as AlertTriangleDuotone } from "./components/AlertTriangleDuotone";
 export { default as AlertTriangleLine } from "./components/AlertTriangleLine";
 export { default as ArrowDownFill } from "./components/ArrowDownFill";
+export { default as ArrowRightLightLine } from "./components/ArrowRightLightLine";
 export { default as AttentionCircleFill } from "./components/AttentionCircleFill";
 export { default as AttentionTriangleFill } from "./components/AttentionTriangleFill";
 export { default as AttentionTriangleLightLine } from "./components/AttentionTriangleLightLine";

package/dist/Icon/svg/Arrow-Right-light-line.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id=" Icon / Light / Arrow / Arrow-Right-light-line">
+<path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M9.46967 6.46967C9.76256 6.17678 10.2374 6.17678 10.5303 6.46967L15.5303 11.4697C15.8232 11.7626 15.8232 12.2374 15.5303 12.5303L10.5303 17.5303C10.2374 17.8232 9.76256 17.8232 9.46967 17.5303C9.17678 17.2374 9.17678 16.7626 9.46967 16.4697L13.9393 12L9.46967 7.53033C9.17678 7.23744 9.17678 6.76256 9.46967 6.46967Z" fill="black"/>
+</g>
+</svg>

package/dist/MemberPicker/index.js

@@ -1,3 +1,5 @@
+var _excluded = ["value", "type", "onChange", "multiple", "dropdownWidth", "open", "onOpenChange", "placeholder", "className", "allowClear", "disabled", "onClear", "size", "selectType", "prefix", "lockedIds"];
+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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -6,6 +8,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 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; }
+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 { useRequest } from 'ahooks';
 import classNames from 'classnames';
 import _ from 'lodash';
@@ -40,7 +44,8 @@ var Component = function Component(_ref) {
     selectType = _ref$selectType === void 0 ? 'secondary' : _ref$selectType,
     propPrefix = _ref.prefix,
     _ref$lockedIds = _ref.lockedIds,
-    lockedIds = _ref$lockedIds === void 0 ? [] : _ref$lockedIds;
+    lockedIds = _ref$lockedIds === void 0 ? [] : _ref$lockedIds,
+    restProps = _objectWithoutProperties(_ref, _excluded);
   var _ConfigProvider$useGe = ConfigProvider.useGetUserList(),
     getUsersByIds = _ConfigProvider$useGe.getUsersByIds,
     getUsersByKeywords = _ConfigProvider$useGe.getUsersByKeywords;
@@ -186,22 +191,9 @@ var Component = function Component(_ref) {
     setDropdownOpen(open);
     onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(open);
   }, [onOpenChange]);
-  var prefix = useMemo(function () {
-    if (multiple) return propPrefix;
-    if (type === EMemberPicker.USER) {
-      var user = searchUserList[0];
-      return /*#__PURE__*/React.createElement(Avatar, {
-        src: user === null || user === void 0 ? void 0 : user.photo,
-        size: 20
-      });
-    }
-    if (type === EMemberPicker.GROUP) return /*#__PURE__*/React.createElement(UserGroup, {
-      size: 20
-    });
-    return propPrefix;
-  }, [multiple, propPrefix, searchUserList, type]);
-  return /*#__PURE__*/React.createElement(Select, {
-    prefix: prefix,
+  return /*#__PURE__*/React.createElement(Select, _extends({
+    prefix: propPrefix
+  }, restProps, {
     size: size,
     type: selectType,
     className: classNames('ald-member-picker-select', className),
@@ -228,14 +220,25 @@ var Component = function Component(_ref) {
     options: selectedUserList.map(function (item) {
       if (item.type === EUserType.USER_GROUP) return {
         label: item.name,
-        value: item.groupId
+        value: item.groupId,
+        tag: /*#__PURE__*/React.createElement("div", {
+          className: 'ald-member-picker-tag'
+        }, /*#__PURE__*/React.createElement(UserGroup, {
+          size: 20
+        }), item.name)
       };
       return {
         label: item.nickname || item.name,
-        value: item.userId
+        value: item.userId,
+        tag: /*#__PURE__*/React.createElement("div", {
+          className: 'ald-member-picker-tag'
+        }, /*#__PURE__*/React.createElement(Avatar, {
+          size: 20,
+          src: item.photo
+        }), item.nickname || item.name)
       };
     }),
-    optionLabelProp: "label",
+    optionLabelProp: multiple ? 'label' : 'tag',
     open: dropdownOpen,
     onDropdownVisibleChange: onDropdownOpenChange,
     dropdownMatchSelectWidth: false,
@@ -256,7 +259,7 @@ var Component = function Component(_ref) {
         onCancel: setDropdownOpen.bind(null, false)
       }));
     }
-  });
+  }));
 };
 var MemberSelector = Component;
 MemberSelector.MemberPanel = MemberPanel;

package/dist/MemberPicker/interface.d.ts

@@ -9,7 +9,7 @@ export declare enum EMemberPicker {
     USER = "USER",
     BOTH = "BOTH"
 }
-export interface IBaseMemberSelectorProps extends Pick<ISelectProps, 'allowClear' | 'disabled' | 'prefix' | 'placeholder' | 'className' | 'size' | 'onClear' | 'prefixWidth'> {
+export interface IBaseMemberSelectorProps extends Omit<ISelectProps, 'type'> {
     value?: TMemberPickerValue;
     dropdownWidth?: number;
     open?: boolean;

package/dist/MemberPicker/style/index.less

@@ -324,3 +324,9 @@
   box-shadow: 0 20px 24px -4px rgba(16, 24, 40, 0.08),
     0 8px 8px -4px rgba(16, 24, 40, 0.03);
 }
+
+.ald-member-picker-tag {
+  display: flex;
+  align-items: center;
+  gap: var(--alias-spacing-75, 6px);
+}

package/dist/Modal/index.js

@@ -5,7 +5,7 @@ var _excluded = ["className", "type", "loading", "size", "disabled", "shape"],
   _excluded4 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
   _excluded5 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
   _excluded6 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
-  _excluded7 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "className", "okText", "cancelText"];
+  _excluded7 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "className", "okText", "cancelText", "type"];
 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 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; }
@@ -65,6 +65,27 @@ var ModalTitle = function ModalTitle(_ref, type) {
     className: 'ald-modal-text-sub-title'
   }, subTitle)));
 };
+function getIcon(type) {
+  if (type === 'success') return /*#__PURE__*/React.createElement(CheckCircleLightLine, {
+    fill: "#fff",
+    color: "#22C55E",
+    size: 24
+  });
+  if (type === 'error') return /*#__PURE__*/React.createElement(AttentionTriangleLightLine, {
+    color: "#EF4444",
+    fill: '#fff',
+    size: 24
+  });
+  if (type === 'warning') return /*#__PURE__*/React.createElement(AttentionTriangleLightLine, {
+    color: "#EAB308",
+    size: 24
+  });
+  return /*#__PURE__*/React.createElement(InformationCircleLightLine, {
+    size: 24,
+    color: '#2986F4',
+    className: "ald-modal-close"
+  });
+}
 var OriginModal = function OriginModal(props) {
   var className = props.className,
     children = props.children,
@@ -260,6 +281,8 @@ Modal.confirm = function confirmFn(props) {
     okText = _props$okText6 === void 0 ? '确定' : _props$okText6,
     _props$cancelText6 = props.cancelText,
     cancelText = _props$cancelText6 === void 0 ? '取消' : _props$cancelText6,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'confirm' : _props$type,
     restProps = _objectWithoutProperties(props, _excluded7);
   return AntdModal.confirm(_objectSpread({
     okButtonProps: getButtonProps(okButtonProps, 'primary', okType),
@@ -267,14 +290,10 @@ Modal.confirm = function confirmFn(props) {
     width: width || DEFAULT_WIDTH,
     className: classNames('ald-modal', className),
     title: ModalTitle({
-      icon: /*#__PURE__*/React.createElement(InformationCircleLightLine, {
-        size: 24,
-        color: '#2986F4',
-        className: "ald-modal-close"
-      }),
+      icon: getIcon(type),
       title: title,
       subTitle: subTitle
-    }, 'confirm'),
+    }, type),
     okText: okText,
     cancelText: cancelText
   }, restProps));

package/dist/Select/index.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["mode", "options", "dropdownRender", "onDropdownVisibleChange", "defaultValue", "onChange", "open", "defaultOpen", "prefix", "prefixWidth", "className", "popupClassName", "listHeight", "notFoundContent", "value", "type", "tagRender", "style", "autoFocus", "showSearch", "showAllOption", "size", "status", "disabled", "prefixCls"];
+var _excluded = ["mode", "options", "dropdownRender", "onDropdownVisibleChange", "defaultValue", "onChange", "open", "defaultOpen", "prefix", "prefixWidth", "className", "popupClassName", "listHeight", "notFoundContent", "value", "type", "tagRender", "style", "autoFocus", "showSearch", "showAllOption", "size", "status", "disabled", "prefixCls", "placeholder", "dropdownStyle"];
 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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
@@ -32,6 +32,9 @@ import Empty from "../Empty";
 import { ArrowDownFill, TimesLightLine } from "../Icon";
 import Option from "./components/Option";
 var DEFAULT_ALL_OPTION_VALUE = 'default_all_option_value';
+var defaultDropdownStyle = {
+  minWidth: 192
+};
 var DEFAULT_LIST_ITEM_HEIGHT = 36;
 var getSelectedOptionsFromValue = function getSelectedOptionsFromValue(isMultiple, options, value, defaultValue) {
   if (typeof value !== 'undefined') {
@@ -103,7 +106,10 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
     customStatus = props.status,
     customDisabled = props.disabled,
     customizePrefixCls = props.prefixCls,
+    propsPlaceholder = props.placeholder,
+    dropdownStyle = props.dropdownStyle,
     restProps = _objectWithoutProperties(props, _excluded);
+  var placeholder = type === 'primary' ? '全部' : propsPlaceholder;
   var contentSize = useContext(SizeContext);
   var _React$useContext = React.useContext(ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
@@ -371,7 +377,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), _defineProperty(_classNames, 'ald-select-has-value', !_.isEmpty(value) || !_.isEmpty(currentValue)), _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-empty-show-all', type === 'primary'), _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", {
@@ -380,13 +386,14 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
   }, prefix), /*#__PURE__*/React.createElement(AntdSelect, _extends({}, restProps, {
     // @ts-ignore
     status: mergedStatus,
+    placeholder: placeholder,
     showSearch: showSearch,
     options: innerOptions,
     mode: isMultiple ? 'multiple' : undefined,
     bordered: false,
     open: typeof _open === 'boolean' ? _open : isOpen,
     disabled: mergedDisabled,
-    maxTagCount: 1,
+    maxTagCount: type === 'secondary' ? 'responsive' : 1,
     ref: selectRef,
     tagRender: tagRender || defaultTagRender,
     onChange: onChange,
@@ -395,6 +402,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
     className: classNames({
       'ald-select-prefix-select': !!prefix || prefix === 0
     }),
+    dropdownStyle: dropdownStyle || defaultDropdownStyle,
     clearIcon: /*#__PURE__*/React.createElement(TimesLightLine, {
       className: "ald-select-clear-icon",
       color: "#9CA3AF"
@@ -406,7 +414,6 @@ 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();

package/dist/Select/style/emptyShowAll.less

@@ -0,0 +1,10 @@
+.ald-select.ald-select-empty-show-all:not(.ald-select-disabled) {
+  .ant-select {
+    .ant-select-selector {
+      .ant-select-selection-placeholder {
+        color: var(--alias-colors-text-default, #1f2937);
+        font-weight: 500;
+      }
+    }
+  }
+}

package/dist/Select/style/index.less

@@ -7,6 +7,7 @@
 @import './selectDropdown.less';
 @import './option.less';
 @import './layout.less';
+@import './emptyShowAll.less';
 
 .ald-select.ald-select {
   display: inline-block;
@@ -16,7 +17,6 @@
   cursor: pointer;
   border-width: 1px;
   border-style: solid;
-  min-width: 192px;
 
   .ald-select-prefix {
     color: var(--alias-colors-text-subtle, #4b5563);
@@ -71,7 +71,7 @@
         .ant-select-selection-overflow-item {
           align-items: center;
           line-height: inherit;
-          flex: 1;
+          // flex: 1;
           min-width: 0;
           // height: 100%;
 
@@ -114,11 +114,6 @@
                 height: 16px;
                 padding: 0 var(--alias-spacing-50, 4px);
                 border-radius: var(--alias-radius-100, 8px);
-                background: var(
-                  --alias-colors-bg-accent-blue-subtle-default,
-                  #d4e7fd
-                );
-                color: var(--alias-colors-text-information, #0f59b1);
                 font-size: 12px;
               }
             }
@@ -134,6 +129,17 @@
             white-space: nowrap;
             text-overflow: ellipsis;
             overflow: hidden;
+            // position: relative;;
+
+            &::before {
+              content: '，';
+            }
+          }
+
+          &:first-of-type {
+            .ald-select-multiple-tag-default::before {
+              content: '';
+            }
           }
 
           .ant-select-selection-search-input {

package/dist/Select/style/status.less

@@ -11,12 +11,28 @@
 .ald-select.ald-select-primary {
   .select-color(var(--alias-colors-border-accent-gray-subtle-default, #D1D5DB),var(--alias-colors-bg-skeleton-subtle, #F9FAFB),var(--alias-colors-text-default, #1f2937));
 
+  &.ald-select-multiple .ant-select {
+    .ant-select-selector {
+      color: var(--alias-colors-text-selected, #126fdd);
+
+      .ant-select-selection-overflow-item-rest {
+        .ant-select-selection-item-content {
+          background: var(
+            --alias-colors-bg-accent-blue-subtle-default,
+            #d4e7fd
+          );
+          color: var(--alias-colors-text-information, #0f59b1);
+        }
+      }
+    }
+  }
+
   &.ald-select-fitted {
     .select-color(var(--alias-colors-border-accent-gray-subtle-default, #D1D5DB),var(--alias-colors-bg-skeleton-subtle, #F9FAFB),var(--alias-colors-text-default, #1f2937));
   }
 
   &:hover {
-    .select-color(var(--alias-colors-border-accent-gray-subtle-hover, #9ca3af),var(--alias-colors-bg-skeleton-subtler, #FFF),var(--alias-colors-text-default, #1f2937));
+    .select-color(var(--alias-colors-border-accent-gray-subtle-hover, #9ca3af), var(--alias-colors-bg-accent-gray-subtler-default, #F9FAFB),var(--alias-colors-text-default, #1f2937));
   }
 
   &:active {
@@ -56,6 +72,17 @@
   &.ald-select-secondary {
     .select-color(var(--alias-colors-border-accent-gray-subtle-default, #D1D5DB),var(--alias-colors-bg-skeleton-subtler, #FFF),var(--alias-colors-text-default, #1f2937));
 
+    &.ald-select-multiple .ant-select {
+      .ant-select-selector {
+        .ant-select-selection-overflow-item-rest {
+          .ant-select-selection-item-content {
+            background: transparent;
+            color: var(--alias-colors-text-subtle, #4b5563);
+          }
+        }
+      }
+    }
+
     &.ald-select-fitted {
       .select-color(var(--alias-colors-border-accent-gray-subtle-default, #D1D5DB),var(--alias-colors-bg-skeleton-subtler, #FFF),var(--alias-colors-text-default, #1f2937));
     }

package/dist/Tree/Tree.d.ts

@@ -131,6 +131,7 @@ export interface TreeProps<T extends BasicDataNode = DataNode> extends Omit<RcTr
     titleRender?: (node: T) => React.ReactNode;
     showTabLeader?: boolean;
     handlerRender?: (node: T) => React.ReactNode;
+    highlightFilteredTitle?: boolean;
 }
 declare const Tree: React.ForwardRefExoticComponent<TreeProps<DataNode> & React.RefAttributes<RcTree<DataNode>>>;
 export default Tree;

package/dist/Tree/Tree.js

@@ -9,16 +9,16 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 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 { noop } from 'lodash';
+import { cloneDeep, noop } from 'lodash';
 import RcTree from 'rc-tree';
 import * as React from 'react';
 import { ConfigContext } from "../ConfigProvider";
-import { ChevronDownLine, DragLine } from "../Icon";
+import { ArrowRightLightLine, DragLine } from "../Icon";
 import collapseMotion from "../_utils/motion";
 import dropIndicatorRender from "./utils/dropIndicator";
 import renderSwitcherIcon from "./utils/iconUtil";
-var TREE_SWITCH_LARGE_ICON_SIZE = 20;
 var TREE_SWITCH_CION_SIZE = 16;
+var NODE_DISABLE_CLASS_NAME = 'ald-tree-node-disabled';
 
 // [Legacy] Compatible for v3
 
@@ -47,6 +47,7 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     handlerRender = _props$handlerRender === void 0 ? noop : _props$handlerRender,
     filterTreeNode = props.filterTreeNode,
     treeData = props.treeData,
+    highlightFilteredTitle = props.highlightFilteredTitle,
     _props$motion = props.motion,
     motion = _props$motion === void 0 ? _objectSpread(_objectSpread({}, collapseMotion), {}, {
       motionAppear: false
@@ -100,7 +101,7 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
       keyEntities = nodeProps.context.keyEntities,
       isLeaf = nodeProps.isLeaf;
     var level = ((_keyEntities = keyEntities[eventKey]) === null || _keyEntities === void 0 ? void 0 : _keyEntities.level) || 0;
-    var iconSize = size === 'small' ? TREE_SWITCH_CION_SIZE : TREE_SWITCH_LARGE_ICON_SIZE;
+    var iconSize = TREE_SWITCH_CION_SIZE;
     var indentWidth = isLeaf ? iconSize : 0;
     indentWidth += level * (iconSize / 2);
     return /*#__PURE__*/React.createElement("span", {
@@ -112,51 +113,46 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
   var newTreeData = React.useMemo(function () {
     if (!filterTreeNode) return treeData;
-    var processNode = function processNode(node) {
-      // 初始化一个标志来表示是否需要为当前节点及其所有子节点添加className
+    var treeDataClone = cloneDeep(treeData);
+    var shouldNodeDisabled = function shouldNodeDisabled(node) {
+      // 初始化一个标志来表示是否需要为当前节点添加className
       var shouldAddDisabled = true;
-      // 检查当前节点的title是否包含目标字符串，包含则不需要添加className
       if (filterTreeNode(node)) {
         shouldAddDisabled = false;
       }
       if (node.children) {
-        // 遍历当前节点的子节点
-        var _iterator = _createForOfIteratorHelper(node.children),
-          _step;
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var child = _step.value;
-            // 递归调用processNode函数来处理子节点，判断子节点是否需要添加className
-            var childShouldAddDisabled = processNode(child);
-            shouldAddDisabled = shouldAddDisabled && childShouldAddDisabled;
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
+        // 遍历当前节点的子节点，只要有一个子节点不disable，则该不需要添加className
+        var allChildrenShouldAddDisabled = node.children.reduce(function (pre, child) {
+          return shouldNodeDisabled(child) && pre;
+        }, shouldAddDisabled);
+        shouldAddDisabled = allChildrenShouldAddDisabled;
       }
 
       // 如果shouldAddDisabled为true，就为当前节点添加className
       if (shouldAddDisabled) {
-        node.className = classNames(node.className, 'ald-tree-node-disabled');
+        var _node$className;
+        node.className = (_node$className = node.className) !== null && _node$className !== void 0 && _node$className.includes(NODE_DISABLE_CLASS_NAME) ? node.className : classNames(node.className, NODE_DISABLE_CLASS_NAME);
+      } else {
+        var _node$className2;
+        var reg = /ald-tree-node-disabled/g;
+        (_node$className2 = node.className) === null || _node$className2 === void 0 ? void 0 : _node$className2.replace(reg, ' ');
       }
       return shouldAddDisabled;
     };
-    if (!treeData) return treeData;
-    var _iterator2 = _createForOfIteratorHelper(treeData),
-      _step2;
+    if (!treeDataClone) return treeDataClone;
+    var _iterator = _createForOfIteratorHelper(treeDataClone),
+      _step;
     try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var rootNode = _step2.value;
-        processNode(rootNode);
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var rootNode = _step.value;
+        shouldNodeDisabled(rootNode);
       }
     } catch (err) {
-      _iterator2.e(err);
+      _iterator.e(err);
     } finally {
-      _iterator2.f();
+      _iterator.f();
     }
-    return treeData;
+    return treeDataClone;
   }, [filterTreeNode, treeData]);
   var noChildren = React.useMemo(function () {
     if (newTreeData !== null && newTreeData !== void 0 && newTreeData.length) {
@@ -174,7 +170,7 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, newProps, {
     prefixCls: prefixCls,
     treeData: newTreeData,
-    className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-icon-hide"), !showIcon), _defineProperty(_classNames, "".concat(prefixCls, "-block-node"), blockNode), _defineProperty(_classNames, "".concat(prefixCls, "-unselectable"), !selectable), _defineProperty(_classNames, "".concat(prefixCls, "-large"), size === 'large'), _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _defineProperty(_classNames, 'ald-draggable-tree', draggable), _defineProperty(_classNames, "".concat(prefixCls, "-no-children"), noChildren), _classNames), className),
+    className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-icon-hide"), !showIcon), _defineProperty(_classNames, "".concat(prefixCls, "-block-node"), blockNode), _defineProperty(_classNames, "".concat(prefixCls, "-unselectable"), !selectable), _defineProperty(_classNames, "".concat(prefixCls, "-large"), size === 'large'), _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _defineProperty(_classNames, 'ald-draggable-tree', draggable), _defineProperty(_classNames, "".concat(prefixCls, "-no-children"), noChildren), _defineProperty(_classNames, 'ald-tree-highlight-filtered-title', highlightFilteredTitle), _classNames), className),
     direction: direction,
     checkable: checkable ? /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-checkbox-inner")
@@ -183,10 +179,10 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     // @ts-ignore
     ,
     switcherIcon: function switcherIcon(nodeProps) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, renderIndent(nodeProps), renderSwitcherIcon(prefixCls, /*#__PURE__*/React.createElement(ChevronDownLine, {
-        size: size === 'small' ? TREE_SWITCH_CION_SIZE : TREE_SWITCH_LARGE_ICON_SIZE,
+      return /*#__PURE__*/React.createElement(React.Fragment, null, renderIndent(nodeProps), renderSwitcherIcon(prefixCls, /*#__PURE__*/React.createElement(ArrowRightLightLine, {
+        size: TREE_SWITCH_CION_SIZE,
         color: '#9CA3AF'
-      }, "\u5C55\u5F00"), showLine, nodeProps, size === 'small' ? TREE_SWITCH_CION_SIZE : TREE_SWITCH_LARGE_ICON_SIZE));
+      }, "\u5C55\u5F00"), showLine, nodeProps, TREE_SWITCH_CION_SIZE));
     },
     draggable: draggableConfig
   }), children);

package/dist/Tree/demo/basic/index.js

@@ -4,6 +4,7 @@ export default (function () {
   return /*#__PURE__*/React.createElement(App, null, /*#__PURE__*/React.createElement(Tree, {
     size: "large",
     showIcon: true,
+    checkable: true,
     icon: 'icon',
     treeData: [{
       title: 'Parent 1',

package/dist/Tree/demo/filter/index.js

@@ -30,6 +30,7 @@ export default (function () {
       }
       return false;
     },
+    highlightFilteredTitle: true,
     expandedKeys: expandedKeys,
     onExpand: function onExpand(keys) {
       setExpandedKeys(keys);