@teamix/pro 1.5.36 → 1.5.38
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/pro.js +483 -455
- package/dist/pro.min.js +1 -1
- package/es/form/Filter/index.js +18 -7
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/table/components/Cell/index.js +6 -2
- package/es/table/components/Layout/index.js +2 -1
- package/es/table/index.js +7 -5
- package/es/table/utils/genAutoWidthColumns.js +2 -2
- package/es/table/utils/index.d.ts +65 -1
- package/es/table/utils/index.js +1 -0
- package/es/table/utils/useTableSelection.d.ts +25 -2
- package/es/table/utils/useTableSelection.js +17 -9
- package/lib/form/Filter/index.js +18 -7
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/table/components/Cell/index.js +5 -1
- package/lib/table/components/Layout/index.js +2 -1
- package/lib/table/index.js +7 -5
- package/lib/table/utils/genAutoWidthColumns.js +2 -2
- package/lib/table/utils/index.d.ts +65 -1
- package/lib/table/utils/index.js +1 -0
- package/lib/table/utils/useTableSelection.d.ts +25 -2
- package/lib/table/utils/useTableSelection.js +16 -8
- package/package.json +1 -1
@@ -9,7 +9,71 @@ export declare function off(key: string): void;
|
|
9
9
|
/** table 组件内触发事件 不对外暴露 */
|
10
10
|
export declare function emit(key: string, ...args: any): void;
|
11
11
|
export declare function initActionRef(ref: React.MutableRefObject<ProTableActionType | undefined>, action: ProTableActionType): void;
|
12
|
-
export declare function useActionType<T>(ref: React.MutableRefObject<ProTableActionType | undefined>, action: ProTableActionType):
|
12
|
+
export declare function useActionType<T>(ref: React.MutableRefObject<ProTableActionType | undefined>, action: ProTableActionType): {
|
13
|
+
fullScreen?: (() => boolean) | undefined;
|
14
|
+
setColumn?: ((newColumns: ProTableColumnProps[], update?: boolean | undefined) => void) | undefined;
|
15
|
+
size?: "medium" | "small" | undefined;
|
16
|
+
setSize?: ((mode: "medium" | "small") => void) | undefined;
|
17
|
+
refresh?: ((params?: any) => void) | undefined;
|
18
|
+
request?: ((params?: any) => void) | undefined;
|
19
|
+
reset?: (() => void) | undefined;
|
20
|
+
rowSelection?: import("..").innerRowSelectionType | ({
|
21
|
+
getProps?: ((record: any, index: number) => any) | undefined;
|
22
|
+
onChange?: ((selectedRowKeys: any[], records: any[]) => void) | undefined;
|
23
|
+
onSelect?: ((selected: boolean, record: any, records: any[]) => void) | undefined;
|
24
|
+
onSelectAll?: ((selected: boolean, records: any[]) => void) | undefined;
|
25
|
+
selectedRowKeys?: any[] | undefined;
|
26
|
+
selectedRecords?: any[] | undefined;
|
27
|
+
mode?: "multiple" | "single" | undefined;
|
28
|
+
titleProps?: (() => any) | undefined;
|
29
|
+
columnProps?: (() => any) | undefined;
|
30
|
+
titleAddons?: (() => any) | undefined;
|
31
|
+
defaultSelectedRowKeys?: any[] | undefined;
|
32
|
+
defaultSelectedRecords?: any[] | undefined;
|
33
|
+
} & {
|
34
|
+
getProps?: ((record: any, index: number) => void) | undefined;
|
35
|
+
onChange?: ((selectedRowKeys: any[], records: any[]) => void) | undefined;
|
36
|
+
onSelect?: ((selected: boolean, record: any, records: any[]) => void) | undefined;
|
37
|
+
onSelectAll?: ((selected: boolean, records: any[]) => void) | undefined;
|
38
|
+
selectedRowKeys?: any[] | undefined;
|
39
|
+
mode?: "multiple" | "single" | undefined;
|
40
|
+
titleProps?: (() => any) | undefined;
|
41
|
+
columnProps?: (() => any) | undefined;
|
42
|
+
titleAddons?: (() => any) | undefined;
|
43
|
+
}) | undefined;
|
44
|
+
clearRowSelection?: (() => void) | undefined;
|
45
|
+
filterDataSource?: ((dataIndex: string) => void) | undefined;
|
46
|
+
pageInfo?: {
|
47
|
+
total?: number | undefined;
|
48
|
+
current?: number | undefined;
|
49
|
+
pageSize?: number | undefined;
|
50
|
+
targetPageKey?: string | undefined;
|
51
|
+
targetPageSizeKey?: string | undefined;
|
52
|
+
} | undefined;
|
53
|
+
resetPage?: (() => void) | undefined;
|
54
|
+
nextPage?: (() => void) | undefined;
|
55
|
+
dataFilterForm?: import("../..").ProFormType | undefined;
|
56
|
+
dataFilterFormRef?: import("react").MutableRefObject<import("../..").ProFormType> | undefined;
|
57
|
+
normalDataFilterForm?: import("../..").ProFormType | undefined;
|
58
|
+
fullscreenDataFilterForm?: import("../..").ProFormType | undefined;
|
59
|
+
filterEnableRef?: any;
|
60
|
+
data?: any[] | undefined;
|
61
|
+
switchView?: ((view: "table" | "card") => void) | undefined;
|
62
|
+
setData?: ((data: any[]) => void) | undefined;
|
63
|
+
setCardViewScrollPosition?: ((scrollTop: number) => void) | undefined;
|
64
|
+
setAutoRefreshTimers?: ((timers: number) => void) | undefined;
|
65
|
+
clearAutoRefreshTimers?: (() => void) | undefined;
|
66
|
+
getState?: (() => import("..").ProTableActionTypeState) | undefined;
|
67
|
+
setState?: ((key: string, value: any) => void) | undefined;
|
68
|
+
setFullScreenState?: ((state: boolean) => void) | undefined;
|
69
|
+
on?: ((...args: any) => void) | undefined;
|
70
|
+
off?: ((...args: any) => void) | undefined;
|
71
|
+
setFilterRules?: ((rules: import("..").ProTableColumnsFilterRulesItem) => void) | undefined;
|
72
|
+
getFilterRules?: (() => object) | undefined;
|
73
|
+
resetTableMaxBodyHeight?: ((offset: number) => void) | undefined;
|
74
|
+
filterColumns?: any[] | undefined;
|
75
|
+
getCallback?: (() => any) | undefined;
|
76
|
+
};
|
13
77
|
export declare function cloneDeep<T>(obj: T): T;
|
14
78
|
/**
|
15
79
|
* 处理默认过滤参数
|
package/lib/table/utils/index.js
CHANGED
@@ -106,6 +106,7 @@ function initActionRef(ref, action) {
|
|
106
106
|
}
|
107
107
|
function useActionType(ref, action) {
|
108
108
|
ref.current = _objectSpread(_objectSpread({}, ref.current), action);
|
109
|
+
return _objectSpread(_objectSpread({}, ref.current), action);
|
109
110
|
}
|
110
111
|
function cloneDeep(obj) {
|
111
112
|
return (0, _lodash.default)(obj);
|
@@ -1,3 +1,26 @@
|
|
1
|
-
import {
|
2
|
-
declare function useTableSelection(config
|
1
|
+
import { innerRowSelectionType } from '../typing';
|
2
|
+
declare function useTableSelection(config: ({
|
3
|
+
getProps?: ((record: any, index: number) => any) | undefined;
|
4
|
+
onChange?: ((selectedRowKeys: any[], records: any[]) => void) | undefined;
|
5
|
+
onSelect?: ((selected: boolean, record: any, records: any[]) => void) | undefined;
|
6
|
+
onSelectAll?: ((selected: boolean, records: any[]) => void) | undefined;
|
7
|
+
selectedRowKeys?: any[] | undefined;
|
8
|
+
selectedRecords?: any[] | undefined;
|
9
|
+
mode?: "multiple" | "single" | undefined;
|
10
|
+
titleProps?: (() => any) | undefined;
|
11
|
+
columnProps?: (() => any) | undefined;
|
12
|
+
titleAddons?: (() => any) | undefined;
|
13
|
+
defaultSelectedRowKeys?: any[] | undefined;
|
14
|
+
defaultSelectedRecords?: any[] | undefined;
|
15
|
+
} & {
|
16
|
+
getProps?: ((record: any, index: number) => void) | undefined;
|
17
|
+
onChange?: ((selectedRowKeys: any[], records: any[]) => void) | undefined;
|
18
|
+
onSelect?: ((selected: boolean, record: any, records: any[]) => void) | undefined;
|
19
|
+
onSelectAll?: ((selected: boolean, records: any[]) => void) | undefined;
|
20
|
+
selectedRowKeys?: any[] | undefined;
|
21
|
+
mode?: "multiple" | "single" | undefined;
|
22
|
+
titleProps?: (() => any) | undefined;
|
23
|
+
columnProps?: (() => any) | undefined;
|
24
|
+
titleAddons?: (() => any) | undefined;
|
25
|
+
}) | undefined, records: any, primaryKey?: string): innerRowSelectionType;
|
3
26
|
export default useTableSelection;
|
@@ -8,7 +8,7 @@ exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
9
9
|
var _utils = require("@teamix/utils");
|
10
10
|
var _components = require("@alicloudfe/components");
|
11
|
-
var _excluded = ["primaryKey"];
|
11
|
+
var _excluded = ["primaryKey", "_primaryKey"];
|
12
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
13
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
14
14
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
@@ -29,12 +29,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
29
29
|
var Tooltip = _components.Balloon.Tooltip;
|
30
30
|
function useTableSelection() {
|
31
31
|
var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
32
|
-
var
|
32
|
+
var records = arguments.length > 1 ? arguments[1] : undefined;
|
33
|
+
var primaryKey = arguments.length > 2 ? arguments[2] : undefined;
|
33
34
|
var _config$defaultSelect = config.defaultSelectedRecords,
|
34
35
|
defaultSelectedRecords = _config$defaultSelect === void 0 ? [] : _config$defaultSelect,
|
35
36
|
_config$defaultSelect2 = config.defaultSelectedRowKeys,
|
36
37
|
defaultSelectedRowKeys = _config$defaultSelect2 === void 0 ? [] : _config$defaultSelect2;
|
37
|
-
var _useState = (0, _react.useState)(defaultSelectedRowKeys),
|
38
|
+
var _useState = (0, _react.useState)(config.selectedRowKeys || defaultSelectedRowKeys),
|
38
39
|
_useState2 = _slicedToArray(_useState, 2),
|
39
40
|
selectedRowKeys = _useState2[0],
|
40
41
|
setSelectedRowKeys = _useState2[1];
|
@@ -42,6 +43,10 @@ function useTableSelection() {
|
|
42
43
|
_useState4 = _slicedToArray(_useState3, 2),
|
43
44
|
selectedRecords = _useState4[0],
|
44
45
|
setSelectedRecords = _useState4[1];
|
46
|
+
(0, _react.useEffect)(function () {
|
47
|
+
var _config$selectedRowKe;
|
48
|
+
setSelectedRowKeys((_config$selectedRowKe = config === null || config === void 0 ? void 0 : config.selectedRowKeys) !== null && _config$selectedRowKe !== void 0 ? _config$selectedRowKe : []);
|
49
|
+
}, [config.selectedRowKeys]);
|
45
50
|
function _onChange(value, records) {
|
46
51
|
if (primaryKey) {
|
47
52
|
var newValue = value.filter(function (v) {
|
@@ -77,18 +82,21 @@ function useTableSelection() {
|
|
77
82
|
config.onChange(value, records);
|
78
83
|
}
|
79
84
|
}
|
80
|
-
var renderCheckBox = function renderCheckBox(props) {
|
85
|
+
var renderCheckBox = function renderCheckBox(props, record) {
|
81
86
|
var primaryKey = props.primaryKey,
|
87
|
+
_primaryKey = props._primaryKey,
|
82
88
|
others = _objectWithoutProperties(props, _excluded);
|
83
89
|
return /*#__PURE__*/_react.default.createElement(_components.Checkbox, _objectSpread({
|
84
90
|
checked: selectedRowKeys.includes(primaryKey),
|
85
91
|
onChange: function onChange(checked) {
|
92
|
+
var _config$onSelect;
|
93
|
+
config === null || config === void 0 ? void 0 : (_config$onSelect = config.onSelect) === null || _config$onSelect === void 0 ? void 0 : _config$onSelect.call(config, checked, record, records);
|
86
94
|
if (checked) {
|
87
|
-
_onChange === null || _onChange === void 0 ? void 0 : _onChange([].concat(_toConsumableArray(selectedRowKeys), [primaryKey]), [
|
95
|
+
_onChange === null || _onChange === void 0 ? void 0 : _onChange([].concat(_toConsumableArray(selectedRowKeys), [primaryKey]), [record]);
|
88
96
|
} else {
|
89
97
|
_onChange === null || _onChange === void 0 ? void 0 : _onChange(selectedRowKeys.filter(function (item) {
|
90
98
|
return item !== primaryKey;
|
91
|
-
}), [
|
99
|
+
}), [record]);
|
92
100
|
}
|
93
101
|
}
|
94
102
|
}, others));
|
@@ -109,13 +117,13 @@ function useTableSelection() {
|
|
109
117
|
return /*#__PURE__*/_react.default.createElement(Tooltip, {
|
110
118
|
trigger: renderCheckBox(_objectSpread(_objectSpread({}, propResult), {}, {
|
111
119
|
primaryKey: primaryKey
|
112
|
-
})),
|
120
|
+
}), record),
|
113
121
|
align: "t"
|
114
122
|
}, propResult.disabledTooltip);
|
115
123
|
}
|
116
124
|
return renderCheckBox(_objectSpread(_objectSpread({}, propResult), {}, {
|
117
125
|
primaryKey: primaryKey
|
118
|
-
}));
|
126
|
+
}), record);
|
119
127
|
}
|
120
128
|
});
|
121
129
|
};
|