@aloudata/aloudata-design 2.7.1 → 2.7.3

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 (41) hide show
  1. package/dist/Button/style/type.less +1 -0
  2. package/dist/Icon/components/SortAscendingOrderColor.d.ts +11 -0
  3. package/dist/Icon/components/SortAscendingOrderColor.js +36 -0
  4. package/dist/Icon/components/SortColor.d.ts +11 -0
  5. package/dist/Icon/components/SortColor.js +33 -0
  6. package/dist/Icon/components/SortDescendingOrderColor.d.ts +11 -0
  7. package/dist/Icon/components/SortDescendingOrderColor.js +36 -0
  8. package/dist/Icon/index.d.ts +3 -0
  9. package/dist/Icon/index.js +3 -0
  10. package/dist/Icon/svg/Sort-Ascending-order-Color.svg +4 -0
  11. package/dist/Icon/svg/Sort-Color.svg +4 -0
  12. package/dist/Icon/svg/Sort-Descending-order-Color.svg +4 -0
  13. package/dist/Modal/index.d.ts +1 -0
  14. package/dist/Modal/index.js +33 -4
  15. package/dist/Modal/style/modal.less +25 -0
  16. package/dist/Popconfirm/style/index.less +25 -23
  17. package/dist/Popover/index.d.ts +1 -1
  18. package/dist/Popover/index.js +6 -3
  19. package/dist/Popover/style/index.less +40 -0
  20. package/dist/Select/index.js +5 -3
  21. package/dist/Table/components/ExpandCell.d.ts +2 -1
  22. package/dist/Table/components/ExpandCell.js +26 -10
  23. package/dist/Table/components/Footer/index.d.ts +13 -0
  24. package/dist/Table/components/Footer/index.js +77 -0
  25. package/dist/Table/components/Header.d.ts +1 -1
  26. package/dist/Table/components/Header.js +50 -4
  27. package/dist/Table/helper.d.ts +4 -1
  28. package/dist/Table/helper.js +4 -2
  29. package/dist/Table/hooks/useExpandable.d.ts +1 -0
  30. package/dist/Table/hooks/useExpandable.js +4 -4
  31. package/dist/Table/hooks/useRowSelection.d.ts +17 -0
  32. package/dist/Table/hooks/useRowSelection.js +164 -0
  33. package/dist/Table/index.js +33 -18
  34. package/dist/Table/style/index.less +77 -8
  35. package/dist/Table/types.d.ts +21 -0
  36. package/dist/User/index.js +3 -1
  37. package/dist/User/style/index.less +11 -0
  38. package/dist/ald.min.css +1 -1
  39. package/package.json +1 -1
  40. package/dist/Table/components/Pagination/index.d.ts +0 -10
  41. package/dist/Table/components/Pagination/index.js +0 -28
@@ -8,6 +8,7 @@
8
8
  &-dangerous,
9
9
  &-secondary,
10
10
  &-text,
11
+ &-inverse,
11
12
  &-link {
12
13
  display: inline-flex;
13
14
  align-items: center;
@@ -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>
@@ -18,6 +18,7 @@ export interface ModalProps extends Omit<AntdModalProps, 'okButtonProps' | 'canc
18
18
  cancelButtonProps?: IButtonProps;
19
19
  okButtonProps?: IButtonProps;
20
20
  okType?: ButtonType;
21
+ responsiveBounds?: boolean;
21
22
  }
