@aloudata/aloudata-design 2.7.2 → 2.7.4

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 (39) hide show
  1. package/dist/DatePicker/index.d.ts +8 -8
  2. package/dist/DoubleCircleIcon/index.d.ts +1 -1
  3. package/dist/Form/index.d.ts +1 -1
  4. package/dist/Icon/components/SortAscendingOrderColor.d.ts +11 -0
  5. package/dist/Icon/components/SortAscendingOrderColor.js +36 -0
  6. package/dist/Icon/components/SortColor.d.ts +11 -0
  7. package/dist/Icon/components/SortColor.js +33 -0
  8. package/dist/Icon/components/SortDescendingOrderColor.d.ts +11 -0
  9. package/dist/Icon/components/SortDescendingOrderColor.js +36 -0
  10. package/dist/Icon/index.d.ts +3 -0
  11. package/dist/Icon/index.js +3 -0
  12. package/dist/Icon/svg/Sort-Ascending-order-Color.svg +4 -0
  13. package/dist/Icon/svg/Sort-Color.svg +4 -0
  14. package/dist/Icon/svg/Sort-Descending-order-Color.svg +4 -0
  15. package/dist/Radio/components/Group/index.d.ts +1 -1
  16. package/dist/Select/index.js +9 -3
  17. package/dist/Steps/components/ProcessIcon/index.js +5 -1
  18. package/dist/Steps/style/index.less +42 -32
  19. package/dist/Table/components/ExpandCell.d.ts +2 -1
  20. package/dist/Table/components/ExpandCell.js +26 -10
  21. package/dist/Table/components/Footer/index.d.ts +13 -0
  22. package/dist/Table/components/Footer/index.js +77 -0
  23. package/dist/Table/components/Header.d.ts +1 -1
  24. package/dist/Table/components/Header.js +50 -4
  25. package/dist/Table/helper.d.ts +5 -2
  26. package/dist/Table/helper.js +4 -2
  27. package/dist/Table/hooks/useExpandable.d.ts +1 -0
  28. package/dist/Table/hooks/useExpandable.js +4 -4
  29. package/dist/Table/hooks/useRowSelection.d.ts +17 -0
  30. package/dist/Table/hooks/useRowSelection.js +164 -0
  31. package/dist/Table/index.js +33 -18
  32. package/dist/Table/style/index.less +77 -8
  33. package/dist/Table/types.d.ts +21 -0
  34. package/dist/Tag/index.js +2 -1
  35. package/dist/Tree/style/index.less +5 -0
  36. package/dist/ald.min.css +1 -1
  37. package/package.json +1 -1
  38. package/dist/Table/components/Pagination/index.d.ts +0 -10
  39. package/dist/Table/components/Pagination/index.js +0 -28
@@ -2,25 +2,25 @@ import { DatePicker as AntdDatePicker, DatePickerProps as AntdDatePickerProps }
2
2
  import { Dayjs } from 'dayjs';
3
3
  export type { RangeValue } from 'rc-picker/lib/interface';
