@zat-design/sisyphus-react 3.5.5-beta.3 → 3.5.5-beta.5
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/ProEditTable/components/RenderField/index.js +1 -1
- package/es/ProEditTable/propsType.d.ts +3 -1
- package/es/ProForm/components/base/DatePicker/index.js +7 -10
- package/es/ProForm/components/base/RangePicker/index.js +22 -12
- package/es/ProForm/components/render/ConfirmWrapper.js +1 -0
- package/es/ProForm/utils/valueType.js +3 -3
- package/lib/ProEditTable/components/RenderField/index.js +1 -1
- package/lib/ProEditTable/propsType.d.ts +3 -1
- package/lib/ProForm/components/base/DatePicker/index.js +7 -10
- package/lib/ProForm/components/base/RangePicker/index.js +21 -11
- package/lib/ProForm/components/render/ConfirmWrapper.js +1 -0
- package/lib/ProForm/utils/valueType.js +3 -3
- package/package.json +2 -2
|
@@ -29,7 +29,7 @@ import { FieldProvider } from '../../../ProForm/utils/useFieldProps';
|
|
|
29
29
|
import { useListChanged } from '../../../ProForm/utils/useListChanged';
|
|
30
30
|
import useRules from '../../../ProForm/utils/useRules';
|
|
31
31
|
import { isSelect, isTrim } from '../../../ProForm/utils';
|
|
32
|
-
import ConfirmWrapper from '
|
|
32
|
+
import ConfirmWrapper from '../../../ProForm/components/render/ConfirmWrapper';
|
|
33
33
|
var RenderField = function RenderField(_ref) {
|
|
34
34
|
var _type, _type$replace, _fieldProps2, _names, _TargetComponent4, _componentProps, _componentProps2;
|
|
35
35
|
var value = _ref.text,
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ModalFuncProps } from 'antd';
|
|
1
2
|
import { Key, ReactNode } from 'react';
|
|
2
3
|
import { DragEndEvent } from '@dnd-kit/core';
|
|
3
4
|
import type { ButtonProps } from 'antd/es/button';
|
|
@@ -5,7 +6,7 @@ import type { TooltipProps } from 'antd/es/tooltip';
|
|
|
5
6
|
import type { NamePath } from 'antd/es/form/interface';
|
|
6
7
|
import type { ColumnType, TableProps } from 'antd/es/table';
|
|
7
8
|
import type { FormInstance, FormItemProps } from 'antd/es/form';
|
|
8
|
-
import type { ProRule } from '../ProForm/propsType';
|
|
9
|
+
import type { FunctionArgs, ProRule } from '../ProForm/propsType';
|
|
9
10
|
import { ProFormValueType, ColumnPropsMap } from '../ProForm/components/render/propsType';
|
|
10
11
|
export type ActionType = 'edit' | 'delete' | 'save' | 'cancel' | 'add' | 'mulDelete' | 'custom';
|
|
11
12
|
export type ShowFunction<T> = (record?: T, options?: {
|
|
@@ -98,6 +99,7 @@ export interface ProColumnsProps<Values = any, T = any> extends Omit<FormItemPro
|
|
|
98
99
|
viewRender?: string | number | ReactNode | viewRenderFn<T>;
|
|
99
100
|
hiddenNames?: NamePath[] | NamePath[][];
|
|
100
101
|
rules?: ProRule[] | RulesFn<T>;
|
|
102
|
+
confirm?: boolean | ModalFuncProps | FunctionArgs<Values, boolean | ModalFuncProps | void>;
|
|
101
103
|
[key: string]: any;
|
|
102
104
|
}
|
|
103
105
|
export type ProEditTableColumnsProps<K = any> = ProColumnsProps & ColumnPropsMap<K, 'ProEditTable'>;
|
|
@@ -64,20 +64,17 @@ var DatePicker = function DatePicker(props) {
|
|
|
64
64
|
format: 'HH:mm:ss'
|
|
65
65
|
};
|
|
66
66
|
// dateTime模式下默认开启time选择
|
|
67
|
-
var _rest = _objectSpread(
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
var _rest = _objectSpread({}, rest);
|
|
68
|
+
// showTime默认值受valueType属性影响
|
|
69
|
+
if (rest.showTime === undefined) {
|
|
70
|
+
if (valueType === 'dateTime') {
|
|
71
|
+
_rest.showTime = true;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
70
74
|
// 字符串时间格式兼容
|
|
71
75
|
if (isString(_rest.value)) {
|
|
72
76
|
_rest.value = moment(_rest.value);
|
|
73
77
|
}
|
|
74
|
-
if (['dateStartTime', 'dateEndTime'].includes(valueType) && rest.showTime === undefined) {
|
|
75
|
-
_rest.showTime = {
|
|
76
|
-
value: moment(valueType === 'dateStartTime' ? '00:00:00' : '23:59:59', 'HH:mm:ss'),
|
|
77
|
-
disabled: true,
|
|
78
|
-
_defaultShowTime: _defaultShowTime
|
|
79
|
-
};
|
|
80
|
-
}
|
|
81
78
|
if (_rest.showTime === true) {
|
|
82
79
|
_rest.showTime = _objectSpread({}, _defaultShowTime);
|
|
83
80
|
}
|
|
@@ -15,7 +15,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
15
15
|
*/
|
|
16
16
|
// @ts-check
|
|
17
17
|
|
|
18
|
-
import { isFunction, isString, omit, uniq } from 'lodash';
|
|
18
|
+
import { isFunction, isObject, isString, omit, uniq } from 'lodash';
|
|
19
19
|
import moment from 'moment';
|
|
20
20
|
import { useProConfig } from '../../../../ProConfigProvider';
|
|
21
21
|
import ProForm from '../../../../ProForm';
|
|
@@ -41,12 +41,19 @@ var RangePicker = function RangePicker(props) {
|
|
|
41
41
|
disabledDate: rest.disabledDate
|
|
42
42
|
});
|
|
43
43
|
var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon;
|
|
44
|
-
var
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
var _rest = _objectSpread({}, rest);
|
|
45
|
+
// showTime默认值受valueType属性影响
|
|
46
|
+
if (rest.showTime === undefined) {
|
|
47
|
+
if (valueType === 'dateTime') {
|
|
48
|
+
_rest.showTime = true;
|
|
49
|
+
}
|
|
50
|
+
if (valueType === 'dateStartEndTime') {
|
|
51
|
+
_rest.showTime = false;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
47
54
|
// 字符串时间格式兼容
|
|
48
|
-
if (Array.isArray(
|
|
49
|
-
|
|
55
|
+
if (Array.isArray(_rest.value) && isString(_rest.value[0]) && isString(_rest.value[1])) {
|
|
56
|
+
_rest.value = [moment(_rest.value[0]), moment(_rest.value[1])];
|
|
50
57
|
}
|
|
51
58
|
var _viewFormat = Array.isArray(format) ? format[0] : format;
|
|
52
59
|
var tempFormat = Array.isArray(format) ? format : [format];
|
|
@@ -57,11 +64,11 @@ var RangePicker = function RangePicker(props) {
|
|
|
57
64
|
return !!formatKey;
|
|
58
65
|
});
|
|
59
66
|
var _defaultShowTime = {
|
|
60
|
-
format: '
|
|
67
|
+
format: 'HH:mm:ss'
|
|
61
68
|
};
|
|
62
69
|
if (isView) {
|
|
63
|
-
var
|
|
64
|
-
value =
|
|
70
|
+
var _rest$value = _rest.value,
|
|
71
|
+
value = _rest$value === void 0 ? [] : _rest$value;
|
|
65
72
|
var viewChildren = null;
|
|
66
73
|
if (!value || !value[0] || !value[1]) {
|
|
67
74
|
viewChildren = null;
|
|
@@ -83,10 +90,13 @@ var RangePicker = function RangePicker(props) {
|
|
|
83
90
|
children: viewChildren
|
|
84
91
|
});
|
|
85
92
|
}
|
|
86
|
-
if (
|
|
87
|
-
|
|
93
|
+
if (_rest.showTime === true) {
|
|
94
|
+
_rest.showTime = _objectSpread({}, _defaultShowTime);
|
|
95
|
+
}
|
|
96
|
+
if (isObject(_rest.showTime)) {
|
|
97
|
+
_rest.showTime = Object.assign(_defaultShowTime, _rest.showTime);
|
|
88
98
|
}
|
|
89
|
-
return _jsx(AntRangePicker, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, initialConfig), omit(
|
|
99
|
+
return _jsx(AntRangePicker, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, initialConfig), omit(_rest, ['separator'])), rangeRegulator), {}, {
|
|
90
100
|
format: _format
|
|
91
101
|
}));
|
|
92
102
|
};
|
|
@@ -133,7 +133,7 @@ var dateTransform = function dateTransform(_ref2) {
|
|
|
133
133
|
if (_valueType === 'dateStartTime') {
|
|
134
134
|
result = transformDate({
|
|
135
135
|
type: 'DatePicker',
|
|
136
|
-
format: 'YYYY-MM-DD
|
|
136
|
+
format: 'YYYY-MM-DD',
|
|
137
137
|
valueType: newValueType,
|
|
138
138
|
timeType: 'startTime'
|
|
139
139
|
});
|
|
@@ -141,7 +141,7 @@ var dateTransform = function dateTransform(_ref2) {
|
|
|
141
141
|
if (_valueType === 'dateEndTime') {
|
|
142
142
|
result = transformDate({
|
|
143
143
|
type: 'DatePicker',
|
|
144
|
-
format: 'YYYY-MM-DD
|
|
144
|
+
format: 'YYYY-MM-DD',
|
|
145
145
|
valueType: newValueType,
|
|
146
146
|
timeType: 'endTime'
|
|
147
147
|
});
|
|
@@ -165,7 +165,7 @@ var dateTransform = function dateTransform(_ref2) {
|
|
|
165
165
|
if (_valueType === 'dateStartEndTime') {
|
|
166
166
|
result = transformDate({
|
|
167
167
|
type: 'RangePicker',
|
|
168
|
-
format: 'YYYY-MM-DD
|
|
168
|
+
format: 'YYYY-MM-DD',
|
|
169
169
|
valueType: newValueType,
|
|
170
170
|
timeType: 'startEndTime'
|
|
171
171
|
});
|
|
@@ -29,7 +29,7 @@ var _useFieldProps = require("../../../ProForm/utils/useFieldProps");
|
|
|
29
29
|
var _useListChanged3 = require("../../../ProForm/utils/useListChanged");
|
|
30
30
|
var _useRules = _interopRequireDefault(require("../../../ProForm/utils/useRules"));
|
|
31
31
|
var _utils = require("../../../ProForm/utils");
|
|
32
|
-
var _ConfirmWrapper = _interopRequireDefault(require("
|
|
32
|
+
var _ConfirmWrapper = _interopRequireDefault(require("../../../ProForm/components/render/ConfirmWrapper"));
|
|
33
33
|
var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "equalWith", "className", "trim", "confirm"];
|
|
34
34
|
/* eslint-disable prefer-destructuring */
|
|
35
35
|
/* eslint-disable prefer-const */
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ModalFuncProps } from 'antd';
|
|
1
2
|
import { Key, ReactNode } from 'react';
|
|
2
3
|
import { DragEndEvent } from '@dnd-kit/core';
|
|
3
4
|
import type { ButtonProps } from 'antd/es/button';
|
|
@@ -5,7 +6,7 @@ import type { TooltipProps } from 'antd/es/tooltip';
|
|
|
5
6
|
import type { NamePath } from 'antd/es/form/interface';
|
|
6
7
|
import type { ColumnType, TableProps } from 'antd/es/table';
|
|
7
8
|
import type { FormInstance, FormItemProps } from 'antd/es/form';
|
|
8
|
-
import type { ProRule } from '../ProForm/propsType';
|
|
9
|
+
import type { FunctionArgs, ProRule } from '../ProForm/propsType';
|
|
9
10
|
import { ProFormValueType, ColumnPropsMap } from '../ProForm/components/render/propsType';
|
|
10
11
|
export type ActionType = 'edit' | 'delete' | 'save' | 'cancel' | 'add' | 'mulDelete' | 'custom';
|
|
11
12
|
export type ShowFunction<T> = (record?: T, options?: {
|
|
@@ -98,6 +99,7 @@ export interface ProColumnsProps<Values = any, T = any> extends Omit<FormItemPro
|
|
|
98
99
|
viewRender?: string | number | ReactNode | viewRenderFn<T>;
|
|
99
100
|
hiddenNames?: NamePath[] | NamePath[][];
|
|
100
101
|
rules?: ProRule[] | RulesFn<T>;
|
|
102
|
+
confirm?: boolean | ModalFuncProps | FunctionArgs<Values, boolean | ModalFuncProps | void>;
|
|
101
103
|
[key: string]: any;
|
|
102
104
|
}
|
|
103
105
|
export type ProEditTableColumnsProps<K = any> = ProColumnsProps & ColumnPropsMap<K, 'ProEditTable'>;
|
|
@@ -69,20 +69,17 @@ var DatePicker = function DatePicker(props) {
|
|
|
69
69
|
format: 'HH:mm:ss'
|
|
70
70
|
};
|
|
71
71
|
// dateTime模式下默认开启time选择
|
|
72
|
-
var _rest = (0, _objectSpread2.default)(
|
|
73
|
-
|
|
74
|
-
|
|
72
|
+
var _rest = (0, _objectSpread2.default)({}, rest);
|
|
73
|
+
// showTime默认值受valueType属性影响
|
|
74
|
+
if (rest.showTime === undefined) {
|
|
75
|
+
if (valueType === 'dateTime') {
|
|
76
|
+
_rest.showTime = true;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
75
79
|
// 字符串时间格式兼容
|
|
76
80
|
if ((0, _lodash.isString)(_rest.value)) {
|
|
77
81
|
_rest.value = (0, _moment.default)(_rest.value);
|
|
78
82
|
}
|
|
79
|
-
if (['dateStartTime', 'dateEndTime'].includes(valueType) && rest.showTime === undefined) {
|
|
80
|
-
_rest.showTime = {
|
|
81
|
-
value: (0, _moment.default)(valueType === 'dateStartTime' ? '00:00:00' : '23:59:59', 'HH:mm:ss'),
|
|
82
|
-
disabled: true,
|
|
83
|
-
_defaultShowTime: _defaultShowTime
|
|
84
|
-
};
|
|
85
|
-
}
|
|
86
83
|
if (_rest.showTime === true) {
|
|
87
84
|
_rest.showTime = (0, _objectSpread2.default)({}, _defaultShowTime);
|
|
88
85
|
}
|
|
@@ -46,12 +46,19 @@ var RangePicker = function RangePicker(props) {
|
|
|
46
46
|
disabledDate: rest.disabledDate
|
|
47
47
|
});
|
|
48
48
|
var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon;
|
|
49
|
-
var
|
|
50
|
-
|
|
51
|
-
|
|
49
|
+
var _rest = (0, _objectSpread2.default)({}, rest);
|
|
50
|
+
// showTime默认值受valueType属性影响
|
|
51
|
+
if (rest.showTime === undefined) {
|
|
52
|
+
if (valueType === 'dateTime') {
|
|
53
|
+
_rest.showTime = true;
|
|
54
|
+
}
|
|
55
|
+
if (valueType === 'dateStartEndTime') {
|
|
56
|
+
_rest.showTime = false;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
52
59
|
// 字符串时间格式兼容
|
|
53
|
-
if (Array.isArray(
|
|
54
|
-
|
|
60
|
+
if (Array.isArray(_rest.value) && (0, _lodash.isString)(_rest.value[0]) && (0, _lodash.isString)(_rest.value[1])) {
|
|
61
|
+
_rest.value = [(0, _moment.default)(_rest.value[0]), (0, _moment.default)(_rest.value[1])];
|
|
55
62
|
}
|
|
56
63
|
var _viewFormat = Array.isArray(format) ? format[0] : format;
|
|
57
64
|
var tempFormat = Array.isArray(format) ? format : [format];
|
|
@@ -62,11 +69,11 @@ var RangePicker = function RangePicker(props) {
|
|
|
62
69
|
return !!formatKey;
|
|
63
70
|
});
|
|
64
71
|
var _defaultShowTime = {
|
|
65
|
-
format: '
|
|
72
|
+
format: 'HH:mm:ss'
|
|
66
73
|
};
|
|
67
74
|
if (isView) {
|
|
68
|
-
var
|
|
69
|
-
value =
|
|
75
|
+
var _rest$value = _rest.value,
|
|
76
|
+
value = _rest$value === void 0 ? [] : _rest$value;
|
|
70
77
|
var viewChildren = null;
|
|
71
78
|
if (!value || !value[0] || !value[1]) {
|
|
72
79
|
viewChildren = null;
|
|
@@ -88,10 +95,13 @@ var RangePicker = function RangePicker(props) {
|
|
|
88
95
|
children: viewChildren
|
|
89
96
|
});
|
|
90
97
|
}
|
|
91
|
-
if (
|
|
92
|
-
|
|
98
|
+
if (_rest.showTime === true) {
|
|
99
|
+
_rest.showTime = (0, _objectSpread2.default)({}, _defaultShowTime);
|
|
100
|
+
}
|
|
101
|
+
if ((0, _lodash.isObject)(_rest.showTime)) {
|
|
102
|
+
_rest.showTime = Object.assign(_defaultShowTime, _rest.showTime);
|
|
93
103
|
}
|
|
94
|
-
return (0, _jsxRuntime.jsx)(AntRangePicker, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, initialConfig), (0, _lodash.omit)(
|
|
104
|
+
return (0, _jsxRuntime.jsx)(AntRangePicker, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, initialConfig), (0, _lodash.omit)(_rest, ['separator'])), rangeRegulator), {}, {
|
|
95
105
|
format: _format
|
|
96
106
|
}));
|
|
97
107
|
};
|
|
@@ -140,7 +140,7 @@ var dateTransform = function dateTransform(_ref2) {
|
|
|
140
140
|
if (_valueType === 'dateStartTime') {
|
|
141
141
|
result = transformDate({
|
|
142
142
|
type: 'DatePicker',
|
|
143
|
-
format: 'YYYY-MM-DD
|
|
143
|
+
format: 'YYYY-MM-DD',
|
|
144
144
|
valueType: newValueType,
|
|
145
145
|
timeType: 'startTime'
|
|
146
146
|
});
|
|
@@ -148,7 +148,7 @@ var dateTransform = function dateTransform(_ref2) {
|
|
|
148
148
|
if (_valueType === 'dateEndTime') {
|
|
149
149
|
result = transformDate({
|
|
150
150
|
type: 'DatePicker',
|
|
151
|
-
format: 'YYYY-MM-DD
|
|
151
|
+
format: 'YYYY-MM-DD',
|
|
152
152
|
valueType: newValueType,
|
|
153
153
|
timeType: 'endTime'
|
|
154
154
|
});
|
|
@@ -172,7 +172,7 @@ var dateTransform = function dateTransform(_ref2) {
|
|
|
172
172
|
if (_valueType === 'dateStartEndTime') {
|
|
173
173
|
result = transformDate({
|
|
174
174
|
type: 'RangePicker',
|
|
175
|
-
format: 'YYYY-MM-DD
|
|
175
|
+
format: 'YYYY-MM-DD',
|
|
176
176
|
valueType: newValueType,
|
|
177
177
|
timeType: 'startEndTime'
|
|
178
178
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zat-design/sisyphus-react",
|
|
3
|
-
"version": "3.5.5-beta.
|
|
3
|
+
"version": "3.5.5-beta.5",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"@dnd-kit/sortable": "^7.0.2",
|
|
59
59
|
"@dnd-kit/utilities": "^3.2.1",
|
|
60
60
|
"@pansy/react-watermark": "^3.1.13",
|
|
61
|
-
"@zat-design/utils": "^1.1.
|
|
61
|
+
"@zat-design/utils": "^1.1.28",
|
|
62
62
|
"ahooks": "3.7.4",
|
|
63
63
|
"antd": "4.24.8",
|
|
64
64
|
"big.js": "^6.2.1",
|