@aloudata/aloudata-design 2.0.0-beta.6 → 2.0.0-beta.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/dist/Avatar/component/Avatar/index.js +9 -7
  2. package/dist/Avatar/style/index.less +8 -1
  3. package/dist/Button/style/variables.less +7 -4
  4. package/dist/Checkbox/index.js +10 -4
  5. package/dist/Checkbox/style/index.less +12 -0
  6. package/dist/Checkbox/type.d.ts +11 -0
  7. package/dist/Empty/style/index.less +1 -1
  8. package/dist/Form/style/index.less +12 -6
  9. package/dist/Icon/components/CloseCircleLightLine.d.ts +11 -0
  10. package/dist/Icon/components/CloseCircleLightLine.js +35 -0
  11. package/dist/Icon/components/User.d.ts +11 -0
  12. package/dist/Icon/components/User.js +41 -0
  13. package/dist/Icon/components/UserGroup.d.ts +11 -0
  14. package/dist/Icon/components/UserGroup.js +39 -0
  15. package/dist/Icon/index.d.ts +3 -0
  16. package/dist/Icon/index.js +4 -1
  17. package/dist/Icon/svg/Close-Circle-light-line.svg +5 -0
  18. package/dist/Icon/svg/check-circle-light-line.svg +1 -1
  19. package/dist/Icon/svg/information-circle-light-line.svg +1 -1
  20. package/dist/Icon/svg/user.svg +4 -0
  21. package/dist/Icon/svg/userGroup.svg +7 -0
  22. package/dist/InputNumber/style/index.less +12 -9
  23. package/dist/MemberPicker/components/MultipleOption.js +2 -0
  24. package/dist/MemberPicker/components/NickLabel.d.ts +2 -0
  25. package/dist/MemberPicker/components/NickLabel.js +8 -2
  26. package/dist/MemberPicker/components/Panel.js +2 -2
  27. package/dist/MemberPicker/components/SelectedMemberTags.js +4 -1
  28. package/dist/MemberPicker/components/SingleOption.js +1 -0
  29. package/dist/MemberPicker/style/index.less +30 -25
  30. package/dist/Navigator/style/index.less +1 -1
  31. package/dist/Popconfirm/index.js +2 -2
  32. package/dist/Popconfirm/style/index.less +47 -9
  33. package/dist/Spin/index.js +2 -3
  34. package/dist/Table/index.js +11 -2
  35. package/dist/Table/style/index.less +12 -6
  36. package/dist/Table/types.d.ts +1 -0
  37. package/dist/Tabs/index.d.ts +5 -0
  38. package/dist/Tabs/index.js +5 -2
  39. package/dist/Tabs/style/index.less +8 -0
  40. package/dist/TextLink/index.js +1 -1
  41. package/dist/TextLink/style/index.less +5 -0
  42. package/dist/TextLink/style/type.less +2 -2
  43. package/dist/Tree/Tree.js +1 -1
  44. package/dist/Tree/style/index.less +5 -5
  45. package/dist/Tree/style/mixin.less +3 -5
  46. package/dist/Tree/style/reset.less +15 -0
  47. package/dist/ald.min.css +1 -1
  48. package/dist/notification/demo/footer.d.ts +3 -0
  49. package/dist/notification/demo/footer.js +44 -0
  50. package/dist/notification/index.js +77 -48
  51. package/dist/notification/style/index.less +49 -11
  52. package/dist/style/themes/default/index.less +1 -1
  53. package/package.json +1 -1
@@ -2,10 +2,10 @@ var _excluded = ["size", "showFullValue", "children", "src"];
2
2
  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); }
3
3
  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; }
4
4
  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; }
5
+ import { User } from "../../../Icon";
5
6
  import InternalAvatar from 'antd/lib/avatar/avatar';
6
7
  import classNames from 'classnames';
7
8
  import * as React from 'react';
8
- import DefaultAvatar from "./avatar";
9
9
  var ZERO = 0;
