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

package/dist/Button/style/index.less

@@ -3,3 +3,7 @@
 @import './type.less';
 @import './size.less';
 @import './reset.less';
+
+.ant-wave {
+  display: none !important;
+}

package/dist/Checkbox/style/index.less

@@ -47,7 +47,6 @@
 
 .ald-checkbox.ald-checkbox {
   height: 20px;
-  color: @NL0;
   font-size: 13px;
   line-height: 20px;
 
@@ -57,7 +56,6 @@
 
   &.ant-checkbox-wrapper {
     height: 20px;
-    color: @NL0;
     font-weight: 400;
     font-size: 13px;
     line-height: 20px;
@@ -157,7 +155,6 @@
     cursor: default;
 
     & + span {
-      color: @NL0;
       cursor: default;
     }
 
@@ -200,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/DataPreviewTable/style/index.less

@@ -7,6 +7,7 @@
 .ald-data-preview-table {
   border: 1px solid var(--alias-colors-border-default, #e5e7eb);
   font-size: 12px;
+  font-variant-numeric: lining-nums tabular-nums;
   position: relative;
 
   * {
@@ -34,7 +35,7 @@
   font-weight: 500;
 
   .ald-data-preview-header-default {
-    padding: 6px 4px;
+    padding: 4px 13px 3px 20px;
     height: 100%;
     width: 100%;
     line-height: 20px;

package/dist/Dropdown/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 = ["children", "open", "overlayClassName", "menu", "align", "placement"];
+var _excluded = ["children", "open", "overlayClassName", "menu", "align", "placement", "trigger"];
 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; }
@@ -21,6 +21,8 @@ export default function Dropdown(props) {
     menu = props.menu,
     align = props.align,
     placement = props.placement,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? ['click'] : _props$trigger,
     otherProps = _objectWithoutProperties(props, _excluded);
   // antd 根据 open 字段是否存在来判断 open 是否是可控模式
   var antdDropdownProps = otherProps;
@@ -52,6 +54,7 @@ export default function Dropdown(props) {
     overlayClassName: classNames('ald-dropdown-overlay', overlayClassName),
     menu: menus,
     align: defaultAlign,
+    trigger: trigger,
     placement: placement
   }, antdDropdownProps), children);
 }

package/dist/Dropdown/style/index.less

@@ -17,6 +17,17 @@
     background-color: unset;
   }
 
+  .ant-dropdown-menu-item-danger {
+    color: #b91c1c !important;
+
+    &:hover {
+      background: var(
+        --alias-colors-bg-interaction-hover,
+        rgba(0, 0, 0, 0.05)
+      ) !important;
+    }
+  }
+
   .ant-dropdown-menu-item,
   .ant-dropdown-menu-submenu .ant-dropdown-menu-submenu-title {
     display: flex;

package/dist/Empty/style/index.less

@@ -38,8 +38,8 @@
   }
 
   .ald-empty-description {
-    color: @NL40;
-    font-size: 13px;
+    color: var(--alias-colors-text-subtlest, #9ca3af);
+    font-size: 12px;
     line-height: 20px;
     font-weight: 400;
   }

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/components/TimesLightLine.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/TimesLightLine.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 TimesLightLine = function TimesLightLine(_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: "M17.53 7.53a.75.75 0 1 0-1.06-1.06L12 10.94 7.53 6.47a.75.75 0 0 0-1.06 1.06L10.94 12l-4.47 4.47a.75.75 0 0 0 1.06 1.06L12 13.06l4.47 4.47a.75.75 0 0 0 1.06-1.06L13.06 12l4.47-4.47Z",
+    clipRule: "evenodd"
+  }));
+};
+var ForwardRef = /*#__PURE__*/forwardRef(TimesLightLine);
+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';
@@ -33,6 +34,7 @@ export { default as LoadingDuotone } from './components/LoadingDuotone';
 export { default as LoadingLine } from './components/LoadingLine';
 export { default as MoreVerticalLine } from './components/MoreVerticalLine';
 export { default as SearchLine } from './components/SearchLine';
+export { default as TimesLightLine } from './components/TimesLightLine';
 export { default as TriangleLightLine } from './components/TriangleLightLine';
 export { default as User } from './components/User';
 export { default as UserGroup } from './components/UserGroup';

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";
@@ -33,6 +34,7 @@ export { default as LoadingDuotone } from "./components/LoadingDuotone";
 export { default as LoadingLine } from "./components/LoadingLine";
 export { default as MoreVerticalLine } from "./components/MoreVerticalLine";
 export { default as SearchLine } from "./components/SearchLine";
+export { default as TimesLightLine } from "./components/TimesLightLine";
 export { default as TriangleLightLine } from "./components/TriangleLightLine";
 export { default as User } from "./components/User";
 export { default as UserGroup } from "./components/UserGroup";

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/Icon/svg/Times-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 / Icon / Math / Times-light-line">
+<path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M17.5303 7.53045C17.8232 7.23756 17.8232 6.76269 17.5303 6.46979C17.2374 6.1769 16.7625 6.1769 16.4696 6.46979L12 10.9394L7.53037 6.46979C7.23747 6.1769 6.7626 6.1769 6.46971 6.46979C6.17681 6.76269 6.17681 7.23756 6.46971 7.53045L10.9393 12.0001L6.46964 16.4698C6.17675 16.7627 6.17675 17.2376 6.46964 17.5305C6.76253 17.8233 7.23741 17.8233 7.5303 17.5305L12 13.0607L16.4697 17.5305C16.7626 17.8233 17.2375 17.8233 17.5304 17.5305C17.8233 17.2376 17.8233 16.7627 17.5304 16.4698L13.0607 12.0001L17.5303 7.53045Z" fill="black"/>
+</g>
+</svg>

