@nutui/nutui-react 4.0.0-beta.3 → 4.0.0-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/CHANGELOG.md +21 -6
- package/dist/cjs/hooks/use-props-value.js +1 -1
- package/dist/cjs/hooks/use-touch.js +4 -4
- package/dist/cjs/packages/address/cascaderRender.js +1 -1
- package/dist/cjs/packages/address/existRender.js +1 -1
- package/dist/cjs/packages/animate/animate.js +1 -1
- package/dist/cjs/packages/audio/audio.js +1 -1
- package/dist/cjs/packages/avatar/avatar.js +1 -1
- package/dist/cjs/packages/avatarcropper/avatarcropper.js +1 -1
- package/dist/cjs/packages/barrage/barrage.js +1 -1
- package/dist/cjs/packages/button/button.js +1 -1
- package/dist/cjs/packages/card/card.js +1 -1
- package/dist/cjs/packages/cascader/utils.js +4 -4
- package/dist/cjs/packages/cell/cell.js +1 -1
- package/dist/cjs/packages/cellgroup/cellgroup.js +1 -1
- package/dist/cjs/packages/checkboxgroup/checkboxgroup.js +3 -3
- package/dist/cjs/packages/circleprogress/circleprogress.js +1 -1
- package/dist/cjs/packages/collapseitem/collapseitem.js +1 -1
- package/dist/cjs/packages/configprovider/types.d.ts +1 -1
- package/dist/cjs/packages/countdown/countdown.js +1 -1
- package/dist/cjs/packages/datepicker/datepicker.js +1 -1
- package/dist/cjs/packages/dialog/dialog.js +2 -2
- package/dist/cjs/packages/divider/divider.js +1 -1
- package/dist/cjs/packages/drag/drag.js +1 -1
- package/dist/cjs/packages/elevator/elevator.js +1 -1
- package/dist/cjs/packages/ellipsis/ellipsis.js +1 -1
- package/dist/cjs/packages/empty/empty.d.ts +4 -11
- package/dist/cjs/packages/empty/empty.js +22 -18
- package/dist/cjs/packages/empty/index.d.ts +1 -1
- package/dist/cjs/packages/empty/style/empty.scss +97 -31
- package/dist/cjs/packages/empty/style/style.css +77 -32
- package/dist/cjs/packages/empty/style-jmapp/empty.scss +97 -31
- package/dist/cjs/packages/empty/style-jmapp/style.css +77 -32
- package/dist/cjs/packages/empty/style-jrkf/empty.scss +97 -31
- package/dist/cjs/packages/empty/style-jrkf/style.css +77 -32
- package/dist/cjs/packages/fixednav/fixednav.js +1 -1
- package/dist/cjs/packages/grid/grid.js +1 -1
- package/dist/cjs/packages/griditem/griditem.js +1 -1
- package/dist/cjs/packages/indicator/indicator.js +1 -1
- package/dist/cjs/packages/infiniteloading/infiniteloading.js +1 -1
- package/dist/cjs/packages/input/input.js +1 -1
- package/dist/cjs/packages/inputnumber/inputnumber.js +1 -1
- package/dist/cjs/packages/loading/loading.js +1 -1
- package/dist/cjs/packages/menu/menu.js +1 -1
- package/dist/cjs/packages/numberkeyboard/numberkeyboard.js +1 -1
- package/dist/cjs/packages/overlay/overlay.js +1 -1
- package/dist/cjs/packages/pagination/pagination.js +1 -1
- package/dist/cjs/packages/picker/picker.js +1 -1
- package/dist/cjs/packages/pickerview/pickerroller.js +1 -1
- package/dist/cjs/packages/popover/popover.js +1 -1
- package/dist/cjs/packages/price/price.js +1 -1
- package/dist/cjs/packages/progress/progress.js +1 -1
- package/dist/cjs/packages/quickenter/quickenter.js +2 -2
- package/dist/cjs/packages/radio/radio.js +1 -1
- package/dist/cjs/packages/radiogroup/radiogroup.js +3 -3
- package/dist/cjs/packages/rate/index.d.ts +1 -1
- package/dist/cjs/packages/rate/rate.js +54 -8
- package/dist/cjs/packages/rate/style/rate.scss +244 -76
- package/dist/cjs/packages/rate/style/style.css +198 -68
- package/dist/cjs/packages/rate/style-jmapp/rate.scss +244 -76
- package/dist/cjs/packages/rate/style-jmapp/style.css +198 -68
- package/dist/cjs/packages/rate/style-jrkf/rate.scss +244 -76
- package/dist/cjs/packages/rate/style-jrkf/style.css +198 -68
- package/dist/cjs/packages/shortpassword/shortpassword.js +1 -1
- package/dist/cjs/packages/signature/signature.js +1 -1
- package/dist/cjs/packages/skeleton/skeleton.js +1 -1
- package/dist/cjs/packages/step/step.js +1 -1
- package/dist/cjs/packages/steps/style/style.css +1 -1
- package/dist/cjs/packages/sticky/sticky.js +1 -1
- package/dist/cjs/packages/switch/switch.js +1 -1
- package/dist/cjs/packages/tabbaritem/tabbaritem.js +1 -1
- package/dist/cjs/packages/table/table.js +1 -1
- package/dist/cjs/packages/tabs/tabs.js +1 -1
- package/dist/cjs/packages/textarea/textarea.js +1 -1
- package/dist/cjs/packages/timeselect/timeselect.js +1 -1
- package/dist/cjs/packages/tour/tour.js +1 -1
- package/dist/cjs/packages/trendarrow/trendarrow.js +1 -1
- package/dist/cjs/packages/video/video.js +1 -1
- package/dist/cjs/packages/virtuallist/utils.js +1 -1
- package/dist/cjs/packages/virtuallist/virtuallist.js +1 -1
- package/dist/cjs/types/spec/empty/base.d.ts +12 -8
- package/dist/cjs/types/spec/empty/base.js +28 -1
- package/dist/cjs/types/spec/rate/base.d.ts +3 -0
- package/dist/cjs/utils/scale-f.js +1 -3
- package/dist/es/hooks/taro/use-custom-event.js +3 -3
- package/dist/es/hooks/taro/use-lock-scoll.js +1 -1
- package/dist/es/hooks/use-click-away.js +2 -2
- package/dist/es/hooks/use-lock-scroll.js +3 -3
- package/dist/es/hooks/use-pagination.js +1 -1
- package/dist/es/hooks/use-ref-state.js +3 -3
- package/dist/es/hooks/use-touch.js +13 -13
- package/dist/es/hooks/use-watch.js +1 -1
- package/dist/es/locales/en-US.js +4 -4
- package/dist/es/locales/id-ID.js +4 -4
- package/dist/es/locales/ja-JP.js +4 -4
- package/dist/es/locales/tr-TR.js +4 -4
- package/dist/es/locales/vi-VN.js +4 -4
- package/dist/es/locales/zh-CN.js +4 -4
- package/dist/es/locales/zh-TW.js +4 -4
- package/dist/es/locales/zh-UG.js +4 -4
- package/dist/es/packages/actionsheet/actionsheet.js +8 -8
- package/dist/es/packages/address/address.js +10 -10
- package/dist/es/packages/address/cascaderRender.js +4 -4
- package/dist/es/packages/address/elevatorRender.js +17 -17
- package/dist/es/packages/address/existRender.js +5 -5
- package/dist/es/packages/address/utils.js +5 -5
- package/dist/es/packages/animate/animate.js +4 -4
- package/dist/es/packages/animatingnumbers/countup.js +2 -2
- package/dist/es/packages/audio/audio.js +26 -26
- package/dist/es/packages/avatar/avatar.js +4 -4
- package/dist/es/packages/avatarcropper/avatarcropper.js +20 -20
- package/dist/es/packages/avatargroup/avatargroup.js +1 -1
- package/dist/es/packages/backtop/backtop.js +3 -3
- package/dist/es/packages/badge/badge.js +3 -3
- package/dist/es/packages/barrage/barrage.js +5 -5
- package/dist/es/packages/button/button.js +2 -2
- package/dist/es/packages/calendar/calendar.js +12 -12
- package/dist/es/packages/calendar/utils.js +7 -7
- package/dist/es/packages/calendarcard/calendarcard.js +22 -22
- package/dist/es/packages/calendarcard/icon.js +4 -4
- package/dist/es/packages/calendarcard/utils.js +5 -5
- package/dist/es/packages/calendaritem/calendaritem.js +32 -32
- package/dist/es/packages/card/card.js +2 -2
- package/dist/es/packages/cascader/cascader.js +15 -15
- package/dist/es/packages/cascader/utils.js +6 -6
- package/dist/es/packages/cell/cell.js +5 -5
- package/dist/es/packages/cellgroup/cellgroup.js +2 -2
- package/dist/es/packages/checkbox/checkbox.js +10 -10
- package/dist/es/packages/checkboxgroup/checkboxgroup.js +7 -7
- package/dist/es/packages/circleprogress/circleprogress.js +5 -5
- package/dist/es/packages/col/col.js +2 -2
- package/dist/es/packages/collapse/collapse.js +3 -3
- package/dist/es/packages/collapse/context.js +2 -2
- package/dist/es/packages/collapseitem/collapseitem.js +5 -5
- package/dist/es/packages/configprovider/configprovider.js +5 -5
- package/dist/es/packages/configprovider/types.d.ts +1 -1
- package/dist/es/packages/countdown/countdown.js +12 -12
- package/dist/es/packages/datepicker/datepicker.js +12 -12
- package/dist/es/packages/datepicker/utils.js +7 -7
- package/dist/es/packages/datepickerview/datepickerview.js +5 -5
- package/dist/es/packages/dialog/confirm.js +8 -8
- package/dist/es/packages/dialog/content.js +5 -5
- package/dist/es/packages/dialog/dialog.js +23 -23
- package/dist/es/packages/divider/divider.js +3 -3
- package/dist/es/packages/drag/drag.js +4 -4
- package/dist/es/packages/elevator/elevator.js +14 -14
- package/dist/es/packages/ellipsis/ellipsis.js +11 -11
- package/dist/es/packages/empty/empty.d.ts +4 -11
- package/dist/es/packages/empty/empty.js +23 -19
- package/dist/es/packages/empty/index.d.ts +1 -1
- package/dist/es/packages/empty/style/empty.scss +97 -31
- package/dist/es/packages/empty/style/style.css +77 -32
- package/dist/es/packages/empty/style-jmapp/empty.scss +97 -31
- package/dist/es/packages/empty/style-jmapp/style.css +77 -32
- package/dist/es/packages/empty/style-jrkf/empty.scss +97 -31
- package/dist/es/packages/empty/style-jrkf/style.css +77 -32
- package/dist/es/packages/fixednav/fixednav.js +8 -8
- package/dist/es/packages/form/form.js +6 -6
- package/dist/es/packages/form/useform.js +4 -4
- package/dist/es/packages/formitem/formitem.js +1 -1
- package/dist/es/packages/grid/context.js +1 -1
- package/dist/es/packages/grid/grid.js +4 -4
- package/dist/es/packages/griditem/griditem.js +6 -6
- package/dist/es/packages/hoverbutton/hoverbutton.js +1 -1
- package/dist/es/packages/hoverbuttonitem/hoverbuttonitem.js +4 -4
- package/dist/es/packages/hoverbuttonitem/utils.js +1 -1
- package/dist/es/packages/image/image.js +8 -8
- package/dist/es/packages/imagepreview/imagepreview.js +13 -13
- package/dist/es/packages/indicator/indicator.js +5 -5
- package/dist/es/packages/infiniteloading/infiniteloading.js +13 -13
- package/dist/es/packages/input/input.js +13 -13
- package/dist/es/packages/inputnumber/inputnumber.js +12 -12
- package/dist/es/packages/layout/layout.js +1 -1
- package/dist/es/packages/loading/loading.js +3 -3
- package/dist/es/packages/menu/menu.js +13 -13
- package/dist/es/packages/menuitem/menuitem.js +10 -10
- package/dist/es/packages/navbar/navbar.js +7 -7
- package/dist/es/packages/noticebar/noticebar.js +25 -25
- package/dist/es/packages/notify/Notification.js +1 -1
- package/dist/es/packages/notify/notify.js +3 -3
- package/dist/es/packages/numberkeyboard/numberkeyboard.js +13 -13
- package/dist/es/packages/overlay/overlay.js +6 -6
- package/dist/es/packages/pagination/pagination.js +8 -8
- package/dist/es/packages/picker/picker.js +15 -15
- package/dist/es/packages/pickerview/pickerroller.js +10 -10
- package/dist/es/packages/pickerview/pickerview.js +3 -3
- package/dist/es/packages/pickerview/utils.js +6 -6
- package/dist/es/packages/popover/popover.js +13 -13
- package/dist/es/packages/popup/popup.js +22 -22
- package/dist/es/packages/price/price.js +8 -8
- package/dist/es/packages/progress/progress.js +5 -5
- package/dist/es/packages/pulltorefresh/pulltorefresh.js +7 -7
- package/dist/es/packages/quickenter/quickenter.js +14 -14
- package/dist/es/packages/radio/radio.js +11 -11
- package/dist/es/packages/radiogroup/radiogroup.js +6 -6
- package/dist/es/packages/range/range.js +7 -7
- package/dist/es/packages/range/utils.js +2 -2
- package/dist/es/packages/rate/index.d.ts +1 -1
- package/dist/es/packages/rate/rate.js +65 -19
- package/dist/es/packages/rate/style/rate.scss +244 -76
- package/dist/es/packages/rate/style/style.css +198 -68
- package/dist/es/packages/rate/style-jmapp/rate.scss +244 -76
- package/dist/es/packages/rate/style-jmapp/style.css +198 -68
- package/dist/es/packages/rate/style-jrkf/rate.scss +244 -76
- package/dist/es/packages/rate/style-jrkf/style.css +198 -68
- package/dist/es/packages/resultpage/resultpage.js +1 -1
- package/dist/es/packages/row/row.js +4 -4
- package/dist/es/packages/safearea/safearea.js +1 -1
- package/dist/es/packages/searchbar/searchbar.js +3 -3
- package/dist/es/packages/segmented/segmented.js +4 -4
- package/dist/es/packages/shortpassword/shortpassword.js +7 -7
- package/dist/es/packages/sidebar/sidebar.js +8 -8
- package/dist/es/packages/sidebar/utils.js +1 -1
- package/dist/es/packages/sidebaritem/sidebaritem.js +1 -1
- package/dist/es/packages/signature/signature.js +12 -12
- package/dist/es/packages/skeleton/skeleton.js +4 -4
- package/dist/es/packages/space/space.js +1 -1
- package/dist/es/packages/step/step.js +2 -2
- package/dist/es/packages/steps/steps.js +1 -1
- package/dist/es/packages/steps/style/style.css +1 -1
- package/dist/es/packages/sticky/sticky.js +4 -4
- package/dist/es/packages/swipe/swipe.js +16 -16
- package/dist/es/packages/swiper/effects/default.js +2 -2
- package/dist/es/packages/swiper/effects/focus.js +4 -4
- package/dist/es/packages/swiper/swiper.js +14 -14
- package/dist/es/packages/swiperitem/swiperitem.js +2 -2
- package/dist/es/packages/switch/switch.js +6 -6
- package/dist/es/packages/tabbar/tabbar.js +2 -2
- package/dist/es/packages/tabbaritem/tabbaritem.js +10 -10
- package/dist/es/packages/table/table.js +10 -10
- package/dist/es/packages/tabpane/tabpane.js +1 -1
- package/dist/es/packages/tabs/tabs.js +10 -10
- package/dist/es/packages/tag/tag.js +10 -10
- package/dist/es/packages/textarea/textarea.js +12 -12
- package/dist/es/packages/timedetail/timedetail.js +3 -3
- package/dist/es/packages/timeselect/timeselect.js +6 -6
- package/dist/es/packages/toast/Notification.js +1 -1
- package/dist/es/packages/toast/toast.js +2 -2
- package/dist/es/packages/tour/tour.js +11 -11
- package/dist/es/packages/trendarrow/trendarrow.js +4 -4
- package/dist/es/packages/uploader/preview.js +8 -8
- package/dist/es/packages/uploader/uploader.js +15 -15
- package/dist/es/packages/video/video.js +4 -4
- package/dist/es/packages/virtuallist/utils.js +5 -5
- package/dist/es/packages/virtuallist/virtuallist.js +2 -2
- package/dist/es/packages/watermark/watermark.js +2 -2
- package/dist/es/types/spec/empty/base.d.ts +15 -11
- package/dist/es/types/spec/empty/base.js +13 -1
- package/dist/es/types/spec/rate/base.d.ts +9 -0
- package/dist/es/utils/clamp.js +1 -1
- package/dist/es/utils/date.js +3 -3
- package/dist/es/utils/get-rect.js +1 -1
- package/dist/es/utils/interceptor.js +1 -1
- package/dist/es/utils/is-date.js +1 -1
- package/dist/es/utils/is-empty.js +1 -1
- package/dist/es/utils/is-function.js +1 -1
- package/dist/es/utils/is-object.js +1 -1
- package/dist/es/utils/is-promise.js +1 -1
- package/dist/es/utils/pad-zero.js +1 -1
- package/dist/es/utils/px-check.js +1 -1
- package/dist/es/utils/scale-f.js +2 -4
- package/dist/es/utils/sleep.js +1 -1
- package/dist/es/utils/taro/ConfigurableCSSTransition.js +1 -1
- package/dist/es/utils/taro/get-rect-by-id.js +1 -1
- package/dist/es/utils/taro/get-rect.js +3 -3
- package/dist/es/utils/taro/get-system-info.js +2 -2
- package/dist/es/utils/taro/platform.js +4 -4
- package/dist/es/utils/upper-case-first.js +1 -1
- package/dist/nutui.react.umd.js +1146 -1080
- package/dist/style-jmapp.css +1 -1
- package/dist/style-jmapp.scss +41 -41
- package/dist/style-jrkf.css +1 -1
- package/dist/style-jrkf.scss +42 -42
- package/dist/style.css +1 -1
- package/dist/style.scss +35 -35
- package/dist/styles/variables-daojia.scss +25 -12
- package/dist/styles/variables-jmapp.scss +42 -17
- package/dist/styles/variables-jrkf.scss +24 -20
- package/dist/styles/variables.scss +32 -24
- package/package.json +1 -1
|
@@ -16,7 +16,7 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
16
16
|
size: 'large',
|
|
17
17
|
disabled: false
|
|
18
18
|
});
|
|
19
|
-
export var Badge = function(props) {
|
|
19
|
+
export var Badge = function Badge(props) {
|
|
20
20
|
var isIcon = function isIcon() {
|
|
21
21
|
if ((typeof value === "undefined" ? "undefined" : _type_of(value)) === 'object' && value) return value;
|
|
22
22
|
};
|
|
@@ -31,7 +31,7 @@ export var Badge = function(props) {
|
|
|
31
31
|
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, value = _$_object_spread.value, max = _$_object_spread.max, children = _$_object_spread.children, dot = _$_object_spread.dot, top = _$_object_spread.top, right = _$_object_spread.right, fill = _$_object_spread.fill, size = _$_object_spread.size, disabled = _$_object_spread.disabled;
|
|
32
32
|
var classPrefix = 'nut-badge';
|
|
33
33
|
var classes = classNames(classPrefix, className);
|
|
34
|
-
var getContent = function() {
|
|
34
|
+
var getContent = function getContent() {
|
|
35
35
|
if (dot || value === 0) return null;
|
|
36
36
|
if (typeof value === 'number') {
|
|
37
37
|
return max < value ? "".concat(max, "+") : "".concat(value);
|
|
@@ -40,7 +40,7 @@ export var Badge = function(props) {
|
|
|
40
40
|
};
|
|
41
41
|
var _obj;
|
|
42
42
|
var contentClasses = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix, "-sup"), isNumber() || isString() || dot), _define_property(_obj, "".concat(classPrefix, "-number"), isNumber()), _define_property(_obj, "".concat(classPrefix, "-one"), typeof getContent() === 'string' && ((_this = "".concat(getContent())) === null || _this === void 0 ? void 0 : _this.length) === 1), _define_property(_obj, "".concat(classPrefix, "-dot"), dot), _define_property(_obj, "".concat(classPrefix, "-dot-").concat(size), dot), _define_property(_obj, "".concat(classPrefix, "-").concat(fill), fill === 'outline'), _define_property(_obj, "".concat(classPrefix, "-content"), children), _define_property(_obj, "".concat(classPrefix, "-disabled"), disabled), _obj));
|
|
43
|
-
var getPositionStyle = function() {
|
|
43
|
+
var getPositionStyle = function getPositionStyle() {
|
|
44
44
|
return _define_property({
|
|
45
45
|
top: "".concat(Number(top) || 0, "px")
|
|
46
46
|
}, rtl ? 'left' : 'right', "".concat(Number(right) || 0, "px"));
|
|
@@ -13,8 +13,8 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
13
13
|
gapY: 10
|
|
14
14
|
});
|
|
15
15
|
var classPrefix = "nut-barrage";
|
|
16
|
-
var InternalBarrage = function(props, ref) {
|
|
17
|
-
var
|
|
16
|
+
var InternalBarrage = function InternalBarrage(props, ref) {
|
|
17
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, interval = _$_object_spread.interval, loop = _$_object_spread.loop, list = _$_object_spread.list, duration = _$_object_spread.duration, rows = _$_object_spread.rows, gapY = _$_object_spread.gapY, restProps = _object_without_properties(_$_object_spread, [
|
|
18
18
|
"className",
|
|
19
19
|
"interval",
|
|
20
20
|
"loop",
|
|
@@ -33,7 +33,7 @@ var InternalBarrage = function(props, ref) {
|
|
|
33
33
|
var classes = classNames(classPrefix, className);
|
|
34
34
|
useImperativeHandle(ref, function() {
|
|
35
35
|
return {
|
|
36
|
-
add: function(word) {
|
|
36
|
+
add: function add(word) {
|
|
37
37
|
var _index = index.current % list.length;
|
|
38
38
|
if (!loop && index.current === list.length) {
|
|
39
39
|
list.splice(list.length, 0, word);
|
|
@@ -59,7 +59,7 @@ var InternalBarrage = function(props, ref) {
|
|
|
59
59
|
}, [
|
|
60
60
|
list
|
|
61
61
|
]);
|
|
62
|
-
var run = function() {
|
|
62
|
+
var run = function run() {
|
|
63
63
|
clearInterval(timer.current);
|
|
64
64
|
var intervalCache = interval;
|
|
65
65
|
var _index = (loop ? index.current % list.length : index.current) % rows;
|
|
@@ -71,7 +71,7 @@ var InternalBarrage = function(props, ref) {
|
|
|
71
71
|
play();
|
|
72
72
|
}, intervalCache);
|
|
73
73
|
};
|
|
74
|
-
var play = function() {
|
|
74
|
+
var play = function play() {
|
|
75
75
|
if (!loop && index.current >= list.length) {
|
|
76
76
|
return;
|
|
77
77
|
}
|
|
@@ -19,10 +19,10 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
19
19
|
icon: null,
|
|
20
20
|
rightIcon: null,
|
|
21
21
|
nativeType: 'button',
|
|
22
|
-
onClick: function() {}
|
|
22
|
+
onClick: function onClick() {}
|
|
23
23
|
});
|
|
24
24
|
export var Button = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
25
|
-
var
|
|
25
|
+
var _$_object_spread = _object_spread({}, defaultProps, props), color = _$_object_spread.color, shape = _$_object_spread.shape, fill = _$_object_spread.fill, loading = _$_object_spread.loading, disabled = _$_object_spread.disabled, type = _$_object_spread.type, size = _$_object_spread.size, block = _$_object_spread.block, icon = _$_object_spread.icon, rightIcon = _$_object_spread.rightIcon, children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style, nativeType = _$_object_spread.nativeType, description = _$_object_spread.description, onClick = _$_object_spread.onClick, rest = _object_without_properties(_$_object_spread, [
|
|
26
26
|
"color",
|
|
27
27
|
"shape",
|
|
28
28
|
"fill",
|
|
@@ -23,40 +23,40 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
23
23
|
showSubTitle: true,
|
|
24
24
|
scrollAnimation: true,
|
|
25
25
|
firstDayOfWeek: 0,
|
|
26
|
-
disableDate: function(date) {
|
|
26
|
+
disableDate: function disableDate(date) {
|
|
27
27
|
return false;
|
|
28
28
|
},
|
|
29
29
|
renderHeaderButtons: undefined,
|
|
30
30
|
renderDay: undefined,
|
|
31
31
|
renderDayTop: undefined,
|
|
32
32
|
renderDayBottom: undefined,
|
|
33
|
-
onClose: function() {},
|
|
34
|
-
onConfirm: function(param) {},
|
|
35
|
-
onDayClick: function(data) {},
|
|
36
|
-
onPageChange: function(param) {}
|
|
33
|
+
onClose: function onClose() {},
|
|
34
|
+
onConfirm: function onConfirm(param) {},
|
|
35
|
+
onDayClick: function onDayClick(data) {},
|
|
36
|
+
onPageChange: function onPageChange(param) {}
|
|
37
37
|
});
|
|
38
38
|
export var Calendar = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
39
39
|
var locale = useConfig().locale;
|
|
40
40
|
var _$_object_spread = _object_spread({}, defaultProps, props), style = _$_object_spread.style, className = _$_object_spread.className, children = _$_object_spread.children, popup = _$_object_spread.popup, visible = _$_object_spread.visible, type = _$_object_spread.type, autoBackfill = _$_object_spread.autoBackfill, title = _$_object_spread.title, defaultValue = _$_object_spread.defaultValue, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, showToday = _$_object_spread.showToday, startText = _$_object_spread.startText, endText = _$_object_spread.endText, confirmText = _$_object_spread.confirmText, showTitle = _$_object_spread.showTitle, showSubTitle = _$_object_spread.showSubTitle, scrollAnimation = _$_object_spread.scrollAnimation, firstDayOfWeek = _$_object_spread.firstDayOfWeek, closeIcon = _$_object_spread.closeIcon, disableDate = _$_object_spread.disableDate, renderHeaderButtons = _$_object_spread.renderHeaderButtons, renderBottomButton = _$_object_spread.renderBottomButton, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, onClose = _$_object_spread.onClose, onConfirm = _$_object_spread.onConfirm, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange;
|
|
41
41
|
var calendarRef = useRef(null);
|
|
42
|
-
var close = function() {
|
|
42
|
+
var close = function close() {
|
|
43
43
|
onClose && onClose();
|
|
44
44
|
};
|
|
45
|
-
var choose = function(param) {
|
|
45
|
+
var choose = function choose(param) {
|
|
46
46
|
close();
|
|
47
47
|
onConfirm && onConfirm(param);
|
|
48
48
|
};
|
|
49
|
-
var closePopup = function() {
|
|
49
|
+
var closePopup = function closePopup() {
|
|
50
50
|
close();
|
|
51
51
|
};
|
|
52
|
-
var select = function(param) {
|
|
52
|
+
var select = function select(param) {
|
|
53
53
|
onDayClick && onDayClick(param);
|
|
54
54
|
};
|
|
55
|
-
var scrollToDate = function(date) {
|
|
55
|
+
var scrollToDate = function scrollToDate(date) {
|
|
56
56
|
var _calendarRef_current;
|
|
57
57
|
(_calendarRef_current = calendarRef.current) === null || _calendarRef_current === void 0 ? void 0 : _calendarRef_current.scrollToDate(date);
|
|
58
58
|
};
|
|
59
|
-
var yearMonthChange = function(param) {
|
|
59
|
+
var yearMonthChange = function yearMonthChange(param) {
|
|
60
60
|
onPageChange && onPageChange(param);
|
|
61
61
|
};
|
|
62
62
|
React.useImperativeHandle(ref, function() {
|
|
@@ -64,7 +64,7 @@ export var Calendar = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
64
64
|
scrollToDate: scrollToDate
|
|
65
65
|
};
|
|
66
66
|
});
|
|
67
|
-
var renderItem = function() {
|
|
67
|
+
var renderItem = function renderItem() {
|
|
68
68
|
return /*#__PURE__*/ React.createElement(CalendarItem, {
|
|
69
69
|
ref: calendarRef,
|
|
70
70
|
style: style,
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { Utils } from "../../utils/date";
|
|
2
|
-
export var splitDate = function(date) {
|
|
2
|
+
export var splitDate = function splitDate(date) {
|
|
3
3
|
var split = date.indexOf('-') !== -1 ? '-' : '/';
|
|
4
4
|
return date.split(split);
|
|
5
5
|
};
|
|
6
|
-
export var isMultiple = function(day, days) {
|
|
6
|
+
export var isMultiple = function isMultiple(day, days) {
|
|
7
7
|
if (days.length > 0) {
|
|
8
8
|
return days.some(function(item) {
|
|
9
9
|
return Utils.isEqual(item, day);
|
|
@@ -11,20 +11,20 @@ export var isMultiple = function(day, days) {
|
|
|
11
11
|
}
|
|
12
12
|
return false;
|
|
13
13
|
};
|
|
14
|
-
export var isCurrDay = function(month, day) {
|
|
14
|
+
export var isCurrDay = function isCurrDay(month, day) {
|
|
15
15
|
var date = "".concat(month.curData[0], "/").concat(month.curData[1], "/").concat(day);
|
|
16
16
|
return Utils.isEqual(date, Utils.date2Str(new Date(), '/'));
|
|
17
17
|
};
|
|
18
|
-
export var getCurrDate = function(day, month) {
|
|
18
|
+
export var getCurrDate = function getCurrDate(day, month) {
|
|
19
19
|
return "".concat(month.curData[0], "/").concat(month.curData[1], "/").concat(Utils.getNumTwoBit(+day.day));
|
|
20
20
|
};
|
|
21
|
-
export var isStart = function(day, days) {
|
|
21
|
+
export var isStart = function isStart(day, days) {
|
|
22
22
|
return Utils.isEqual(days[0], day);
|
|
23
23
|
};
|
|
24
|
-
export var isEnd = function(day, days) {
|
|
24
|
+
export var isEnd = function isEnd(day, days) {
|
|
25
25
|
return Utils.isEqual(days[1], day);
|
|
26
26
|
};
|
|
27
27
|
// 开始结束时间是否相等
|
|
28
|
-
export var isStartAndEnd = function(days) {
|
|
28
|
+
export var isStartAndEnd = function isStartAndEnd(days) {
|
|
29
29
|
return days.length >= 2 && Utils.isEqual(days[0], days[1]);
|
|
30
30
|
};
|
|
@@ -37,7 +37,7 @@ export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
37
37
|
}), 2), month = _useState[0], setMonth = _useState[1];
|
|
38
38
|
// 当前月份对应的日期(6 * 7 视图)
|
|
39
39
|
var _useState1 = _sliced_to_array(useState([]), 2), days = _useState1[0], setDays = _useState1[1];
|
|
40
|
-
var valueToRange = function(val) {
|
|
40
|
+
var valueToRange = function valueToRange(val) {
|
|
41
41
|
if (Array.isArray(val)) {
|
|
42
42
|
return val.map(function(date) {
|
|
43
43
|
return convertDateToDay(date);
|
|
@@ -47,7 +47,7 @@ export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
47
47
|
convertDateToDay(val)
|
|
48
48
|
] : [];
|
|
49
49
|
};
|
|
50
|
-
var rangeTovalue = function(range) {
|
|
50
|
+
var rangeTovalue = function rangeTovalue(range) {
|
|
51
51
|
if (Array.isArray(range)) {
|
|
52
52
|
return range.map(function(day) {
|
|
53
53
|
return convertDayToDate(day);
|
|
@@ -62,7 +62,7 @@ export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
62
62
|
defaultValue: defaultValue ? valueToRange(defaultValue) : undefined,
|
|
63
63
|
finalValue: []
|
|
64
64
|
}), 2), innerValue = _usePropsValue[0], setInnerValue = _usePropsValue[1];
|
|
65
|
-
var change = function(v) {
|
|
65
|
+
var change = function change(v) {
|
|
66
66
|
setInnerValue(v);
|
|
67
67
|
if (type === 'single') {
|
|
68
68
|
var date = convertDayToDate(v[0]);
|
|
@@ -107,10 +107,10 @@ export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
107
107
|
getDays,
|
|
108
108
|
firstDayOfWeek
|
|
109
109
|
]);
|
|
110
|
-
var isSameDay = function(day1, day2) {
|
|
110
|
+
var isSameDay = function isSameDay(day1, day2) {
|
|
111
111
|
return (day1 === null || day1 === void 0 ? void 0 : day1.year) === (day2 === null || day2 === void 0 ? void 0 : day2.year) && (day1 === null || day1 === void 0 ? void 0 : day1.month) === (day2 === null || day2 === void 0 ? void 0 : day2.month) && (day1 === null || day1 === void 0 ? void 0 : day1.date) === (day2 === null || day2 === void 0 ? void 0 : day2.date);
|
|
112
112
|
};
|
|
113
|
-
var compareDay = function(day1, day2) {
|
|
113
|
+
var compareDay = function compareDay(day1, day2) {
|
|
114
114
|
if (day1 && day2) {
|
|
115
115
|
if (day1.year === day2.year) {
|
|
116
116
|
if (day1.month === day2.month) {
|
|
@@ -121,7 +121,7 @@ export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
121
121
|
return day1.year - day2.year;
|
|
122
122
|
}
|
|
123
123
|
};
|
|
124
|
-
var isDisable = function(day) {
|
|
124
|
+
var isDisable = function isDisable(day) {
|
|
125
125
|
if (disableDay && disableDay(day)) {
|
|
126
126
|
return true;
|
|
127
127
|
}
|
|
@@ -133,7 +133,7 @@ export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
133
133
|
}
|
|
134
134
|
return false;
|
|
135
135
|
};
|
|
136
|
-
var isActive = function(day) {
|
|
136
|
+
var isActive = function isActive(day) {
|
|
137
137
|
if (type === 'single' || type === 'multiple') {
|
|
138
138
|
var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
|
|
139
139
|
try {
|
|
@@ -162,13 +162,13 @@ export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
162
162
|
}
|
|
163
163
|
return false;
|
|
164
164
|
};
|
|
165
|
-
var isStart = function(day) {
|
|
165
|
+
var isStart = function isStart(day) {
|
|
166
166
|
return (type === 'range' || type === 'week') && innerValue.length === 2 && isSameDay(day, innerValue[0]);
|
|
167
167
|
};
|
|
168
|
-
var isEnd = function(day) {
|
|
168
|
+
var isEnd = function isEnd(day) {
|
|
169
169
|
return (type === 'range' || type === 'week') && innerValue.length === 2 && isSameDay(day, innerValue[1]);
|
|
170
170
|
};
|
|
171
|
-
var isMid = function(day) {
|
|
171
|
+
var isMid = function isMid(day) {
|
|
172
172
|
if (type === 'range' || type === 'week') {
|
|
173
173
|
if (innerValue.length === 2) {
|
|
174
174
|
var c1 = compareDay(innerValue[0], day);
|
|
@@ -180,11 +180,11 @@ export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
180
180
|
}
|
|
181
181
|
return false;
|
|
182
182
|
};
|
|
183
|
-
var isWeekend = function(day) {
|
|
183
|
+
var isWeekend = function isWeekend(day) {
|
|
184
184
|
var d = new Date(day.year, day.month - 1, day.date).getDay();
|
|
185
185
|
return d === 0 || d === 6;
|
|
186
186
|
};
|
|
187
|
-
var getClasses = function(day) {
|
|
187
|
+
var getClasses = function getClasses(day) {
|
|
188
188
|
/**
|
|
189
189
|
* active: single、multiple 激活日期
|
|
190
190
|
* start: 范围开始日期
|
|
@@ -215,7 +215,7 @@ export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
215
215
|
}
|
|
216
216
|
return res;
|
|
217
217
|
};
|
|
218
|
-
var jumpTo = function(year, month) {
|
|
218
|
+
var jumpTo = function jumpTo(year, month) {
|
|
219
219
|
if (startDate) {
|
|
220
220
|
var c = compareDay({
|
|
221
221
|
year: year,
|
|
@@ -241,7 +241,7 @@ export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
241
241
|
month: month
|
|
242
242
|
});
|
|
243
243
|
};
|
|
244
|
-
var jump = function() {
|
|
244
|
+
var jump = function jump() {
|
|
245
245
|
var step = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 1;
|
|
246
246
|
var current = month.year * 12 + month.month;
|
|
247
247
|
var newMonth = (current + step) % 12;
|
|
@@ -257,7 +257,7 @@ export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
257
257
|
jumpTo: jumpTo
|
|
258
258
|
};
|
|
259
259
|
});
|
|
260
|
-
var handleDayClick = function(day) {
|
|
260
|
+
var handleDayClick = function handleDayClick(day) {
|
|
261
261
|
onDayClick === null || onDayClick === void 0 ? void 0 : onDayClick(day);
|
|
262
262
|
if (day.type === 'prev' || day.type === 'next' || isDisable(day)) {
|
|
263
263
|
return;
|
|
@@ -337,19 +337,19 @@ export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
337
337
|
}
|
|
338
338
|
};
|
|
339
339
|
var monthTitle = locale.calendaritem.monthTitle;
|
|
340
|
-
var renderHeader = function() {
|
|
340
|
+
var renderHeader = function renderHeader() {
|
|
341
341
|
return /*#__PURE__*/ React.createElement("div", {
|
|
342
342
|
className: "".concat(prefixCls, "-header")
|
|
343
343
|
}, /*#__PURE__*/ React.createElement("div", {
|
|
344
344
|
className: "".concat(prefixCls, "-header-left")
|
|
345
345
|
}, /*#__PURE__*/ React.createElement("div", {
|
|
346
346
|
className: "double-left",
|
|
347
|
-
onClick: function() {
|
|
347
|
+
onClick: function onClick() {
|
|
348
348
|
return jump(-12);
|
|
349
349
|
}
|
|
350
350
|
}, /*#__PURE__*/ React.createElement(DoubleLeft, null)), /*#__PURE__*/ React.createElement("div", {
|
|
351
351
|
className: "left",
|
|
352
|
-
onClick: function() {
|
|
352
|
+
onClick: function onClick() {
|
|
353
353
|
return jump(-1);
|
|
354
354
|
}
|
|
355
355
|
}, /*#__PURE__*/ React.createElement(ArrowLeft, null))), /*#__PURE__*/ React.createElement("div", {
|
|
@@ -358,12 +358,12 @@ export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
358
358
|
className: "".concat(prefixCls, "-header-right")
|
|
359
359
|
}, /*#__PURE__*/ React.createElement("div", {
|
|
360
360
|
className: "right",
|
|
361
|
-
onClick: function() {
|
|
361
|
+
onClick: function onClick() {
|
|
362
362
|
return jump(1);
|
|
363
363
|
}
|
|
364
364
|
}, /*#__PURE__*/ React.createElement(ArrowRight, null)), /*#__PURE__*/ React.createElement("div", {
|
|
365
365
|
className: "double-right",
|
|
366
|
-
onClick: function() {
|
|
366
|
+
onClick: function onClick() {
|
|
367
367
|
return jump(12);
|
|
368
368
|
}
|
|
369
369
|
}, /*#__PURE__*/ React.createElement(DoubleRight, null))));
|
|
@@ -382,7 +382,7 @@ export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
382
382
|
firstDayOfWeek,
|
|
383
383
|
locale.calendaritem.weekdays
|
|
384
384
|
]);
|
|
385
|
-
var renderContent = function() {
|
|
385
|
+
var renderContent = function renderContent() {
|
|
386
386
|
return /*#__PURE__*/ React.createElement("div", {
|
|
387
387
|
className: "".concat(prefixCls, "-content")
|
|
388
388
|
}, /*#__PURE__*/ React.createElement("div", {
|
|
@@ -400,7 +400,7 @@ export var CalendarCard = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
400
400
|
return /*#__PURE__*/ React.createElement("div", {
|
|
401
401
|
className: classNames("".concat(prefixCls, "-day"), day.type, getClasses(day)),
|
|
402
402
|
key: "".concat(day.year, "-").concat(day.month, "-").concat(day.date),
|
|
403
|
-
onClick: function() {
|
|
403
|
+
onClick: function onClick() {
|
|
404
404
|
return handleDayClick(day);
|
|
405
405
|
}
|
|
406
406
|
}, /*#__PURE__*/ React.createElement("div", {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export var ArrowLeft = function() {
|
|
2
|
+
export var ArrowLeft = function ArrowLeft() {
|
|
3
3
|
return /*#__PURE__*/ React.createElement("svg", {
|
|
4
4
|
xmlns: "http://www.w3.org/2000/svg",
|
|
5
5
|
width: "18",
|
|
@@ -9,7 +9,7 @@ export var ArrowLeft = function() {
|
|
|
9
9
|
d: "M6.605 9.49a.771.771 0 0 1 0-.98l3.6-4.372a.771.771 0 0 1 1.19.981L8.2 9l3.197 3.881a.771.771 0 1 1-1.191.98l-3.6-4.37Z"
|
|
10
10
|
}));
|
|
11
11
|
};
|
|
12
|
-
export var ArrowRight = function() {
|
|
12
|
+
export var ArrowRight = function ArrowRight() {
|
|
13
13
|
return /*#__PURE__*/ React.createElement("svg", {
|
|
14
14
|
xmlns: "http://www.w3.org/2000/svg",
|
|
15
15
|
width: "18",
|
|
@@ -19,7 +19,7 @@ export var ArrowRight = function() {
|
|
|
19
19
|
d: "M11.396 9.49a.771.771 0 0 0 0-.98l-3.6-4.372a.771.771 0 0 0-1.191.981L9.8 9l-3.196 3.881a.771.771 0 0 0 1.19.98l3.6-4.37Z"
|
|
20
20
|
}));
|
|
21
21
|
};
|
|
22
|
-
export var DoubleLeft = function() {
|
|
22
|
+
export var DoubleLeft = function DoubleLeft() {
|
|
23
23
|
return /*#__PURE__*/ React.createElement("svg", {
|
|
24
24
|
xmlns: "http://www.w3.org/2000/svg",
|
|
25
25
|
width: "18",
|
|
@@ -29,7 +29,7 @@ export var DoubleLeft = function() {
|
|
|
29
29
|
d: "M13.853 4.026a.771.771 0 0 1 .12 1.085L10.864 9l3.11 3.889a.771.771 0 1 1-1.204.963L9.272 9.482a.771.771 0 0 1 0-.964l3.497-4.371a.771.771 0 0 1 1.084-.12Zm-5.245 0a.771.771 0 0 1 .12 1.085L5.617 9l3.111 3.889a.771.771 0 0 1-1.205.963L4.026 9.482a.771.771 0 0 1 0-.964l3.497-4.371a.771.771 0 0 1 1.085-.12Z"
|
|
30
30
|
}));
|
|
31
31
|
};
|
|
32
|
-
export var DoubleRight = function() {
|
|
32
|
+
export var DoubleRight = function DoubleRight() {
|
|
33
33
|
return /*#__PURE__*/ React.createElement("svg", {
|
|
34
34
|
xmlns: "http://www.w3.org/2000/svg",
|
|
35
35
|
width: "18",
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { Utils } from "../../utils/date";
|
|
2
|
-
export var convertDateToDay = function(date) {
|
|
2
|
+
export var convertDateToDay = function convertDateToDay(date) {
|
|
3
3
|
return date ? {
|
|
4
4
|
year: date.getFullYear(),
|
|
5
5
|
month: date.getMonth() + 1,
|
|
6
6
|
date: date.getDate()
|
|
7
7
|
} : null;
|
|
8
8
|
};
|
|
9
|
-
export var convertDayToDate = function(day) {
|
|
9
|
+
export var convertDayToDate = function convertDayToDate(day) {
|
|
10
10
|
return day ? new Date(day.year, day.month - 1, day.date) : null;
|
|
11
11
|
};
|
|
12
12
|
/**
|
|
13
13
|
* 获取当月面板中前一个月的日期数据
|
|
14
|
-
*/ export var getPrevMonthDays = function(year, month, firstDayOfWeek) {
|
|
14
|
+
*/ export var getPrevMonthDays = function getPrevMonthDays(year, month, firstDayOfWeek) {
|
|
15
15
|
var prevMonth = month - 1;
|
|
16
16
|
var prevYear = year;
|
|
17
17
|
if (prevMonth <= 0) {
|
|
@@ -36,7 +36,7 @@ export var convertDayToDate = function(day) {
|
|
|
36
36
|
};
|
|
37
37
|
/**
|
|
38
38
|
* 获取当前月的日期数据
|
|
39
|
-
*/ export var getCurrentMonthDays = function(year, month) {
|
|
39
|
+
*/ export var getCurrentMonthDays = function getCurrentMonthDays(year, month) {
|
|
40
40
|
var days = Utils.getMonthDays("".concat(year), "".concat(month));
|
|
41
41
|
return Array.from(Array(days), function(_, k) {
|
|
42
42
|
return {
|
|
@@ -49,7 +49,7 @@ export var convertDayToDate = function(day) {
|
|
|
49
49
|
};
|
|
50
50
|
/**
|
|
51
51
|
* 根据日期获取当前周的起始日期
|
|
52
|
-
*/ export var getCurrentWeekDays = function(day, firstDayOfWeek) {
|
|
52
|
+
*/ export var getCurrentWeekDays = function getCurrentWeekDays(day, firstDayOfWeek) {
|
|
53
53
|
var current = new Date(day.year, day.month - 1, day.date);
|
|
54
54
|
var count = (current.getDay() + 7 - firstDayOfWeek) % 7;
|
|
55
55
|
return [
|
|
@@ -26,17 +26,17 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
|
|
|
26
26
|
showSubTitle: true,
|
|
27
27
|
scrollAnimation: true,
|
|
28
28
|
firstDayOfWeek: 0,
|
|
29
|
-
disableDate: function(date) {
|
|
29
|
+
disableDate: function disableDate(date) {
|
|
30
30
|
return false;
|
|
31
31
|
},
|
|
32
32
|
renderHeaderButtons: undefined,
|
|
33
33
|
renderDay: undefined,
|
|
34
34
|
renderDayTop: undefined,
|
|
35
35
|
renderDayBottom: undefined,
|
|
36
|
-
onConfirm: function() {},
|
|
37
|
-
onUpdate: function() {},
|
|
38
|
-
onDayClick: function() {},
|
|
39
|
-
onPageChange: function() {}
|
|
36
|
+
onConfirm: function onConfirm() {},
|
|
37
|
+
onUpdate: function onUpdate() {},
|
|
38
|
+
onDayClick: function onDayClick() {},
|
|
39
|
+
onPageChange: function onPageChange() {}
|
|
40
40
|
});
|
|
41
41
|
export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
42
42
|
var locale = useConfig().locale;
|
|
@@ -57,13 +57,13 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
57
57
|
var _useState5 = _sliced_to_array(useState({
|
|
58
58
|
currDateArray: []
|
|
59
59
|
}), 1), state = _useState5[0];
|
|
60
|
-
var getMonthsPanel = function() {
|
|
60
|
+
var getMonthsPanel = function getMonthsPanel() {
|
|
61
61
|
return monthsPanel.current;
|
|
62
62
|
};
|
|
63
|
-
var getMonthsRef = function() {
|
|
63
|
+
var getMonthsRef = function getMonthsRef() {
|
|
64
64
|
return monthsRef.current;
|
|
65
65
|
};
|
|
66
|
-
var resetDefaultValue = function() {
|
|
66
|
+
var resetDefaultValue = function resetDefaultValue() {
|
|
67
67
|
if (defaultValue || Array.isArray(defaultValue) && defaultValue.length > 0) {
|
|
68
68
|
return type !== 'single' ? _to_consumable_array(defaultValue) : defaultValue;
|
|
69
69
|
}
|
|
@@ -73,7 +73,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
73
73
|
value: value,
|
|
74
74
|
defaultValue: resetDefaultValue(),
|
|
75
75
|
finalValue: [],
|
|
76
|
-
onChange: function(val) {}
|
|
76
|
+
onChange: function onChange(val) {}
|
|
77
77
|
}), 2), currentDate = _usePropsValue[0], setCurrentDate = _usePropsValue[1];
|
|
78
78
|
var weeksPanel = useRef(null);
|
|
79
79
|
var monthsRef = useRef(null);
|
|
@@ -84,7 +84,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
84
84
|
var classPrefix = 'nut-calendar';
|
|
85
85
|
var dayPrefix = 'nut-calendar-day';
|
|
86
86
|
// 获取月数据
|
|
87
|
-
var getMonthData = function(curData, monthNum, type) {
|
|
87
|
+
var getMonthData = function getMonthData(curData, monthNum, type) {
|
|
88
88
|
var i = 0;
|
|
89
89
|
var date = curData;
|
|
90
90
|
var monthData = monthsData;
|
|
@@ -116,7 +116,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
116
116
|
}while (i++ < monthNum);
|
|
117
117
|
setMonthsData(monthData);
|
|
118
118
|
};
|
|
119
|
-
var setReachedYearMonthInfo = function(current) {
|
|
119
|
+
var setReachedYearMonthInfo = function setReachedYearMonthInfo(current) {
|
|
120
120
|
var currentMonthsData = monthsData[current];
|
|
121
121
|
var _currentMonthsData_curData = _sliced_to_array(currentMonthsData.curData, 2), year = _currentMonthsData_curData[0], month = _currentMonthsData_curData[1];
|
|
122
122
|
if (currentMonthsData.title === yearMonthTitle) return;
|
|
@@ -128,7 +128,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
128
128
|
setYearMonthTitle(currentMonthsData.title);
|
|
129
129
|
};
|
|
130
130
|
// 设置默认的范围
|
|
131
|
-
var setDefaultRange = function(monthNum, current) {
|
|
131
|
+
var setDefaultRange = function setDefaultRange(monthNum, current) {
|
|
132
132
|
var start = 0;
|
|
133
133
|
var end = 0;
|
|
134
134
|
if (monthNum >= 3) {
|
|
@@ -153,7 +153,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
153
153
|
setTranslateY(monthsData[start].scrollTop);
|
|
154
154
|
setReachedYearMonthInfo(current);
|
|
155
155
|
};
|
|
156
|
-
var getMonthNum = function() {
|
|
156
|
+
var getMonthNum = function getMonthNum() {
|
|
157
157
|
var monthNum = Number(endDates[1]) - Number(startDates[1]);
|
|
158
158
|
var yearNum = Number(endDates[0]) - Number(startDates[0]);
|
|
159
159
|
if (yearNum > 0) {
|
|
@@ -165,7 +165,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
165
165
|
setMonthsNum(monthNum);
|
|
166
166
|
return monthNum;
|
|
167
167
|
};
|
|
168
|
-
var setDefaultDate = function() {
|
|
168
|
+
var setDefaultDate = function setDefaultDate() {
|
|
169
169
|
var defaultData = [];
|
|
170
170
|
// 日期转化为数组,限制初始日期。判断时间范围
|
|
171
171
|
if (type === 'range' && Array.isArray(currentDate)) {
|
|
@@ -223,7 +223,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
223
223
|
}
|
|
224
224
|
return defaultData;
|
|
225
225
|
};
|
|
226
|
-
var getCurrentIndex = function(defaultData) {
|
|
226
|
+
var getCurrentIndex = function getCurrentIndex(defaultData) {
|
|
227
227
|
// 设置默认可见区域
|
|
228
228
|
var current = 0;
|
|
229
229
|
var lastCurrent = 0;
|
|
@@ -255,7 +255,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
255
255
|
lastCurrent: lastCurrent
|
|
256
256
|
};
|
|
257
257
|
};
|
|
258
|
-
var renderCurrentDate = function() {
|
|
258
|
+
var renderCurrentDate = function renderCurrentDate() {
|
|
259
259
|
var defaultData = setDefaultDate();
|
|
260
260
|
var current = getCurrentIndex(defaultData);
|
|
261
261
|
if (defaultData.length > 0) {
|
|
@@ -298,7 +298,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
298
298
|
}
|
|
299
299
|
return current.current;
|
|
300
300
|
};
|
|
301
|
-
var requestAniFrameFunc = function(current, monthNum) {
|
|
301
|
+
var requestAniFrameFunc = function requestAniFrameFunc(current, monthNum) {
|
|
302
302
|
var lastItem = monthsData[monthsData.length - 1];
|
|
303
303
|
var containerHeight = lastItem.cssHeight + lastItem.scrollTop;
|
|
304
304
|
requestAniFrame(function() {
|
|
@@ -311,7 +311,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
311
311
|
});
|
|
312
312
|
setAvgHeight(Math.floor(containerHeight / (monthNum + 1)));
|
|
313
313
|
};
|
|
314
|
-
var initData = function() {
|
|
314
|
+
var initData = function initData() {
|
|
315
315
|
// 判断时间范围内存在多少个月
|
|
316
316
|
var monthNum = getMonthNum();
|
|
317
317
|
// 设置月份数据,获取包含月份的所有数据,只需要 set 一次即可。
|
|
@@ -323,7 +323,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
323
323
|
useEffect(function() {
|
|
324
324
|
initData();
|
|
325
325
|
}, []);
|
|
326
|
-
var resetRender = function() {
|
|
326
|
+
var resetRender = function resetRender() {
|
|
327
327
|
state.currDateArray.splice(0);
|
|
328
328
|
monthsData.splice(0);
|
|
329
329
|
initData();
|
|
@@ -339,7 +339,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
339
339
|
currentDate
|
|
340
340
|
]);
|
|
341
341
|
// 暴露出的API
|
|
342
|
-
var scrollToDate = function(date) {
|
|
342
|
+
var scrollToDate = function scrollToDate(date) {
|
|
343
343
|
if (Utils.compareDate(date, propStartDate)) {
|
|
344
344
|
date = propStartDate;
|
|
345
345
|
} else if (!Utils.compareDate(date, propEndDate)) {
|
|
@@ -373,7 +373,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
373
373
|
}
|
|
374
374
|
});
|
|
375
375
|
};
|
|
376
|
-
var monthsViewScroll = function(e) {
|
|
376
|
+
var monthsViewScroll = function monthsViewScroll(e) {
|
|
377
377
|
if (monthsData.length <= 1) {
|
|
378
378
|
return;
|
|
379
379
|
}
|
|
@@ -410,7 +410,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
410
410
|
scrollToDate: scrollToDate
|
|
411
411
|
};
|
|
412
412
|
});
|
|
413
|
-
var getClasses = function(day, month) {
|
|
413
|
+
var getClasses = function getClasses(day, month) {
|
|
414
414
|
var dateStr = getCurrDate(day, month);
|
|
415
415
|
if (day.type === 'active') {
|
|
416
416
|
if (propStartDate && Utils.compareDate(dateStr, propStartDate) || propEndDate && Utils.compareDate(propEndDate, dateStr)) {
|
|
@@ -436,7 +436,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
436
436
|
}
|
|
437
437
|
return "".concat(dayPrefix, "-disabled");
|
|
438
438
|
};
|
|
439
|
-
var chooseDay = function(day, month, isFirst) {
|
|
439
|
+
var chooseDay = function chooseDay(day, month, isFirst) {
|
|
440
440
|
if (getClasses(day, month) === "".concat(dayPrefix, "-disabled")) {
|
|
441
441
|
return;
|
|
442
442
|
}
|
|
@@ -515,8 +515,8 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
515
515
|
}
|
|
516
516
|
setMonthsData(monthsData.slice());
|
|
517
517
|
};
|
|
518
|
-
var resetSelectedValue = function() {
|
|
519
|
-
var itemData = function(dateArr) {
|
|
518
|
+
var resetSelectedValue = function resetSelectedValue() {
|
|
519
|
+
var itemData = function itemData(dateArr) {
|
|
520
520
|
days = dateArr.split('/');
|
|
521
521
|
days[3] = "".concat(days[0], "/").concat(days[1], "/").concat(days[2]);
|
|
522
522
|
days[4] = Utils.getWhatDay(+days[0], +days[1], +days[2]);
|
|
@@ -532,7 +532,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
532
532
|
}
|
|
533
533
|
return days;
|
|
534
534
|
};
|
|
535
|
-
var confirm = function() {
|
|
535
|
+
var confirm = function confirm() {
|
|
536
536
|
if (type === 'range' && state.currDateArray.length === 2 || type !== 'range') {
|
|
537
537
|
var chooseData = state.currDateArray.slice(0);
|
|
538
538
|
onConfirm && onConfirm(chooseData);
|
|
@@ -546,14 +546,14 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
546
546
|
var _obj1;
|
|
547
547
|
var headerClasses = classNames((_obj1 = {}, _define_property(_obj1, "".concat(classPrefix, "-header"), true), _define_property(_obj1, "".concat(classPrefix, "-header-title"), !popup), _obj1));
|
|
548
548
|
// 是否有开始提示
|
|
549
|
-
var isStartTip = function(day, month) {
|
|
549
|
+
var isStartTip = function isStartTip(day, month) {
|
|
550
550
|
return (type === 'range' || type === 'week') && day.type === 'active' && isStart(getCurrDate(day, month), currentDate);
|
|
551
551
|
};
|
|
552
552
|
// 是否有结束提示
|
|
553
|
-
var isEndTip = function(day, month) {
|
|
553
|
+
var isEndTip = function isEndTip(day, month) {
|
|
554
554
|
return currentDate.length >= 2 && (type === 'range' || type === 'week') && day.type === 'active' && isEnd(getCurrDate(day, month), currentDate);
|
|
555
555
|
};
|
|
556
|
-
var renderHeader = function() {
|
|
556
|
+
var renderHeader = function renderHeader() {
|
|
557
557
|
return /*#__PURE__*/ React.createElement("div", {
|
|
558
558
|
className: headerClasses
|
|
559
559
|
}, showTitle && /*#__PURE__*/ React.createElement("div", {
|
|
@@ -572,7 +572,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
572
572
|
}, item);
|
|
573
573
|
})));
|
|
574
574
|
};
|
|
575
|
-
var renderContent = function() {
|
|
575
|
+
var renderContent = function renderContent() {
|
|
576
576
|
return /*#__PURE__*/ React.createElement("div", {
|
|
577
577
|
className: "".concat(classPrefix, "-content"),
|
|
578
578
|
onScroll: monthsViewScroll,
|
|
@@ -600,7 +600,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
600
600
|
"".concat(classPrefix, "-day"),
|
|
601
601
|
getClasses(day, month)
|
|
602
602
|
].join(' '),
|
|
603
|
-
onClick: function() {
|
|
603
|
+
onClick: function onClick() {
|
|
604
604
|
chooseDay(day, month);
|
|
605
605
|
},
|
|
606
606
|
key: i
|
|
@@ -620,7 +620,7 @@ export var CalendarItem = /*#__PURE__*/ React.forwardRef(function(props, ref) {
|
|
|
620
620
|
})));
|
|
621
621
|
}))));
|
|
622
622
|
};
|
|
623
|
-
var renderFooter = function() {
|
|
623
|
+
var renderFooter = function renderFooter() {
|
|
624
624
|
return /*#__PURE__*/ React.createElement("div", {
|
|
625
625
|
className: "nut-calendar-footer"
|
|
626
626
|
}, children, /*#__PURE__*/ React.createElement("div", {
|