10
10
  var Avatar = function Avatar(props) {
11
11
  var _props$size = props.size,
@@ -32,15 +32,17 @@ var Avatar = function Avatar(props) {
32
32
  return children;
33
33
  };
34
34
  var defaultSrc = React.useMemo(function () {
35
- if (typeof src === 'undefined' && typeof children === 'undefined') {
36
- return /*#__PURE__*/React.createElement(DefaultAvatar, null);
35
+ if (typeof src === 'undefined' || !src) {
36
+ return /*#__PURE__*/React.createElement(User, {
37
+ size: size
38
+ });
37
39
  }
38
40
  return src;
39
- }, [src, children]);
40
- return /*#__PURE__*/React.createElement(InternalAvatar, _extends({
41
+ }, [size, src]);
42
+ return /*#__PURE__*/React.createElement(InternalAvatar, _extends({}, restProps, {
41
43
  size: typeof size === 'number' ? size : undefined,
42
- className: getSizeClass(size),
44
+ className: classNames(getSizeClass(size), restProps.className),
43
45
  src: defaultSrc
44
- }, restProps), getChildren());
46
+ }), getChildren());
45
47
  };
46
48
  export default Avatar;
@@ -2,7 +2,8 @@
2
2
 
3
3
  .ald-avatar.ald-avatar {
4
4
  color: @ND0;
5
- background-color: @B40;
5
+ background-color: #fff;
6
+ border: 0;
6
7
 
7
8
  &.ald-avatar-default {
8
9
  background-color: transparent;
@@ -36,3 +37,9 @@
36
37
  line-height: 24px;
37
38
  }
38
39
  }
40
+
41
+ .ant-avatar-group {
42
+ .ald-avatar.ald-avatar {
43
+ border: 1px solid #fff;
44
+ }
45
+ }
@@ -10,7 +10,7 @@
10
10
  var(--alias-padding-150-minus-1, 12px);
11
11
  @button-line-height-large: 24px;
12
12
  @button-gap-large: 8px;
13
- @button-text-min-width-large: 96px;
13
+ @button-text-min-width-large: 56px;
14
14
 
15
15
  @button-height-middle: 32px;
16
16
  @button-text-size-middle: 14px;
@@ -19,7 +19,7 @@
19
19
  var(--alias-padding-150-minus-1, 12px);
20
20
  @button-line-height-middle: 20px;
21
21
  @button-gap-middle: 4px;
22
- @button-text-min-width-middle: 76px;
22
+ @button-text-min-width-middle: 52px;
23
23
 
24
24
  @button-height-small: 28px;
25
25
  @button-text-size-small: 12px;
@@ -28,7 +28,7 @@
28
28
  var(--alias-padding-150-minus-1, 12px);
29
29
  @button-line-height-small: 16px;
30
30
  @button-gap-small: var(--alias-radius-50, 4px);
31
- @button-text-min-width-small: 64px;
31
+ @button-text-min-width-small: 48px;
32
32
 
33
33
  // @button-height-mini: 24px;
34
34
  // @button-text-size-mini: 12px;
@@ -38,7 +38,10 @@
38
38
 
39
39
  /**** primary按钮 ****/
40
40
  // bg color
41
- @button-primary-bg-color:var(--alias-colors-bg-accent-blue-stronger-default, #126FDD);
41
+ @button-primary-bg-color: var(
42
+ --alias-colors-bg-accent-blue-stronger-default,
43
+ #126fdd
44
+ );
42
45
  @button-primary-bg-color-hover: var(
43
46
  --alias-colors-bg-accent-blue-stronger-hover,
44
47
  #0f59b1
@@ -1,5 +1,5 @@
1
- var _excluded = ["className", "disabled"],
2
- _excluded2 = ["className", "disabled"];
1
+ var _excluded = ["className", "disabled", "size"],
2
+ _excluded2 = ["className", "disabled", "size"];
3
3
  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); }
4
4
  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; }
5
5
  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; }
@@ -11,22 +11,28 @@ import CheckboxGroup from "./component/CheckboxGroup";
11
11
  function Checkbox(props) {
12
12
  var className = props.className,
13
13
  customDisabled = props.disabled,
14
+ size = props.size,
14
15
  otherProps = _objectWithoutProperties(props, _excluded);
15
16
  var disabled = React.useContext(DisabledContext);
16
17
  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
17
18
  return /*#__PURE__*/React.createElement(AntdCheckbox, _extends({
18
- className: classNames('ald-checkbox', className),
19
+ className: classNames('ald-checkbox', className, {
20
+ 'ald-checkbox-small': size === 'small'
21
+ }),
19
22
  disabled: mergedDisabled
20
23
  }, otherProps));
21
24
  }
