@aloudata/aloudata-design 2.8.6 → 2.9.0

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.
package/dist/App/index.js CHANGED
@@ -6,6 +6,7 @@ import { legacyLogicalPropertiesTransformer, StyleProvider } from '@ant-design/c
6
6
  import { App, ConfigProvider } from 'antd';
7
7
  import classNames from 'classnames';
8
8
  import React from 'react';
9
+ import { ToastContainer } from 'react-toastify';
9
10
  var AldApp = function AldApp(_ref) {
10
11
  var children = _ref.children,
11
12
  className = _ref.className,
@@ -15,7 +16,12 @@ var AldApp = function AldApp(_ref) {
15
16
  transformers: [legacyLogicalPropertiesTransformer]
16
17
  }, /*#__PURE__*/React.createElement(App, _extends({
17
18
  className: classNames('ald-app', className)
18
- }, restProps), /*#__PURE__*/React.createElement(ConfigProvider, {
19
+ }, restProps), /*#__PURE__*/React.createElement(ToastContainer, {
20
+ containerId: 'message-container',
21
+ limit: 1
22
+ }), /*#__PURE__*/React.createElement(ToastContainer, {
23
+ containerId: 'notification-container'
24
+ }), /*#__PURE__*/React.createElement(ConfigProvider, {
19
25
  theme: {
20
26
  token: {
21
27
  fontSize: 13
@@ -62,10 +62,7 @@ export default function Dropdown(props) {
62
62
  return;
63
63
  }
64
64
  if (!isOpenControlled) {
65
- // 修复关闭 dropdown 后,再次点击无法打开 dropdown 的问题,经测试 setTimeout 0 后可以修复
66
- setTimeout(function () {
67
- setDropdownOpen(false);
68
- }, 0);
65
+ setDropdownOpen(false);
69
66
  }
70
67
  }, [isOpenControlled, menu]);
71
68
  var onDropdownOpenChange = useCallback(function (isDropdownOpen) {
@@ -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 DangerFill = function DangerFill(_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: "M8.03 2.75a.75.75 0 0 0-.53.22l-4.53 5a.75.75 0 0 0-.22.53v7c0 .199.079.39.22.53l4.53 5c.14.141.331.22.53.22h7.94a.75.75 0 0 0 .53-.22l4.53-5a.75.75 0 0 0 .22-.53v-7a.75.75 0 0 0-.22-.53l-4.53-5a.75.75 0 0 0-.53-.22H8.03Zm3.97 10a.75.75 0 0 1-.75-.75V8a.75.75 0 0 1 1.5 0v4a.75.75 0 0 1-.75.75Zm-.995 3.248c0-.548.445-.993.993-.993h.014c.548 0 .993.445.993.993v.014a.993.993 0 0 1-.993.993h-.014a.993.993 0 0 1-.993-.993v-.014Z",
30
+ clipRule: "evenodd"
31
+ }));
32
+ };
33
+ var ForwardRef = /*#__PURE__*/forwardRef(DangerFill);
34
+ var Memo = /*#__PURE__*/memo(ForwardRef);
35
+ export default Memo;
@@ -21,6 +21,7 @@ export { default as CloseCircleLightLine } from './components/CloseCircleLightLi
21
21
  export { default as CloseLLine } from './components/CloseLLine';
22
22
  export { default as CloseLightLine } from './components/CloseLightLine';
23
23
  export { default as CloseMLine } from './components/CloseMLine';
24
+ export { default as DangerFill } from './components/DangerFill';
24
25
  export { default as DragLine } from './components/DragLine';
25
26
  export { default as Ellipsis } from './components/Ellipsis';
26
27
  export { default as EyeOffLine } from './components/EyeOffLine';
@@ -21,6 +21,7 @@ export { default as CloseCircleLightLine } from "./components/CloseCircleLightLi
21
21
  export { default as CloseLLine } from "./components/CloseLLine";
22
22
  export { default as CloseLightLine } from "./components/CloseLightLine";
23
23
  export { default as CloseMLine } from "./components/CloseMLine";
24
+ export { default as DangerFill } from "./components/DangerFill";
24
25
  export { default as DragLine } from "./components/DragLine";
25
26
  export { default as Ellipsis } from "./components/Ellipsis";
26
27
  export { default as EyeOffLine } from "./components/EyeOffLine";
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
2
+ <path fill-rule="evenodd" clip-rule="evenodd"
3
+ d="M8.03033 2.75C7.83142 2.75 7.64065 2.82902 7.5 2.96967L2.96967 7.96967C2.82902 8.11032 2.75 8.30109 2.75 8.5V15.5C2.75 15.6989 2.82902 15.8897 2.96967 16.0303L7.5 21.0303C7.64065 21.171 7.83142 21.25 8.03033 21.25H15.9697C16.1686 21.25 16.3593 21.171 16.5 21.0303L21.0303 16.0303C21.171 15.8897 21.25 15.6989 21.25 15.5V8.5C21.25 8.30109 21.171 8.11032 21.0303 7.96967L16.5 2.96967C16.3593 2.82902 16.1686 2.75 15.9697 2.75H8.03033ZM12 12.75C11.5858 12.75 11.25 12.4142 11.25 12V8C11.25 7.58579 11.5858 7.25 12 7.25C12.4142 7.25 12.75 7.58579 12.75 8V12C12.75 12.4142 12.4142 12.75 12 12.75ZM11.005 15.9984C11.005 15.4498 11.4498 15.005 11.9984 15.005H12.0116C12.5603 15.005 13.005 15.4498 13.005 15.9984V16.0116C13.005 16.5603 12.5603 17.005 12.0116 17.005H11.9984C11.4498 17.005 11.005 16.5603 11.005 16.0116V15.9984Z"
4
+ fill="black" />
5
+ </svg>
@@ -4,6 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
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); }
6
6
  function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
7
+ 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); }
7
8
  function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
