@zat-design/sisyphus-react 3.5.2 → 3.5.3-beta.2
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/es/ProForm/components/base/DatePicker/index.js +21 -3
- package/es/ProForm/utils/useShouldUpdate.js +3 -3
- package/es/ProTable/index.js +11 -6
- package/es/ProTable/utils.d.ts +1 -0
- package/es/ProTable/utils.js +9 -0
- package/es/ProTreeModal/components/Trigger.js +15 -9
- package/es/ProTreeModal/index.js +8 -0
- package/es/ProTreeModal/propsType.d.ts +1 -1
- package/lib/ProForm/components/base/DatePicker/index.js +20 -2
- package/lib/ProForm/utils/useShouldUpdate.js +3 -3
- package/lib/ProTable/index.js +10 -5
- package/lib/ProTable/utils.d.ts +1 -0
- package/lib/ProTable/utils.js +10 -1
- package/lib/ProTreeModal/components/Trigger.js +15 -9
- package/lib/ProTreeModal/index.js +9 -0
- package/lib/ProTreeModal/propsType.d.ts +1 -1
- package/package.json +1 -1
|
@@ -10,18 +10,19 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
10
10
|
* @Author: za-xuwenli xuwenli@zhongan.io
|
|
11
11
|
* @Date: 2024-01-19 18:27:41
|
|
12
12
|
* @LastEditors: za-xuwenli xuwenli@zhongan.io
|
|
13
|
-
* @LastEditTime: 2024-
|
|
13
|
+
* @LastEditTime: 2024-06-03 15:33:12
|
|
14
14
|
* @FilePath: /za-material-warehouse/src/ProForm/components/base/DatePicker/index.tsx
|
|
15
15
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|
16
16
|
*/
|
|
17
17
|
|
|
18
|
-
import { isFunction, isString, isObject, uniq } from 'lodash';
|
|
18
|
+
import { isFunction, isString, isObject, uniq, isBoolean } from 'lodash';
|
|
19
19
|
import classNames from 'classnames';
|
|
20
20
|
import moment from 'moment';
|
|
21
21
|
import { useProConfig } from '../../../../ProConfigProvider';
|
|
22
22
|
import ProForm from '../../../../ProForm';
|
|
23
23
|
import Container from '../../Container';
|
|
24
24
|
var DatePicker = function DatePicker(props) {
|
|
25
|
+
var _rest$showTime;
|
|
25
26
|
var className = props.className,
|
|
26
27
|
_props$format = props.format,
|
|
27
28
|
format = _props$format === void 0 ? 'YYYY-MM-DD' : _props$format,
|
|
@@ -60,10 +61,20 @@ var DatePicker = function DatePicker(props) {
|
|
|
60
61
|
children: viewChildren
|
|
61
62
|
});
|
|
62
63
|
}
|
|
64
|
+
var _defaultShowTime = {
|
|
65
|
+
format: 'HH:mm:ss'
|
|
66
|
+
};
|
|
63
67
|
// dateTime模式下默认开启time选择
|
|
64
68
|
var _rest = _objectSpread(_objectSpread({}, rest), {}, {
|
|
65
69
|
showTime: rest.showTime === undefined && valueType === 'dateTime' || rest.showTime
|
|
66
70
|
});
|
|
71
|
+
if (_rest.showTime && !isBoolean(_rest.showTime) && !Reflect.ownKeys((_rest$showTime = _rest.showTime) !== null && _rest$showTime !== void 0 ? _rest$showTime : {}).includes('format')) {
|
|
72
|
+
var _rest$showTime2;
|
|
73
|
+
_rest.showTime = _objectSpread(_objectSpread({}, (_rest$showTime2 = _rest.showTime) !== null && _rest$showTime2 !== void 0 ? _rest$showTime2 : {}), _defaultShowTime);
|
|
74
|
+
}
|
|
75
|
+
if (isBoolean(_rest.showTime)) {
|
|
76
|
+
_rest.showTime = _objectSpread({}, _defaultShowTime);
|
|
77
|
+
}
|
|
67
78
|
// 字符串时间格式兼容
|
|
68
79
|
if (isString(_rest.value)) {
|
|
69
80
|
_rest.value = moment(_rest.value);
|
|
@@ -71,9 +82,16 @@ var DatePicker = function DatePicker(props) {
|
|
|
71
82
|
if (['dateStartTime', 'dateEndTime'].includes(valueType) && rest.showTime === undefined) {
|
|
72
83
|
_rest.showTime = {
|
|
73
84
|
value: moment(valueType === 'dateStartTime' ? '00:00:00' : '23:59:59', 'HH:mm:ss'),
|
|
74
|
-
disabled: true
|
|
85
|
+
disabled: true,
|
|
86
|
+
_defaultShowTime: _defaultShowTime
|
|
75
87
|
};
|
|
76
88
|
}
|
|
89
|
+
if (isBoolean(_rest.showTime)) {
|
|
90
|
+
_rest.showTime = _objectSpread({}, _defaultShowTime);
|
|
91
|
+
}
|
|
92
|
+
if (isObject(_rest.showTime)) {
|
|
93
|
+
_rest.showTime = Object.assign(_defaultShowTime, _rest.showTime);
|
|
94
|
+
}
|
|
77
95
|
return _jsx(_DatePicker, _objectSpread(_objectSpread(_objectSpread({}, initialConfig), {}, {
|
|
78
96
|
format: _format
|
|
79
97
|
}, _rest), {}, {
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
2
1
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
2
|
import { useRef, useState } from 'react';
|
|
4
3
|
import { isFunction, isEqualWith } from 'lodash';
|
|
@@ -165,9 +164,10 @@ var useShouldUpdate = function useShouldUpdate(props) {
|
|
|
165
164
|
clearInterval(timerRef.current);
|
|
166
165
|
timerRef.current = setTimeout(function () {
|
|
167
166
|
if (Array.isArray(names)) {
|
|
168
|
-
form.resetFields(
|
|
167
|
+
form.resetFields(names);
|
|
169
168
|
} else {
|
|
170
|
-
|
|
169
|
+
var clearName = formItemProps.namePath ? formItemProps.namePath.slice(0, -1).concat(formItemProps.name) : formItemProps.name;
|
|
170
|
+
form.resetFields([clearName]);
|
|
171
171
|
}
|
|
172
172
|
}, 200);
|
|
173
173
|
} else {
|
package/es/ProTable/index.js
CHANGED
|
@@ -26,7 +26,7 @@ import useAntdTable from './useAntdTable';
|
|
|
26
26
|
import empty from '../assets/empty.png';
|
|
27
27
|
import resetSvg from '../assets/reset.svg';
|
|
28
28
|
import customColumnSvg from '../assets/customColumn.svg';
|
|
29
|
-
import { formatColumn, getColumnDataIndex } from './utils';
|
|
29
|
+
import { formatColumn, getColumnDataIndex, getRowKey } from './utils';
|
|
30
30
|
import locale from '../locale';
|
|
31
31
|
var defaultCacheTime = 1; // columns 配置保存时间为一天
|
|
32
32
|
// 全局上下文
|
|
@@ -82,7 +82,7 @@ function ProTable(props) {
|
|
|
82
82
|
rowKey = _ref3.rowKey;
|
|
83
83
|
var initDataSource = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
|
|
84
84
|
return _objectSpread(_objectSpread({}, item), {}, {
|
|
85
|
-
rowKey:
|
|
85
|
+
rowKey: getRowKey(rowKey, item)
|
|
86
86
|
});
|
|
87
87
|
});
|
|
88
88
|
var _useSetState = useSetState({
|
|
@@ -96,8 +96,13 @@ function ProTable(props) {
|
|
|
96
96
|
dataSource: initDataSource
|
|
97
97
|
});
|
|
98
98
|
}, [initDataSource]);
|
|
99
|
-
var
|
|
100
|
-
|
|
99
|
+
var _originalDataSource = originalDataSource === null || originalDataSource === void 0 ? void 0 : originalDataSource.map(function (item) {
|
|
100
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
|
101
|
+
rowKey: getRowKey(rowKey, item)
|
|
102
|
+
});
|
|
103
|
+
});
|
|
104
|
+
var originalObj = _originalDataSource ? keyBy(_originalDataSource, 'rowKey') : undefined;
|
|
105
|
+
var dataSourceObj = _dataSource ? keyBy(_dataSource, 'rowKey') : {};
|
|
101
106
|
var propsColumnObj = useMemo(function () {
|
|
102
107
|
return propsColumns.reduce(function (acc, cur) {
|
|
103
108
|
// @ts-ignore
|
|
@@ -188,7 +193,7 @@ function ProTable(props) {
|
|
|
188
193
|
return !(item === null || item === void 0 ? void 0 : item.delete);
|
|
189
194
|
});
|
|
190
195
|
newColumns === null || newColumns === void 0 ? void 0 : newColumns.forEach(function (item) {
|
|
191
|
-
formatColumn(item, originalObj, dataSourceObj, rowKey);
|
|
196
|
+
formatColumn(item, originalObj, dataSourceObj, 'rowKey');
|
|
192
197
|
});
|
|
193
198
|
return newColumns;
|
|
194
199
|
}, [curColumns, handleResize]);
|
|
@@ -427,7 +432,7 @@ function ProTable(props) {
|
|
|
427
432
|
return renderSummary();
|
|
428
433
|
} : summary,
|
|
429
434
|
rowClassName: function rowClassName(record, index) {
|
|
430
|
-
if (originalDataSource && !originalObj.hasOwnProperty(get(record, rowKey))) {
|
|
435
|
+
if (originalDataSource && !originalObj.hasOwnProperty(get(record, 'rowKey'))) {
|
|
431
436
|
return 'new-cell';
|
|
432
437
|
}
|
|
433
438
|
}
|
package/es/ProTable/utils.d.ts
CHANGED
package/es/ProTable/utils.js
CHANGED
|
@@ -396,4 +396,13 @@ export var getParentElement = function getParentElement(element, name) {
|
|
|
396
396
|
*/
|
|
397
397
|
export var isListResult = function isListResult(data) {
|
|
398
398
|
return data.hasOwnProperty('total') && data.hasOwnProperty('list');
|
|
399
|
+
};
|
|
400
|
+
export var getRowKey = function getRowKey(rowKey, record) {
|
|
401
|
+
// 默认取id
|
|
402
|
+
var key = record.rowKey || 'id';
|
|
403
|
+
if (rowKey) {
|
|
404
|
+
var _ref;
|
|
405
|
+
key = (_ref = typeof rowKey === 'function' ? rowKey(record) : record[rowKey]) !== null && _ref !== void 0 ? _ref : key;
|
|
406
|
+
}
|
|
407
|
+
return key;
|
|
399
408
|
};
|
|
@@ -32,10 +32,16 @@ function Trigger(props) {
|
|
|
32
32
|
var _ref = appointProps || {},
|
|
33
33
|
appointDisabled = _ref.disabled;
|
|
34
34
|
var _tempAppointDisabled = appointDisabled || false;
|
|
35
|
-
var
|
|
35
|
+
var _tempDisabled = disabled || false;
|
|
36
|
+
var _ref2 = Array.isArray(disabled) ? disabled : [_tempDisabled, _tempDisabled],
|
|
36
37
|
_ref3 = _slicedToArray(_ref2, 2),
|
|
37
|
-
|
|
38
|
-
|
|
38
|
+
beforeDisabled = _ref3[0],
|
|
39
|
+
afterDisabled = _ref3[1];
|
|
40
|
+
console.log('我瞅瞅beforeDisabled', beforeDisabled, afterDisabled);
|
|
41
|
+
var _ref4 = Array.isArray(appointDisabled) ? appointDisabled : [_tempAppointDisabled, _tempAppointDisabled],
|
|
42
|
+
_ref5 = _slicedToArray(_ref4, 2),
|
|
43
|
+
allDisabled = _ref5[0],
|
|
44
|
+
specifyDisabled = _ref5[1];
|
|
39
45
|
var _useSetState = useSetState({
|
|
40
46
|
mode: 'appoint'
|
|
41
47
|
}),
|
|
@@ -94,18 +100,18 @@ function Trigger(props) {
|
|
|
94
100
|
style: {
|
|
95
101
|
width: 'auto'
|
|
96
102
|
},
|
|
97
|
-
disabled:
|
|
103
|
+
disabled: beforeDisabled,
|
|
98
104
|
className: classNames(disabled ? 'trigger-no-hover' : '', appoint ? 'pro-tree-modal-input-appoint' : ''),
|
|
99
105
|
defaultValue: "appoint",
|
|
100
106
|
value: state.mode,
|
|
101
107
|
onChange: onAppointChange,
|
|
102
108
|
children: [_jsx(_Select.Option, {
|
|
103
109
|
value: "all",
|
|
104
|
-
disabled:
|
|
110
|
+
disabled: allDisabled,
|
|
105
111
|
children: locale === null || locale === void 0 ? void 0 : locale.ProTreeModal.specifyMode[0]
|
|
106
112
|
}), _jsx(_Select.Option, {
|
|
107
113
|
value: "appoint",
|
|
108
|
-
disabled:
|
|
114
|
+
disabled: specifyDisabled,
|
|
109
115
|
children: locale === null || locale === void 0 ? void 0 : locale.ProTreeModal.specifyMode[1]
|
|
110
116
|
})]
|
|
111
117
|
}), props.children]
|
|
@@ -115,7 +121,7 @@ function Trigger(props) {
|
|
|
115
121
|
};
|
|
116
122
|
return _jsx(TriggerComponent, {
|
|
117
123
|
children: _jsx(_Input, {
|
|
118
|
-
className: classNames(
|
|
124
|
+
className: classNames(afterDisabled ? 'trigger-no-hover' : '', appoint ? 'pro-tree-modal-input-appoint' : ''),
|
|
119
125
|
onClick: handleClick,
|
|
120
126
|
value: checkedValues.length === 0 ? null : state.mode === 'all' ? formatMessage(locale === null || locale === void 0 ? void 0 : locale.ProTreeModal.checkAll1, {
|
|
121
127
|
all: label
|
|
@@ -124,7 +130,7 @@ function Trigger(props) {
|
|
|
124
130
|
}),
|
|
125
131
|
addonAfter: state.mode === 'all' ? null : _jsxs("div", {
|
|
126
132
|
className: "pro-enum-input-addonAfter",
|
|
127
|
-
children: [checkedValues.length > 0 && !
|
|
133
|
+
children: [checkedValues.length > 0 && !afterDisabled && _jsx("span", {
|
|
128
134
|
className: "close-icon",
|
|
129
135
|
children: _jsx(CloseOutlined, {
|
|
130
136
|
onClick: handleClearAll
|
|
@@ -136,7 +142,7 @@ function Trigger(props) {
|
|
|
136
142
|
})]
|
|
137
143
|
}),
|
|
138
144
|
placeholder: locale === null || locale === void 0 ? void 0 : (_locale$ProTreeModal3 = locale.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.select,
|
|
139
|
-
disabled:
|
|
145
|
+
disabled: afterDisabled || state.mode === 'all',
|
|
140
146
|
style: _objectSpread({}, triggerStyle)
|
|
141
147
|
})
|
|
142
148
|
});
|
package/es/ProTreeModal/index.js
CHANGED
|
@@ -11,6 +11,14 @@ import _message from "antd/es/message";
|
|
|
11
11
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
12
12
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
13
13
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
14
|
+
/*
|
|
15
|
+
* @Author: za-xuwenli xuwenli@zhongan.io
|
|
16
|
+
* @Date: 2024-06-04 10:01:18
|
|
17
|
+
* @LastEditors: za-xuwenli xuwenli@zhongan.io
|
|
18
|
+
* @LastEditTime: 2024-06-04 10:30:30
|
|
19
|
+
* @FilePath: /za-material-warehouse/src/ProTreeModal/index.tsx
|
|
20
|
+
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|
21
|
+
*/
|
|
14
22
|
import React, { useEffect, useMemo, useRef } from 'react';
|
|
15
23
|
import { useDeepCompareEffect, useSetState, useRequest as useRequestFunc } from 'ahooks';
|
|
16
24
|
import { cloneDeep, isFunction } from 'lodash';
|
|
@@ -22,11 +22,12 @@ var _excluded = ["className", "format"];
|
|
|
22
22
|
* @Author: za-xuwenli xuwenli@zhongan.io
|
|
23
23
|
* @Date: 2024-01-19 18:27:41
|
|
24
24
|
* @LastEditors: za-xuwenli xuwenli@zhongan.io
|
|
25
|
-
* @LastEditTime: 2024-
|
|
25
|
+
* @LastEditTime: 2024-06-03 15:33:12
|
|
26
26
|
* @FilePath: /za-material-warehouse/src/ProForm/components/base/DatePicker/index.tsx
|
|
27
27
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|
28
28
|
*/
|
|
29
29
|
var DatePicker = function DatePicker(props) {
|
|
30
|
+
var _rest$showTime;
|
|
30
31
|
var className = props.className,
|
|
31
32
|
_props$format = props.format,
|
|
32
33
|
format = _props$format === void 0 ? 'YYYY-MM-DD' : _props$format,
|
|
@@ -65,10 +66,20 @@ var DatePicker = function DatePicker(props) {
|
|
|
65
66
|
children: viewChildren
|
|
66
67
|
});
|
|
67
68
|
}
|
|
69
|
+
var _defaultShowTime = {
|
|
70
|
+
format: 'HH:mm:ss'
|
|
71
|
+
};
|
|
68
72
|
// dateTime模式下默认开启time选择
|
|
69
73
|
var _rest = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
|
|
70
74
|
showTime: rest.showTime === undefined && valueType === 'dateTime' || rest.showTime
|
|
71
75
|
});
|
|
76
|
+
if (_rest.showTime && !(0, _lodash.isBoolean)(_rest.showTime) && !Reflect.ownKeys((_rest$showTime = _rest.showTime) !== null && _rest$showTime !== void 0 ? _rest$showTime : {}).includes('format')) {
|
|
77
|
+
var _rest$showTime2;
|
|
78
|
+
_rest.showTime = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (_rest$showTime2 = _rest.showTime) !== null && _rest$showTime2 !== void 0 ? _rest$showTime2 : {}), _defaultShowTime);
|
|
79
|
+
}
|
|
80
|
+
if ((0, _lodash.isBoolean)(_rest.showTime)) {
|
|
81
|
+
_rest.showTime = (0, _objectSpread2.default)({}, _defaultShowTime);
|
|
82
|
+
}
|
|
72
83
|
// 字符串时间格式兼容
|
|
73
84
|
if ((0, _lodash.isString)(_rest.value)) {
|
|
74
85
|
_rest.value = (0, _moment.default)(_rest.value);
|
|
@@ -76,9 +87,16 @@ var DatePicker = function DatePicker(props) {
|
|
|
76
87
|
if (['dateStartTime', 'dateEndTime'].includes(valueType) && rest.showTime === undefined) {
|
|
77
88
|
_rest.showTime = {
|
|
78
89
|
value: (0, _moment.default)(valueType === 'dateStartTime' ? '00:00:00' : '23:59:59', 'HH:mm:ss'),
|
|
79
|
-
disabled: true
|
|
90
|
+
disabled: true,
|
|
91
|
+
_defaultShowTime: _defaultShowTime
|
|
80
92
|
};
|
|
81
93
|
}
|
|
94
|
+
if ((0, _lodash.isBoolean)(_rest.showTime)) {
|
|
95
|
+
_rest.showTime = (0, _objectSpread2.default)({}, _defaultShowTime);
|
|
96
|
+
}
|
|
97
|
+
if ((0, _lodash.isObject)(_rest.showTime)) {
|
|
98
|
+
_rest.showTime = Object.assign(_defaultShowTime, _rest.showTime);
|
|
99
|
+
}
|
|
82
100
|
return (0, _jsxRuntime.jsx)(_antd.DatePicker, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, initialConfig), {}, {
|
|
83
101
|
format: _format
|
|
84
102
|
}, _rest), {}, {
|
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
9
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
9
|
var _react = require("react");
|
|
11
10
|
var _lodash = require("lodash");
|
|
@@ -172,9 +171,10 @@ var useShouldUpdate = function useShouldUpdate(props) {
|
|
|
172
171
|
clearInterval(timerRef.current);
|
|
173
172
|
timerRef.current = setTimeout(function () {
|
|
174
173
|
if (Array.isArray(names)) {
|
|
175
|
-
form.resetFields(
|
|
174
|
+
form.resetFields(names);
|
|
176
175
|
} else {
|
|
177
|
-
|
|
176
|
+
var clearName = formItemProps.namePath ? formItemProps.namePath.slice(0, -1).concat(formItemProps.name) : formItemProps.name;
|
|
177
|
+
form.resetFields([clearName]);
|
|
178
178
|
}
|
|
179
179
|
}, 200);
|
|
180
180
|
} else {
|
package/lib/ProTable/index.js
CHANGED
|
@@ -86,7 +86,7 @@ function ProTable(props) {
|
|
|
86
86
|
rowKey = _ref3.rowKey;
|
|
87
87
|
var initDataSource = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
|
|
88
88
|
return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, item), {}, {
|
|
89
|
-
rowKey:
|
|
89
|
+
rowKey: (0, _utils3.getRowKey)(rowKey, item)
|
|
90
90
|
});
|
|
91
91
|
});
|
|
92
92
|
var _useSetState = (0, _ahooks.useSetState)({
|
|
@@ -100,8 +100,13 @@ function ProTable(props) {
|
|
|
100
100
|
dataSource: initDataSource
|
|
101
101
|
});
|
|
102
102
|
}, [initDataSource]);
|
|
103
|
-
var
|
|
104
|
-
|
|
103
|
+
var _originalDataSource = originalDataSource === null || originalDataSource === void 0 ? void 0 : originalDataSource.map(function (item) {
|
|
104
|
+
return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, item), {}, {
|
|
105
|
+
rowKey: (0, _utils3.getRowKey)(rowKey, item)
|
|
106
|
+
});
|
|
107
|
+
});
|
|
108
|
+
var originalObj = _originalDataSource ? (0, _lodash.keyBy)(_originalDataSource, 'rowKey') : undefined;
|
|
109
|
+
var dataSourceObj = _dataSource ? (0, _lodash.keyBy)(_dataSource, 'rowKey') : {};
|
|
105
110
|
var propsColumnObj = (0, _react.useMemo)(function () {
|
|
106
111
|
return propsColumns.reduce(function (acc, cur) {
|
|
107
112
|
// @ts-ignore
|
|
@@ -192,7 +197,7 @@ function ProTable(props) {
|
|
|
192
197
|
return !(item === null || item === void 0 ? void 0 : item.delete);
|
|
193
198
|
});
|
|
194
199
|
newColumns === null || newColumns === void 0 ? void 0 : newColumns.forEach(function (item) {
|
|
195
|
-
(0, _utils3.formatColumn)(item, originalObj, dataSourceObj, rowKey);
|
|
200
|
+
(0, _utils3.formatColumn)(item, originalObj, dataSourceObj, 'rowKey');
|
|
196
201
|
});
|
|
197
202
|
return newColumns;
|
|
198
203
|
}, [curColumns, handleResize]);
|
|
@@ -431,7 +436,7 @@ function ProTable(props) {
|
|
|
431
436
|
return renderSummary();
|
|
432
437
|
} : summary,
|
|
433
438
|
rowClassName: function rowClassName(record, index) {
|
|
434
|
-
if (originalDataSource && !originalObj.hasOwnProperty((0, _lodash.get)(record, rowKey))) {
|
|
439
|
+
if (originalDataSource && !originalObj.hasOwnProperty((0, _lodash.get)(record, 'rowKey'))) {
|
|
435
440
|
return 'new-cell';
|
|
436
441
|
}
|
|
437
442
|
}
|
package/lib/ProTable/utils.d.ts
CHANGED
package/lib/ProTable/utils.js
CHANGED
|
@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.isListResult = exports.getParentElement = exports.getColumnDataIndex = exports.formatColumn = void 0;
|
|
7
|
+
exports.isListResult = exports.getRowKey = exports.getParentElement = exports.getColumnDataIndex = exports.formatColumn = void 0;
|
|
8
8
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
9
9
|
var _react = require("react");
|
|
10
10
|
var _moment15 = _interopRequireDefault(require("moment"));
|
|
@@ -403,4 +403,13 @@ var getParentElement = exports.getParentElement = function getParentElement(elem
|
|
|
403
403
|
*/
|
|
404
404
|
var isListResult = exports.isListResult = function isListResult(data) {
|
|
405
405
|
return data.hasOwnProperty('total') && data.hasOwnProperty('list');
|
|
406
|
+
};
|
|
407
|
+
var getRowKey = exports.getRowKey = function getRowKey(rowKey, record) {
|
|
408
|
+
// 默认取id
|
|
409
|
+
var key = record.rowKey || 'id';
|
|
410
|
+
if (rowKey) {
|
|
411
|
+
var _ref;
|
|
412
|
+
key = (_ref = typeof rowKey === 'function' ? rowKey(record) : record[rowKey]) !== null && _ref !== void 0 ? _ref : key;
|
|
413
|
+
}
|
|
414
|
+
return key;
|
|
406
415
|
};
|
|
@@ -35,10 +35,16 @@ function Trigger(props) {
|
|
|
35
35
|
var _ref = appointProps || {},
|
|
36
36
|
appointDisabled = _ref.disabled;
|
|
37
37
|
var _tempAppointDisabled = appointDisabled || false;
|
|
38
|
-
var
|
|
38
|
+
var _tempDisabled = disabled || false;
|
|
39
|
+
var _ref2 = Array.isArray(disabled) ? disabled : [_tempDisabled, _tempDisabled],
|
|
39
40
|
_ref3 = (0, _slicedToArray2.default)(_ref2, 2),
|
|
40
|
-
|
|
41
|
-
|
|
41
|
+
beforeDisabled = _ref3[0],
|
|
42
|
+
afterDisabled = _ref3[1];
|
|
43
|
+
console.log('我瞅瞅beforeDisabled', beforeDisabled, afterDisabled);
|
|
44
|
+
var _ref4 = Array.isArray(appointDisabled) ? appointDisabled : [_tempAppointDisabled, _tempAppointDisabled],
|
|
45
|
+
_ref5 = (0, _slicedToArray2.default)(_ref4, 2),
|
|
46
|
+
allDisabled = _ref5[0],
|
|
47
|
+
specifyDisabled = _ref5[1];
|
|
42
48
|
var _useSetState = (0, _ahooks.useSetState)({
|
|
43
49
|
mode: 'appoint'
|
|
44
50
|
}),
|
|
@@ -97,18 +103,18 @@ function Trigger(props) {
|
|
|
97
103
|
style: {
|
|
98
104
|
width: 'auto'
|
|
99
105
|
},
|
|
100
|
-
disabled:
|
|
106
|
+
disabled: beforeDisabled,
|
|
101
107
|
className: (0, _classnames.default)(disabled ? 'trigger-no-hover' : '', appoint ? 'pro-tree-modal-input-appoint' : ''),
|
|
102
108
|
defaultValue: "appoint",
|
|
103
109
|
value: state.mode,
|
|
104
110
|
onChange: onAppointChange,
|
|
105
111
|
children: [(0, _jsxRuntime.jsx)(_antd.Select.Option, {
|
|
106
112
|
value: "all",
|
|
107
|
-
disabled:
|
|
113
|
+
disabled: allDisabled,
|
|
108
114
|
children: _locale.default === null || _locale.default === void 0 ? void 0 : _locale.default.ProTreeModal.specifyMode[0]
|
|
109
115
|
}), (0, _jsxRuntime.jsx)(_antd.Select.Option, {
|
|
110
116
|
value: "appoint",
|
|
111
|
-
disabled:
|
|
117
|
+
disabled: specifyDisabled,
|
|
112
118
|
children: _locale.default === null || _locale.default === void 0 ? void 0 : _locale.default.ProTreeModal.specifyMode[1]
|
|
113
119
|
})]
|
|
114
120
|
}), props.children]
|
|
@@ -118,7 +124,7 @@ function Trigger(props) {
|
|
|
118
124
|
};
|
|
119
125
|
return (0, _jsxRuntime.jsx)(TriggerComponent, {
|
|
120
126
|
children: (0, _jsxRuntime.jsx)(_antd.Input, {
|
|
121
|
-
className: (0, _classnames.default)(
|
|
127
|
+
className: (0, _classnames.default)(afterDisabled ? 'trigger-no-hover' : '', appoint ? 'pro-tree-modal-input-appoint' : ''),
|
|
122
128
|
onClick: handleClick,
|
|
123
129
|
value: checkedValues.length === 0 ? null : state.mode === 'all' ? (0, _locale.formatMessage)(_locale.default === null || _locale.default === void 0 ? void 0 : _locale.default.ProTreeModal.checkAll1, {
|
|
124
130
|
all: label
|
|
@@ -127,7 +133,7 @@ function Trigger(props) {
|
|
|
127
133
|
}),
|
|
128
134
|
addonAfter: state.mode === 'all' ? null : (0, _jsxRuntime.jsxs)("div", {
|
|
129
135
|
className: "pro-enum-input-addonAfter",
|
|
130
|
-
children: [checkedValues.length > 0 && !
|
|
136
|
+
children: [checkedValues.length > 0 && !afterDisabled && (0, _jsxRuntime.jsx)("span", {
|
|
131
137
|
className: "close-icon",
|
|
132
138
|
children: (0, _jsxRuntime.jsx)(_icons.CloseOutlined, {
|
|
133
139
|
onClick: handleClearAll
|
|
@@ -139,7 +145,7 @@ function Trigger(props) {
|
|
|
139
145
|
})]
|
|
140
146
|
}),
|
|
141
147
|
placeholder: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTreeModal3 = _locale.default.ProTreeModal) === null || _locale$ProTreeModal3 === void 0 ? void 0 : _locale$ProTreeModal3.select,
|
|
142
|
-
disabled:
|
|
148
|
+
disabled: afterDisabled || state.mode === 'all',
|
|
143
149
|
style: (0, _objectSpread2.default)({}, triggerStyle)
|
|
144
150
|
})
|
|
145
151
|
});
|
|
@@ -23,6 +23,15 @@ var _utils = require("./utils");
|
|
|
23
23
|
var _inputSearch = _interopRequireDefault(require("../assets/input-search.svg"));
|
|
24
24
|
var _locale = _interopRequireWildcard(require("../locale"));
|
|
25
25
|
require("./style/index.less");
|
|
26
|
+
/*
|
|
27
|
+
* @Author: za-xuwenli xuwenli@zhongan.io
|
|
28
|
+
* @Date: 2024-06-04 10:01:18
|
|
29
|
+
* @LastEditors: za-xuwenli xuwenli@zhongan.io
|
|
30
|
+
* @LastEditTime: 2024-06-04 10:30:30
|
|
31
|
+
* @FilePath: /za-material-warehouse/src/ProTreeModal/index.tsx
|
|
32
|
+
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
|
33
|
+
*/
|
|
34
|
+
|
|
26
35
|
var LIST = 'LIST';
|
|
27
36
|
var TREE = 'TREE';
|
|
28
37
|
var CASCADER = exports.CASCADER = 'CASCADER';
|