22
25
  Checkbox.Group = function Group(props) {
23
26
  var className = props.className,
24
27
  customDisabled = props.disabled,
28
+ size = props.size,
25
29
  otherProps = _objectWithoutProperties(props, _excluded2);
26
30
  var disabled = React.useContext(DisabledContext);
27
31
  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
28
32
  return /*#__PURE__*/React.createElement(CheckboxGroup, _extends({
29
- className: classNames('ald-checkbox-group', className),
33
+ className: classNames('ald-checkbox-group', className, {
34
+ 'ald-checkbox-group-small': size === 'small'
35
+ }),
30
36
  disabled: mergedDisabled
31
37
  }, otherProps));
32
38
  };
@@ -204,6 +204,18 @@
204
204
  padding-left: 6px;
205
205
  font-size: 14px;
206
206
  }
207
+
208
+ &.ald-checkbox-small {
209
+ .ant-checkbox + span {
210
+ font-size: 12px;
211
+ }
212
+ }
213
+ }
214
+
215
+ .ald-checkbox-group-small {
216
+ .ant-checkbox.ant-checkbox + span {
217
+ font-size: 12px;
218
+ }
207
219
  }
208
220
 
209
221
  .ald-checkbox.ald-checkbox.ant-checkbox-wrapper-disabled {
@@ -1,5 +1,6 @@
1
1
  import { CheckboxChangeEvent, CheckboxGroupProps, CheckboxProps } from 'antd/lib/checkbox';
2
2
  import { CheckboxOptionType, CheckboxValueType } from 'antd/lib/checkbox/Group';
3
+ export type TSize = 'middle' | 'small';
3
4
  export declare enum EDirection {
4
5
  VERTICAL = "vertical",
5
6
  HORIZONTAL = "horizontal"
@@ -41,6 +42,11 @@ export interface ICheckboxProps extends CheckboxProps {
41
42
  * @default -
42
43
  */
43
44
  onChange?: (e: CheckboxChangeEvent) => void;
45
+ /**
46
+ * @description 大小
47
+ * @default 'middle'
48
+ */
49
+ size?: TSize;
44
50
  }
45
51
  export interface ICheckboxGroupProps extends CheckboxGroupProps {
46
52
  /**
@@ -91,4 +97,9 @@ export interface ICheckboxGroupProps extends CheckboxGroupProps {
91
97
  * @default -
92
98
  */
93
99
  className?: string;
100
+ /**
101
+ * @description 大小
102
+ * @default 'middle'
103
+ */
104
+ size?: TSize;
94
105
  }
@@ -1,6 +1,6 @@
1
1
  @import '../../style/index.less';
2
2
 
3
- @ald-prefix: ant;
3
+ @ald-prefix: ald;
4
4
 
5
5
  .ald-empty {
6
6
  display: flex;
@@ -2,7 +2,7 @@
2
2
 
3
3
  .ant-form {
4
4
  &.ant-form {
5
- font-size: 13px;
5
+ font-size: 14px;
6
6
  }
7
7
 
8
8
  .ant-form-item {
@@ -18,12 +18,10 @@
18
18
 
19
19
  label {
20
20
  overflow: hidden;
21
- color: #575757;
22
- font-size: 13px;
23
- font-style: normal;
21
+ height: 32px;
22
+ color: var(--alias-colors-text-subtle, #4b5563);
24
23
  font-weight: 500;
25
24
  line-height: 20px;
26
- height: 32px;
27
25
 
28
26
  &.ant-form-item-no-colon {
29
27
  &::after {
@@ -40,8 +38,16 @@
40
38
  .ant-form-item-control-input {
41
39
  min-height: 20px;
42
40
  }
43
-
41
+ // 表单元素的容器
44
42
  .ant-form-item-control-input-content {
43
+ .ald-select {
44
+ width: 100%;
45
+ }
46
+
47
+ .ald-input-number {
48
+ width: 100%;
49
+ }
50
+
45
51
  .ald-switch {
46
52
  display: block;
47
53
  }
@@ -0,0 +1,11 @@
1
+ import type { SVGProps } from 'react';
2
+ import * as React from 'react';
3
+ interface SVGRProps {
4
+ size?: number | string;
5
+ title?: string;
6
+ titleId?: string;
7
+ desc?: string;
8
+ descId?: string;
9
+ }
10
+ declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
11
+ export default Memo;
@@ -0,0 +1,35 @@
1
+ var _excluded = ["title", "titleId", "desc", "descId"];
2
+ 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); }
3
+ 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; }
4
+ 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; }
5
+ import * as React from 'react';
6
+ import { forwardRef, memo } from 'react';
7
+ var CloseCircleLightLine = function CloseCircleLightLine(_ref, ref) {
8
+ var title = _ref.title,
9
+ titleId = _ref.titleId,
10
+ desc = _ref.desc,
11
+ descId = _ref.descId,
12
+ props = _objectWithoutProperties(_ref, _excluded);
13
+ return /*#__PURE__*/React.createElement("svg", _extends({
14
+ xmlns: "http://www.w3.org/2000/svg",
15
+ width: props.width || props.size || 16,
16
+ height: props.height || props.size || 16,
17
+ fill: "none",
18
+ viewBox: "0 0 24 24",
19
+ ref: ref,
20
+ "aria-labelledby": titleId,
21
+ "aria-describedby": descId
22
+ }, props), desc ? /*#__PURE__*/React.createElement("desc", {
23
+ id: descId
24
+ }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
25
+ id: titleId
26
+ }, title) : null, /*#__PURE__*/React.createElement("path", {
27
+ fill: props.color || 'currentColor',
28
+ fillRule: "evenodd",
29
+ d: "M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0ZM12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.47 7.22a.75.75 0 1 0-1.06 1.06L10.94 12l-1.47 1.47a.75.75 0 1 0 1.06 1.06L12 13.06l1.47 1.47a.75.75 0 1 0 1.06-1.06L13.06 12l1.47-1.47a.75.75 0 1 0-1.06-1.06L12 10.94l-1.47-1.47Z",
30
+ clipRule: "evenodd"
31
+ }));
32
+ };
33
+ var ForwardRef = /*#__PURE__*/forwardRef(CloseCircleLightLine);
34
+ var Memo = /*#__PURE__*/memo(ForwardRef);
35
+ export default Memo;
@@ -0,0 +1,11 @@
1
+ import type { SVGProps } from 'react';
2
+ import * as React from 'react';
3
+ interface SVGRProps {
4
+ size?: number | string;
5
+ title?: string;
6
+ titleId?: string;
7
+ desc?: string;
8
+ descId?: string;
9
+ }
10
+ declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
11
+ export default Memo;
@@ -0,0 +1,41 @@
1
+ var _excluded = ["title", "titleId", "desc", "descId"];
2
+ 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); }
3
+ 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; }
4
+ 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; }
5
+ import * as React from 'react';
6
+ import { forwardRef, memo } from 'react';
7
+ var User = function User(_ref, ref) {
8
+ var title = _ref.title,
9
+ titleId = _ref.titleId,
10
+ desc = _ref.desc,
11
+ descId = _ref.descId,
12
+ props = _objectWithoutProperties(_ref, _excluded);
13
+ return /*#__PURE__*/React.createElement("svg", _extends({
14
+ xmlns: "http://www.w3.org/2000/svg",
15
+ width: props.width || props.size || 16,
16
+ height: props.height || props.size || 16,
17
+ fill: "none",
18
+ viewBox: "0 0 100 100",
19
+ ref: ref,
20
+ "aria-labelledby": titleId,
21
+ "aria-describedby": descId
22
+ }, props), desc ? /*#__PURE__*/React.createElement("desc", {
23
+ id: descId
24
+ }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
25
+ id: titleId
26
+ }, title) : null, /*#__PURE__*/React.createElement("circle", {
27
+ cx: 50,
28
+ cy: 50,
29
+ r: 50,
30
+ fill: "#F97316",
31
+ opacity: 0.25
32
+ }), /*#__PURE__*/React.createElement("path", {
33
+ fill: "#F97316",
34
+ fillRule: "evenodd",
35
+ d: "M62.992 45.79a15.626 15.626 0 1 0-25.986-17.362A15.626 15.626 0 0 0 62.992 45.79ZM50 93.75c13.386 0 25.367-6.011 33.392-15.482C75.594 68.424 63.534 62.11 50 62.11c-13.534 0-25.594 6.315-33.392 16.16C24.633 87.738 36.614 93.75 50 93.75Z",
36
+ clipRule: "evenodd"
37
+ }));
38
+ };
39
+ var ForwardRef = /*#__PURE__*/forwardRef(User);
40
+ var Memo = /*#__PURE__*/memo(ForwardRef);
41
+ export default Memo;
@@ -0,0 +1,11 @@
1
+ import type { SVGProps } from 'react';
2
+ import * as React from 'react';
3
+ interface SVGRProps {
4
+ size?: number | string;
5
+ title?: string;
6
+ titleId?: string;
7
+ desc?: string;
8
+ descId?: string;
9
+ }
10
+ declare const Memo: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement> & SVGRProps, "ref"> & React.RefAttributes<SVGSVGElement>>>;
11
+ export default Memo;
@@ -0,0 +1,39 @@
1
+ var _excluded = ["title", "titleId", "desc", "descId"];
2
+ 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); }
3
+ 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; }
4
+ 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; }
5
+ import * as React from 'react';
6
+ import { forwardRef, memo } from 'react';
7
+ var UserGroup = function UserGroup(_ref, ref) {
8
+ var title = _ref.title,
9
+ titleId = _ref.titleId,
10
+ desc = _ref.desc,
11
+ descId = _ref.descId,
12
+ props = _objectWithoutProperties(_ref, _excluded);
13
+ return /*#__PURE__*/React.createElement("svg", _extends({
14
+ xmlns: "http://www.w3.org/2000/svg",
15
+ width: props.width || props.size || 16,
16
+ height: props.height || props.size || 16,
17
+ fill: "none",
18
+ viewBox: "0 0 100 100",
19
+ ref: ref,
20
+ "aria-labelledby": titleId,
21
+ "aria-describedby": descId
22
+ }, props), desc ? /*#__PURE__*/React.createElement("desc", {
23
+ id: descId
24
+ }, desc) : null, title ? /*#__PURE__*/React.createElement("title", {
25
+ id: titleId
26
+ }, title) : null, /*#__PURE__*/React.createElement("circle", {
27
+ cx: 50,
28
+ cy: 50,
29
+ r: 50,
30
+ fill: "#6366F1",
31
+ opacity: 0.25
32
+ }), /*#__PURE__*/React.createElement("path", {
33
+ fill: "#6366F1",
34
+ d: "M68 90.162A43.844 43.844 0 0 1 50 94c-14.145 0-26.732-6.675-34.78-17.047C19.91 68.061 29.246 62 40 62c15.464 0 28 12.536 28 28v.162ZM84.78 76.953a44.255 44.255 0 0 1-9.036 8.733C74.614 76.22 69.81 67.882 62.8 62.138c9.558.949 17.703 6.704 21.982 14.815ZM40 53c8.837 0 16-7.163 16-16s-7.163-16-16-16-16 7.163-16 16 7.163 16 16 16ZM64 37a23.91 23.91 0 0 1-6.001 15.876c.655.082 1.323.124 2.001.124 8.837 0 16-7.163 16-16s-7.163-16-16-16c-.678 0-1.346.042-2.001.124A23.91 23.91 0 0 1 64 37Z"
35
+ }));
36
+ };
37
+ var ForwardRef = /*#__PURE__*/forwardRef(UserGroup);
38
+ var Memo = /*#__PURE__*/memo(ForwardRef);
39
+ export default Memo;
@@ -14,6 +14,7 @@ export { default as ChevronLeftLine } from './components/ChevronLeftLine';
14
14
  export { default as ChevronRightLine } from './components/ChevronRightLine';
