@zat-design/sisyphus-react 3.13.18-beta.8 → 3.13.18-beta.9
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 +16 -32
- package/lib/ProForm/components/base/DatePicker/index.js +16 -32
- package/package.json +1 -1
- package/es/ProForm/components/base/DatePicker/useDateLimit.d.ts +0 -9
- package/es/ProForm/components/base/DatePicker/useDateLimit.js +0 -15
- package/lib/ProForm/components/base/DatePicker/useDateLimit.d.ts +0 -9
- package/lib/ProForm/components/base/DatePicker/useDateLimit.js +0 -22
@@ -1,10 +1,9 @@
|
|
1
1
|
import "antd/es/date-picker/style";
|
2
2
|
import _DatePicker from "antd/es/date-picker";
|
3
3
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
4
|
-
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
5
4
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
6
5
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
7
|
-
import
|
6
|
+
import _omit from "lodash/omit";
|
8
7
|
import _isObject from "lodash/isObject";
|
9
8
|
import _isString from "lodash/isString";
|
10
9
|
import _isFunction from "lodash/isFunction";
|
@@ -25,18 +24,11 @@ var DatePicker = function DatePicker(props) {
|
|
25
24
|
viewEmpty = _ref.viewEmpty,
|
26
25
|
valueType = _ref.valueType;
|
27
26
|
var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon; // 组件可直接接收isView参数, 优先级高
|
28
|
-
var initialConfig = useProConfig('DatePicker');
|
29
|
-
var
|
27
|
+
var initialConfig = useProConfig('DatePicker') || {};
|
28
|
+
var nextFormat = format;
|
29
|
+
var nextClassName = classNames(_defineProperty({
|
30
30
|
'full-form-item': true
|
31
31
|
}, className, !!className));
|
32
|
-
var _viewFormat = Array.isArray(format) ? format[0] : format;
|
33
|
-
var tempFormat = Array.isArray(format) ? format : [format];
|
34
|
-
if (_isFunction(format)) {
|
35
|
-
tempFormat = [];
|
36
|
-
}
|
37
|
-
var _format = _uniq([].concat(_toConsumableArray(tempFormat), ['YYYY-MM-DD', 'YYYYMMDD', 'YYYY/MM/DD', 'YYYY_MM_DD', 'YYYY.MM.DD'])).filter(function (formatKey) {
|
38
|
-
return !!formatKey;
|
39
|
-
});
|
40
32
|
if (isView) {
|
41
33
|
var value = rest.value;
|
42
34
|
var viewChildren = null;
|
@@ -47,38 +39,30 @@ var DatePicker = function DatePicker(props) {
|
|
47
39
|
} else if (_isFunction(format)) {
|
48
40
|
viewChildren = format(value);
|
49
41
|
} else if (_isString(value)) {
|
50
|
-
viewChildren = moment(value).format(
|
42
|
+
viewChildren = moment(value).format(format);
|
51
43
|
}
|
52
44
|
return _jsx(Container, {
|
53
45
|
viewEmpty: viewEmpty,
|
54
46
|
children: viewChildren
|
55
47
|
});
|
56
48
|
}
|
57
|
-
var _defaultShowTime = {
|
58
|
-
format: 'HH:mm:ss'
|
59
|
-
};
|
60
49
|
// dateTime模式下默认开启time选择
|
61
|
-
var
|
50
|
+
var restProps = _objectSpread({}, rest);
|
62
51
|
// showTime默认值受valueType属性影响
|
63
|
-
if (
|
64
|
-
|
65
|
-
|
66
|
-
|
52
|
+
if (restProps.showTime === false) {
|
53
|
+
restProps.showTime = false;
|
54
|
+
} else if (valueType === 'dateTime') {
|
55
|
+
restProps.showTime = true;
|
56
|
+
nextFormat = 'YYYY-MM-DD HH:mm:ss';
|
67
57
|
}
|
68
58
|
// 字符串时间格式兼容
|
69
|
-
if (_isString(
|
70
|
-
|
71
|
-
}
|
72
|
-
if (_rest.showTime === true) {
|
73
|
-
_rest.showTime = _objectSpread({}, _defaultShowTime);
|
74
|
-
}
|
75
|
-
if (_isObject(_rest.showTime)) {
|
76
|
-
_rest.showTime = Object.assign(_defaultShowTime, _rest.showTime);
|
59
|
+
if (_isString(restProps.value)) {
|
60
|
+
restProps.value = moment(restProps.value);
|
77
61
|
}
|
78
62
|
return _jsx(_DatePicker, _objectSpread(_objectSpread(_objectSpread({}, initialConfig), {}, {
|
79
|
-
format:
|
80
|
-
},
|
81
|
-
className:
|
63
|
+
format: nextFormat
|
64
|
+
}, _omit(restProps, ['otherProps'])), {}, {
|
65
|
+
className: nextClassName
|
82
66
|
}));
|
83
67
|
};
|
84
68
|
export default DatePicker;
|
@@ -8,10 +8,9 @@ exports.default = void 0;
|
|
8
8
|
require("antd/es/date-picker/style");
|
9
9
|
var _datePicker = _interopRequireDefault(require("antd/es/date-picker"));
|
10
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
11
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
12
11
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
13
12
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
14
|
-
var
|
13
|
+
var _omit2 = _interopRequireDefault(require("lodash/omit"));
|
15
14
|
var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
|
16
15
|
var _isString2 = _interopRequireDefault(require("lodash/isString"));
|
17
16
|
var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
|
@@ -32,18 +31,11 @@ var DatePicker = function DatePicker(props) {
|
|
32
31
|
viewEmpty = _ref.viewEmpty,
|
33
32
|
valueType = _ref.valueType;
|
34
33
|
var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon; // 组件可直接接收isView参数, 优先级高
|
35
|
-
var initialConfig = (0, _ProConfigProvider.useProConfig)('DatePicker');
|
36
|
-
var
|
34
|
+
var initialConfig = (0, _ProConfigProvider.useProConfig)('DatePicker') || {};
|
35
|
+
var nextFormat = format;
|
36
|
+
var nextClassName = (0, _classnames.default)((0, _defineProperty2.default)({
|
37
37
|
'full-form-item': true
|
38
38
|
}, className, !!className));
|
39
|
-
var _viewFormat = Array.isArray(format) ? format[0] : format;
|
40
|
-
var tempFormat = Array.isArray(format) ? format : [format];
|
41
|
-
if ((0, _isFunction2.default)(format)) {
|
42
|
-
tempFormat = [];
|
43
|
-
}
|
44
|
-
var _format = (0, _uniq2.default)([].concat((0, _toConsumableArray2.default)(tempFormat), ['YYYY-MM-DD', 'YYYYMMDD', 'YYYY/MM/DD', 'YYYY_MM_DD', 'YYYY.MM.DD'])).filter(function (formatKey) {
|
45
|
-
return !!formatKey;
|
46
|
-
});
|
47
39
|
if (isView) {
|
48
40
|
var value = rest.value;
|
49
41
|
var viewChildren = null;
|
@@ -54,38 +46,30 @@ var DatePicker = function DatePicker(props) {
|
|
54
46
|
} else if ((0, _isFunction2.default)(format)) {
|
55
47
|
viewChildren = format(value);
|
56
48
|
} else if ((0, _isString2.default)(value)) {
|
57
|
-
viewChildren = (0, _moment.default)(value).format(
|
49
|
+
viewChildren = (0, _moment.default)(value).format(format);
|
58
50
|
}
|
59
51
|
return (0, _jsxRuntime.jsx)(_Container.default, {
|
60
52
|
viewEmpty: viewEmpty,
|
61
53
|
children: viewChildren
|
62
54
|
});
|
63
55
|
}
|
64
|
-
var _defaultShowTime = {
|
65
|
-
format: 'HH:mm:ss'
|
66
|
-
};
|
67
56
|
// dateTime模式下默认开启time选择
|
68
|
-
var
|
57
|
+
var restProps = (0, _objectSpread2.default)({}, rest);
|
69
58
|
// showTime默认值受valueType属性影响
|
70
|
-
if (
|
71
|
-
|
72
|
-
|
73
|
-
|
59
|
+
if (restProps.showTime === false) {
|
60
|
+
restProps.showTime = false;
|
61
|
+
} else if (valueType === 'dateTime') {
|
62
|
+
restProps.showTime = true;
|
63
|
+
nextFormat = 'YYYY-MM-DD HH:mm:ss';
|
74
64
|
}
|
75
65
|
// 字符串时间格式兼容
|
76
|
-
if ((0, _isString2.default)(
|
77
|
-
|
78
|
-
}
|
79
|
-
if (_rest.showTime === true) {
|
80
|
-
_rest.showTime = (0, _objectSpread2.default)({}, _defaultShowTime);
|
81
|
-
}
|
82
|
-
if ((0, _isObject2.default)(_rest.showTime)) {
|
83
|
-
_rest.showTime = Object.assign(_defaultShowTime, _rest.showTime);
|
66
|
+
if ((0, _isString2.default)(restProps.value)) {
|
67
|
+
restProps.value = (0, _moment.default)(restProps.value);
|
84
68
|
}
|
85
69
|
return (0, _jsxRuntime.jsx)(_datePicker.default, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, initialConfig), {}, {
|
86
|
-
format:
|
87
|
-
},
|
88
|
-
className:
|
70
|
+
format: nextFormat
|
71
|
+
}, (0, _omit2.default)(restProps, ['otherProps'])), {}, {
|
72
|
+
className: nextClassName
|
89
73
|
}));
|
90
74
|
};
|
91
75
|
var _default = exports.default = DatePicker;
|
package/package.json
CHANGED
@@ -1,9 +0,0 @@
|
|
1
|
-
import { DurationInputArg1, DurationInputArg2, Moment } from 'moment';
|
2
|
-
interface Props {
|
3
|
-
range?: [Moment?, Moment?];
|
4
|
-
limit?: [DurationInputArg1, DurationInputArg2];
|
5
|
-
}
|
6
|
-
export declare const useDateLimit: (props: Props) => {
|
7
|
-
onCalendarChange: (val: any) => void;
|
8
|
-
};
|
9
|
-
export {};
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
2
|
-
import { useState } from 'react';
|
3
|
-
export var useDateLimit = function useDateLimit(props) {
|
4
|
-
var range = props.range,
|
5
|
-
limit = props.limit;
|
6
|
-
var _useState = useState(),
|
7
|
-
_useState2 = _slicedToArray(_useState, 2),
|
8
|
-
dates = _useState2[0],
|
9
|
-
setDates = _useState2[1];
|
10
|
-
return {
|
11
|
-
onCalendarChange: function onCalendarChange(val) {
|
12
|
-
return setDates(val);
|
13
|
-
}
|
14
|
-
};
|
15
|
-
};
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import { DurationInputArg1, DurationInputArg2, Moment } from 'moment';
|
2
|
-
interface Props {
|
3
|
-
range?: [Moment?, Moment?];
|
4
|
-
limit?: [DurationInputArg1, DurationInputArg2];
|
5
|
-
}
|
6
|
-
export declare const useDateLimit: (props: Props) => {
|
7
|
-
onCalendarChange: (val: any) => void;
|
8
|
-
};
|
9
|
-
export {};
|
@@ -1,22 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.useDateLimit = void 0;
|
8
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
9
|
-
var _react = require("react");
|
10
|
-
var useDateLimit = exports.useDateLimit = function useDateLimit(props) {
|
11
|
-
var range = props.range,
|
12
|
-
limit = props.limit;
|
13
|
-
var _useState = (0, _react.useState)(),
|
14
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
15
|
-
dates = _useState2[0],
|
16
|
-
setDates = _useState2[1];
|
17
|
-
return {
|
18
|
-
onCalendarChange: function onCalendarChange(val) {
|
19
|
-
return setDates(val);
|
20
|
-
}
|
21
|
-
};
|
22
|
-
};
|