@zgfe/business-lib 1.2.51-ht.1 → 1.2.51-ljy.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.
Files changed (39) hide show
  1. package/es/assets/colorIcon/demo_index.html +4 -717
  2. package/es/assets/colorIcon/iconfont.css +4 -128
  3. package/es/assets/colorIcon/iconfont.js +16 -16
  4. package/es/assets/colorIcon/iconfont.json +0 -217
  5. package/es/assets/colorIcon/iconfont.svg +0 -62
  6. package/es/assets/colorIcon/iconfont.ttf +0 -0
  7. package/es/assets/colorIcon/iconfont.woff +0 -0
  8. package/es/assets/colorIcon/iconfont.woff2 +0 -0
  9. package/es/assets/iconfont/demo_index.html +118 -3
  10. package/es/assets/iconfont/iconfont.css +23 -3
  11. package/es/assets/iconfont/iconfont.js +7 -7
  12. package/es/assets/iconfont/iconfont.json +35 -0
  13. package/es/assets/iconfont/iconfont.ttf +0 -0
  14. package/es/assets/iconfont/iconfont.woff +0 -0
  15. package/es/assets/iconfont/iconfont.woff2 +0 -0
  16. package/es/datePickerOld/context.d.ts +15 -0
  17. package/es/datePickerOld/context.js +3 -0
  18. package/es/datePickerOld/datePicker.d.ts +8 -0
  19. package/es/datePickerOld/datePicker.js +151 -0
  20. package/es/datePickerOld/demo/customType.d.ts +4 -0
  21. package/es/datePickerOld/demo/customType.js +44 -0
  22. package/es/datePickerOld/demo/day.d.ts +4 -0
  23. package/es/datePickerOld/demo/day.js +48 -0
  24. package/es/datePickerOld/demo/index.d.ts +4 -0
  25. package/es/datePickerOld/demo/index.js +41 -0
  26. package/es/datePickerOld/index.d.ts +6 -0
  27. package/es/datePickerOld/index.js +238 -0
  28. package/es/datePickerOld/popoverContent.d.ts +11 -0
  29. package/es/datePickerOld/popoverContent.js +48 -0
  30. package/es/datePickerOld/shortcut.d.ts +7 -0
  31. package/es/datePickerOld/shortcut.js +121 -0
  32. package/es/datePickerOld/styles/index.less +165 -0
  33. package/es/datePickerOld/types.d.ts +39 -0
  34. package/es/datePickerOld/types.js +12 -0
  35. package/es/datePickerOld/utils.d.ts +9 -0
  36. package/es/datePickerOld/utils.js +129 -0
  37. package/es/index.d.ts +2 -1
  38. package/es/index.js +2 -1
  39. package/package.json +3 -3
@@ -5,6 +5,41 @@
5
5
  "css_prefix_text": "",
6
6
  "description": "诸葛业务平台",