4
4
  declare const DatePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs> & {
5
- status?: "" | "warning" | "error" | undefined;
5
+ status?: "" | "error" | "warning" | undefined;
6
6
  hashId?: string | undefined;
7
7
  popupClassName?: string | undefined;
8
8
  rootClassName?: string | undefined;
9
9
  }, unknown> & {
10
10
  WeekPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs> & {
11
- status?: "" | "warning" | "error" | undefined;
11
+ status?: "" | "error" | "warning" | undefined;
12
12
  hashId?: string | undefined;
13
13
  popupClassName?: string | undefined;
14
14
  rootClassName?: string | undefined;
15
15
  }, "picker">, unknown>;
16
16
  MonthPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs> & {
17
- status?: "" | "warning" | "error" | undefined;
17
+ status?: "" | "error" | "warning" | undefined;
18
18
  hashId?: string | undefined;
19
19
  popupClassName?: string | undefined;
20
20
  rootClassName?: string | undefined;
21
21
  }, "picker">, unknown>;
22
22
  YearPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs> & {
23
- status?: "" | "warning" | "error" | undefined;
23
+ status?: "" | "error" | "warning" | undefined;
24
24
  hashId?: string | undefined;
25
25
  popupClassName?: string | undefined;
26
26
  rootClassName?: string | undefined;
@@ -34,9 +34,9 @@ declare const DatePicker: import("antd/es/date-picker/generatePicker/interface")
34
34
  size?: import("antd/es/button").ButtonSize;
35
35
  placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
36
36
  bordered?: boolean | undefined;
37
- status?: "" | "warning" | "error" | undefined;
37
+ status?: "" | "error" | "warning" | undefined;
38
38
  } & {
39
- status?: "" | "warning" | "error" | undefined;
39
+ status?: "" | "error" | "warning" | undefined;
40
40
  hashId?: string | undefined;
41
41
  popupClassName?: string | undefined;
42
42
  rootClassName?: string | undefined;
@@ -46,9 +46,9 @@ declare const DatePicker: import("antd/es/date-picker/generatePicker/interface")
46
46
  size?: import("antd/es/button").ButtonSize;
47
47
  placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
48
48
  bordered?: boolean | undefined;
49
- status?: "" | "warning" | "error" | undefined;
49
+ status?: "" | "error" | "warning" | undefined;
50
50
  } & {
51
- status?: "" | "warning" | "error" | undefined;
51
+ status?: "" | "error" | "warning" | undefined;
52
52
  hashId?: string | undefined;
53
53
  popupClassName?: string | undefined;
54
54
  rootClassName?: string | undefined;
@@ -5,6 +5,6 @@ declare const DoubleCircleIcon: (props: {
5
5
  size?: number | undefined;
6
6
  innerColor?: string | undefined;
7
7
  children: React.ReactNode;
8
- type?: "warning" | "error" | "success" | "info" | undefined;
8
+ type?: "success" | "error" | "info" | "warning" | undefined;
9
9
  }) => React.JSX.Element;
10
10
  export default DoubleCircleIcon;
@@ -18,7 +18,7 @@ interface IFormItemProps extends FormItemProps {
18
18
  declare const AldFormItem: {
19
19
  (props: IFormItemProps): React.JSX.Element;
20
20
  useStatus: () => {
21
- status?: "" | "warning" | "error" | "success" | "validating" | undefined;
21
+ status?: "" | "success" | "error" | "warning" | "validating" | undefined;
22
22
  errors: React.ReactNode[];
23
23
  warnings: React.ReactNode[];
24
24
  };
@@ -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,36 @@
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 SortAscendingOrderColor = function SortAscendingOrderColor(_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: "#2986F4",
28
+ d: "M15.293 10a.713.713 0 0 0 .64-.38.624.624 0 0 0-.097-.701l-3.293-3.682A.73.73 0 0 0 12 5a.73.73 0 0 0-.543.237L8.163 8.92a.624.624 0 0 0-.097.701c.116.232.366.38.64.38h6.585Z"
29
+ }), /*#__PURE__*/React.createElement("path", {
30
+ fill: "#6B7280",
31
+ d: "M15.293 14c.274 0 .524.148.64.38a.624.624 0 0 1-.097.701l-3.293 3.682A.73.73 0 0 1 12 19a.73.73 0 0 1-.543-.237L8.163 15.08a.624.624 0 0 1-.097-.701.713.713 0 0 1 .64-.38h6.585Z"
32
+ }));
33
+ };
34
+ var ForwardRef = /*#__PURE__*/forwardRef(SortAscendingOrderColor);
35
+ var Memo = /*#__PURE__*/memo(ForwardRef);
36
+ 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,33 @@
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 SortColor = function SortColor(_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: "#6B7280",
28
+ d: "M15.293 10a.713.713 0 0 0 .64-.38.624.624 0 0 0-.097-.701l-3.293-3.682A.73.73 0 0 0 12 5a.73.73 0 0 0-.543.237L8.163 8.92a.624.624 0 0 0-.097.701c.116.232.366.38.64.38h6.585ZM15.293 14c.274 0 .524.148.64.38a.624.624 0 0 1-.097.701l-3.293 3.682A.73.73 0 0 1 12 19a.73.73 0 0 1-.543-.237L8.163 15.08a.624.624 0 0 1-.097-.701.713.713 0 0 1 .64-.38h6.585Z"
29
+ }));
30
+ };
31
+ var ForwardRef = /*#__PURE__*/forwardRef(SortColor);
32
+ var Memo = /*#__PURE__*/memo(ForwardRef);
33
+ 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,36 @@
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 SortDescendingOrderColor = function SortDescendingOrderColor(_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: "#6B7280",
28
+ d: "M15.293 10a.713.713 0 0 0 .64-.38.624.624 0 0 0-.097-.701l-3.293-3.682A.73.73 0 0 0 12 5a.73.73 0 0 0-.543.237L8.163 8.92a.624.624 0 0 0-.097.701c.116.232.366.38.64.38h6.585Z"
29
+ }), /*#__PURE__*/React.createElement("path", {
30
+ fill: "#2986F4",
31
+ d: "M15.293 14c.274 0 .524.148.64.38a.624.624 0 0 1-.097.701l-3.293 3.682A.73.73 0 0 1 12 19a.73.73 0 0 1-.543-.237L8.163 15.08a.624.624 0 0 1-.097-.701.713.713 0 0 1 .64-.38h6.585Z"
32
+ }));
33
+ };
34
+ var ForwardRef = /*#__PURE__*/forwardRef(SortDescendingOrderColor);
35
+ var Memo = /*#__PURE__*/memo(ForwardRef);
36
+ export default Memo;
@@ -37,6 +37,9 @@ export { default as LoadingDuotone } from './components/LoadingDuotone';
37
37
  export { default as LoadingLine } from './components/LoadingLine';