package/dist/IconButton/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["icon", "onClick", "disabled", "size", "menu", "className", "onOpenChange", "tooltip", "id", "showArrow", "mode"];
+var _excluded = ["icon", "onClick", "disabled", "size", "menu", "className", "onOpenChange", "tooltip", "id", "trigger", "showArrow", "mode"];
 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; }
 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); }
@@ -57,6 +57,8 @@ var DropdownButton = /*#__PURE__*/forwardRef(function (props, ref) {
     onOpenChange = props.onOpenChange,
     tooltip = props.tooltip,
     id = props.id,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? ['click'] : _props$trigger,
     _props$showArrow = props.showArrow,
     showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
     _props$mode2 = props.mode,
@@ -93,6 +95,7 @@ var DropdownButton = /*#__PURE__*/forwardRef(function (props, ref) {
     title: tooltip === null || tooltip === void 0 ? void 0 : tooltip.title
   }), /*#__PURE__*/React.createElement(Dropdown, _extends({
     menu: menu,
+    trigger: trigger,
     onOpenChange: onOpenChange
   }, restDropdownProps), /*#__PURE__*/React.createElement("div", {
     id: id,

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

@@ -47,7 +47,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, ref) {
     allowClear: allowClear ? {
       clearIcon: /*#__PURE__*/React.createElement(CloseCircleFill, {
         size: 20,
-        color: "#6B7280"
+        color: "#9CA3AF"
       })
     } : undefined,
     spellCheck: false,

package/dist/Input/components/TextArea/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 = ["bordered", "size", "disabled", "className"];
+var _excluded = ["bordered", "size", "disabled", "className", "allowClear"];
 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); }
@@ -19,6 +19,8 @@ export default /*#__PURE__*/React.forwardRef(function (props, ref) {
     disabled = props.disabled,
     _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className,
+    _props$allowClear = props.allowClear,
+    allowClear = _props$allowClear === void 0 ? false : _props$allowClear,
     rest = _objectWithoutProperties(props, _excluded);
   var contentSize = useContext(SizeContext);
   var size = customSize || contentSize || 'middle';
@@ -27,12 +29,12 @@ export default /*#__PURE__*/React.forwardRef(function (props, ref) {
     disabled: disabled,
     spellCheck: false,
     className: classnames('ald-input', 'ald-input-textarea', "ald-input-textarea-".concat(getSizeType(size)), _defineProperty({}, "ald-input-disabled", disabled), className),
-    allowClear: {
+    allowClear: allowClear ? {
       clearIcon: /*#__PURE__*/React.createElement(CloseCircleFill, {
         size: 20,
-        color: "#6B7280"
+        color: "#9CA3AF"
       })
-    },
+    } : false,
     ref: ref,
     bordered: bordered
   }));

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,13 +8,16 @@ 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';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import Avatar from "../Avatar";
 import ConfigProvider from "../ConfigProvider";
 import { EUserType } from "../ConfigProvider/getUserList";
-import { User } from "../Icon";
+import { UserGroup } from "../Icon";
 import Select from "../Select";
 import message from "../message";
 import Panel from "./components/Panel";
@@ -35,9 +40,12 @@ var Component = function Component(_ref) {
     disabled = _ref.disabled,
     _onClear = _ref.onClear,
     size = _ref.size,
-    selectType = _ref.selectType,
+    _ref$selectType = _ref.selectType,
+    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;
@@ -183,18 +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 null;
-    if (type === EMemberPicker.USER) return /*#__PURE__*/React.createElement(User, {
-      size: 20
-    });
-    if (type === EMemberPicker.GROUP) return /*#__PURE__*/React.createElement(User, {
-      size: 20
-    });
-    return null;
-  }, [multiple, 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),
@@ -221,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,
@@ -249,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

@@ -19,7 +19,8 @@
   &.ald-member-picker-multiple {
     display: flex;
     flex-wrap: wrap;
-    border-radius: 2px;
+    border-radius: 6px;
+    overflow: hidden;
     // .memberSelection {
     // }
 
@@ -323,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); }
@@ -29,9 +29,12 @@ import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo,
 import { ConfigContext } from "../ConfigProvider";
 import SizeContext from "../ConfigProvider/sizeContext";
 import Empty from "../Empty";
-import { ArrowDownFill, CloseLightLine } from "../Icon";
+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,8 +402,10 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
     className: classNames({
       'ald-select-prefix-select': !!prefix || prefix === 0
     }),
-    clearIcon: /*#__PURE__*/React.createElement(CloseLightLine, {
-      className: "ald-select-clear-icon"
+    dropdownStyle: dropdownStyle || defaultDropdownStyle,
+    clearIcon: /*#__PURE__*/React.createElement(TimesLightLine, {
+      className: "ald-select-clear-icon",
+      color: "#9CA3AF"
     }),
     style: {
       width: '100%'

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;

package/dist/Select/style/layout.less

@@ -27,6 +27,7 @@
       align-items: center;
       flex: none;
       right: 0;
+      background-color: transparent;
 
       &::before {
         position: absolute;