15
15
  export { default as CircleLightLine } from './components/CircleLightLine';
16
16
  export { default as CloseCircleFill } from './components/CloseCircleFill';
17
+ export { default as CloseCircleLightLine } from './components/CloseCircleLightLine';
17
18
  export { default as CloseLLine } from './components/CloseLLine';
18
19
  export { default as CloseLightLine } from './components/CloseLightLine';
19
20
  export { default as CloseMLine } from './components/CloseMLine';
@@ -33,3 +34,5 @@ export { default as LoadingLine } from './components/LoadingLine';
33
34
  export { default as MoreVerticalLine } from './components/MoreVerticalLine';
34
35
  export { default as SearchLine } from './components/SearchLine';
35
36
  export { default as TriangleLightLine } from './components/TriangleLightLine';
37
+ export { default as User } from './components/User';
38
+ export { default as UserGroup } from './components/UserGroup';
@@ -14,6 +14,7 @@ export { default as ChevronLeftLine } from "./components/ChevronLeftLine";
14
14
  export { default as ChevronRightLine } from "./components/ChevronRightLine";
15
15
  export { default as CircleLightLine } from "./components/CircleLightLine";
16
16
  export { default as CloseCircleFill } from "./components/CloseCircleFill";
17
+ export { default as CloseCircleLightLine } from "./components/CloseCircleLightLine";
17
18
  export { default as CloseLLine } from "./components/CloseLLine";
