@zgfe/business-lib 1.2.51-ljy.22 → 1.2.51-ljy.25
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/datePickerOld/datePicker.js +2 -2
- package/es/datePickerOld/demo/customType.js +3 -9
- package/es/datePickerOld/demo/index.js +28 -3
- package/es/datePickerOld/shortcut.js +26 -4
- package/es/datePickerOld/styles/index.less +13 -0
- package/es/datePickerOld/utils.js +2 -2
- package/package.json +2 -2
|
@@ -13,7 +13,7 @@ import { DatePickerTypes } from './types';
|
|
|
13
13
|
import locale from 'antd/es/date-picker/locale/zh_CN';
|
|
14
14
|
import DatePickerContext from './context';
|
|
15
15
|
import BizGlobalDataContext from '../context';
|
|
16
|
-
import {
|
|
16
|
+
import { isTodayInRange } from './utils';
|
|
17
17
|
import _ from 'lodash';
|
|
18
18
|
var RangePicker = DatePicker.RangePicker;
|
|
19
19
|
var BizDateBeyondRange = false;
|
|
@@ -135,7 +135,7 @@ var BizDate = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
135
135
|
if (includeToday && value && value.length === 2 && isTodayInRange(value[0], value[1])) {
|
|
136
136
|
subtractDays = 1;
|
|
137
137
|
}
|
|
138
|
-
if (value && value.length === 2 && moment(_.cloneDeep(value[1]).subtract(subtractDays, 'days').format('YYYY-MM-DD')).diff(moment(value[0].format('YYYY-MM-DD')), selectRangeUnit || 'months')
|
|
138
|
+
if (value && value.length === 2 && moment(_.cloneDeep(value[1]).subtract(subtractDays, 'days').format('YYYY-MM-DD')).diff(moment(value[0].format('YYYY-MM-DD')), selectRangeUnit || 'months') > (selectRange ? selectRange : 12)) {
|
|
139
139
|
BizDateBeyondRange = true;
|
|
140
140
|
return;
|
|
141
141
|
}
|
|
@@ -7,7 +7,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
7
7
|
import React, { useState } from 'react';
|
|
8
8
|
import { BizDatePicker } from '@zgfe/business-lib';
|
|
9
9
|
import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
|
|
10
|
-
import {
|
|
10
|
+
import { Switch } from 'antd';
|
|
11
11
|
export default (function () {
|
|
12
12
|
var _useState = useState({
|
|
13
13
|
begin: '2022-05-03',
|
|
@@ -27,16 +27,10 @@ export default (function () {
|
|
|
27
27
|
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "\u5305\u542B\u300C\u4ECA\u5929\u300D: ", /*#__PURE__*/React.createElement(Switch, {
|
|
28
28
|
defaultChecked: includeToday,
|
|
29
29
|
onChange: setIncludeToday
|
|
30
|
-
})), /*#__PURE__*/React.createElement(
|
|
31
|
-
onChange: handleChange,
|
|
32
|
-
dateTypeList: ['week', 'month', 'quarter', 'custom'],
|
|
33
|
-
includeToday: includeToday,
|
|
34
|
-
defaultValue: time
|
|
35
|
-
}), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(BizDatePicker, {
|
|
30
|
+
})), /*#__PURE__*/React.createElement(BizDatePicker, {
|
|
36
31
|
onChange: handleChange,
|
|
37
32
|
dateTypeList: ['week', 'month', 'quarter'],
|
|
38
|
-
|
|
39
|
-
selectRange: 400,
|
|
33
|
+
selectRange: 365,
|
|
40
34
|
selectRangeUnit: 'days',
|
|
41
35
|
includeToday: includeToday,
|
|
42
36
|
defaultValue: time
|
|
@@ -9,6 +9,7 @@ import React, { useState } from 'react';
|
|
|
9
9
|
import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
|
|
10
10
|
import { Divider, Space, Switch } from 'antd';
|
|
11
11
|
import { DatePickerTypes } from '../types';
|
|
12
|
+
import moment from 'moment';
|
|
12
13
|
export default (function () {
|
|
13
14
|
var _useState = useState({
|
|
14
15
|
begin: '2024-07-01',
|
|
@@ -24,19 +25,43 @@ export default (function () {
|
|
|
24
25
|
includeToday = _useState4[0],
|
|
25
26
|
setIncludeToday = _useState4[1];
|
|
26
27
|
var handleChange = function handleChange(data) {
|
|
27
|
-
setTime(
|
|
28
|
-
return data;
|
|
29
|
-
});
|
|
28
|
+
setTime(data);
|
|
30
29
|
};
|
|
30
|
+
console.log(moment().subtract(360, 'days').format('YYYY-MM-DD'));
|
|
31
|
+
function calculateTimeUnits(selectRange, selectRangeUnit, currentType) {
|
|
32
|
+
var duration = moment.duration(1, currentType);
|
|
33
|
+
switch (selectRangeUnit) {
|
|
34
|
+
case 'days':
|
|
35
|
+
duration.add(selectRange, 'days');
|
|
36
|
+
break;
|
|
37
|
+
case 'weeks':
|
|
38
|
+
duration.add(selectRange, 'weeks');
|
|
39
|
+
break;
|
|
40
|
+
case 'months':
|
|
41
|
+
duration.add(selectRange, 'months');
|
|
42
|
+
break;
|
|
43
|
+
case 'quarter':
|
|
44
|
+
duration.add(selectRange * 3, 'months');
|
|
45
|
+
break;
|
|
46
|
+
default:
|
|
47
|
+
break;
|
|
48
|
+
}
|
|
49
|
+
var result = duration.get(currentType);
|
|
50
|
+
return result;
|
|
51
|
+
}
|
|
52
|
+
console.log(calculateTimeUnits(365, 'days', 'weeks'));
|
|
31
53
|
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Space, {
|
|
32
54
|
direction: "vertical"
|
|
33
55
|
}, /*#__PURE__*/React.createElement("div", null, "\u5305\u542B\u300C\u4ECA\u5929\u300D: ", /*#__PURE__*/React.createElement(Switch, {
|
|
34
56
|
defaultChecked: includeToday,
|
|
35
57
|
onChange: setIncludeToday
|
|
36
58
|
})), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(BizDatePickerOld, {
|
|
59
|
+
includeToday: includeToday,
|
|
37
60
|
value: time,
|
|
38
61
|
defaultValue: time,
|
|
39
62
|
dateTypeList: [DatePickerTypes.Unit.hour, DatePickerTypes.Unit.day, DatePickerTypes.Unit.week, DatePickerTypes.Unit.month, DatePickerTypes.Unit.quarter, DatePickerTypes.Unit.custom],
|
|
63
|
+
selectRange: 365,
|
|
64
|
+
selectRangeUnit: "days",
|
|
40
65
|
onChange: handleChange
|
|
41
66
|
}), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C\uFF1A", JSON.stringify(time))));
|
|
42
67
|
});
|
|
@@ -34,6 +34,10 @@ var PickerShortcut = function PickerShortcut(_ref) {
|
|
|
34
34
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
35
35
|
numbers = _useState4[0],
|
|
36
36
|
setNumbers = _useState4[1];
|
|
37
|
+
var _useState5 = useState(false),
|
|
38
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
39
|
+
isError = _useState6[0],
|
|
40
|
+
setIsError = _useState6[1];
|
|
37
41
|
useEffect(function () {
|
|
38
42
|
list = getTypeList(currentType, includeToday);
|
|
39
43
|
if (relative) {
|
|
@@ -46,10 +50,21 @@ var PickerShortcut = function PickerShortcut(_ref) {
|
|
|
46
50
|
if (envs === null || envs === void 0 ? void 0 : envs.timeRangeOpen) {
|
|
47
51
|
_timeRangeOpen = typeof (envs === null || envs === void 0 ? void 0 : envs.timeRangeOpen) === 'boolean' ? (envs === null || envs === void 0 ? void 0 : envs.timeRangeOpen) ? 200 : 12 : envs === null || envs === void 0 ? void 0 : envs.timeRangeOpen;
|
|
48
52
|
}
|
|
49
|
-
|
|
50
|
-
var
|
|
51
|
-
var
|
|
52
|
-
var max =
|
|
53
|
+
_timeRangeOpen = moment.duration(_timeRangeOpen, 'months').asDays();
|
|
54
|
+
var selectRangeCount = moment.duration(selectRange, selectRangeUnit).asDays();
|
|
55
|
+
var count = selectRange ? _timeRangeOpen > selectRangeCount ? selectRangeCount : _timeRangeOpen : _timeRangeOpen;
|
|
56
|
+
var max = moment.duration(count, 'days').asDays();
|
|
57
|
+
var duration = moment.duration(count, 'days');
|
|
58
|
+
switch (currentType) {
|
|
59
|
+
case 'week':
|
|
60
|
+
max = Math.round(duration.asWeeks());
|
|
61
|
+
break;
|
|
62
|
+
case 'month':
|
|
63
|
+
max = Math.round(duration.asMonths());
|
|
64
|
+
break;
|
|
65
|
+
default:
|
|
66
|
+
break;
|
|
67
|
+
}
|
|
53
68
|
return max;
|
|
54
69
|
}
|
|
55
70
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -72,6 +87,7 @@ var PickerShortcut = function PickerShortcut(_ref) {
|
|
|
72
87
|
}, /*#__PURE__*/React.createElement("div", {
|
|
73
88
|
className: "".concat(classPrefix, "-list-relative-content")
|
|
74
89
|
}, /*#__PURE__*/React.createElement("span", null, "\u8FD1"), /*#__PURE__*/React.createElement(InputNumber, {
|
|
90
|
+
className: isError ? "".concat(classPrefix, "-input-error") : '',
|
|
75
91
|
min: 1,
|
|
76
92
|
max: getMax(),
|
|
77
93
|
controls: false,
|
|
@@ -81,11 +97,17 @@ var PickerShortcut = function PickerShortcut(_ref) {
|
|
|
81
97
|
value: numbers,
|
|
82
98
|
onChange: function onChange(value) {
|
|
83
99
|
return setNumbers(value);
|
|
100
|
+
},
|
|
101
|
+
onBlur: function onBlur() {
|
|
102
|
+
if (numbers) {
|
|
103
|
+
setIsError(false);
|
|
104
|
+
}
|
|
84
105
|
}
|
|
85
106
|
}), /*#__PURE__*/React.createElement("span", null, Reflect.get(DateOptionMap, currentType))), /*#__PURE__*/React.createElement(Button, {
|
|
86
107
|
type: "primary",
|
|
87
108
|
onClick: function onClick() {
|
|
88
109
|
if (!numbers) {
|
|
110
|
+
setIsError(true);
|
|
89
111
|
return;
|
|
90
112
|
}
|
|
91
113
|
var date = getDateRange(currentType, numbers, includeToday);
|
|
@@ -137,6 +137,19 @@
|
|
|
137
137
|
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
|
|
138
138
|
}
|
|
139
139
|
}
|
|
140
|
+
|
|
141
|
+
&-error {
|
|
142
|
+
position: relative;
|
|
143
|
+
border: 1px solid var(--io-Error-E-, #fb5547) !important;
|
|
144
|
+
|
|
145
|
+
&::after {
|
|
146
|
+
position: absolute;
|
|
147
|
+
width: 67px;
|
|
148
|
+
color: red;
|
|
149
|
+
font-size: 12px;
|
|
150
|
+
content: '请输入内容';
|
|
151
|
+
}
|
|
152
|
+
}
|
|
140
153
|
}
|
|
141
154
|
|
|
142
155
|
&-panel {
|
|
@@ -16,11 +16,11 @@ function getAbsoluteDate(unit, count, maxDate) {
|
|
|
16
16
|
break;
|
|
17
17
|
case DatePickerTypes.Unit.month:
|
|
18
18
|
res.endDate = maxDate;
|
|
19
|
-
res.startDate = moment(maxDate).subtract(count, 'months').toDate();
|
|
19
|
+
res.startDate = moment(maxDate).subtract(count, 'months').add(1, 'days').toDate();
|
|
20
20
|
break;
|
|
21
21
|
case DatePickerTypes.Unit.quarter:
|
|
22
22
|
res.endDate = maxDate;
|
|
23
|
-
res.startDate = moment(maxDate).subtract(count, 'quarters').toDate();
|
|
23
|
+
res.startDate = moment(maxDate).subtract(count, 'quarters').add(1, 'days').toDate();
|
|
24
24
|
break;
|
|
25
25
|
}
|
|
26
26
|
return res;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zgfe/business-lib",
|
|
3
|
-
"version": "1.2.51-ljy.
|
|
3
|
+
"version": "1.2.51-ljy.25",
|
|
4
4
|
"module": "es/index.js",
|
|
5
5
|
"typings": "es/index.d.ts",
|
|
6
6
|
"files": [
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"react": "^16.12.0 || ^17.0.0",
|
|
56
56
|
"yorkie": "^2.0.0"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "994b542b22fd4b9d51a83dbebd7962140971c8d8",
|
|
59
59
|
"gitHooks": {
|
|
60
60
|
"pre-commit": "lint-staged"
|
|
61
61
|
}
|