7
7
  "glyphs": [
8
+ {
9
+ "icon_id": "41262540",
10
+ "name": "时间",
11
+ "font_class": "shijian",
12
+ "unicode": "e7cd",
13
+ "unicode_decimal": 59341
14
+ },
15
+ {
16
+ "icon_id": "41262538",
17
+ "name": "日历",
18
+ "font_class": "rili",
19
+ "unicode": "e7ce",
20
+ "unicode_decimal": 59342
21
+ },
22
+ {
23
+ "icon_id": "41262539",
24
+ "name": "日历-2",
25
+ "font_class": "rili-2",
26
+ "unicode": "e7cc",
27
+ "unicode_decimal": 59340
28
+ },
29
+ {
30
+ "icon_id": "41214661",
31
+ "name": "鸿蒙",
32
+ "font_class": "hongmeng",
33
+ "unicode": "e64a",
34
+ "unicode_decimal": 58954
35
+ },
36
+ {
37
+ "icon_id": "41211242",
38
+ "name": "其他",
39
+ "font_class": "qita",
40
+ "unicode": "e649",
41
+ "unicode_decimal": 58953
42
+ },
8
43
  {
9
44
  "icon_id": "41170258",
10
45
  "name": "结束",
Binary file
Binary file
Binary file
@@ -0,0 +1,15 @@
1
+ import { Dispatch, SetStateAction } from 'react';
2
+ import { DatePickerTypes } from './types';
3
+ export interface DatePickerContextProps {
4
+ dateRange?: DatePickerTypes.Range;
5
+ setDateRange?: (range: DatePickerTypes.Range) => void;
6
+ includeToday?: boolean;
7
+ mode?: DatePickerTypes.Props['mode'];
8
+ currentType?: DatePickerTypes.Unit;
9
+ relative?: [number, number];
10
+ setRelative?: (relative?: [number, number]) => void;
11
+ setOpen?: Dispatch<SetStateAction<boolean>>;
12
+ setLabel?: Dispatch<SetStateAction<string>>;
13
+ }
14
+ declare const DatePickerContext: import("react").Context<DatePickerContextProps>;
15
+ export default DatePickerContext;
@@ -0,0 +1,3 @@
1
+ import { createContext } from 'react';
2
+ var DatePickerContext = /*#__PURE__*/createContext({});
3
+ export default DatePickerContext;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ declare const BizDate: React.ForwardRefExoticComponent<{
3
+ selectRange?: number | undefined;
4
+ timeRangeOpen?: number | undefined;
5
+ selectRangeUnit?: "quarter" | "months" | "weeks" | "days" | undefined;
6
+ onOpenChange?: ((data: boolean) => void) | undefined;
7
+ } & React.RefAttributes<any>>;
8
+ export default BizDate;
@@ -0,0 +1,151 @@
1
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
4
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
5
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
6
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
+ import { DatePicker, message } from 'antd';
8
+ import moment from 'moment';
9
+ import React, { useContext, useState, useEffect, useImperativeHandle } from 'react';
10
+ import { classPrefix } from '.';
11
+ import IconFont from '../icon/iconFont';
12
+ import { DatePickerTypes } from './types';
13
+ import locale from 'antd/es/date-picker/locale/zh_CN';
14
+ import DatePickerContext from './context';
15
+ import BizGlobalDataContext from '../context';
16
+ import { isTodayInRange } from './utils';
17
+ import _ from 'lodash';
18
+ var RangePicker = DatePicker.RangePicker;
19
+ var BizDateBeyondRange = false;
20
+ var BizDate = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
21
+ var selectRange = _ref.selectRange,
22
+ selectRangeUnit = _ref.selectRangeUnit,
23
+ _onOpenChange = _ref.onOpenChange,
24
+ timeRangeOpen = _ref.timeRangeOpen;
25
+ var _useContext = useContext(DatePickerContext),
26
+ includeToday = _useContext.includeToday,
27
+ currentType = _useContext.currentType,
28
+ dateRange = _useContext.dateRange,
29
+ setRelative = _useContext.setRelative;
30
+ var _useContext2 = useContext(BizGlobalDataContext),
31
+ envs = _useContext2.envs;
32
+ function disabledDate(current) {
33
+ var step = includeToday ? 0 : 1;
34
+ var max = moment().subtract(step, 'days');
35
+ var _timeRangeOpen = timeRangeOpen || 12;
36
+ if (envs === null || envs === void 0 ? void 0 : envs.timeRangeOpen) {
37
+ _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;
38
+ }
39
+ var min = moment(max).subtract(_timeRangeOpen, 'month');
40
+ return current > max || current < min;
41
+ }
42
+ var _useState = useState(),
43
+ _useState2 = _slicedToArray(_useState, 2),
44
+ value = _useState2[0],
45
+ setValue = _useState2[1];
46
+ var _useState3 = useState('个月'),
47
+ _useState4 = _slicedToArray(_useState3, 2),
48
+ selectRangeUnitText = _useState4[0],
49
+ setSelectRangeUnitText = _useState4[1];
50
+ useEffect(function () {
51
+ if (selectRangeUnit) {
52
+ switch (selectRangeUnit) {
53
+ case 'days':
54
+ setSelectRangeUnitText('天');
55
+ break;
56
+ case 'weeks':
57
+ setSelectRangeUnitText('周');
58
+ break;
59
+ case 'months':
60
+ setSelectRangeUnitText('个月');
61
+ break;
62
+ case 'quarter':
63
+ setSelectRangeUnitText('个季度');
64
+ break;
65
+ }
66
+ }
67
+ }, [selectRangeUnit]);
68
+ useImperativeHandle(ref, function () {
69
+ return {
70
+ getDateValue: function getDateValue() {
71
+ if (setRelative) setRelative(undefined);
72
+ return value;
73
+ }
74
+ };
75
+ });
76
+ if (!dateRange) {
77
+ return /*#__PURE__*/React.createElement(DatePicker, {
78
+ disabled: true
79
+ });
80
+ }
81
+ return /*#__PURE__*/React.createElement("div", {
82
+ className: "".concat(classPrefix, "-panel")
83
+ }, currentType === DatePickerTypes.Unit.hour ? /*#__PURE__*/React.createElement(DatePicker, {
84
+ value: moment(dateRange.begin, 'YYYY-MM-DD'),
85
+ allowClear: false,
86
+ inputReadOnly: true,
87
+ popupClassName: "".concat(classPrefix, "-drop"),
88
+ locale: locale,
89
+ showToday: false,
90
+ placement: "bottomLeft",
91
+ getPopupContainer: function getPopupContainer(trigger) {
92
+ return trigger.parentNode;
93
+ },
94
+ placeholder: "\u81EA\u5B9A\u4E49",
95
+ suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
96
+ type: 'shijian1'
97
+ }),
98
+ disabledDate: disabledDate,
99
+ open: true,
100
+ onChange: function onChange(date) {
101
+ if (date) {
102
+ setValue({
103
+ begin: date.format('YYYY-MM-DD'),
104
+ end: date.format('YYYY-MM-DD')
105
+ });
106
+ }
107
+ }
108
+ }) : /*#__PURE__*/React.createElement(RangePicker, {
109
+ value: [moment(dateRange.begin, 'YYYY-MM-DD'), moment(dateRange.end, 'YYYY-MM-DD')],
110
+ allowClear: false,
111
+ popupClassName: "".concat(classPrefix, "-drop"),
112
+ inputReadOnly: true,
113
+ locale: locale,
114
+ placement: "bottomLeft",
115
+ separator: '至',
116
+ suffixIcon: /*#__PURE__*/React.createElement(IconFont, {
117
+ type: 'shijian1'
118
+ }),
119
+ format: 'YYYY-MM-DD',
120
+ disabledDate: disabledDate,
121
+ open: true,
122
+ getPopupContainer: function getPopupContainer(trigger) {
123
+ return trigger.parentNode;
124
+ },
125
+ onOpenChange: function onOpenChange(open) {
126
+ if (BizDateBeyondRange) {
127
+ message.error("\u65F6\u95F4\u6BB5\u6700\u5927\u652F\u6301".concat(selectRange ? selectRange : 12).concat(selectRangeUnitText));
128
+ BizDateBeyondRange = false;
129
+ }
130
+ _onOpenChange && _onOpenChange(open);
131
+ },
132
+ onChange: function onChange(value) {
133
+ var subtractDays = 0;
134
+ if (includeToday && value && value.length === 2 && isTodayInRange(value[0], value[1])) {
135
+ subtractDays = 1;
136
+ }
137
+ 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)) {
138
+ BizDateBeyondRange = true;
139
+ return;
140
+ }
141
+ if (value && value.length === 2) {
142
+ BizDateBeyondRange = false;
143
+ setValue({
144
+ begin: value[0].format('YYYY-MM-DD'),
145
+ end: value[1].format('YYYY-MM-DD')
146
+ });
147
+ }
148
+ }
149
+ }));
150
+ });
151
+ export default BizDate;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
3
+ declare const _default: () => React.JSX.Element;
4
+ export default _default;
@@ -0,0 +1,44 @@
1
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
4
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
5
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
6
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
+ import React, { useState } from 'react';
8
+ import { BizDatePicker } from '@zgfe/business-lib';
9
+ import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
10
+ import { Divider, Switch } from 'antd';
11
+ export default (function () {
12
+ var _useState = useState({
13
+ begin: '2022-05-03',
14
+ end: '2022-05-30',
15
+ relative: [0, 1]
16
+ }),
17
+ _useState2 = _slicedToArray(_useState, 2),
18
+ time = _useState2[0],
19
+ setTime = _useState2[1];
20
+ var _useState3 = useState(false),
21
+ _useState4 = _slicedToArray(_useState3, 2),
22
+ includeToday = _useState4[0],
23
+ setIncludeToday = _useState4[1];
24
+ var handleChange = function handleChange(data) {
25
+ setTime(data);
26
+ };
27
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "\u5305\u542B\u300C\u4ECA\u5929\u300D: ", /*#__PURE__*/React.createElement(Switch, {
28
+ defaultChecked: includeToday,
29
+ onChange: setIncludeToday
30
+ })), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(BizDatePicker, {
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, {
36
+ onChange: handleChange,
37
+ dateTypeList: ['week', 'month', 'quarter'],
38
+ timeRangeOpen: 14,
39
+ selectRange: 400,
40
+ selectRangeUnit: 'days',
41
+ includeToday: includeToday,
42
+ defaultValue: time
43
+ }), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C\uFF1A", JSON.stringify(time)));
44
+ });
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
3
+ declare const _default: () => React.JSX.Element;
4
+ export default _default;
@@ -0,0 +1,48 @@
1
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
4
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
5
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
6
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
+ import { BizDatePicker } from '@zgfe/business-lib';
8
+ import React, { useState } from 'react';
9
+ import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
10
+ import { Button, Divider, Space, Switch } from 'antd';
11
+ export default (function () {
12
+ var _useState = useState({
13
+ unit: 'day',
14
+ begin: '2022-05-03',
15
+ end: '2022-05-30',
16
+ relative: [0, 1]
17
+ }),
18
+ _useState2 = _slicedToArray(_useState, 2),
19
+ time = _useState2[0],
20
+ setTime = _useState2[1];
21
+ var aaa = {
22
+ unit: 'week',
23
+ relative: [7, 1]
24
+ };
25
+ var _useState3 = useState(false),
26
+ _useState4 = _slicedToArray(_useState3, 2),
27
+ includeToday = _useState4[0],
28
+ setIncludeToday = _useState4[1];
29
+ var handleChange = function handleChange(data) {
30
+ setTime(data);
31
+ };
32
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Button, {
33
+ onClick: function onClick() {
34
+ return setTime(aaa);
35
+ }
36
+ }, "\u624B\u52A8\u8BBE\u7F6E\u65F6\u95F4"), /*#__PURE__*/React.createElement("span", null, JSON.stringify(aaa))), /*#__PURE__*/React.createElement("div", null, "\u5305\u542B\u300C\u4ECA\u5929\u300D: ", /*#__PURE__*/React.createElement(Switch, {
37
+ defaultChecked: includeToday,
38
+ onChange: setIncludeToday
39
+ })), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(BizDatePicker, {
40
+ mode: "simple",
41
+ onChange: handleChange,
42
+ includeToday: true,
43
+ value: time,
44
+ defaultValue: time,
45
+ selectRange: 1,
46
+ selectRangeUnit: 'weeks'
47
+ }), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C\uFF1A", JSON.stringify(time)));
48
+ });
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
3
+ declare const _default: () => React.JSX.Element;
4
+ export default _default;
@@ -0,0 +1,41 @@
1
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
4
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
5
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
6
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
+ import { BizDatePickerOld } from '@zgfe/business-lib';
8
+ import React, { useState } from 'react';
9
+ import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
10
+ import { Divider, Space, Switch } from 'antd';
11
+ export default (function () {
12
+ var _useState = useState({
13
+ begin: '2024-07-11',
14
+ end: '2024-08-05',
15
+ relative: [4, 1],
16
+ unit: 'week'
17
+ }),
18
+ _useState2 = _slicedToArray(_useState, 2),
19
+ time = _useState2[0],
20
+ setTime = _useState2[1];
21
+ var _useState3 = useState(false),
22
+ _useState4 = _slicedToArray(_useState3, 2),
23
+ includeToday = _useState4[0],
24
+ setIncludeToday = _useState4[1];
25
+ var handleChange = function handleChange(data) {
26
+ setTime(function () {
27
+ return data;
28
+ });
29
+ };
30
+ return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Space, {
31
+ direction: "vertical"
32
+ }, /*#__PURE__*/React.createElement("div", null, "\u5305\u542B\u300C\u4ECA\u5929\u300D: ", /*#__PURE__*/React.createElement(Switch, {
33
+ defaultChecked: includeToday,
34
+ onChange: setIncludeToday
35
+ })), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(BizDatePickerOld, {
36
+ key: "".concat(includeToday, "--2"),
37
+ onChange: handleChange,
38
+ includeToday: includeToday,
39
+ defaultValue: time
40
+ }), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C\uFF1A", JSON.stringify(time))));
41
+ });
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import { DatePickerTypes } from './types';
3
+ import './styles/index.less';
4
+ export declare const classPrefix = "biz-date-picker-old-wrap";
5
+ declare const BizDatePicker: React.FC<DatePickerTypes.Props>;
6
+ export default BizDatePicker;
@@ -0,0 +1,238 @@
1
+ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
+ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
+ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
6
+ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
7
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
8
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
9
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
10
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
11
+ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
12
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
13
+ import React, { useEffect, useState } from 'react';
14
+ import BizSelect from '../select';
15
+ import { DatePickerTypes } from './types';
16
+ import './styles/index.less';
17
+ import { Popover, Skeleton } from 'antd';
18
+ import DatePickerContext from './context';
19
+ import _ from 'lodash';
20
+ import { getDateRange, getTypeList } from './utils';
21
+ import PopoverContent from './popoverContent';
22
+ import IconFont from '../icon/iconFont';
23
+ import moment from 'moment';
24
+ export var classPrefix = 'biz-date-picker-old-wrap';
25
+ var typeMap = {
26
+ hour: '按小时',
27
+ day: '按天',
28
+ week: '按周',
29
+ month: '按月',
30
+ quarter: '按季度',
31
+ custom: '自定义'
32
+ };
33
+ var BizDatePicker = function BizDatePicker(_ref) {
34
+ var defaultValue = _ref.defaultValue,
35
+ value = _ref.value,
36
+ includeToday = _ref.includeToday,
37
+ mode = _ref.mode,
38
+ dateTypeList = _ref.dateTypeList,
39
+ onChange = _ref.onChange,
40
+ selectRange = _ref.selectRange,
41
+ timeRangeOpen = _ref.timeRangeOpen;
42
+ var _useState = useState(false),
43
+ _useState2 = _slicedToArray(_useState, 2),
44
+ ready = _useState2[0],
45
+ setReady = _useState2[1];
46
+ var _useState3 = useState([]),
47
+ _useState4 = _slicedToArray(_useState3, 2),
48
+ typeList = _useState4[0],
49
+ setTypeList = _useState4[1];
50
+ var _useState5 = useState(),
51
+ _useState6 = _slicedToArray(_useState5, 2),
52
+ currentType = _useState6[0],
53
+ setCurrentType = _useState6[1];
54
+ var _useState7 = useState(),
55
+ _useState8 = _slicedToArray(_useState7, 2),
56
+ dateRange = _useState8[0],
57
+ setDateRange = _useState8[1];
58
+ var _useState9 = useState(),
59
+ _useState10 = _slicedToArray(_useState9, 2),
60
+ relative = _useState10[0],
61
+ setRelative = _useState10[1];
62
+ var _useState11 = useState(),
63
+ _useState12 = _slicedToArray(_useState11, 2),
64
+ setTimer = _useState12[1];
65
+ var _useState13 = useState(false),
66
+ _useState14 = _slicedToArray(_useState13, 2),
67
+ open = _useState14[0],
68
+ setOpen = _useState14[1];
69
+ var _useState15 = useState('个月'),
70
+ _useState16 = _slicedToArray(_useState15, 2),
71
+ label = _useState16[0],
72
+ setLabel = _useState16[1];
73
+ function init(initValue) {
74
+ setReady(false);
75
+ var list = dateTypeList === null || dateTypeList === void 0 ? void 0 : dateTypeList.map(function (type) {
76
+ return {
77
+ label: typeMap[type],
78
+ value: type
79
+ };
80
+ });
81
+ setTypeList(list);
82
+ var currentType = (initValue === null || initValue === void 0 ? void 0 : initValue.unit) ? list.find(function (item) {
83
+ return item.value === initValue.unit;
84
+ }) : list[0];
85
+ setCurrentType(currentType);
86
+ if (initValue === null || initValue === void 0 ? void 0 : initValue.relative) {
87
+ setRelative(initValue.relative);
88
+ switch (currentType === null || currentType === void 0 ? void 0 : currentType.value) {
89
+ case 'day':
90
+ setLabel(initValue.relative[0] + '天');
91
+ break;
92
+ case 'week':
93
+ setLabel(initValue.relative[0] + '周');
94
+ break;
95
+ case 'month':
96
+ setLabel(initValue.relative[0] + '个月');
97
+ break;
98
+ case 'quarter':
99
+ setLabel(initValue.relative[0] + '个季度');
100
+ break;
101
+ }
102
+ }
103
+ var typeList = getTypeList(currentType === null || currentType === void 0 ? void 0 : currentType.value, mode, includeToday);
104
+ var begin = initValue.begin,
105
+ end = initValue.end;
106
+ var item = typeList.find(function (item) {
107
+ var match = getDateRange(currentType === null || currentType === void 0 ? void 0 : currentType.value, item.count, includeToday);
108
+ return moment(begin).isSame(match.begin) && moment(end).isSame(match.end);
109
+ });
110
+ var active = item === null || item === void 0 ? void 0 : item.count;
111
+ if (active) {
112
+ setDateRange({
113
+ begin: initValue.begin,
114
+ end: initValue.end
115
+ });
116
+ } else {
117
+ if (initValue.relative) {
118
+ setDateRange(getDateRange(currentType === null || currentType === void 0 ? void 0 : currentType.value, initValue.relative[0], includeToday));
119
+ } else {
120
+ setDateRange({
121
+ begin: initValue.begin,
122
+ end: initValue.end
123
+ });
124
+ }
125
+ }
126
+ setReady(true);
127
+ }
128
+ useEffect(function () {
129
+ if (defaultValue) init(defaultValue);
130
+ }, []);
131
+ useEffect(function () {
132
+ if (_.isEqual(value, _objectSpread(_objectSpread({}, dateRange), {}, {
133
+ relative: relative,
134
+ unit: currentType === null || currentType === void 0 ? void 0 : currentType.value
135
+ })) || !value) return;
136
+ init(value);
137
+ }, [value]);
138
+ useEffect(function () {
139
+ if (!onChange || !ready) return;
140
+ setTimer(function (pre) {
141
+ clearTimeout(pre);
142
+ return setTimeout(function () {
143
+ onChange(_objectSpread(_objectSpread({}, dateRange), {}, {
144
+ relative: relative,
145
+ unit: currentType === null || currentType === void 0 ? void 0 : currentType.value
146
+ }));
147
+ }, 100);
148
+ });
149
+ }, [dateRange, currentType, relative, ready]);
150
+ if (!typeList.length || !currentType || !ready) {
151
+ return /*#__PURE__*/React.createElement("div", {
152
+ className: classPrefix
153
+ }, /*#__PURE__*/React.createElement(Skeleton.Input, {
154
+ active: true
155
+ }));
156
+ }
157
+ return /*#__PURE__*/React.createElement("div", {
158
+ className: classPrefix
159
+ }, /*#__PURE__*/React.createElement(DatePickerContext.Provider, {
160
+ value: {
161
+ includeToday: includeToday,
162
+ mode: mode,
163
+ dateRange: dateRange,
164
+ setDateRange: setDateRange,
165
+ currentType: currentType.value,
166
+ relative: relative,
167
+ setRelative: setRelative,
168
+ setOpen: setOpen,
169
+ setLabel: setLabel
170
+ }
171
+ }, mode == 'general' && /*#__PURE__*/React.createElement(BizSelect, {
172
+ className: "".concat(classPrefix, "-type"),
173
+ theme: "secondary",
174
+ keyField: "value",
175
+ labelField: "label",
176
+ value: currentType,
177
+ options: typeList,
178
+ onChange: function onChange(type) {
179
+ setCurrentType(type);
180
+ if (type.value === 'custom') {
181
+ setDateRange(getDateRange(DatePickerTypes.Unit.day, 7, includeToday));
182
+ }
183
+ if (type.value === 'hour') {
184
+ setDateRange(getDateRange(DatePickerTypes.Unit.day, 1, includeToday));
185
+ }
186
+ if (type.value === 'day') {
187
+ setDateRange(getDateRange(DatePickerTypes.Unit.day, 7, includeToday));
188
+ setRelative([7, includeToday ? 0 : 1]);
189
+ }
190
+ if (type.value === 'week') {
191
+ setDateRange(getDateRange(DatePickerTypes.Unit.week, 4, includeToday));
192
+ setRelative([4, includeToday ? 0 : 1]);
193
+ }
194
+ if (type.value === 'month') {
195
+ setDateRange(getDateRange(DatePickerTypes.Unit.month, 1, includeToday));
196
+ setRelative([1, includeToday ? 0 : 1]);
197
+ }
198
+ if (type.value === 'quarter') {
199
+ setDateRange(getDateRange(DatePickerTypes.Unit.quarter, 1, includeToday));
200
+ setRelative([1, includeToday ? 0 : 1]);
201
+ }
202
+ }
203
+ }), /*#__PURE__*/React.createElement(Popover, {
204
+ overlayClassName: "".concat(classPrefix, "-input-popover"),
205
+ open: open,
206
+ placement: "bottomLeft",
207
+ trigger: "click",
208
+ content: /*#__PURE__*/React.createElement(PopoverContent, {
209
+ setDateRange: setDateRange,
210
+ setOpen: setOpen,
211
+ selectRange: selectRange,
212
+ timeRangeOpen: timeRangeOpen,
213
+ currentType: currentType.value
214
+ }),
215
+ onOpenChange: function onOpenChange() {
216
+ return setOpen(!open);
217
+ }
218
+ }, /*#__PURE__*/React.createElement("div", {
219
+ className: "".concat(classPrefix, "-input ").concat(open ? classPrefix + '-input-active' : ''),
220
+ onClick: function onClick() {
221
+ return setOpen(true);
222
+ }
223
+ }, /*#__PURE__*/React.createElement("div", {
224
+ className: "".concat(classPrefix, "-input-label")
225
+ }, /*#__PURE__*/React.createElement(IconFont, {
226
+ type: "rili-2",
227
+ size: 14
228
+ }), /*#__PURE__*/React.createElement("span", null, currentType.value == DatePickerTypes.Unit.hour ? label ? label : dateRange === null || dateRange === void 0 ? void 0 : dateRange.begin : relative ? '最近' + label : (dateRange === null || dateRange === void 0 ? void 0 : dateRange.begin) + ' 至 ' + (dateRange === null || dateRange === void 0 ? void 0 : dateRange.end))), /*#__PURE__*/React.createElement(IconFont, {
229
+ type: "xiangxia",
230
+ size: 14
231
+ })))));
232
+ };
233
+ BizDatePicker.defaultProps = {
234
+ includeToday: true,
235
+ mode: 'general',
236
+ dateTypeList: [DatePickerTypes.Unit.hour, DatePickerTypes.Unit.day, DatePickerTypes.Unit.week, DatePickerTypes.Unit.month]
237
+ };
238
+ export default BizDatePicker;
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import { DatePickerTypes } from './types';
3
+ interface PopoverContent {
4
+ setDateRange?: any;
5
+ setOpen?: any;
6
+ timeRangeOpen?: number;
7
+ selectRange?: number;
8
+ currentType?: DatePickerTypes.Unit;
9
+ }
10
+ declare const _default: (props: PopoverContent) => React.JSX.Element;
11
+ export default _default;