38
38
  export { default as MoreVerticalLine } from './components/MoreVerticalLine';
39
39
  export { default as SearchLine } from './components/SearchLine';
40
+ export { default as SortAscendingOrderColor } from './components/SortAscendingOrderColor';
41
+ export { default as SortColor } from './components/SortColor';
42
+ export { default as SortDescendingOrderColor } from './components/SortDescendingOrderColor';
40
43
  export { default as TimesLightLine } from './components/TimesLightLine';
41
44
  export { default as TriangleLightLine } from './components/TriangleLightLine';
42
45
  export { default as User } from './components/User';
@@ -37,6 +37,9 @@ export { default as LoadingDuotone } from "./components/LoadingDuotone";
37
37
  export { default as LoadingLine } from "./components/LoadingLine";
38
38
  export { default as MoreVerticalLine } from "./components/MoreVerticalLine";
39
39
  export { default as SearchLine } from "./components/SearchLine";
40
+ export { default as SortAscendingOrderColor } from "./components/SortAscendingOrderColor";
41
+ export { default as SortColor } from "./components/SortColor";
42
+ export { default as SortDescendingOrderColor } from "./components/SortDescendingOrderColor";
40
43
  export { default as TimesLightLine } from "./components/TimesLightLine";
41
44
  export { default as TriangleLightLine } from "./components/TriangleLightLine";