18
19
  export { default as CloseLightLine } from "./components/CloseLightLine";
19
20
  export { default as CloseMLine } from "./components/CloseMLine";
@@ -32,4 +33,6 @@ export { default as LoadingDuotone } from "./components/LoadingDuotone";
32
33
  export { default as LoadingLine } from "./components/LoadingLine";
33
34
  export { default as MoreVerticalLine } from "./components/MoreVerticalLine";
34
35
  export { default as SearchLine } from "./components/SearchLine";
35
- export { default as TriangleLightLine } from "./components/TriangleLightLine";
36
+ export { default as TriangleLightLine } from "./components/TriangleLightLine";
37
+ export { default as User } from "./components/User";
38
+ export { default as UserGroup } from "./components/UserGroup";
@@ -0,0 +1,5 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g id=" Icon / Light / Interface / Close-Circle-light-line">
3
+ <path id="Icon" fill-rule="evenodd" clip-rule="evenodd" d="M3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12ZM12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM10.5303 9.46967C10.2374 9.17678 9.76256 9.17678 9.46967 9.46967C9.17678 9.76256 9.17678 10.2374 9.46967 10.5303L10.9393 12L9.46967 13.4697C9.17678 13.7626 9.17678 14.2374 9.46967 14.5303C9.76256 14.8232 10.2374 14.8232 10.5303 14.5303L12 13.0607L13.4697 14.5303C13.7626 14.8232 14.2374 14.8232 14.5303 14.5303C14.8232 14.2374 14.8232 13.7626 14.5303 13.4697L13.0607 12L14.5303 10.5303C14.8232 10.2374 14.8232 9.76256 14.5303 9.46967C14.2374 9.17678 13.7626 9.17678 13.4697 9.46967L12 10.9393L10.5303 9.46967Z" fill="black"/>
4
+ </g>
5
+ </svg>
@@ -1,5 +1,5 @@
1
1
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g id=" Icon / Light / Interface / Check Circle-light-line">
2
+ <g id=" Icon / Light / Interface / Check-Circle-light-line">
3
3
  <g id="Icon">
