@teamix/pro 1.5.41 → 1.5.43
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 +27 -22
- package/dist/pro.min.js +1 -1
- package/es/index.d.ts +1 -1
- package/es/index.js +1 -1
- package/es/table/components/Filter/index.js +15 -13
- package/es/table/components/ToolBar/FilterColumnIcon.js +2 -1
- package/es/table/typing.d.ts +2 -0
- package/es/table/utils/useTableSelection.js +7 -5
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/table/components/Filter/index.js +15 -13
- package/lib/table/components/ToolBar/FilterColumnIcon.js +2 -1
- package/lib/table/typing.d.ts +2 -0
- package/lib/table/utils/useTableSelection.js +7 -5
- package/package.json +1 -1
package/es/index.d.ts
CHANGED
@@ -30,5 +30,5 @@ export * from './sidebar';
|
|
30
30
|
export * from './utils';
|
31
31
|
export * from './timeline';
|
32
32
|
export * from './image';
|
33
|
-
declare const version = "1.5.
|
33
|
+
declare const version = "1.5.43";
|
34
34
|
export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, ProImage, hooks, nocode, templates, utils, };
|
package/es/index.js
CHANGED
@@ -23,20 +23,22 @@ var CheckboxItem = Menu.CheckboxItem;
|
|
23
23
|
var cls = usePrefixCls('teamix-pro-table-toolbar-filter');
|
24
24
|
var RadioItem = Menu.RadioItem;
|
25
25
|
var Filter = function Filter(props) {
|
26
|
-
var _urlState$split, _urlState, _urlState$split2;
|
26
|
+
var _ref3, _urlState$split, _urlState, _urlState$split2;
|
27
27
|
var column = props.column,
|
28
28
|
actionRef = props.actionRef,
|
29
29
|
switchCardView = props.switchCardView,
|
30
30
|
bindUrlProps = props.bindUrlProps,
|
31
31
|
bindUrl = props.bindUrl;
|
32
32
|
var _column$filtersWidth = column.filtersWidth,
|
33
|
-
filtersWidth = _column$filtersWidth === void 0 ? 130 : _column$filtersWidth
|
33
|
+
filtersWidth = _column$filtersWidth === void 0 ? 130 : _column$filtersWidth,
|
34
|
+
_column$defaultFilter = column.defaultFilterSelectedKeys,
|
35
|
+
defaultFilterSelectedKeys = _column$defaultFilter === void 0 ? [] : _column$defaultFilter;
|
34
36
|
var _ref = bindUrl ? useUrlState() : [],
|
35
37
|
_ref2 = _slicedToArray(_ref, 2),
|
36
38
|
urlState = _ref2[0],
|
37
39
|
setUrlState = _ref2[1];
|
38
40
|
// 选中过滤项
|
39
|
-
var _useState = useState((_urlState$split = urlState === null || urlState === void 0 ? void 0 : (_urlState = urlState["filter".concat(column === null || column === void 0 ? void 0 : column.dataIndex)]) === null || _urlState === void 0 ? void 0 : (_urlState$split2 = _urlState.split) === null || _urlState$split2 === void 0 ? void 0 : _urlState$split2.call(_urlState, ',')) !== null && _urlState$split !== void 0 ? _urlState$split : []),
|
41
|
+
var _useState = useState((_ref3 = (_urlState$split = urlState === null || urlState === void 0 ? void 0 : (_urlState = urlState["filter".concat(column === null || column === void 0 ? void 0 : column.dataIndex)]) === null || _urlState === void 0 ? void 0 : (_urlState$split2 = _urlState.split) === null || _urlState$split2 === void 0 ? void 0 : _urlState$split2.call(_urlState, ',')) !== null && _urlState$split !== void 0 ? _urlState$split : defaultFilterSelectedKeys) !== null && _ref3 !== void 0 ? _ref3 : []),
|
40
42
|
_useState2 = _slicedToArray(_useState, 2),
|
41
43
|
selected = _useState2[0],
|
42
44
|
setSelected = _useState2[1];
|
@@ -61,11 +63,11 @@ var Filter = function Filter(props) {
|
|
61
63
|
var filters = column.dataSource;
|
62
64
|
// 转换 valueEnum 为 options
|
63
65
|
if (!Array.isArray(column.dataSource)) {
|
64
|
-
filters = Object.entries(column.dataSource).map(function (
|
66
|
+
filters = Object.entries(column.dataSource).map(function (_ref4) {
|
65
67
|
var _nv$label, _nv$color;
|
66
|
-
var
|
67
|
-
k =
|
68
|
-
v =
|
68
|
+
var _ref5 = _slicedToArray(_ref4, 2),
|
69
|
+
k = _ref5[0],
|
70
|
+
v = _ref5[1];
|
69
71
|
var nv = v;
|
70
72
|
return _objectSpread(_objectSpread({
|
71
73
|
value: k
|
@@ -145,10 +147,10 @@ var Filter = function Filter(props) {
|
|
145
147
|
};
|
146
148
|
// 渲染单选
|
147
149
|
var renderSingle = function renderSingle() {
|
148
|
-
return filters === null || filters === void 0 ? void 0 : filters.map(function (
|
150
|
+
return filters === null || filters === void 0 ? void 0 : filters.map(function (_ref6) {
|
149
151
|
var _value$toString;
|
150
|
-
var label =
|
151
|
-
value =
|
152
|
+
var label = _ref6.label,
|
153
|
+
value = _ref6.value;
|
152
154
|
var valueStr = (_value$toString = value === null || value === void 0 ? void 0 : value.toString()) !== null && _value$toString !== void 0 ? _value$toString : '';
|
153
155
|
return /*#__PURE__*/React.createElement(RadioItem, {
|
154
156
|
id: valueStr,
|
@@ -168,10 +170,10 @@ var Filter = function Filter(props) {
|
|
168
170
|
};
|
169
171
|
// 渲染多选
|
170
172
|
var renderMultiple = function renderMultiple() {
|
171
|
-
return filters === null || filters === void 0 ? void 0 : filters.map(function (
|
173
|
+
return filters === null || filters === void 0 ? void 0 : filters.map(function (_ref7) {
|
172
174
|
var _value$toString2;
|
173
|
-
var label =
|
174
|
-
value =
|
175
|
+
var label = _ref7.label,
|
176
|
+
value = _ref7.value;
|
175
177
|
var valueStr = (_value$toString2 = value === null || value === void 0 ? void 0 : value.toString()) !== null && _value$toString2 !== void 0 ? _value$toString2 : '';
|
176
178
|
return /*#__PURE__*/React.createElement(CheckboxItem, {
|
177
179
|
key: valueStr,
|
@@ -124,11 +124,12 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
|
|
124
124
|
// 重置
|
125
125
|
var restColumns = function restColumns(e) {
|
126
126
|
e.stopPropagation();
|
127
|
-
var
|
127
|
+
var selectColumns = columns.map(function (item) {
|
128
128
|
return _objectSpread(_objectSpread({}, item), {}, {
|
129
129
|
columnFilters: (item === null || item === void 0 ? void 0 : item.columnFilters) === undefined ? true : item === null || item === void 0 ? void 0 : item.columnFilters
|
130
130
|
});
|
131
131
|
});
|
132
|
+
var keyNewColumns = processColumns(columns, selectColumns);
|
132
133
|
notifyTableRender(keyNewColumns);
|
133
134
|
};
|
134
135
|
// 修改
|
package/es/table/typing.d.ts
CHANGED
@@ -56,6 +56,8 @@ export declare type ProTableColumnProps = {
|
|
56
56
|
filters?: boolean | ProTableColumnsFilterItemProps[];
|
57
57
|
/** 表头的过滤菜单项过滤方式 single 单选 multiple 多选 */
|
58
58
|
filtersMode?: 'single' | 'multiple';
|
59
|
+
/** 表头的过滤菜单项默认值 */
|
60
|
+
defaultFilterSelectedKeys?: string[];
|
59
61
|
/** 表头的过滤菜单项在搜索之前的参数操作 */
|
60
62
|
beforeFilter?: (rules: string[]) => string;
|
61
63
|
/** 表头的过滤菜单宽度 */
|
@@ -42,8 +42,9 @@ function useTableSelection() {
|
|
42
42
|
var _config$selectedRowKe;
|
43
43
|
setSelectedRowKeys((_config$selectedRowKe = config === null || config === void 0 ? void 0 : config.selectedRowKeys) !== null && _config$selectedRowKe !== void 0 ? _config$selectedRowKe : []);
|
44
44
|
}, [config.selectedRowKeys]);
|
45
|
-
function _onChange(value, records) {
|
45
|
+
function _onChange(value, records, checked, record) {
|
46
46
|
if (primaryKey) {
|
47
|
+
var _config$onSelect;
|
47
48
|
var newValue = value.filter(function (v) {
|
48
49
|
return !selectedRowKeys.includes(v);
|
49
50
|
});
|
@@ -69,8 +70,11 @@ function useTableSelection() {
|
|
69
70
|
});
|
70
71
|
}
|
71
72
|
setSelectedRecords(nextSelectedRecords);
|
73
|
+
config === null || config === void 0 ? void 0 : (_config$onSelect = config.onSelect) === null || _config$onSelect === void 0 ? void 0 : _config$onSelect.call(config, checked, record, nextSelectedRecords);
|
72
74
|
} else {
|
75
|
+
var _config$onSelect2;
|
73
76
|
setSelectedRecords(records);
|
77
|
+
config === null || config === void 0 ? void 0 : (_config$onSelect2 = config.onSelect) === null || _config$onSelect2 === void 0 ? void 0 : _config$onSelect2.call(config, checked, record, records);
|
74
78
|
}
|
75
79
|
setSelectedRowKeys(value);
|
76
80
|
if (config.onChange) {
|
@@ -84,14 +88,12 @@ function useTableSelection() {
|
|
84
88
|
return /*#__PURE__*/React.createElement(Checkbox, _objectSpread({
|
85
89
|
checked: selectedRowKeys.includes(primaryKey),
|
86
90
|
onChange: function onChange(checked) {
|
87
|
-
var _config$onSelect;
|
88
|
-
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);
|
89
91
|
if (checked) {
|
90
|
-
_onChange === null || _onChange === void 0 ? void 0 : _onChange([].concat(_toConsumableArray(selectedRowKeys), [primaryKey]), [record]);
|
92
|
+
_onChange === null || _onChange === void 0 ? void 0 : _onChange([].concat(_toConsumableArray(selectedRowKeys), [primaryKey]), [record], checked, record);
|
91
93
|
} else {
|
92
94
|
_onChange === null || _onChange === void 0 ? void 0 : _onChange(selectedRowKeys.filter(function (item) {
|
93
95
|
return item !== primaryKey;
|
94
|
-
}), [record]);
|
96
|
+
}), [record], checked, record);
|
95
97
|
}
|
96
98
|
}
|
97
99
|
}, others));
|
package/lib/index.d.ts
CHANGED
@@ -30,5 +30,5 @@ export * from './sidebar';
|
|
30
30
|
export * from './utils';
|
31
31
|
export * from './timeline';
|
32
32
|
export * from './image';
|
33
|
-
declare const version = "1.5.
|
33
|
+
declare const version = "1.5.43";
|
34
34
|
export { version, ProAction, ProCard, ProField, ProForm, ProInfo, ProPageContainer, ProPageHeader, ProSkeleton, ProTable, ProSidebar, ProTimeline, TeamixIcon, ProImage, hooks, nocode, templates, utils, };
|
package/lib/index.js
CHANGED
@@ -299,7 +299,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
299
299
|
if (!((_window = window) === null || _window === void 0 ? void 0 : _window.TEAMIXPRO_WITHOUT_ICON)) {
|
300
300
|
_icon.default.setConfig(_utils.default.getTeamixIconConfig());
|
301
301
|
}
|
302
|
-
var version = '1.5.
|
302
|
+
var version = '1.5.43';
|
303
303
|
// By TeamixTest
|
304
304
|
exports.version = version;
|
305
305
|
window.postMessage({
|
@@ -32,20 +32,22 @@ var CheckboxItem = _components.Menu.CheckboxItem;
|
|
32
32
|
var cls = (0, _utils.usePrefixCls)('teamix-pro-table-toolbar-filter');
|
33
33
|
var RadioItem = _components.Menu.RadioItem;
|
34
34
|
var Filter = function Filter(props) {
|
35
|
-
var _urlState$split, _urlState, _urlState$split2;
|
35
|
+
var _ref3, _urlState$split, _urlState, _urlState$split2;
|
36
36
|
var column = props.column,
|
37
37
|
actionRef = props.actionRef,
|
38
38
|
switchCardView = props.switchCardView,
|
39
39
|
bindUrlProps = props.bindUrlProps,
|
40
40
|
bindUrl = props.bindUrl;
|
41
41
|
var _column$filtersWidth = column.filtersWidth,
|
42
|
-
filtersWidth = _column$filtersWidth === void 0 ? 130 : _column$filtersWidth
|
42
|
+
filtersWidth = _column$filtersWidth === void 0 ? 130 : _column$filtersWidth,
|
43
|
+
_column$defaultFilter = column.defaultFilterSelectedKeys,
|
44
|
+
defaultFilterSelectedKeys = _column$defaultFilter === void 0 ? [] : _column$defaultFilter;
|
43
45
|
var _ref = bindUrl ? (0, _hooks.useUrlState)() : [],
|
44
46
|
_ref2 = _slicedToArray(_ref, 2),
|
45
47
|
urlState = _ref2[0],
|
46
48
|
setUrlState = _ref2[1];
|
47
49
|
// 选中过滤项
|
48
|
-
var _useState = (0, _react.useState)((_urlState$split = urlState === null || urlState === void 0 ? void 0 : (_urlState = urlState["filter".concat(column === null || column === void 0 ? void 0 : column.dataIndex)]) === null || _urlState === void 0 ? void 0 : (_urlState$split2 = _urlState.split) === null || _urlState$split2 === void 0 ? void 0 : _urlState$split2.call(_urlState, ',')) !== null && _urlState$split !== void 0 ? _urlState$split : []),
|
50
|
+
var _useState = (0, _react.useState)((_ref3 = (_urlState$split = urlState === null || urlState === void 0 ? void 0 : (_urlState = urlState["filter".concat(column === null || column === void 0 ? void 0 : column.dataIndex)]) === null || _urlState === void 0 ? void 0 : (_urlState$split2 = _urlState.split) === null || _urlState$split2 === void 0 ? void 0 : _urlState$split2.call(_urlState, ',')) !== null && _urlState$split !== void 0 ? _urlState$split : defaultFilterSelectedKeys) !== null && _ref3 !== void 0 ? _ref3 : []),
|
49
51
|
_useState2 = _slicedToArray(_useState, 2),
|
50
52
|
selected = _useState2[0],
|
51
53
|
setSelected = _useState2[1];
|
@@ -70,11 +72,11 @@ var Filter = function Filter(props) {
|
|
70
72
|
var filters = column.dataSource;
|
71
73
|
// 转换 valueEnum 为 options
|
72
74
|
if (!Array.isArray(column.dataSource)) {
|
73
|
-
filters = Object.entries(column.dataSource).map(function (
|
75
|
+
filters = Object.entries(column.dataSource).map(function (_ref4) {
|
74
76
|
var _nv$label, _nv$color;
|
75
|
-
var
|
76
|
-
k =
|
77
|
-
v =
|
77
|
+
var _ref5 = _slicedToArray(_ref4, 2),
|
78
|
+
k = _ref5[0],
|
79
|
+
v = _ref5[1];
|
78
80
|
var nv = v;
|
79
81
|
return _objectSpread(_objectSpread({
|
80
82
|
value: k
|
@@ -154,10 +156,10 @@ var Filter = function Filter(props) {
|
|
154
156
|
};
|
155
157
|
// 渲染单选
|
156
158
|
var renderSingle = function renderSingle() {
|
157
|
-
return filters === null || filters === void 0 ? void 0 : filters.map(function (
|
159
|
+
return filters === null || filters === void 0 ? void 0 : filters.map(function (_ref6) {
|
158
160
|
var _value$toString;
|
159
|
-
var label =
|
160
|
-
value =
|
161
|
+
var label = _ref6.label,
|
162
|
+
value = _ref6.value;
|
161
163
|
var valueStr = (_value$toString = value === null || value === void 0 ? void 0 : value.toString()) !== null && _value$toString !== void 0 ? _value$toString : '';
|
162
164
|
return /*#__PURE__*/_react.default.createElement(RadioItem, {
|
163
165
|
id: valueStr,
|
@@ -177,10 +179,10 @@ var Filter = function Filter(props) {
|
|
177
179
|
};
|
178
180
|
// 渲染多选
|
179
181
|
var renderMultiple = function renderMultiple() {
|
180
|
-
return filters === null || filters === void 0 ? void 0 : filters.map(function (
|
182
|
+
return filters === null || filters === void 0 ? void 0 : filters.map(function (_ref7) {
|
181
183
|
var _value$toString2;
|
182
|
-
var label =
|
183
|
-
value =
|
184
|
+
var label = _ref7.label,
|
185
|
+
value = _ref7.value;
|
184
186
|
var valueStr = (_value$toString2 = value === null || value === void 0 ? void 0 : value.toString()) !== null && _value$toString2 !== void 0 ? _value$toString2 : '';
|
185
187
|
return /*#__PURE__*/_react.default.createElement(CheckboxItem, {
|
186
188
|
key: valueStr,
|
@@ -131,11 +131,12 @@ var FilterColumnIcon = function FilterColumnIcon(props) {
|
|
131
131
|
// 重置
|
132
132
|
var restColumns = function restColumns(e) {
|
133
133
|
e.stopPropagation();
|
134
|
-
var
|
134
|
+
var selectColumns = columns.map(function (item) {
|
135
135
|
return _objectSpread(_objectSpread({}, item), {}, {
|
136
136
|
columnFilters: (item === null || item === void 0 ? void 0 : item.columnFilters) === undefined ? true : item === null || item === void 0 ? void 0 : item.columnFilters
|
137
137
|
});
|
138
138
|
});
|
139
|
+
var keyNewColumns = processColumns(columns, selectColumns);
|
139
140
|
notifyTableRender(keyNewColumns);
|
140
141
|
};
|
141
142
|
// 修改
|
package/lib/table/typing.d.ts
CHANGED
@@ -56,6 +56,8 @@ export declare type ProTableColumnProps = {
|
|
56
56
|
filters?: boolean | ProTableColumnsFilterItemProps[];
|
57
57
|
/** 表头的过滤菜单项过滤方式 single 单选 multiple 多选 */
|
58
58
|
filtersMode?: 'single' | 'multiple';
|
59
|
+
/** 表头的过滤菜单项默认值 */
|
60
|
+
defaultFilterSelectedKeys?: string[];
|
59
61
|
/** 表头的过滤菜单项在搜索之前的参数操作 */
|
60
62
|
beforeFilter?: (rules: string[]) => string;
|
61
63
|
/** 表头的过滤菜单宽度 */
|
@@ -47,8 +47,9 @@ function useTableSelection() {
|
|
47
47
|
var _config$selectedRowKe;
|
48
48
|
setSelectedRowKeys((_config$selectedRowKe = config === null || config === void 0 ? void 0 : config.selectedRowKeys) !== null && _config$selectedRowKe !== void 0 ? _config$selectedRowKe : []);
|
49
49
|
}, [config.selectedRowKeys]);
|
50
|
-
function _onChange(value, records) {
|
50
|
+
function _onChange(value, records, checked, record) {
|
51
51
|
if (primaryKey) {
|
52
|
+
var _config$onSelect;
|
52
53
|
var newValue = value.filter(function (v) {
|
53
54
|
return !selectedRowKeys.includes(v);
|
54
55
|
});
|
@@ -74,8 +75,11 @@ function useTableSelection() {
|
|
74
75
|
});
|
75
76
|
}
|
76
77
|
setSelectedRecords(nextSelectedRecords);
|
78
|
+
config === null || config === void 0 ? void 0 : (_config$onSelect = config.onSelect) === null || _config$onSelect === void 0 ? void 0 : _config$onSelect.call(config, checked, record, nextSelectedRecords);
|
77
79
|
} else {
|
80
|
+
var _config$onSelect2;
|
78
81
|
setSelectedRecords(records);
|
82
|
+
config === null || config === void 0 ? void 0 : (_config$onSelect2 = config.onSelect) === null || _config$onSelect2 === void 0 ? void 0 : _config$onSelect2.call(config, checked, record, records);
|
79
83
|
}
|
80
84
|
setSelectedRowKeys(value);
|
81
85
|
if (config.onChange) {
|
@@ -89,14 +93,12 @@ function useTableSelection() {
|
|
89
93
|
return /*#__PURE__*/_react.default.createElement(_components.Checkbox, _objectSpread({
|
90
94
|
checked: selectedRowKeys.includes(primaryKey),
|
91
95
|
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);
|
94
96
|
if (checked) {
|
95
|
-
_onChange === null || _onChange === void 0 ? void 0 : _onChange([].concat(_toConsumableArray(selectedRowKeys), [primaryKey]), [record]);
|
97
|
+
_onChange === null || _onChange === void 0 ? void 0 : _onChange([].concat(_toConsumableArray(selectedRowKeys), [primaryKey]), [record], checked, record);
|
96
98
|
} else {
|
97
99
|
_onChange === null || _onChange === void 0 ? void 0 : _onChange(selectedRowKeys.filter(function (item) {
|
98
100
|
return item !== primaryKey;
|
99
|
-
}), [record]);
|
101
|
+
}), [record], checked, record);
|
100
102
|
}
|
101
103
|
}
|
102
104
|
}, others));
|