42
45
  export { default as User } from "./components/User";
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M15.2925 10C15.567 10 15.8168 9.85199 15.9332 9.62029C16.0496 9.3886 16.0117 9.11505 15.836 8.91852L12.5435 5.23719C12.409 5.08689 12.2099 5 12 5C11.7901 5 11.591 5.08689 11.4565 5.23719L8.16404 8.91851C7.98826 9.11504 7.95036 9.3886 8.06679 9.62029C8.18322 9.85199 8.43297 10 8.7075 10L15.2925 10Z" fill="#2986F4"/>
3
+ <path d="M15.2925 14C15.567 14 15.8168 14.148 15.9332 14.3797C16.0496 14.6114 16.0117 14.885 15.836 15.0815L12.5435 18.7628C12.409 18.9131 12.2099 19 12 19C11.7901 19 11.591 18.9131 11.4565 18.7628L8.16404 15.0815C7.98826 14.885 7.95036 14.6114 8.06679 14.3797C8.18322 14.148 8.43296 14 8.70749 14H15.2925Z" fill="#6B7280"/>
4
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M15.2925 10C15.567 10 15.8168 9.85199 15.9332 9.62029C16.0496 9.3886 16.0117 9.11505 15.836 8.91852L12.5435 5.23719C12.409 5.08689 12.2099 5 12 5C11.7901 5 11.591 5.08689 11.4565 5.23719L8.16404 8.91851C7.98826 9.11504 7.95036 9.3886 8.06679 9.62029C8.18322 9.85199 8.43297 10 8.7075 10L15.2925 10Z" fill="#6B7280"/>
3
+ <path d="M15.2925 14C15.567 14 15.8168 14.148 15.9332 14.3797C16.0496 14.6114 16.0117 14.885 15.836 15.0815L12.5435 18.7628C12.409 18.9131 12.2099 19 12 19C11.7901 19 11.591 18.9131 11.4565 18.7628L8.16404 15.0815C7.98826 14.885 7.95036 14.6114 8.06679 14.3797C8.18322 14.148 8.43296 14 8.70749 14H15.2925Z" fill="#6B7280"/>
4
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M15.2925 10C15.567 10 15.8168 9.85199 15.9332 9.62029C16.0496 9.3886 16.0117 9.11505 15.836 8.91852L12.5435 5.23719C12.409 5.08689 12.2099 5 12 5C11.7901 5 11.591 5.08689 11.4565 5.23719L8.16404 8.91851C7.98826 9.11504 7.95036 9.3886 8.06679 9.62029C8.18322 9.85199 8.43297 10 8.7075 10L15.2925 10Z" fill="#6B7280"/>
3
+ <path d="M15.2925 14C15.567 14 15.8168 14.148 15.9332 14.3797C16.0496 14.6114 16.0117 14.885 15.836 15.0815L12.5435 18.7628C12.409 18.9131 12.2099 19 12 19C11.7901 19 11.591 18.9131 11.4565 18.7628L8.16404 15.0815C7.98826 14.885 7.95036 14.6114 8.06679 14.3797C8.18322 14.148 8.43296 14 8.70749 14H15.2925Z" fill="#2986F4"/>
4
+ </svg>
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { IRadioGroupProps } from '../../interface/radioGroup';
3
- export declare const RadioGroupContext: React.Context<Omit<IRadioGroupProps, "className" | "children">>;
3
+ export declare const RadioGroupContext: React.Context<Omit<IRadioGroupProps, "children" | "className">>;
4
4
  export default function RadioGroup(props: IRadioGroupProps): React.JSX.Element;
@@ -1,5 +1,5 @@
1
1
  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); }
2
- var _excluded = ["mode", "options", "dropdownRender", "onDropdownVisibleChange", "defaultValue", "onChange", "open", "defaultOpen", "prefix", "prefixWidth", "className", "popupClassName", "listHeight", "notFoundContent", "value", "type", "tagRender", "style", "autoFocus", "showSearch", "size", "status", "disabled", "prefixCls", "placeholder", "dropdownStyle", "showArrow"];
2
+ var _excluded = ["mode", "options", "dropdownRender", "onDropdownVisibleChange", "defaultValue", "onChange", "open", "defaultOpen", "prefix", "prefixWidth", "className", "popupClassName", "listHeight", "notFoundContent", "value", "type", "tagRender", "style", "autoFocus", "showSearch", "size", "status", "disabled", "prefixCls", "placeholder", "dropdownStyle", "virtual", "showArrow"];
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 _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; }
5
5
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
@@ -106,6 +106,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
106
106
  customizePrefixCls = props.prefixCls,
107
107
  propsPlaceholder = props.placeholder,
108
108
  dropdownStyle = props.dropdownStyle,
109
+ virtual = props.virtual,
109
110
  _props$showArrow = props.showArrow,
110
111
  showArrow = _props$showArrow === void 0 ? true : _props$showArrow,
111
112
  restProps = _objectWithoutProperties(props, _excluded);
@@ -240,7 +241,9 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
240
241
  "data-id": "list",
241
242
  height: getListHeight(),
242
243
  itemHeight: listItemHeight,