4
4
  <path d="M15.5303 10.5303C15.8232 10.2374 15.8232 9.76256 15.5303 9.46967C15.2374 9.17678 14.7626 9.17678 14.4697 9.46967L11 12.9393L9.53033 11.4697C9.23744 11.1768 8.76256 11.1768 8.46967 11.4697C8.17678 11.7626 8.17678 12.2374 8.46967 12.5303L10.4697 14.5303C10.7626 14.8232 11.2374 14.8232 11.5303 14.5303L15.5303 10.5303Z" fill="black"/>
5
5
  <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12Z" fill="black"/>
@@ -1,5 +1,5 @@
1
1
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g id=" Icon / Light / Interface / Information Circle-light-line">
2
+ <g id=" Icon / Light / Interface / Information-Circle-light-line">
3
3
  <g id="Icon">
4
4
  <path d="M11 8C11 7.44772 11.4477 7 12 7H12.01C12.5623 7 13.01 7.44772 13.01 8V8.01C13.01 8.56228 12.5623 9.01 12.01 9.01H12C11.4477 9.01 11 8.56228 11 8.01V8Z" fill="black"/>
5
5
  <path d="M12.75 12C12.75 11.5858 12.4142 11.25 12 11.25C11.5858 11.25 11.25 11.5858 11.25 12V16C11.25 16.4142 11.5858 16.75 12 16.75C12.4142 16.75 12.75 16.4142 12.75 16V12Z" fill="black"/>
