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

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,6 +386,7 @@ 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,
@@ -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"

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

package/dist/Select/style/status.less

@@ -11,12 +11,18 @@
 .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);
+    }
+  }
+
   &.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 {

package/dist/Tree/Tree.js

@@ -13,11 +13,10 @@ import { 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;
 
 // [Legacy] Compatible for v3
@@ -100,7 +99,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", {
@@ -183,10 +182,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/style/checkbox.less

@@ -1,7 +1,6 @@
-.aldCheckboxFn(@checkbox-prefix-cls: ~'ald-tree-checkbox') {
-  @checkbox-inner-prefix-cls: ~'@{checkbox-prefix-cls}-inner';
+.aldCheckboxFn() {
   // 一般状态
-  .@{checkbox-prefix-cls} {
+  .ald-tree-checkbox {
     .reset-component();
 
     position: relative;
@@ -22,11 +21,7 @@
       animation: ald-checkbox-effect 0.36s ease-in-out;
       animation-fill-mode: backwards;
       content: '';
-    }
-
-    &:hover::after,
-    .@{checkbox-prefix-cls}-wrapper:hover &::after {
-      visibility: hidden;
+      border-color: var(--alias-colors-bg-selected-strong-default, #126fdd);
     }
 
     &-inner {
@@ -38,7 +33,8 @@
       height: @checkbox-size;
       direction: ltr;
       background-color: @checkbox-check-bg;
-      border: 1px solid #dbdbdb;
+      border: 1px solid
+        var(--alias-colors-border-accent-gray-subtle-default, #d1d5db);
       border-radius: @checkbox-border-radius;
       border-collapse: separate;
       transition: all 0.3s;
@@ -54,7 +50,7 @@
         display: table;
         width: @check-width;
         height: @check-height;
-        border: 2px solid @checkbox-check-color;
+        border: 2px solid;
         border-top: 0;
         border-left: 0;
         transform: rotate(45deg) scale(0) translate(-50%, -50%);
@@ -62,6 +58,21 @@
         transition: all 0.1s @ease-in-back, opacity 0.1s;
         content: ' ';
       }
+
+      &:hover {
+        border-color: var(
+          --alias-colors-border-accent-gray-subtle-hover,
+          #9ca3af
+        );
+      }
+
+      &:active {
+        border-color: var(
+          --alias-colors-border-accent-gray-subtle-default,
+          #d1d5db
+        );
+        background-color: var(--alias-colors-bg-skeleton-strong, #f3f4f6);
+      }
     }
 
     &-input {
@@ -76,10 +87,10 @@
   }
 
   // 选中状态
-  .@{checkbox-prefix-cls}-checked .@{checkbox-inner-prefix-cls}::after {
+  .ald-tree-checkbox-checked .ald-tree-checkbox-inner::after {
     position: absolute;
     display: table;
-    border: 2px solid @checkbox-color;
+    border: 2px solid var(--alias-colors-icon-inverse-default, #fff);
     border-top: 0;
     border-left: 0;
     transform: rotate(45deg) scale(1) translate(-50%, -50%);
@@ -88,30 +99,31 @@
     content: ' ';
   }
 
-  .@{checkbox-prefix-cls}-checked {
-    .@{checkbox-inner-prefix-cls} {
-      background-color: #f8f8f8;
+  .ald-tree-checkbox-checked {
+    .ald-tree-checkbox-inner {
+      background-color: var(--alias-colors-bg-selected-strong-default, #126fdd);
+      border-color: var(--alias-colors-bg-selected-strong-default, #126fdd);
     }
   }
 
-  .@{checkbox-prefix-cls}-disabled {
+  .ald-tree-checkbox-disabled {
     cursor: initial;
 
-    &.@{checkbox-prefix-cls}-checked {
-      .@{checkbox-inner-prefix-cls}::after {
-        border-color: @disabled-color;
+    &.ald-tree-checkbox-checked {
+      .ald-tree-checkbox-inner::after {
+        border-color: var(--alias-colors-icon-disabled, rgba(0, 0, 0, 0.25));
         animation-name: none;
       }
     }
 
-    .@{checkbox-prefix-cls}-input {
+    .ald-tree-checkbox-input {
       cursor: initial;
       pointer-events: none;
     }
 
-    .@{checkbox-inner-prefix-cls} {
-      background-color: @input-disabled-bg;
-      // border-color: @border-color-base !important;
+    .ald-tree-checkbox-inner {
+      background-color: var(--alias-colors-bg-disabled, rgba(0, 0, 0, 0.05));
+      border-color: var(--alias-colors-border-disabled, rgba(0, 0, 0, 0.1));
 
       &::after {
         border-color: @input-disabled-bg;
@@ -127,12 +139,12 @@
 
     // Not show highlight border of checkbox when disabled
     &:hover::after,
-    .@{checkbox-prefix-cls}-wrapper:hover &::after {
+    .ald-tree-checkbox-wrapper:hover &::after {
       visibility: hidden;
     }
   }
 
-  .@{checkbox-prefix-cls}-wrapper {
+  .ald-tree-checkbox-wrapper {
     .reset-component();
 
     display: inline-flex;
@@ -147,7 +159,7 @@
       content: '\a0';
     }
 
-    &.@{checkbox-prefix-cls}-wrapper-disabled {
+    &.ald-tree-checkbox-wrapper-disabled {
       cursor: initial;
     }
 
@@ -163,12 +175,12 @@
     }
   }
 
-  .@{checkbox-prefix-cls} + span {
+  .ald-tree-checkbox + span {
     padding-right: 8px;
     padding-left: 8px;
   }
 
-  .@{checkbox-prefix-cls}-group {
+  .ald-tree-checkbox-group {
     .reset-component();
 
     display: inline-block;
@@ -187,11 +199,13 @@
   }
 
   // 半选状态
-  .@{checkbox-prefix-cls}-indeterminate {
-    .@{checkbox-inner-prefix-cls} {
-      background-color: @checkbox-check-bg;
+  .ald-tree-checkbox-indeterminate {
+    .ald-tree-checkbox-inner {
+      background-color: var(--alias-colors-bg-selected-strong-default, #126fdd);
+      border-color: var(--alias-colors-bg-selected-strong-default, #126fdd);
     }
-    .@{checkbox-inner-prefix-cls}::after {
+
+    .ald-tree-checkbox-inner::after {
       @indeterminate-width: @checkbox-size - 8px;
       @indeterminate-height: @checkbox-size - 14px;
 
@@ -199,16 +213,23 @@
       left: 50%;
       width: @indeterminate-width;
       height: @indeterminate-height;
-      background-color: @checkbox-color;
+      background-color: var(--alias-colors-icon-inverse-default, #fff);
       border: 0;
       transform: translate(-50%, -50%) scale(1);
       opacity: 1;
       content: ' ';
     }
 
-    &.@{checkbox-prefix-cls}-disabled .@{checkbox-inner-prefix-cls}::after {
-      background-color: @disabled-color;
-      border-color: @disabled-color;
+    &.ald-tree-checkbox-disabled .ald-tree-checkbox-inner {
+      background-color: var(--alias-colors-bg-disabled, rgba(0, 0, 0, 0.05));
+      border-color: var(--alias-colors-bg-disabled, rgba(0, 0, 0, 0.05));
+
+      &::after {
+        background-color: var(
+          --alias-colors-icon-disabled,
+          rgba(0, 0, 0, 0.25)
+        );
+      }
     }
   }
 }