243
- itemKey: "value"
244
+ itemKey: "value",
245
+ virtual: virtual,
246
+ fullHeight: false
244
247
  }, function (option) {
245
248
  var isSelected = false;
246
249
  if (option.__IS_INNER_ALL_OPTION) {
@@ -281,7 +284,9 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
281
284
  "data-id": "list",
282
285
  height: getListHeight(),
283
286
  itemHeight: listItemHeight,
284
- itemKey: "value"
287
+ itemKey: "value",
288
+ virtual: virtual,
289
+ fullHeight: false
285
290
  }, function (option) {
286
291
  var isSelected = selectedOptions.some(function (selectedOption) {
287
292
  return selectedOption.value === option.value;
@@ -409,6 +414,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
409
414
  placeholder: placeholder,
410
415
  showSearch: showSearch,
411
416
  options: innerOptions,
417
+ virtual: virtual,
412
418
  showArrow: isMultiple && type === 'primary' ? false : showArrow,
413
419
  mode: isMultiple ? 'multiple' : undefined,
414
420
  bordered: false,
@@ -11,7 +11,11 @@ export function ProcessIcon(_ref) {
11
11
  return /*#__PURE__*/React.createElement("span", {
12
12
  className: classNames("".concat(type, "-icon-box"), 'icon-box')
13
13
  }, /*#__PURE__*/React.createElement("img", {
14
- src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDMgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjI4MTI1MSAwSDEuOTY4NzVWNi41SDAuMjgxMjUxVjBaTTEuMTI1IDEwQzAuOTAyNDk3IDEwIDAuNjg0OTkgOS45MzQwMiAwLjQ5OTk4NSA5LjgxMDRDMC4zMTQ5NzkgOS42ODY3OSAwLjE3MDc4NSA5LjUxMTA4IDAuMDg1NjM2MSA5LjMwNTUyQzAuMDAwNDg3NDQ3IDkuMDk5OTUgLTAuMDIxNzkxMyA4Ljg3Mzc1IDAuMDIxNjE3MSA4LjY1NTUyQzAuMDY1MDI1NSA4LjQzNzI5IDAuMTcyMTcxIDguMjM2ODQgMC4zMjk1MDUgOC4wNzk1MUMwLjQ4Njg0IDcuOTIyMTcgMC42ODcyOTUgNy44MTUwMiAwLjkwNTUyNCA3Ljc3MTYyQzEuMTIzNzUgNy43MjgyMSAxLjM0OTk1IDcuNzUwNDkgMS41NTU1MiA3LjgzNTY0QzEuNzYxMDkgNy45MjA3OCAxLjkzNjc5IDguMDY0OTggMi4wNjA0IDguMjQ5OThDMi4xODQwMiA4LjQzNDk5IDIuMjUgOC42NTI1IDIuMjUgOC44NzVDMi4yNSA5LjE3MzM3IDIuMTMxNDcgOS40NTk1MiAxLjkyMDUgOS42NzA0OUMxLjcwOTUyIDkuODgxNDcgMS40MjMzNyAxMCAxLjEyNSAxMFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo="
14
+ style: {
15
+ width: 16,
16
+ height: 16
17
+ },
18
+ src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Il9CYXNlX0luZGljYXRvciI+CjxwYXRoIGlkPSJPdmFsIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggMTZDMTIuNDE4MyAxNiAxNiAxMi40MTgzIDE2IDhDMTYgMy41ODE3MiAxMi40MTgzIDAgOCAwQzMuNTgxNzIgMCAwIDMuNTgxNzIgMCA4QzAgMTIuNDE4MyAzLjU4MTcyIDE2IDggMTZaIiBmaWxsPSIjRUY0NDQ0Ii8+CjxwYXRoIGlkPSJJY29uIiBkPSJNNy4yODEyNSAzSDguOTY4NzVWOS41SDcuMjgxMjVWM1pNOC4xMjUgMTNDNy45MDI1IDEzIDcuNjg0OTkgMTIuOTM0IDcuNDk5OTggMTIuODEwNEM3LjMxNDk4IDEyLjY4NjggNy4xNzA3OCAxMi41MTExIDcuMDg1NjQgMTIuMzA1NUM3LjAwMDQ5IDEyLjEgNi45NzgyMSAxMS44NzM4IDcuMDIxNjIgMTEuNjU1NUM3LjA2NTAzIDExLjQzNzMgNy4xNzIxNyAxMS4yMzY4IDcuMzI5NTEgMTEuMDc5NUM3LjQ4Njg0IDEwLjkyMjIgNy42ODczIDEwLjgxNSA3LjkwNTUyIDEwLjc3MTZDOC4xMjM3NSAxMC43MjgyIDguMzQ5OTUgMTAuNzUwNSA4LjU1NTUyIDEwLjgzNTZDOC43NjEwOSAxMC45MjA4IDguOTM2NzkgMTEuMDY1IDkuMDYwNCAxMS4yNUM5LjE4NDAyIDExLjQzNSA5LjI1IDExLjY1MjUgOS4yNSAxMS44NzVDOS4yNSAxMi4xNzM0IDkuMTMxNDcgMTIuNDU5NSA4LjkyMDUgMTIuNjcwNUM4LjcwOTUyIDEyLjg4MTUgOC40MjMzNyAxMyA4LjEyNSAxM1oiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg=="
15
19
  }));
16
20
  }
17
21
  return /*#__PURE__*/React.createElement("span", {
@@ -5,11 +5,10 @@
5
5
  padding: 24px;
6
6
 
7
7
  .ant-steps-item .ant-steps-item-container .ant-steps-item-icon {
8
- margin: 0 8px 10px 66px;
8
+ margin: 0 8px 4px 66px;
9
9
  font-size: 12px;
10
- line-height: 24px;
10
+ height: 16px;
11
11
  text-align: center;
12
- border-radius: 24px;
13
12
  transition: background-color 0.3s, border-color 0.3s;
14
13
  }
15
14
 
@@ -21,7 +20,7 @@
21
20
  display: flex;
22
21
  flex-direction: column;
23
22
  align-items: center;
24
- margin: 1px 4px;
23
+ margin: 0 4px;
25
24
  font-size: 13px;
26
25
  }
27
26
 
@@ -50,14 +49,14 @@
50
49
 
51
50
  &::after {
52
51
  height: 1.5px;
53
- background-color: @B40;
52
+ background-color: #126fdd;
54
53
  content: '';
55
54
  }
56
55
  }
57
56
 
58
57
  .ant-steps-item-title {
59
58
  height: 20px;
60
- font-weight: 400;
59
+ font-weight: 500;
61
60
  font-size: 13px;
62
61
  font-style: normal;
63
62
  line-height: 20px;
@@ -66,9 +65,9 @@
66
65
  .ant-steps-item-description {
67
66
  max-width: 264px;
68
67
  max-height: 32px;
69
- margin-top: 3px;
68
+ margin-top: 4px;
70
69
  overflow: hidden;
71
- color: @NL50;
70
+ color: #4b5563;
72
71
  font-weight: 400;
73
72
  font-size: 12px;
74
73
  font-style: normal;
@@ -80,16 +79,19 @@
80
79
  &.ant-steps-item-finish {
81
80
  .ant-steps-item-tail::after {
82
81
  height: 1.5px;
83
- background-color: @B40;
82
+ background-color: #126fdd;
84
83
  }
85
84
 
86
85
  .ant-steps-item-container {
87
86
  .ant-steps-item-content {
88
87
  .ant-steps-item-title {
89
- color: @NL50;
90
- font-weight: 400;
88
+ color: #9ca3af;
89
+ font-weight: 500;
91
90
  font-size: 13px;
92
- margin-top: 3px;
91
+ }
92
+
93
+ .ant-steps-item-description {
94
+ color: #9ca3af;
93
95
  }
94
96
  }
95
97
  }
@@ -98,14 +100,14 @@
98
100
  &.ant-steps-item-active {
99
101
  .ant-steps-item-container {
100
102
  .ant-steps-item-tail::after {
101
- background-color: @BG60;
103
+ background-color: #e5e7eb !important;
102
104
  }
103
105
 
104
106
  .ant-steps-item-content {
105
107
  .ant-steps-item-title {
106
- color: @B30;
107
- font-weight: 600;
108
- font-size: 13px;
108
+ color: #126fdd;
109
+ font-weight: 500;
110
+ font-size: 14px;
109
111
  }
110
112
  }
111
113
  }
@@ -114,14 +116,12 @@
114
116
  &.ant-steps-item-wait {
115
117
  .ant-steps-item-container {
116
118
  .ant-steps-item-tail::after {
117
- background-color: @BG60;
119
+ background-color: #9ca3af;
118
120
  }
119
121
 
120
122
  .ant-steps-item-content {
121
123
  .ant-steps-item-title {
122
- color: @NL0;
123
- font-weight: 400;
124
- font-size: 13px;
124
+ color: #1f2937;
125
125
  }
126
126
  }
127
127
  }
@@ -131,12 +131,12 @@
131
131
  .ant-steps-item-container {
132
132
  .ant-steps-item-content {
133
133
  .ant-steps-item-title {
134
- color: @SC40;
135
- font-size: 13px;
134
+ color: #b91c1c;
135
+ font-size: 14px;
136
136
  }
137
137
 
138
138
  .ant-steps-item-description {
139
- color: @NL50;
139
+ color: #9ca3af;
140
140
  }
141
141
  }
142
142
  }
@@ -170,7 +170,6 @@
170
170
 
171
171
  .ant-steps-item-title {
172
172
  height: 20px;
173
- margin-top: 1px;
174
173
  font-size: 14px;
175
174
  line-height: 20px;
176
175
  }
@@ -179,13 +178,14 @@
179
178
  max-width: 264px;
180
179
  height: 16px;
181
180
  max-height: 32px;
182
- margin-top: 4px;
181
+ margin-top: 3px;
183
182
  padding: 0;
184
183
  overflow: hidden;
185
184
  font-size: 12px;
186
185
  line-height: 16px;
187
186
  text-overflow: ellipsis;
188
187
  word-wrap: break-word;
188
+ color: #4b5563;
189
189
  -webkit-line-clamp: 2;
190
190
  }
191
191
  }
@@ -226,7 +226,7 @@
226
226
  &::after {
227
227
  width: 1.5px;
228
228
  height: 100%;
229
- background-color: @B40;
229
+ background-color: #126fdd;
230
230
  }
231
231
  }
232
232
  }
@@ -240,7 +240,11 @@
240
240
  }
241
241
 
242
242
  &.ant-steps-item-title {
243
- color: @NL50;
243
+ color: #9ca3af;
244
+ }
245
+
246
+ .ant-steps-item-description {
247
+ color: #9ca3af !important;
244
248
  }
245
249
  }
246
250
  }
@@ -274,12 +278,12 @@
274
278
  }
275
279
 
276
280
  .check-icon-box {
277
- color: @B40;
281
+ color: #126fdd;
278
282
  }
279
283
 
280
284
  .ald-steps.ald-steps .finish-icon-box {
281
285
  position: relative;
282
- background-color: @B40;
286
+ background-color: #2986f4;
283
287
  display: grid;
284
288
  place-items: center;
285
289
 
@@ -304,7 +308,7 @@
304
308
  // 提升该类名的优先级,不然会被.iconBox覆盖掉
305
309
  .ald-steps.ald-steps .process-icon-box {
306
310
  position: relative;
307
- background-color: @B40;
311
+ background-color: #2986f4;
308
312
 
309
313
  &::after {
310
314
  position: absolute;
@@ -321,7 +325,7 @@
321
325
 
322
326
  .ald-steps.ald-steps .wait-icon-box {
323
327
  position: relative;
324
- background-color: @BG60;
328
+ background-color: #9ca3af;
325
329
 
326
330
  &::after {
327
331
  position: absolute;
@@ -329,9 +333,15 @@
329
333
  left: 50%;
330
334
  width: 6px;
331
335
  height: 6px;
332
- background-color: @BG80;
336
+ background-color: #fff;
333
337
  border-radius: 50%;
334
338
  transform: translate(-50%, -50%);
335
339
  content: '';
336
340
  }
337
341
  }
342
+
343
+ .ald-steps > .ant-steps-item:last-child {
344
+ .ant-steps-item-tail::after {
345
+ content: unset !important;
346
+ }
347
+ }
@@ -1,11 +1,12 @@
1
1
  import React from 'react';
2
2
  import { IExpandableInfo } from '../hooks/useExpandable';
3
- import { TRowKey } from '../types';
3
+ import { ITableExpandable, TRowKey } from '../types';
4
4
  export default function ExpandCell<TDataItem extends object>(props: IProps<TDataItem>): React.JSX.Element;
5
5
  interface IProps<TDataItem extends object> {
6
6
  expandableInfo: IExpandableInfo<TDataItem>;
7
7
  data: TDataItem;
8
8
  children: React.ReactNode;
9
9
  rowKey?: TRowKey<TDataItem>;
10
+ expandable?: ITableExpandable<TDataItem> | boolean;
10
11
  }
11
12
  export {};
@@ -2,11 +2,13 @@ import _ from 'lodash';
2
2
  import React from 'react';
3
3
  import { ArrowDownLightLine, ArrowRightLightLine } from "../../Icon";
4
4
  import { getRowKey, prefixCls } from "../helper";
5
+ import { getExpandableConfig } from "../hooks/useExpandable";
5
6
  export default function ExpandCell(props) {
6
7
  var children = props.children,
7
8
  expandableInfo = props.expandableInfo,
8
9
  data = props.data,
9
- rowKey = props.rowKey;
10
+ rowKey = props.rowKey,
11
+ propsExpandable = props.expandable;
10
12
  if (!expandableInfo.isExpandable || !rowKey) {
11
13
  // 配置了折叠展开时,会在前面的流程中强制检查 rowKey 字段是否存在
12
14
  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
@@ -22,7 +24,27 @@ export default function ExpandCell(props) {
22
24
  var level = expandItem.level,
23
25
  isExpanded = expandItem.isExpanded,
24
26
  isLeaf = expandItem.isLeaf;
25
- var expandBtn = isLeaf ? null : isExpanded ? /*#__PURE__*/React.createElement(ArrowDownLightLine, null) : /*#__PURE__*/React.createElement(ArrowRightLightLine, null);
27
+ var expandable = getExpandableConfig(propsExpandable);
28
+ var defaultExpandIconRender = function defaultExpandIconRender(params) {
29
+ var record = params.record,
30
+ onExpand = params.onExpand,
31
+ isExpandedIcon = params.isExpanded;
32
+ return /*#__PURE__*/React.createElement("span", {
33
+ className: prefixCls('expand-btn-inner'),
34
+ onClick: function onClick() {
35
+ if (isLeaf) {
36
+ return;
37
+ }
38
+ onExpand(record, !isExpanded);
39
+ }
40
+ }, isExpandedIcon ? /*#__PURE__*/React.createElement(ArrowDownLightLine, null) : /*#__PURE__*/React.createElement(ArrowRightLightLine, null));
41
+ };
42
+ var expandIcon = expandable.expandIcon || defaultExpandIconRender;
43
+ var iconNode = isLeaf ? null : expandIcon({
44
+ record: data,
45
+ onExpand: onExpand,
46
+ isExpanded: !!isExpanded
47
+ });
26
48
  return /*#__PURE__*/React.createElement("div", {
27
49
  className: prefixCls('expandable-td')
28
50
  }, /*#__PURE__*/React.createElement("div", {
@@ -33,14 +55,8 @@ export default function ExpandCell(props) {
33
55
  key: i
34
56
  });
35
57
  })), /*#__PURE__*/React.createElement("div", {
36
- className: prefixCls('expand-btn'),
37
- onClick: function onClick() {
38
- if (isLeaf) {
39
- return;
40
- }
41
- onExpand(data, !!isExpanded);
42
- }
43
- }, expandBtn), /*#__PURE__*/React.createElement("div", {
58
+ className: prefixCls('expand-btn')
59
+ }, iconNode), /*#__PURE__*/React.createElement("div", {
44
60
  className: prefixCls('expand-content')
45
61
  }, children));
46
62
  }
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { IPaginationProps } from '../../../Pagination/types';
3
+ import { IRowSelectionInfo } from '../../hooks/useRowSelection';
4
+ import { ITableProps } from '../../types';
5
+ export default function TableFooter<TDataItem extends object>(props: IProps<TDataItem>): React.JSX.Element | null;
6
+ interface IProps<TDataItem extends object> {
7
+ isShowPagination: boolean;
8
+ rowSelectionInfo: IRowSelectionInfo<TDataItem>;
9
+ pagination?: IPaginationProps;
10
+ scroll?: ITableProps<TDataItem>['scroll'];
11
+ scrollToFirstRow: () => void;
12
+ }
13
+ export {};