@@ -0,0 +1,4 @@
1
+ <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle opacity="0.25" cx="50" cy="50" r="50" fill="#F97316"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M62.9916 45.7902C64.7084 43.2206 65.6248 40.1997 65.6248 37.1094C65.6248 32.9654 63.9786 28.9911 61.0484 26.0608C58.1182 23.1306 54.1439 21.4844 49.9999 21.4844C46.9096 21.4844 43.8887 22.4008 41.3192 24.1177C38.7497 25.8346 36.747 28.2748 35.5644 31.1299C34.3818 33.985 34.0723 37.1267 34.6752 40.1577C35.2781 43.1886 36.7663 45.9727 38.9514 48.1579C41.1366 50.3431 43.9207 51.8312 46.9517 52.4341C49.9826 53.037 53.1242 52.7276 55.9793 51.545C58.8344 50.3624 61.2747 48.3597 62.9916 45.7902ZM50 93.75C63.3857 93.75 75.3674 87.7386 83.3925 78.2681C75.5937 68.4242 63.5343 62.1094 50 62.1094C36.4658 62.1094 24.4064 68.4242 16.6076 78.2681C24.6327 87.7386 36.6144 93.75 50 93.75Z" fill="#F97316"/>
4
+ </svg>
@@ -0,0 +1,7 @@
1
+ <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle opacity="0.25" cx="50" cy="50" r="50" fill="#6366F1"/>
3
+ <path d="M67.9995 90.1619C62.5051 92.6281 56.4127 94 50 94C35.8547 94 23.2683 87.325 15.2191 76.9531C19.9103 68.0611 29.2473 62 40 62C55.464 62 68 74.536 68 90C68 90.054 67.9998 90.1079 67.9995 90.1619Z" fill="#6366F1"/>
4
+ <path d="M84.7809 76.9531C82.2018 80.2764 79.1569 83.2202 75.7442 85.6864C74.6138 76.2201 69.8101 67.882 62.799 62.1382C72.3574 63.0868 80.5018 68.8423 84.7809 76.9531Z" fill="#6366F1"/>
5
+ <path d="M40 53C48.8365 53 56 45.8365 56 37C56 28.1635 48.8365 21 40 21C31.1634 21 24 28.1635 24 37C24 45.8365 31.1634 53 40 53Z" fill="#6366F1"/>
6
+ <path d="M64 37C64 43.0872 61.7337 48.6451 57.9989 52.8761C58.6545 52.9579 59.3223 53 60 53C68.8365 53 76 45.8366 76 37C76 28.1634 68.8365 21 60 21C59.3223 21 58.6545 21.0421 57.9989 21.1239C61.7337 25.3549 64 30.9128 64 37Z" fill="#6366F1"/>
7
+ </svg>
@@ -3,27 +3,30 @@
3
3
 
4
4
  @inputNumber-height-large: 36px;
5
5
  @inputNumber-font-size-large: 16px;
6
- @inputNumber-border-radius-large: 4px;
6
+ @inputNumber-border-radius-large: 8px;
7
7
  @inputNumber-padding-large: 0 11px;
8
8
 
9
9
  @inputNumber-height-middle: 32px;
10
- @inputNumber-font-size-middle: 13px;
11
- @inputNumber-border-radius-middle: 2px;
10
+ @inputNumber-font-size-middle: 14px;
11
+ @inputNumber-border-radius-middle: 6px;
12
12
  @inputNumber-padding-middle: 0 7px;
13
13
 
14
14
  @inputNumber-height-small: 28px;
15
15
  @inputNumber-font-size-small: 12px;
16
- @inputNumber-border-radius-small: 2px;
16
+ @inputNumber-border-radius-small: 4px;
17
17
  @inputNumber-padding-small: 0 7px;
18
18
 
19
19
  //默认
