@zgfe/business-lib 1.0.24 → 1.0.25-1.0.27-adanalysis.0
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/assets/styles/resetAntd.less +4 -2
- package/es/datePicker/datePicker.js +1 -3
- package/es/datePicker/demo/day.d.ts +3 -0
- package/es/datePicker/demo/day.js +49 -0
- package/es/datePicker/index.js +5 -3
- package/es/datePicker/styles/index.less +2 -1
- package/es/datePicker/types.d.ts +2 -0
- package/es/datePicker/utils.d.ts +1 -0
- package/es/datePicker/utils.js +37 -1
- package/es/select/handle.js +4 -2
- package/es/select/styles/handle.less +8 -14
- package/es/targetSelector/styles/index.less +1 -0
- package/package.json +2 -2
|
@@ -303,13 +303,15 @@
|
|
|
303
303
|
.ant-modal-body {
|
|
304
304
|
max-height: 400px;
|
|
305
305
|
max-height: 400px !important;
|
|
306
|
-
padding-top: @padding-xs !important;
|
|
307
|
-
// padding-bottom: 0 !important;
|
|
308
306
|
overflow: auto !important;
|
|
309
307
|
&:not(:last-child) {
|
|
310
308
|
padding-bottom: 0 !important;
|
|
311
309
|
}
|
|
312
310
|
}
|
|
311
|
+
//只有当有header的时候才修改body的间距
|
|
312
|
+
.ant-modal-header + .ant-modal-body {
|
|
313
|
+
padding-top: @padding-xs !important;
|
|
314
|
+
}
|
|
313
315
|
}
|
|
314
316
|
|
|
315
317
|
// 分页
|
|
@@ -35,9 +35,7 @@ var BizDate = function BizDate(props) {
|
|
|
35
35
|
setDateRange(props.value ? props.value : initValue);
|
|
36
36
|
}, []);
|
|
37
37
|
useEffect(function () {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
if (!((_props$dateCount = props.dateCount) === null || _props$dateCount === void 0 ? void 0 : _props$dateCount.count)) return;
|
|
38
|
+
if (!props.dateCount) return;
|
|
41
39
|
var date = getDateRange(props.type, props.dateCount.count, !!includeToday);
|
|
42
40
|
setDateRange(date);
|
|
43
41
|
if (props.onChange) props.onChange(date, true);
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
+
|
|
3
|
+
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."); }
|
|
4
|
+
|
|
5
|
+
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); }
|
|
6
|
+
|
|
7
|
+
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; }
|
|
8
|
+
|
|
9
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
10
|
+
|
|
11
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
+
|
|
13
|
+
import { BizDatePicker } from '@zgfe/business-lib';
|
|
14
|
+
import React, { useState } from 'react';
|
|
15
|
+
import '@zgfe/business-lib/es/assets/styles/resetAntd.less';
|
|
16
|
+
import { Divider, Switch } from 'antd';
|
|
17
|
+
export default (function () {
|
|
18
|
+
var _useState = useState({
|
|
19
|
+
unit: 'day',
|
|
20
|
+
begin: '2022-05-03',
|
|
21
|
+
end: '2022-05-30',
|
|
22
|
+
relative: [0, 1]
|
|
23
|
+
}),
|
|
24
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
25
|
+
time = _useState2[0],
|
|
26
|
+
setTime = _useState2[1];
|
|
27
|
+
|
|
28
|
+
var _useState3 = useState(false),
|
|
29
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
30
|
+
includeToday = _useState4[0],
|
|
31
|
+
setIncludeToday = _useState4[1];
|
|
32
|
+
|
|
33
|
+
var handleChange = function handleChange(data) {
|
|
34
|
+
setTime(function () {
|
|
35
|
+
return data;
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "\u5305\u542B\u300C\u4ECA\u5929\u300D: ", /*#__PURE__*/React.createElement(Switch, {
|
|
40
|
+
defaultChecked: includeToday,
|
|
41
|
+
onChange: setIncludeToday
|
|
42
|
+
})), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(BizDatePicker, {
|
|
43
|
+
hideSelector: true,
|
|
44
|
+
includeTodayAndYesterday: true,
|
|
45
|
+
onChange: handleChange,
|
|
46
|
+
includeToday: includeToday,
|
|
47
|
+
defaultValue: time
|
|
48
|
+
}), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u5F53\u524D\u503C\uFF1A", JSON.stringify(time)));
|
|
49
|
+
});
|
package/es/datePicker/index.js
CHANGED
|
@@ -17,7 +17,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
17
17
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
18
18
|
|
|
19
19
|
import React, { useEffect, useState } from 'react';
|
|
20
|
-
import {
|
|
20
|
+
import { getDateList } from './utils';
|
|
21
21
|
import BizSelect from '../select';
|
|
22
22
|
import BizDate from './datePicker';
|
|
23
23
|
import './styles/index.less';
|
|
@@ -25,6 +25,8 @@ import { Skeleton } from 'antd';
|
|
|
25
25
|
export var classPrefix = 'biz-date-picker';
|
|
26
26
|
|
|
27
27
|
var BizDatePicker = function BizDatePicker(props) {
|
|
28
|
+
var dateList = getDateList(props.includeTodayAndYesterday || false);
|
|
29
|
+
|
|
28
30
|
var _useState = useState(dateList[0]),
|
|
29
31
|
_useState2 = _slicedToArray(_useState, 2),
|
|
30
32
|
currentType = _useState2[0],
|
|
@@ -108,7 +110,7 @@ var BizDatePicker = function BizDatePicker(props) {
|
|
|
108
110
|
paragraph: {
|
|
109
111
|
rows: 1
|
|
110
112
|
}
|
|
111
|
-
}, /*#__PURE__*/React.createElement(BizSelect, {
|
|
113
|
+
}, !props.hideSelector ? /*#__PURE__*/React.createElement(BizSelect, {
|
|
112
114
|
className: "".concat(classPrefix, "-type"),
|
|
113
115
|
value: currentType,
|
|
114
116
|
labelField: "label",
|
|
@@ -116,7 +118,7 @@ var BizDatePicker = function BizDatePicker(props) {
|
|
|
116
118
|
theme: "secondary",
|
|
117
119
|
options: dateList,
|
|
118
120
|
onChange: onChangeDateType
|
|
119
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
121
|
+
}) : '', /*#__PURE__*/React.createElement("div", {
|
|
120
122
|
className: "".concat(classPrefix, "-list")
|
|
121
123
|
}, currentType.children.map(function (item, index) {
|
|
122
124
|
return /*#__PURE__*/React.createElement("div", {
|
package/es/datePicker/types.d.ts
CHANGED
package/es/datePicker/utils.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { DatePickerTypes } from './types';
|
|
2
2
|
export declare const dateList: DatePickerTypes.Option[];
|
|
3
|
+
export declare function getDateList(lastTwoDays: boolean): DatePickerTypes.Option[];
|
|
3
4
|
export declare const getDateRange: (type: 'hour' | 'day' | 'week' | 'month', count: number, includeToday: boolean) => {
|
|
4
5
|
begin: string;
|
|
5
6
|
end: string;
|
package/es/datePicker/utils.js
CHANGED
|
@@ -1,4 +1,17 @@
|
|
|
1
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
2
|
+
|
|
3
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
+
|
|
5
|
+
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); }
|
|
6
|
+
|
|
7
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
8
|
+
|
|
9
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
10
|
+
|
|
11
|
+
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; }
|
|
12
|
+
|
|
1
13
|
import moment from 'moment';
|
|
14
|
+
import _ from 'lodash';
|
|
2
15
|
export var dateList = [{
|
|
3
16
|
label: '按小时',
|
|
4
17
|
value: 'hour',
|
|
@@ -49,8 +62,31 @@ export var dateList = [{
|
|
|
49
62
|
count: 3
|
|
50
63
|
}]
|
|
51
64
|
}];
|
|
65
|
+
export function getDateList(lastTwoDays) {
|
|
66
|
+
var list = _.cloneDeep(dateList);
|
|
67
|
+
|
|
68
|
+
if (lastTwoDays) {
|
|
69
|
+
var dayData = list.find(function (item) {
|
|
70
|
+
return item.value == 'day';
|
|
71
|
+
});
|
|
72
|
+
|
|
73
|
+
if (!dayData.children.find(function (item) {
|
|
74
|
+
return item.value == '今天';
|
|
75
|
+
})) {
|
|
76
|
+
dayData.children = [{
|
|
77
|
+
value: '今天',
|
|
78
|
+
count: 0
|
|
79
|
+
}, {
|
|
80
|
+
value: '昨天',
|
|
81
|
+
count: 1
|
|
82
|
+
}].concat(_toConsumableArray(dayData.children));
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
return list;
|
|
87
|
+
}
|
|
52
88
|
export var getDateRange = function getDateRange(type, count, includeToday) {
|
|
53
|
-
var endDate = moment().subtract(includeToday ? 0 : 1, 'days').format('YYYY-MM-DD'),
|
|
89
|
+
var endDate = moment().subtract(includeToday || count == 0 ? 0 : 1, 'days').format('YYYY-MM-DD'),
|
|
54
90
|
startDate = '';
|
|
55
91
|
|
|
56
92
|
if (type === 'month') {
|
package/es/select/handle.js
CHANGED
|
@@ -105,11 +105,13 @@ var SelectHandle = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
105
105
|
|
|
106
106
|
return /*#__PURE__*/React.createElement("div", {
|
|
107
107
|
ref: handleRef,
|
|
108
|
-
className: "".concat(classPrefix, "-input ").concat(
|
|
108
|
+
className: "".concat(classPrefix, "-input ").concat(props.theme ? props.theme : '', "\n ").concat(props.disable ? 'disable' : '', " ").concat(focus ? 'active' : '', " \n ").concat(border ? '' : 'borderless', " ").concat(props.size ? props.size : 'middle'),
|
|
109
109
|
title: props.label || props.value && props.value[labelField]
|
|
110
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
111
|
+
className: "".concat(classPrefix, "-content")
|
|
110
112
|
}, props.label || props.value && props.value[labelField] || /*#__PURE__*/React.createElement("span", {
|
|
111
113
|
className: "".concat(classPrefix, "-holder")
|
|
112
|
-
}, placeholder || '请选择'), /*#__PURE__*/React.createElement(IconFont, {
|
|
114
|
+
}, placeholder || '请选择')), /*#__PURE__*/React.createElement(IconFont, {
|
|
113
115
|
className: "".concat(classPrefix, "-expand-icon"),
|
|
114
116
|
type: 'xiangxia'
|
|
115
117
|
}));
|
|
@@ -4,8 +4,7 @@
|
|
|
4
4
|
&-input {
|
|
5
5
|
position: relative;
|
|
6
6
|
flex: 1;
|
|
7
|
-
padding: 0px 8px;
|
|
8
|
-
|
|
7
|
+
padding: 0px 6px 0 8px;
|
|
9
8
|
&.disable {
|
|
10
9
|
.__disable();
|
|
11
10
|
.bsicon {
|
|
@@ -78,24 +77,19 @@
|
|
|
78
77
|
font-size: @font-size-base;
|
|
79
78
|
}
|
|
80
79
|
|
|
81
|
-
&-single-input {
|
|
82
|
-
.__default-overflow();
|
|
83
|
-
}
|
|
84
|
-
|
|
85
80
|
&-holder {
|
|
86
81
|
color: @input-placeholder-color;
|
|
87
82
|
}
|
|
88
|
-
|
|
83
|
+
&-content {
|
|
84
|
+
flex: 1;
|
|
85
|
+
.__default-overflow();
|
|
86
|
+
}
|
|
89
87
|
&-expand-icon {
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
right: 8px;
|
|
93
|
-
flex: none;
|
|
94
|
-
color: @text-color-secondary;
|
|
95
|
-
font-size: @font-size-lg;
|
|
96
|
-
transform: translateY(-50%);
|
|
88
|
+
width: 14px;
|
|
89
|
+
margin-left: 5px;
|
|
97
90
|
}
|
|
98
91
|
&-input {
|
|
92
|
+
display: flex;
|
|
99
93
|
#biz-select-handle-tag {
|
|
100
94
|
display: flex;
|
|
101
95
|
align-items: center;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zgfe/business-lib",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.25-1.0.27-adanalysis.0",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"start": "dumi dev",
|
|
6
6
|
"docs:build": "dumi build",
|
|
@@ -58,5 +58,5 @@
|
|
|
58
58
|
"react": "^16.12.0 || ^17.0.0",
|
|
59
59
|
"yorkie": "^2.0.0"
|
|
60
60
|
},
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "69898635f2e044895a788358c6c0230aa25891c8"
|
|
62
62
|
}
|