22
23
  export interface ModalFuncProps extends Omit<AntdModalFuncProps, 'okButtonProps' | 'cancelButtonProps' | 'okType' | 'icon'> {
23
24
  cancelButtonProps?: IButtonProps;
@@ -1,6 +1,6 @@
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
2
  var _excluded = ["className", "type", "loading", "size", "disabled", "shape"],
3
- _excluded2 = ["className", "children", "okType", "width", "closeIcon", "subTitle", "okButtonProps", "cancelButtonProps", "okText", "cancelText", "icon", "title", "paddingLess", "hideHeaderBottomBorder", "virtualScrollBar"],
3
+ _excluded2 = ["className", "children", "okType", "width", "closeIcon", "subTitle", "okButtonProps", "cancelButtonProps", "okText", "cancelText", "icon", "title", "paddingLess", "responsiveBounds", "hideHeaderBottomBorder", "virtualScrollBar", "style"],
4
4
  _excluded3 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
5
5
  _excluded4 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
6
6
  _excluded5 = ["okButtonProps", "cancelButtonProps", "okType", "width", "title", "subTitle", "okText", "cancelText", "className"],
@@ -18,7 +18,7 @@ import { Modal as AntdModal } from 'antd';
18
18
  import { modalGlobalConfig } from 'antd/lib/modal/confirm';
19
19
  import useModal from 'antd/lib/modal/useModal/index';
20
20
  import classNames from 'classnames';
21
- import React from 'react';
21
+ import React, { useMemo } from 'react';
22
22
  import { btnPrefix, getButtonSizeClass, getButtonType, getDangerStatus, getShape } from "../Button";
23
23
  import { AttentionTriangleLightLine, CheckCircleLightLine, CloseLLine, InformationCircleLightLine } from "../Icon";
24
24
  import IconButton from "../IconButton";
@@ -106,10 +106,36 @@ var OriginModal = function OriginModal(props) {
106
106
  icon = props.icon,
107
107
  title = props.title,
108
108
  paddingLess = props.paddingLess,
109
+ responsiveBounds = props.responsiveBounds,
109
110
  hideHeaderBottomBorder = props.hideHeaderBottomBorder,
110
111
  virtualScrollBar = props.virtualScrollBar,
112
+ style = props.style,
111
113
  restProps = _objectWithoutProperties(props, _excluded2);
114
+ var responsiveBoundsStyle = useMemo(function () {
115
+ if (!responsiveBounds) {
116
+ return {};
117
+ }
118
+ var defaultBounds = {
119
+ minWidth: 1280,
120
+ maxWidth: 1680,
121
+ marginX: 80,
122
+ marginY: 24,
123
+ minHeight: 640,
124
+ maxHeight: 900
125
+ };
126
+ return {
127
+ width: "calc(100% - ".concat(defaultBounds.marginX * 2, "px)"),
128
+ maxWidth: "".concat(defaultBounds.maxWidth, "px"),
129
+ minWidth: "".concat(defaultBounds.minWidth, "px"),
130
+ height: "calc(100% - ".concat(defaultBounds.marginY * 2, "px)"),
131
+ maxHeight: "".concat(defaultBounds.maxHeight, "px"),
132
+ minHeight: "".concat(defaultBounds.minHeight, "px"),
133
+ padding: 0
134
+ };
135
+ }, [responsiveBounds]);
112
136
  return /*#__PURE__*/React.createElement(AntdModal, _extends({}, restProps, {
137
+ style: _objectSpread(_objectSpread({}, style), responsiveBoundsStyle),
138
+ width: responsiveBounds ? responsiveBoundsStyle.width : width || DEFAULT_WIDTH,
113
139
  title: ModalTitle({
114
140
  icon: icon,
115
141
  title: title,
@@ -118,13 +144,16 @@ var OriginModal = function OriginModal(props) {
118
144
  className: classNames('ald-modal', className, {
119
145
  'ald-modal-padding-less': paddingLess,
120
146
  'ald-modal-virtual-scroll-bar': virtualScrollBar,
121
- 'ald-modal-show-header-bottom-border': hideHeaderBottomBorder
147
+ 'ald-modal-show-header-bottom-border': hideHeaderBottomBorder,
148
+ 'ald-modal-responsive-bounds': responsiveBounds
122
149
  }),
123
150
  okButtonProps: getButtonProps(okButtonProps, 'primary', okType),
151
+ wrapClassName: classNames(props.wrapClassName, {
152
+ 'ald-modal-responsive-bounds-wrap': responsiveBounds
153
+ }),
124
154
  cancelButtonProps: getButtonProps(cancelButtonProps, 'secondary'),
125
155
  okText: okText,
126
156
  cancelText: cancelText,
127
- width: width || DEFAULT_WIDTH,
128
157
  closeIcon: closeIcon || /*#__PURE__*/React.createElement(IconButton, {
129
158
  icon: /*#__PURE__*/React.createElement(CloseLLine, {
130
159
  size: 20
@@ -134,3 +134,28 @@
134
134
  }
135
135
  }
136
136
  }
137
+
138
+ .ald-modal-responsive-bounds-wrap {
139
+ display: flex;
140
+ align-items: center;
141
+ @media screen and (max-height: 640px) {
142
+ align-items: flex-start;
143
+ }
144
+
145
+ .ald-modal-responsive-bounds {
146
+ top: unset;
147
+
148
+ .ant-modal-content {
149
+ display: flex;
150
+ flex-direction: column;
151
+ justify-content: space-between;
152
+ height: 100%;
153
+
154
+ .ant-modal-body {
155
+ flex-grow: 1;
156
+ min-height: none;
157
+ max-height: none;
158
+ }
159
+ }
160
+ }
161
+ }
@@ -5,30 +5,32 @@
5
5
  overflow: visible;
6
6
  }
7
7
 
8
- .ant-popover[class] .ant-popover-arrow::before {
9
- content: '';
10
- width: 10px;
11
- display: inline-block;
12
- bottom: -6px;
13
- position: absolute;
14
- left: 4px;
15
- height: 10px;
16
- border: 1px solid #d1d5db;
17
- transform: rotate(45deg);
18
- clip-path: none;
19
- }
8
+ .ald-pop-confirm {
9
+ &.ant-popover[class] .ant-popover-arrow::before {
10
+ content: '';
11
+ width: 10px;
12
+ display: inline-block;
13
+ bottom: -6px;
14
+ position: absolute;
15
+ left: 4px;
16
+ height: 10px;
17
+ border: 1px solid #d1d5db;
18
+ transform: rotate(45deg);
19
+ clip-path: none;
20
+ }
20
21
 
21
- .ant-popover[class] .ant-popover-arrow::after {
22
- content: '';
23
- width: 15px;
24
- background-color: #fff;
25
- display: inline-block;
26
- bottom: -11px;
27
- position: absolute;
28
- left: 1px;
29
- height: 10px;
30
- transform: none;
31
- box-shadow: none !important;
22
+ &.ant-popover[class] .ant-popover-arrow::after {
23
+ content: '';
24
+ width: 15px;
25
+ background-color: #fff;
26
+ display: inline-block;
27
+ bottom: -11px;
28
+ position: absolute;
29
+ left: 1px;
30
+ height: 10px;
31
+ transform: none;
32
+ box-shadow: none !important;
33
+ }
32
34
  }
33
35
 
34
36
  .ald-pop-confirm.ant-popover.ant-popover .ant-popover-inner {
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
1
  import { PopoverProps } from 'antd';
2
+ import React from 'react';
3
3
  export type { PopoverProps };
4
4
  declare function Popover(props: PopoverProps): React.JSX.Element;
5
5
  export default Popover;
@@ -1,16 +1,19 @@
1
- var _excluded = ["overlayClassName", "children"];
1
+ var _excluded = ["overlayClassName", "children", "arrow"];
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 React from 'react';
6
5
  import { Popover as AntdPopover } from 'antd';
7
6
  import classnames from 'classnames';
7
+ import React from 'react';
8
8
  function Popover(props) {
9
9
  var overlayClassName = props.overlayClassName,
10
10
  children = props.children,
11
+ _props$arrow = props.arrow,
12
+ arrow = _props$arrow === void 0 ? false : _props$arrow,
11
13
  restProps = _objectWithoutProperties(props, _excluded);
12
14
  return /*#__PURE__*/React.createElement(AntdPopover, _extends({
13
- overlayClassName: classnames('ald-popover', overlayClassName)
15
+ overlayClassName: classnames('ald-popover', overlayClassName),
16
+ arrow: arrow
14
17
  }, restProps), children);
15
18
  }
16
19
  export default Popover;
@@ -1,5 +1,45 @@
1
1
  @import '../../style/index.less';
2
2
 
3
+ .ald-popover {
4
+ border-radius: var(--alias-radius-75, 6px) !important;
5
+ border: 1px solid var(--alias-colors-border-strong, #d1d5db) !important;
6
+ background: var(--alias-colors-bg-skeleton-subtler, #fff) !important;
7
+
8
+ /* shadow/shadow-sm */
9
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
10
+
11
+ .ant-popover-inner {
12
+ border-radius: var(--alias-radius-75, 6px) !important;
13
+ }
14
+
15
+ &.ant-popover[class] .ant-popover-arrow::before {
16
+ content: '';
17
+ width: 10px;
18
+ display: inline-block;
19
+ bottom: -5px;
20
+ position: absolute;
21
+ left: 4px;
22
+ height: 10px;
23
+ border: 1px solid var(--alias-colors-border-strong, #d1d5db);
24
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
25
+ transform: rotate(45deg);
26
+ clip-path: none;
27
+ }
28
+
29
+ &.ant-popover[class] .ant-popover-arrow::after {
30
+ content: '';
31
+ width: 15px;
32
+ background-color: #fff;
33
+ display: inline-block;
34
+ bottom: -10px;
35
+ position: absolute;
36
+ left: 1px;
37
+ height: 10px;
38
+ transform: none;
39
+ box-shadow: none !important;
40
+ }
41
+ }
42
+
3
43
  // .ald-popover.ald-popover {
4
44
  // .ant-popover-title {
5
45
  // min-width: 312px;
@@ -230,7 +230,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
230
230
  return listHeight;
231
231
  }
232
232
  }
233
- return 0;
233
+ return 256;
234
234
  };
235
235
  var multipleRender = function multipleRender() {
236
236
  return /*#__PURE__*/React.createElement("div", {
@@ -240,7 +240,8 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
240
240
  "data-id": "list",
241
241
  height: getListHeight(),
242
242
  itemHeight: listItemHeight,
243
- itemKey: "value"
243
+ itemKey: "value",
244
+ fullHeight: false
244
245
  }, function (option) {
245
246
  var isSelected = false;
246
247
  if (option.__IS_INNER_ALL_OPTION) {
@@ -281,7 +282,8 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
281
282
  "data-id": "list",
282
283
  height: getListHeight(),
283
284
  itemHeight: listItemHeight,
284
- itemKey: "value"
285
+ itemKey: "value",
286
+ fullHeight: false
285
287
  }, function (option) {
286
288
  var isSelected = selectedOptions.some(function (selectedOption) {
287
289
  return selectedOption.value === option.value;
@@ -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 {};