20
- @inputNumber-bg-color: @BG100;
21
- @inputNumber-border-color: @BG60;
22
- @inputNumber-color: @NL0;
20
+ @inputNumber-bg-color: var(--alias-colors-bg-skeleton-subtler, #fff);
21
+ @inputNumber-border-color: var(
22
+ --alias-colors-border-accent-gray-subtle-default,
23
+ #d1d5db
24
+ );
25
+ @inputNumber-color: var(--alias-colors-text-default, #1f2937);
23
26
  @inputNumber-wrapper-bg-color: @BG95;
24
27
  //激活
25
- @inputNumber-active-bg-color: @BG100;
26
- @inputNumber-active-border-color: @B40;
28
+ @inputNumber-active-bg-color: var(--alias-colors-bg-skeleton-subtler, #fff);
29
+ @inputNumber-active-border-color: var(--alias-colors-border-selected, #126fdd);
27
30
 
28
31
  //disable
29
32
  @inputNumber-disabled-bg-color: @BG90;
@@ -32,12 +32,14 @@ export default function MultipleList(params) {
32
32
  checked: selected,
33
33
  disabled: disabled
34
34
  }), /*#__PURE__*/React.createElement(NickLabel, {
35
+ type: user.type,
35
36
  id: getId(user),
36
37
  name: user.name,
37
38
  photo: getPhoto(user),
38
39
  account: getAccount(user)
39
40
  })), isUserGroup(user) && hasNextLevel && /*#__PURE__*/React.createElement(TextLink, {
40
41
  className: "ald-member-picker-btn",
42
+ size: "small",
41
43
  onClick: function onClick(e) {
42
44
  onNextLevel === null || onNextLevel === void 0 ? void 0 : onNextLevel(user);
43
45
  e.stopPropagation();
@@ -1,9 +1,11 @@
1
+ import { EUserType } from "../../ConfigProvider/getUserList";
1
2
  import React from 'react';
2
3
  interface INickLabelProps {
3
4
  name?: string;
4
5
  id: string;
5
6
  photo?: React.ReactNode;
6
7
  account?: string;
8
+ type: EUserType;
7
9
  }
8
10
  declare const _default: React.NamedExoticComponent<INickLabelProps>;
9
11
  export default _default;
@@ -1,16 +1,22 @@
1
+ import { EUserType } from "../../ConfigProvider/getUserList";
2
+ import { UserGroup } from "../../Icon";
1
3
  import React, { memo } from 'react';
2
4
  import Avatar from "../../Avatar";
3
5
  var NickLabel = function NickLabel(_ref) {
4
6
  var photo = _ref.photo,
5
7
  name = _ref.name,
6
8
  id = _ref.id,
7
- account = _ref.account;
9
+ account = _ref.account,
10
+ type = _ref.type;
8
11
  var innerName = name || id;
12
+ var photoSrc = !photo && type === EUserType.USER_GROUP ? /*#__PURE__*/React.createElement(UserGroup, {
13
+ size: 20
14
+ }) : photo;
9
15
  return /*#__PURE__*/React.createElement("div", {
10
16
  className: "ald-member-picker-nick-label"
11
17
  }, /*#__PURE__*/React.createElement(Avatar, {
12
18
  key: innerName,
13
- src: photo,
19
+ src: photoSrc,
14
20
  size: 20
15
21
  }, innerName), /*#__PURE__*/React.createElement("div", {
16
22
  className: "ald-member-picker-nick-label-name",
@@ -86,7 +86,7 @@ export default function Panel(props) {
86
86
  var userSelection = /*#__PURE__*/React.createElement(MemberSelection, {
87
87
  className: 'ald-member-picker-member-selection-multiple',
88
88
  userList: dataList.filter(isUser),
89
- width: (panelWidth - 3) / 2,
89
+ width: (panelWidth - 6) / 2,
90
90
  selectedUsers: selectedUsers.filter(isUser),
91
91
  onChange: onSelectionChange,
92
92
  onSearchValueChange: onSearchValueChange,
@@ -97,7 +97,7 @@ export default function Panel(props) {
97
97
  var userGroupSelection = /*#__PURE__*/React.createElement(UserGroupSelection, {
98
98
  className: 'ald-member-picker-member-selection-multiple',
99
99
  userGroupList: dataList.filter(isUserGroup),
100
- width: (panelWidth - 3) / 2,
100
+ width: (panelWidth - 6) / 2,
101
101
  selectedUsersGroup: selectedUsers.filter(isUserGroup),
102
102
  onChange: onSelectionChange,
103
103
  onSearchValueChange: onSearchValueChange,
@@ -43,12 +43,15 @@ export default function SelectedMemberTags(props) {
43
43
  return /*#__PURE__*/React.createElement("div", {
44
44
  className: 'ald-member-picker-selected-member-tag',
45
45
  key: getId(user)
46
+ }, /*#__PURE__*/React.createElement("div", {
47
+ className: 'ald-member-picker-selected-member-tag-user'
46
48
  }, /*#__PURE__*/React.createElement(NickLabel, {
49
+ type: user.type,
47
50
  id: getId(user),
48
51
  name: user.name,
49
52
  photo: getPhoto(user),
50
53
  account: getAccount(user)
51
- }), !hasLocked && /*#__PURE__*/React.createElement(CloseMLine, {
54
+ })), !hasLocked && /*#__PURE__*/React.createElement(CloseMLine, {
52
55
  size: 20,
53
56
  className: 'ald-member-picker-close',
54
57
  color: "#98A2B3",
@@ -21,6 +21,7 @@ export default function SingleOption(params) {
21
21
  className: classnames('ald-member-picker-option', className, 'ald-member-picker-singleOption', _defineProperty({}, 'ald-member-picker-single-option-selected', selected)),
22
22
  onClick: onClick
23
23
  }, /*#__PURE__*/React.createElement(NickLabel, {
24
+ type: user.type,
24
25
  id: getId(user),
25
26
  name: user.name,
26
27
  photo: getPhoto(user),