8
9
  function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
9
10
  function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -36,7 +37,7 @@ export default function useRowSelection(props) {
36
37
  var changeSelectedRowKeys = useCallback(function (newSelectedRowKeys) {
37
38
  var _rowSelection$onChang;
38
39
  // 过滤出存在于 data 中的 selectedRowKeys
39
- var visibleSelectedRowKeys = data.map(function (record) {
40
+ var visibleSelectedRowKeys = getDataWithoutDisabled(data, rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.getCheckboxProps).map(function (record) {
40
41
  return getRowKey(record, rowKey);
41
42
  }).filter(function (key) {
42
43
  return newSelectedRowKeys.includes(key);
@@ -45,7 +46,7 @@ export default function useRowSelection(props) {
45
46
  var selectedRows = getSelectedRows(visibleSelectedRowKeys);
46
47
  rowSelection === null || rowSelection === void 0 ? void 0 : (_rowSelection$onChang = rowSelection.onChange) === null || _rowSelection$onChang === void 0 ? void 0 : _rowSelection$onChang.call(rowSelection, visibleSelectedRowKeys, selectedRows);
47
48
  }, [getSelectedRows, rowSelection, data, rowKey]);
48
- var checkboxAllStatus = getCheckboxAllStatus(data, selectedRowKeys, rowKey);
49
+ var checkboxAllStatus = getCheckboxAllStatus(data, selectedRowKeys, rowKey, rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.getCheckboxProps);
49
50
  var selectAll = useCallback(function () {
50
51
  var newKeys = data.map(function (record) {
51
52
  return getRowKey(record, rowKey);
@@ -101,18 +102,20 @@ export default function useRowSelection(props) {
101
102
  title: getCheckboxAllNode(),
102
103
  width: 48,
103
104
  render: function render(text, record) {
105
+ var _rowSelection$getChec;
104
106
  var key = getRowKey(record, rowKey);
105
107
  var isChecked = !!(selectedRowKeys !== null && selectedRowKeys !== void 0 && selectedRowKeys.includes(key));
108
+ var checkboxProps = ((_rowSelection$getChec = rowSelection.getCheckboxProps) === null || _rowSelection$getChec === void 0 ? void 0 : _rowSelection$getChec.call(rowSelection, record)) || {};
106
109
  return /*#__PURE__*/React.createElement("div", {
107
110
  className: prefixCls('row-selection-item')
108
- }, /*#__PURE__*/React.createElement(Checkbox, {
111
+ }, /*#__PURE__*/React.createElement(Checkbox, _extends({
109
112
  onClick: onClickCheckbox(key, isChecked),
110
113
  checked: isChecked
111
- }));
114
+ }, checkboxProps)));
112
115
  },
113
116
  fixed: rowSelection.fixed ? 'left' : undefined
114
117
  };
115
- var selectedRowKeysInCurrPage = data.map(function (record) {
118
+ var selectedRowKeysInCurrPage = getDataWithoutDisabled(data, rowSelection.getCheckboxProps).map(function (record) {
116
119
  return getRowKey(record, rowKey);
117
120
  }).filter(function (key) {
118
121
  return selectedRowKeys.includes(key);
@@ -136,7 +139,7 @@ export default function useRowSelection(props) {
136
139
  onChange: changeSelectedRowKeys
137
140
  };
138
141
  }
139
- function getCheckboxAllStatus(data, selectedRowKeys, rowKey) {
142
+ function getCheckboxAllStatus(data, selectedRowKeys, rowKey, getCheckboxProps) {
140
143
  var selectedKeysInData = data.map(function (record) {
141
144
  var key = getRowKey(record, rowKey);
142
145
  if (selectedRowKeys.includes(key)) {
@@ -149,8 +152,16 @@ function getCheckboxAllStatus(data, selectedRowKeys, rowKey) {
149
152
  if (selectedKeysInData.length === 0) {
150
153
  return 'none';
151
154
  }
152
- if (selectedKeysInData.length === data.length) {
155
+ var dataWithoutDisabled = getDataWithoutDisabled(data, getCheckboxProps);
156
+ if (selectedKeysInData.length === dataWithoutDisabled.length) {
153
157
  return 'all';
154
158
  }
155
159
  return 'indeterminate';
160
+ }
161
+ function getDataWithoutDisabled(data, getCheckboxProps) {
162
+ return data.filter(function (record) {
163
+ var checkboxProps = (getCheckboxProps === null || getCheckboxProps === void 0 ? void 0 : getCheckboxProps(record)) || {};
164
+ var disabled = checkboxProps.disabled;
165
+ return !disabled;
166
+ });
156
167
  }
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import { ICheckboxProps } from '../Checkbox/type';
2
3
  import { IPaginationProps } from '../Pagination/types';
3
4
  export interface ITableProps<TDataItem extends object> {
4
5
  columns: ITableColumn<TDataItem>[];
@@ -52,6 +53,7 @@ export interface IRowSelection<TDataItem extends object> {
52
53
  defaultSelectedRowKeys?: string[];
53
54
  items?: IRowSelectionBtnItem<TDataItem>[];
54
55
  onChange?: (selectedRowKeys: string[], selectedRows: TDataItem[]) => void;
56
+ getCheckboxProps?: (record: TDataItem) => Pick<ICheckboxProps, 'disabled' | 'indeterminate' | 'checked'>;
55
57
  }
56
58
  export interface IRowSelectionBtnItem<TDataItem extends object> {
57
59
  key: string;