rsuite 5.0.0-beta.7 → 5.0.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.
- package/CHANGELOG.md +52 -0
- package/DatePicker/styles/index.less +6 -2
- package/Grid/styles/index.less +1 -2
- package/IconButton/styles/index.less +1 -1
- package/MultiCascader/styles/index.less +3 -0
- package/README.md +17 -11
- package/Sidenav/styles/index.less +99 -37
- package/Table/styles/index.less +8 -0
- package/Uploader/styles/index.less +10 -0
- package/cjs/@types/common.d.ts +2 -1
- package/cjs/Animation/Collapse.js +8 -8
- package/cjs/AutoComplete/AutoComplete.js +10 -14
- package/cjs/Badge/Badge.js +6 -10
- package/cjs/Breadcrumb/Breadcrumb.js +8 -12
- package/cjs/Breadcrumb/BreadcrumbItem.js +4 -8
- package/cjs/Button/Button.js +6 -10
- package/cjs/ButtonGroup/ButtonGroup.js +6 -10
- package/cjs/Calendar/Calendar.js +4 -8
- package/cjs/Calendar/CalendarPanel.js +6 -10
- package/cjs/Calendar/Header.js +4 -8
- package/cjs/Calendar/MonthDropdown.js +10 -14
- package/cjs/Calendar/MonthDropdownItem.js +6 -10
- package/cjs/Calendar/Table.js +6 -10
- package/cjs/Calendar/TableHeaderRow.js +4 -7
- package/cjs/Calendar/TableRow.js +7 -11
- package/cjs/Calendar/TimeDropdown.js +4 -8
- package/cjs/Calendar/View.js +4 -8
- package/cjs/Carousel/Carousel.js +10 -14
- package/cjs/Cascader/Cascader.js +28 -26
- package/cjs/Cascader/DropdownMenu.js +19 -21
- package/cjs/CheckPicker/CheckPicker.js +33 -29
- package/cjs/CheckTreePicker/CheckTreeNode.js +4 -6
- package/cjs/CheckTreePicker/CheckTreePicker.js +47 -35
- package/cjs/Checkbox/Checkbox.js +8 -13
- package/cjs/CheckboxGroup/CheckboxGroup.d.ts +1 -12
- package/cjs/CheckboxGroup/CheckboxGroup.js +7 -13
- package/cjs/CheckboxGroup/CheckboxGroupContext.d.ts +13 -0
- package/cjs/CheckboxGroup/CheckboxGroupContext.js +12 -0
- package/cjs/CheckboxGroup/index.d.ts +4 -3
- package/cjs/CheckboxGroup/index.js +6 -4
- package/cjs/Col/Col.js +3 -2
- package/cjs/Container/Container.js +4 -7
- package/cjs/DatePicker/DatePicker.js +23 -20
- package/cjs/DatePicker/Toolbar.js +4 -8
- package/cjs/DateRangePicker/Calendar.d.ts +2 -1
- package/cjs/DateRangePicker/Calendar.js +15 -16
- package/cjs/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/cjs/DateRangePicker/DateRangePicker.js +93 -73
- package/cjs/DateRangePicker/utils.d.ts +1 -1
- package/cjs/DateRangePicker/utils.js +9 -5
- package/cjs/Divider/Divider.js +4 -8
- package/cjs/Drawer/Drawer.js +8 -10
- package/cjs/Dropdown/Dropdown.js +39 -30
- package/cjs/Dropdown/DropdownContext.d.ts +4 -1
- package/cjs/Dropdown/DropdownItem.js +35 -12
- package/cjs/Dropdown/DropdownMenu.js +2 -6
- package/cjs/Dropdown/DropdownState.d.ts +37 -0
- package/cjs/Dropdown/DropdownState.js +66 -0
- package/cjs/Dropdown/DropdownToggle.js +4 -8
- package/cjs/FlexboxGrid/FlexboxGrid.js +8 -12
- package/cjs/FlexboxGrid/FlexboxGridItem.js +8 -12
- package/cjs/Form/Form.js +12 -16
- package/cjs/IconButton/IconButton.js +4 -8
- package/cjs/Input/Input.js +6 -10
- package/cjs/InputNumber/InputNumber.js +14 -18
- package/cjs/InputPicker/InputAutosize.js +2 -4
- package/cjs/InputPicker/InputPicker.js +32 -30
- package/cjs/List/List.js +12 -16
- package/cjs/List/ListItem.js +6 -10
- package/cjs/Loader/Loader.js +6 -10
- package/cjs/Menu/Menu.d.ts +0 -1
- package/cjs/Menu/Menu.js +3 -5
- package/cjs/Menu/MenuItem.js +1 -1
- package/cjs/Message/Message.js +8 -12
- package/cjs/Modal/Modal.d.ts +1 -10
- package/cjs/Modal/Modal.js +35 -27
- package/cjs/Modal/ModalBody.js +6 -10
- package/cjs/Modal/ModalContext.d.ts +12 -0
- package/cjs/Modal/ModalContext.js +12 -0
- package/cjs/Modal/ModalDialog.js +8 -8
- package/cjs/Modal/ModalHeader.js +8 -12
- package/cjs/Modal/ModalTitle.d.ts +3 -2
- package/cjs/Modal/ModalTitle.js +43 -4
- package/cjs/MultiCascader/DropdownMenu.js +21 -23
- package/cjs/MultiCascader/MultiCascader.js +34 -32
- package/cjs/Nav/Nav.js +6 -10
- package/cjs/Navbar/Navbar.js +6 -9
- package/cjs/Notification/Notification.js +6 -10
- package/cjs/Overlay/Modal.js +11 -18
- package/cjs/Overlay/Overlay.js +2 -5
- package/cjs/Overlay/OverlayTrigger.js +9 -9
- package/cjs/Overlay/Position.js +4 -8
- package/cjs/Pagination/Pagination.js +10 -13
- package/cjs/Pagination/PaginationButton.js +4 -8
- package/cjs/Pagination/PaginationGroup.js +11 -12
- package/cjs/Panel/Panel.js +6 -10
- package/cjs/PanelGroup/PanelGroup.js +4 -8
- package/cjs/Picker/DropdownMenu.js +2 -3
- package/cjs/Picker/DropdownMenuGroup.js +4 -8
- package/cjs/Picker/DropdownMenuItem.js +4 -8
- package/cjs/Picker/PickerToggle.js +7 -9
- package/cjs/Picker/propTypes.d.ts +2 -16
- package/cjs/Picker/propTypes.js +4 -17
- package/cjs/Picker/utils.js +13 -8
- package/cjs/Placeholder/PlaceholderGraph.js +6 -10
- package/cjs/Placeholder/PlaceholderGrid.js +12 -16
- package/cjs/Placeholder/PlaceholderParagraph.js +10 -14
- package/cjs/Popover/Popover.js +4 -8
- package/cjs/Progress/ProgressCircle.js +18 -22
- package/cjs/Progress/ProgressLine.js +8 -12
- package/cjs/Radio/Radio.js +6 -11
- package/cjs/RadioGroup/RadioGroup.js +6 -9
- package/cjs/RangeSlider/RangeSlider.js +17 -20
- package/cjs/Rate/Character.js +4 -7
- package/cjs/Rate/Rate.js +14 -18
- package/cjs/Ripple/Ripple.js +4 -8
- package/cjs/SelectPicker/SelectPicker.d.ts +1 -3
- package/cjs/SelectPicker/SelectPicker.js +31 -28
- package/cjs/Sidebar/Sidebar.js +6 -10
- package/cjs/Sidenav/Sidenav.js +8 -11
- package/cjs/Sidenav/SidenavDropdown.d.ts +6 -1
- package/cjs/Sidenav/SidenavDropdown.js +25 -20
- package/cjs/Sidenav/SidenavDropdownCollapse.js +2 -6
- package/cjs/Sidenav/SidenavDropdownItem.js +4 -8
- package/cjs/Sidenav/SidenavDropdownMenu.js +4 -8
- package/cjs/Sidenav/SidenavItem.js +4 -12
- package/cjs/Sidenav/SidenavToggle.js +4 -8
- package/cjs/Slider/Graduated.js +4 -8
- package/cjs/Slider/Handle.d.ts +2 -0
- package/cjs/Slider/Handle.js +23 -12
- package/cjs/Slider/Input.d.ts +3 -0
- package/cjs/Slider/Input.js +35 -0
- package/cjs/Slider/Mark.js +4 -8
- package/cjs/Slider/ProgressBar.js +4 -8
- package/cjs/Slider/Slider.d.ts +0 -3
- package/cjs/Slider/Slider.js +14 -22
- package/cjs/Steps/StepItem.js +4 -7
- package/cjs/Steps/Steps.js +8 -12
- package/cjs/Table/Table.d.ts +7 -7
- package/cjs/Table/Table.js +5 -5
- package/cjs/TagInput/index.js +4 -6
- package/cjs/TagPicker/index.d.ts +1 -1
- package/cjs/TagPicker/index.js +4 -6
- package/cjs/Timeline/Timeline.js +6 -11
- package/cjs/Timeline/TimelineItem.js +4 -8
- package/cjs/Toggle/Toggle.js +4 -8
- package/cjs/Tooltip/Tooltip.js +4 -8
- package/cjs/Tree/Tree.d.ts +6 -0
- package/cjs/TreePicker/TreeNode.js +4 -6
- package/cjs/TreePicker/TreePicker.js +38 -29
- package/cjs/Uploader/UploadFileItem.d.ts +2 -0
- package/cjs/Uploader/UploadFileItem.js +47 -35
- package/cjs/Uploader/UploadTrigger.js +4 -8
- package/cjs/Uploader/Uploader.d.ts +2 -0
- package/cjs/Uploader/Uploader.js +28 -29
- package/cjs/toaster/ToastContainer.js +6 -10
- package/cjs/utils/createComponent.d.ts +1 -2
- package/cjs/utils/createComponent.js +10 -13
- package/cjs/utils/dateUtils.d.ts +1 -0
- package/cjs/utils/dateUtils.js +5 -1
- package/cjs/utils/previewFile.d.ts +1 -0
- package/cjs/utils/previewFile.js +11 -0
- package/cjs/utils/useInternalId.d.ts +4 -0
- package/cjs/utils/useInternalId.js +24 -0
- package/cjs/utils/useUniqueId.d.ts +4 -2
- package/cjs/utils/useUniqueId.js +5 -3
- package/dist/rsuite-rtl.css +164 -75
- package/dist/rsuite-rtl.min.css +1 -1
- package/dist/rsuite-rtl.min.css.map +1 -1
- package/dist/rsuite.css +164 -75
- package/dist/rsuite.js +377 -377
- package/dist/rsuite.min.css +1 -1
- package/dist/rsuite.min.css.map +1 -1
- package/dist/rsuite.min.js +1 -1
- package/dist/rsuite.min.js.map +1 -1
- package/esm/@types/common.d.ts +2 -1
- package/esm/Animation/Collapse.js +8 -8
- package/esm/AutoComplete/AutoComplete.js +11 -14
- package/esm/Badge/Badge.js +6 -9
- package/esm/Breadcrumb/Breadcrumb.js +8 -11
- package/esm/Breadcrumb/BreadcrumbItem.js +4 -7
- package/esm/Button/Button.js +6 -9
- package/esm/ButtonGroup/ButtonGroup.js +6 -9
- package/esm/Calendar/Calendar.js +4 -7
- package/esm/Calendar/CalendarPanel.js +6 -9
- package/esm/Calendar/Header.js +4 -7
- package/esm/Calendar/MonthDropdown.js +10 -13
- package/esm/Calendar/MonthDropdownItem.js +6 -9
- package/esm/Calendar/Table.js +6 -9
- package/esm/Calendar/TableHeaderRow.js +4 -7
- package/esm/Calendar/TableRow.js +7 -10
- package/esm/Calendar/TimeDropdown.js +4 -7
- package/esm/Calendar/View.js +4 -7
- package/esm/Carousel/Carousel.js +10 -13
- package/esm/Cascader/Cascader.js +28 -26
- package/esm/Cascader/DropdownMenu.js +19 -21
- package/esm/CheckPicker/CheckPicker.js +33 -29
- package/esm/CheckTreePicker/CheckTreeNode.js +4 -6
- package/esm/CheckTreePicker/CheckTreePicker.js +47 -37
- package/esm/Checkbox/Checkbox.js +8 -12
- package/esm/CheckboxGroup/CheckboxGroup.d.ts +1 -12
- package/esm/CheckboxGroup/CheckboxGroup.js +5 -8
- package/esm/CheckboxGroup/CheckboxGroupContext.d.ts +13 -0
- package/esm/CheckboxGroup/CheckboxGroupContext.js +2 -0
- package/esm/CheckboxGroup/index.d.ts +4 -3
- package/esm/CheckboxGroup/index.js +2 -2
- package/esm/Col/Col.js +3 -2
- package/esm/Container/Container.js +4 -7
- package/esm/DatePicker/DatePicker.js +23 -21
- package/esm/DatePicker/Toolbar.js +5 -8
- package/esm/DateRangePicker/Calendar.d.ts +2 -1
- package/esm/DateRangePicker/Calendar.js +15 -15
- package/esm/DateRangePicker/DateRangePicker.d.ts +1 -1
- package/esm/DateRangePicker/DateRangePicker.js +62 -43
- package/esm/DateRangePicker/utils.d.ts +1 -1
- package/esm/DateRangePicker/utils.js +7 -3
- package/esm/Divider/Divider.js +4 -7
- package/esm/Drawer/Drawer.js +8 -9
- package/esm/Dropdown/Dropdown.js +39 -31
- package/esm/Dropdown/DropdownContext.d.ts +4 -1
- package/esm/Dropdown/DropdownItem.js +35 -14
- package/esm/Dropdown/DropdownMenu.js +3 -6
- package/esm/Dropdown/DropdownState.d.ts +37 -0
- package/esm/Dropdown/DropdownState.js +55 -0
- package/esm/Dropdown/DropdownToggle.js +4 -7
- package/esm/FlexboxGrid/FlexboxGrid.js +8 -11
- package/esm/FlexboxGrid/FlexboxGridItem.js +8 -11
- package/esm/Form/Form.js +12 -15
- package/esm/IconButton/IconButton.js +4 -7
- package/esm/Input/Input.js +6 -9
- package/esm/InputNumber/InputNumber.js +14 -17
- package/esm/InputPicker/InputAutosize.js +2 -4
- package/esm/InputPicker/InputPicker.js +32 -30
- package/esm/List/List.js +12 -15
- package/esm/List/ListItem.js +6 -9
- package/esm/Loader/Loader.js +6 -9
- package/esm/Menu/Menu.d.ts +0 -1
- package/esm/Menu/Menu.js +3 -5
- package/esm/Menu/MenuItem.js +1 -1
- package/esm/Message/Message.js +8 -11
- package/esm/Modal/Modal.d.ts +1 -10
- package/esm/Modal/Modal.js +31 -21
- package/esm/Modal/ModalBody.js +5 -8
- package/esm/Modal/ModalContext.d.ts +12 -0
- package/esm/Modal/ModalContext.js +2 -0
- package/esm/Modal/ModalDialog.js +8 -8
- package/esm/Modal/ModalHeader.js +7 -10
- package/esm/Modal/ModalTitle.d.ts +3 -2
- package/esm/Modal/ModalTitle.js +35 -4
- package/esm/MultiCascader/DropdownMenu.js +21 -23
- package/esm/MultiCascader/MultiCascader.js +34 -32
- package/esm/Nav/Nav.js +6 -9
- package/esm/Navbar/Navbar.js +6 -9
- package/esm/Notification/Notification.js +6 -9
- package/esm/Overlay/Modal.js +11 -18
- package/esm/Overlay/Overlay.js +2 -5
- package/esm/Overlay/OverlayTrigger.js +9 -9
- package/esm/Overlay/Position.js +4 -7
- package/esm/Pagination/Pagination.js +10 -13
- package/esm/Pagination/PaginationButton.js +4 -7
- package/esm/Pagination/PaginationGroup.js +10 -11
- package/esm/Panel/Panel.js +6 -9
- package/esm/PanelGroup/PanelGroup.js +4 -7
- package/esm/Picker/DropdownMenu.js +2 -3
- package/esm/Picker/DropdownMenuGroup.js +4 -7
- package/esm/Picker/DropdownMenuItem.js +4 -7
- package/esm/Picker/PickerToggle.js +7 -9
- package/esm/Picker/propTypes.d.ts +2 -16
- package/esm/Picker/propTypes.js +2 -13
- package/esm/Picker/utils.js +13 -8
- package/esm/Placeholder/PlaceholderGraph.js +6 -9
- package/esm/Placeholder/PlaceholderGrid.js +12 -15
- package/esm/Placeholder/PlaceholderParagraph.js +10 -13
- package/esm/Popover/Popover.js +4 -7
- package/esm/Progress/ProgressCircle.js +18 -21
- package/esm/Progress/ProgressLine.js +8 -11
- package/esm/Radio/Radio.js +6 -10
- package/esm/RadioGroup/RadioGroup.js +6 -9
- package/esm/RangeSlider/RangeSlider.js +17 -20
- package/esm/Rate/Character.js +4 -7
- package/esm/Rate/Rate.js +14 -17
- package/esm/Ripple/Ripple.js +4 -7
- package/esm/SelectPicker/SelectPicker.d.ts +1 -3
- package/esm/SelectPicker/SelectPicker.js +31 -28
- package/esm/Sidebar/Sidebar.js +6 -9
- package/esm/Sidenav/Sidenav.js +8 -11
- package/esm/Sidenav/SidenavDropdown.d.ts +6 -1
- package/esm/Sidenav/SidenavDropdown.js +24 -19
- package/esm/Sidenav/SidenavDropdownCollapse.js +2 -5
- package/esm/Sidenav/SidenavDropdownItem.js +5 -8
- package/esm/Sidenav/SidenavDropdownMenu.js +5 -8
- package/esm/Sidenav/SidenavItem.js +4 -10
- package/esm/Sidenav/SidenavToggle.js +4 -7
- package/esm/Slider/Graduated.js +4 -7
- package/esm/Slider/Handle.d.ts +2 -0
- package/esm/Slider/Handle.js +23 -12
- package/esm/Slider/Input.d.ts +3 -0
- package/esm/Slider/Input.js +23 -0
- package/esm/Slider/Mark.js +4 -7
- package/esm/Slider/ProgressBar.js +4 -7
- package/esm/Slider/Slider.d.ts +0 -3
- package/esm/Slider/Slider.js +14 -22
- package/esm/Steps/StepItem.js +4 -7
- package/esm/Steps/Steps.js +8 -11
- package/esm/Table/Table.d.ts +7 -7
- package/esm/Table/Table.js +5 -5
- package/esm/TagInput/index.js +4 -6
- package/esm/TagPicker/index.d.ts +1 -1
- package/esm/TagPicker/index.js +4 -6
- package/esm/Timeline/Timeline.js +6 -10
- package/esm/Timeline/TimelineItem.js +4 -7
- package/esm/Toggle/Toggle.js +5 -8
- package/esm/Tooltip/Tooltip.js +4 -7
- package/esm/Tree/Tree.d.ts +6 -0
- package/esm/TreePicker/TreeNode.js +4 -6
- package/esm/TreePicker/TreePicker.js +38 -31
- package/esm/Uploader/UploadFileItem.d.ts +2 -0
- package/esm/Uploader/UploadFileItem.js +47 -35
- package/esm/Uploader/UploadTrigger.js +4 -7
- package/esm/Uploader/Uploader.d.ts +2 -0
- package/esm/Uploader/Uploader.js +28 -28
- package/esm/toaster/ToastContainer.js +6 -9
- package/esm/utils/createComponent.d.ts +1 -2
- package/esm/utils/createComponent.js +10 -13
- package/esm/utils/dateUtils.d.ts +1 -0
- package/esm/utils/dateUtils.js +1 -0
- package/esm/utils/previewFile.d.ts +1 -0
- package/esm/utils/previewFile.js +9 -0
- package/esm/utils/useInternalId.d.ts +4 -0
- package/esm/utils/useInternalId.js +16 -0
- package/esm/utils/useUniqueId.d.ts +4 -2
- package/esm/utils/useUniqueId.js +5 -3
- package/package.json +4 -4
- package/styles/color-modes/dark.less +16 -0
- package/styles/color-modes/high-contrast.less +17 -0
- package/styles/color-modes/light.less +16 -0
- package/styles/variables.less +3 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
2
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
3
|
import React, { useCallback, useMemo, useRef, useState } from 'react';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
5
|
import mapValues from 'lodash/mapValues';
|
|
@@ -11,33 +11,33 @@ import { Calendar, CalendarState } from '../Calendar';
|
|
|
11
11
|
import useCalendarDate from '../Calendar/useCalendarDate';
|
|
12
12
|
import Toolbar from './Toolbar';
|
|
13
13
|
import { composeFunctions, createChainedFunction, DateUtils, mergeRefs, useClassNames, useControlled, useCustom } from '../utils';
|
|
14
|
-
import { PickerOverlay,
|
|
14
|
+
import { PickerOverlay, pickerPropTypes, PickerToggle, PickerToggleTrigger, pickTriggerPropKeys, omitTriggerPropKeys, usePickerClassName, usePublicMethods, useToggleKeyDownEvent } from '../Picker';
|
|
15
15
|
import { useCalendarState } from './utils';
|
|
16
|
-
|
|
17
|
-
var defaultProps = _extends({}, pickerDefaultProps, {
|
|
18
|
-
as: 'div',
|
|
19
|
-
classPrefix: 'picker',
|
|
20
|
-
format: 'yyyy-MM-dd',
|
|
21
|
-
limitEndYear: 1000,
|
|
22
|
-
placeholder: ''
|
|
23
|
-
});
|
|
24
|
-
|
|
25
16
|
var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
26
|
-
var
|
|
17
|
+
var _props$as = props.as,
|
|
18
|
+
Component = _props$as === void 0 ? 'div' : _props$as,
|
|
27
19
|
className = props.className,
|
|
28
|
-
classPrefix = props.classPrefix,
|
|
20
|
+
_props$classPrefix = props.classPrefix,
|
|
21
|
+
classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
|
|
29
22
|
calendarDefaultDate = props.calendarDefaultDate,
|
|
30
|
-
cleanable = props.cleanable,
|
|
23
|
+
_props$cleanable = props.cleanable,
|
|
24
|
+
cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
|
|
31
25
|
defaultValue = props.defaultValue,
|
|
32
26
|
disabled = props.disabled,
|
|
33
|
-
|
|
27
|
+
_props$format = props.format,
|
|
28
|
+
formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,
|
|
34
29
|
isoWeek = props.isoWeek,
|
|
35
|
-
limitEndYear = props.limitEndYear,
|
|
30
|
+
_props$limitEndYear = props.limitEndYear,
|
|
31
|
+
limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,
|
|
36
32
|
overrideLocale = props.locale,
|
|
37
33
|
menuClassName = props.menuClassName,
|
|
38
|
-
|
|
34
|
+
_props$appearance = props.appearance,
|
|
35
|
+
appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
|
|
36
|
+
_props$placement = props.placement,
|
|
37
|
+
placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
|
|
39
38
|
oneTap = props.oneTap,
|
|
40
|
-
placeholder = props.placeholder,
|
|
39
|
+
_props$placeholder = props.placeholder,
|
|
40
|
+
placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
|
|
41
41
|
ranges = props.ranges,
|
|
42
42
|
valueProp = props.value,
|
|
43
43
|
showMeridian = props.showMeridian,
|
|
@@ -59,7 +59,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
59
59
|
onSelect = props.onSelect,
|
|
60
60
|
onToggleMonthDropdown = props.onToggleMonthDropdown,
|
|
61
61
|
onToggleTimeDropdown = props.onToggleTimeDropdown,
|
|
62
|
-
rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "defaultValue", "disabled", "format", "isoWeek", "limitEndYear", "locale", "menuClassName", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "toggleAs", "disabledDate", "renderValue", "onChange", "onChangeCalendarDate", "onClean", "onClose", "onEntered", "onExited", "onNextMonth", "onOk", "onOpen", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown"]);
|
|
62
|
+
rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "defaultValue", "disabled", "format", "isoWeek", "limitEndYear", "locale", "menuClassName", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showWeekNumbers", "style", "toggleAs", "disabledDate", "renderValue", "onChange", "onChangeCalendarDate", "onClean", "onClose", "onEntered", "onExited", "onNextMonth", "onOk", "onOpen", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown"]);
|
|
63
63
|
|
|
64
64
|
var _useCustom = useCustom('DatePicker', overrideLocale),
|
|
65
65
|
locale = _useCustom.locale,
|
|
@@ -385,8 +385,10 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
385
385
|
var hasValue = !!value;
|
|
386
386
|
|
|
387
387
|
var _usePickerClassName = usePickerClassName(_extends({}, props, {
|
|
388
|
+
classPrefix: classPrefix,
|
|
388
389
|
name: 'date',
|
|
389
|
-
hasValue: hasValue
|
|
390
|
+
hasValue: hasValue,
|
|
391
|
+
cleanable: cleanable
|
|
390
392
|
})),
|
|
391
393
|
classes = _usePickerClassName[0],
|
|
392
394
|
usedClassNamePropKeys = _usePickerClassName[1];
|
|
@@ -421,6 +423,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
421
423
|
}),
|
|
422
424
|
as: toggleAs,
|
|
423
425
|
ref: targetRef,
|
|
426
|
+
appearance: appearance,
|
|
424
427
|
input: true,
|
|
425
428
|
inputValue: value ? formatDate(value, formatStr) : '',
|
|
426
429
|
inputPlaceholder: typeof placeholder === 'string' && placeholder ? placeholder : formatStr,
|
|
@@ -438,7 +441,6 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
438
441
|
}), renderDate())));
|
|
439
442
|
});
|
|
440
443
|
DatePicker.displayName = 'DatePicker';
|
|
441
|
-
DatePicker.defaultProps = defaultProps;
|
|
442
444
|
DatePicker.propTypes = _extends({}, pickerPropTypes, {
|
|
443
445
|
calendarDefaultDate: PropTypes.instanceOf(Date),
|
|
444
446
|
defaultValue: PropTypes.instanceOf(Date),
|
|
@@ -5,18 +5,16 @@ import PropTypes from 'prop-types';
|
|
|
5
5
|
import Button from '../Button';
|
|
6
6
|
import { useClassNames, useUpdateEffect } from '../utils';
|
|
7
7
|
import { getDefaultRanges, getRanges } from './utils';
|
|
8
|
-
|
|
9
|
-
classPrefix: 'picker-toolbar',
|
|
10
|
-
as: 'div'
|
|
11
|
-
};
|
|
8
|
+
|
|
12
9
|
/**
|
|
13
10
|
* Toolbar for DatePicker and DateRangePicker
|
|
14
11
|
*/
|
|
15
|
-
|
|
16
12
|
var Toolbar = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
17
|
-
var
|
|
13
|
+
var _props$as = props.as,
|
|
14
|
+
Component = _props$as === void 0 ? 'div' : _props$as,
|
|
18
15
|
className = props.className,
|
|
19
|
-
classPrefix = props.classPrefix,
|
|
16
|
+
_props$classPrefix = props.classPrefix,
|
|
17
|
+
classPrefix = _props$classPrefix === void 0 ? 'picker-toolbar' : _props$classPrefix,
|
|
20
18
|
disabledOkBtn = props.disabledOkBtn,
|
|
21
19
|
disabledShortcut = props.disabledShortcut,
|
|
22
20
|
hideOkBtn = props.hideOkBtn,
|
|
@@ -108,5 +106,4 @@ Toolbar.propTypes = {
|
|
|
108
106
|
disabledOkBtn: PropTypes.func,
|
|
109
107
|
hideOkButton: PropTypes.bool
|
|
110
108
|
};
|
|
111
|
-
Toolbar.defaultProps = defaultProps;
|
|
112
109
|
export default Toolbar;
|
|
@@ -13,7 +13,8 @@ export interface CalendarProps extends WithAsProps, Omit<CalendarCoreProps, Omit
|
|
|
13
13
|
isoWeek?: boolean;
|
|
14
14
|
limitEndYear?: number;
|
|
15
15
|
locale?: DatePickerLocale;
|
|
16
|
-
onChangeCalendarDate?: (index: number,
|
|
16
|
+
onChangeCalendarDate?: (index: number, date: Date) => void;
|
|
17
|
+
onChangeCalendarTime?: (index: number, date: Date) => void;
|
|
17
18
|
onMouseMove?: (date: Date) => void;
|
|
18
19
|
onSelect?: (date: Date, event?: React.SyntheticEvent<any>) => void;
|
|
19
20
|
showOneCalendar?: boolean;
|
|
@@ -5,23 +5,23 @@ import React, { useCallback, useState } from 'react';
|
|
|
5
5
|
import { addMonths, isAfter, isSameMonth, setDate } from '../utils/dateUtils';
|
|
6
6
|
import CalendarCore, { CalendarState } from '../Calendar/Calendar';
|
|
7
7
|
import { DATERANGE_DISABLED_TARGET } from '../utils';
|
|
8
|
-
var defaultProps = {
|
|
9
|
-
as: CalendarCore,
|
|
10
|
-
calendarDate: [new Date(), addMonths(new Date(), 1)],
|
|
11
|
-
format: 'yyyy-MM-dd',
|
|
12
|
-
index: 0,
|
|
13
|
-
value: []
|
|
14
|
-
};
|
|
15
8
|
var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
16
|
-
var
|
|
17
|
-
|
|
9
|
+
var _props$as = props.as,
|
|
10
|
+
Component = _props$as === void 0 ? CalendarCore : _props$as,
|
|
11
|
+
_props$calendarDate = props.calendarDate,
|
|
12
|
+
calendarDate = _props$calendarDate === void 0 ? [new Date(), addMonths(new Date(), 1)] : _props$calendarDate,
|
|
13
|
+
_props$format = props.format,
|
|
14
|
+
format = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,
|
|
18
15
|
disabledDate = props.disabledDate,
|
|
19
|
-
index = props.index,
|
|
16
|
+
_props$index = props.index,
|
|
17
|
+
index = _props$index === void 0 ? 0 : _props$index,
|
|
20
18
|
limitEndYear = props.limitEndYear,
|
|
21
19
|
onChangeCalendarDate = props.onChangeCalendarDate,
|
|
20
|
+
onChangeCalendarTime = props.onChangeCalendarTime,
|
|
22
21
|
showOneCalendar = props.showOneCalendar,
|
|
23
|
-
value = props.value,
|
|
24
|
-
|
|
22
|
+
_props$value = props.value,
|
|
23
|
+
value = _props$value === void 0 ? [] : _props$value,
|
|
24
|
+
rest = _objectWithoutPropertiesLoose(props, ["as", "calendarDate", "format", "disabledDate", "index", "limitEndYear", "onChangeCalendarDate", "onChangeCalendarTime", "showOneCalendar", "value"]);
|
|
25
25
|
|
|
26
26
|
var _useState = useState(),
|
|
27
27
|
calendarState = _useState[0],
|
|
@@ -38,8 +38,8 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
38
38
|
setCalendarState(undefined);
|
|
39
39
|
}, [index, onChangeCalendarDate]);
|
|
40
40
|
var handleChangePageTime = useCallback(function (nextPageDate) {
|
|
41
|
-
|
|
42
|
-
}, [index,
|
|
41
|
+
onChangeCalendarTime(index, nextPageDate);
|
|
42
|
+
}, [index, onChangeCalendarTime]);
|
|
43
43
|
var toggleMonthDropdown = useCallback(function () {
|
|
44
44
|
setCalendarState(calendarState === CalendarState.DROP_MONTH ? undefined : CalendarState.DROP_MONTH);
|
|
45
45
|
}, [calendarState]);
|
|
@@ -95,6 +95,7 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
95
95
|
return !after;
|
|
96
96
|
}, [calendarDate, disabledDate, index, showOneCalendar, value]);
|
|
97
97
|
return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
|
|
98
|
+
format: format,
|
|
98
99
|
calendarState: calendarState,
|
|
99
100
|
dateRange: value,
|
|
100
101
|
disabledBackward: disabledBackward(),
|
|
@@ -114,7 +115,6 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
114
115
|
}));
|
|
115
116
|
});
|
|
116
117
|
Calendar.displayName = 'DateRangePicker.Calendar';
|
|
117
|
-
Calendar.defaultProps = defaultProps;
|
|
118
118
|
Calendar.propTypes = {
|
|
119
119
|
value: PropTypes.arrayOf(PropTypes.instanceOf(Date)),
|
|
120
120
|
hoverValue: PropTypes.arrayOf(PropTypes.instanceOf(Date)),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { PickerComponent } from '../Picker';
|
|
3
2
|
import { FormControlBaseProps, PickerBaseProps } from '../@types/common';
|
|
3
|
+
import { PickerComponent } from '../Picker';
|
|
4
4
|
import { DisabledDateFunction, RangeType, ValueType } from './types';
|
|
5
5
|
export interface DateRangePickerProps extends PickerBaseProps, FormControlBaseProps<ValueType> {
|
|
6
6
|
/** Configure shortcut options */
|
|
@@ -1,59 +1,56 @@
|
|
|
1
|
-
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
2
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
2
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
+
import IconCalendar from '@rsuite/icons/legacy/Calendar';
|
|
4
|
+
import isUndefined from 'lodash/isUndefined';
|
|
5
5
|
import omit from 'lodash/omit';
|
|
6
|
+
import partial from 'lodash/partial';
|
|
6
7
|
import pick from 'lodash/pick';
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
import * as disabledDateUtils from './disabledDateUtils';
|
|
8
|
+
import PropTypes from 'prop-types';
|
|
9
|
+
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
10
10
|
import { FormattedDate } from '../CustomProvider';
|
|
11
11
|
import Toolbar from '../DatePicker/Toolbar';
|
|
12
|
-
import
|
|
13
|
-
import { getCalendarDate, getMonthHoverRange, getWeekHoverRange, setTimingMargin } from './utils';
|
|
12
|
+
import { omitTriggerPropKeys, PickerOverlay, pickerPropTypes, PickerToggle, PickerToggleTrigger, pickTriggerPropKeys, usePickerClassName, usePublicMethods, useToggleKeyDownEvent } from '../Picker';
|
|
14
13
|
import { createChainedFunction, DATERANGE_DISABLED_TARGET, DateUtils, mergeRefs, useClassNames, useControlled, useCustom } from '../utils';
|
|
15
|
-
import {
|
|
16
|
-
import
|
|
17
|
-
import
|
|
18
|
-
|
|
19
|
-
var defaultProps = _extends({}, pickerDefaultProps, {
|
|
20
|
-
as: 'div',
|
|
21
|
-
classPrefix: 'picker',
|
|
22
|
-
cleanable: true,
|
|
23
|
-
placement: 'bottomStart',
|
|
24
|
-
appearance: 'default',
|
|
25
|
-
format: 'yyyy-MM-dd',
|
|
26
|
-
limitEndYear: 1000,
|
|
27
|
-
placeholder: '',
|
|
28
|
-
showOneCalendar: false,
|
|
29
|
-
character: ' ~ '
|
|
30
|
-
});
|
|
31
|
-
|
|
14
|
+
import { addMonths, compareAsc, isSameMonth } from '../utils/dateUtils';
|
|
15
|
+
import Calendar from './Calendar';
|
|
16
|
+
import * as disabledDateUtils from './disabledDateUtils';
|
|
17
|
+
import { getCalendarDate, getMonthHoverRange, getWeekHoverRange, isSameRange, setTimingMargin } from './utils';
|
|
32
18
|
var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
33
19
|
var _ref, _merge;
|
|
34
20
|
|
|
35
|
-
var
|
|
36
|
-
|
|
21
|
+
var _props$as = props.as,
|
|
22
|
+
Component = _props$as === void 0 ? 'div' : _props$as,
|
|
23
|
+
_props$classPrefix = props.classPrefix,
|
|
24
|
+
classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
|
|
37
25
|
className = props.className,
|
|
38
|
-
|
|
39
|
-
|
|
26
|
+
_props$appearance = props.appearance,
|
|
27
|
+
appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
|
|
28
|
+
_props$cleanable = props.cleanable,
|
|
29
|
+
cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
|
|
30
|
+
_props$character = props.character,
|
|
31
|
+
character = _props$character === void 0 ? ' ~ ' : _props$character,
|
|
40
32
|
defaultCalendarValue = props.defaultCalendarValue,
|
|
41
33
|
defaultValue = props.defaultValue,
|
|
42
34
|
disabled = props.disabled,
|
|
43
35
|
disabledDateProp = props.disabledDate,
|
|
44
|
-
|
|
36
|
+
_props$format = props.format,
|
|
37
|
+
formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,
|
|
45
38
|
hoverRange = props.hoverRange,
|
|
46
39
|
isoWeek = props.isoWeek,
|
|
47
|
-
limitEndYear = props.limitEndYear,
|
|
40
|
+
_props$limitEndYear = props.limitEndYear,
|
|
41
|
+
limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,
|
|
48
42
|
overrideLocale = props.locale,
|
|
49
43
|
menuClassName = props.menuClassName,
|
|
50
44
|
menuStyle = props.menuStyle,
|
|
51
45
|
oneTap = props.oneTap,
|
|
52
|
-
placeholder = props.placeholder,
|
|
53
|
-
|
|
46
|
+
_props$placeholder = props.placeholder,
|
|
47
|
+
placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
|
|
48
|
+
_props$placement = props.placement,
|
|
49
|
+
placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
|
|
54
50
|
ranges = props.ranges,
|
|
55
51
|
renderValue = props.renderValue,
|
|
56
|
-
|
|
52
|
+
_props$showOneCalenda = props.showOneCalendar,
|
|
53
|
+
showOneCalendar = _props$showOneCalenda === void 0 ? false : _props$showOneCalenda,
|
|
57
54
|
showWeekNumbers = props.showWeekNumbers,
|
|
58
55
|
style = props.style,
|
|
59
56
|
toggleAs = props.toggleAs,
|
|
@@ -67,7 +64,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
67
64
|
onOk = props.onOk,
|
|
68
65
|
onOpen = props.onOpen,
|
|
69
66
|
onSelect = props.onSelect,
|
|
70
|
-
rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "cleanable", "character", "defaultCalendarValue", "defaultValue", "disabled", "disabledDate", "format", "hoverRange", "isoWeek", "limitEndYear", "locale", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "renderValue", "showOneCalendar", "showWeekNumbers", "style", "toggleAs", "value", "onChange", "onClean", "onClose", "onEnter", "onEntered", "onExited", "onOk", "onOpen", "onSelect"]);
|
|
67
|
+
rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "appearance", "cleanable", "character", "defaultCalendarValue", "defaultValue", "disabled", "disabledDate", "format", "hoverRange", "isoWeek", "limitEndYear", "locale", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "renderValue", "showOneCalendar", "showWeekNumbers", "style", "toggleAs", "value", "onChange", "onClean", "onClose", "onEnter", "onEntered", "onExited", "onOk", "onOpen", "onSelect"]);
|
|
71
68
|
|
|
72
69
|
var _useClassNames = useClassNames(classPrefix),
|
|
73
70
|
merge = _useClassNames.merge,
|
|
@@ -75,7 +72,8 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
75
72
|
|
|
76
73
|
var _useCustom = useCustom('DateRangePicker', overrideLocale),
|
|
77
74
|
locale = _useCustom.locale,
|
|
78
|
-
formatDate = _useCustom.formatDate
|
|
75
|
+
formatDate = _useCustom.formatDate,
|
|
76
|
+
parseDate = _useCustom.parseDate;
|
|
79
77
|
|
|
80
78
|
var rangeFormatStr = "" + formatStr + character + formatStr;
|
|
81
79
|
|
|
@@ -234,7 +232,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
234
232
|
var nextValue = !isUndefined(nextSelectValue) ? nextSelectValue : selectValue;
|
|
235
233
|
setSelectValue(nextValue || []);
|
|
236
234
|
|
|
237
|
-
if (!
|
|
235
|
+
if (!isSameRange(nextValue, value, formatStr)) {
|
|
238
236
|
setValue(nextValue);
|
|
239
237
|
onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
|
|
240
238
|
} // `closeOverlay` default value is `true`
|
|
@@ -243,7 +241,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
243
241
|
if (closeOverlay !== false) {
|
|
244
242
|
handleCloseDropdown();
|
|
245
243
|
}
|
|
246
|
-
}, [handleCloseDropdown, onChange, selectValue,
|
|
244
|
+
}, [formatStr, handleCloseDropdown, onChange, selectValue, setValue, value]);
|
|
247
245
|
/**
|
|
248
246
|
* Select the date range. If oneTap is not set, you need to click twice to select the start time and end time.
|
|
249
247
|
* The MouseMove event is called between the first click and the second click to update the selection state.
|
|
@@ -332,6 +330,20 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
332
330
|
nextCalendarDate[index] = date;
|
|
333
331
|
updateCalendarDate(nextCalendarDate);
|
|
334
332
|
}, [calendarDate, updateCalendarDate]);
|
|
333
|
+
var handleChangeCalendarTime = useCallback(function (index, date) {
|
|
334
|
+
setSelectValue(function (prev) {
|
|
335
|
+
var next = [].concat(prev);
|
|
336
|
+
var clonedDate = new Date(date.valueOf()); // if next[index] is not empty, only update the time after aligning the year, month and day
|
|
337
|
+
|
|
338
|
+
if (next[index]) {
|
|
339
|
+
clonedDate.setFullYear(next[index].getFullYear(), next[index].getMonth(), next[index].getDate());
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
next[index] = clonedDate;
|
|
343
|
+
return next;
|
|
344
|
+
});
|
|
345
|
+
handleChangeCalendarDate(index, date);
|
|
346
|
+
}, [handleChangeCalendarDate]);
|
|
335
347
|
/**
|
|
336
348
|
* Toolbar operation callback function
|
|
337
349
|
*/
|
|
@@ -356,13 +368,17 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
356
368
|
var rangeValue = value.split(character); // isMatch('01/11/2020', 'MM/dd/yyyy') ==> true
|
|
357
369
|
// isMatch('2020-11-01', 'MM/dd/yyyy') ==> false
|
|
358
370
|
|
|
359
|
-
if (!DateUtils.isMatch(rangeValue[0], formatStr
|
|
371
|
+
if (!DateUtils.isMatch(rangeValue[0], formatStr, {
|
|
372
|
+
locale: locale.dateLocale
|
|
373
|
+
}) || !DateUtils.isMatch(rangeValue[1], formatStr, {
|
|
374
|
+
locale: locale.dateLocale
|
|
375
|
+
})) {
|
|
360
376
|
setInputState('Error');
|
|
361
377
|
return;
|
|
362
378
|
}
|
|
363
379
|
|
|
364
|
-
var startDate =
|
|
365
|
-
var endDate =
|
|
380
|
+
var startDate = parseDate(rangeValue[0], formatStr);
|
|
381
|
+
var endDate = parseDate(rangeValue[1], formatStr);
|
|
366
382
|
var selectValue = [startDate, endDate];
|
|
367
383
|
|
|
368
384
|
if (!DateUtils.isValid(startDate) || !DateUtils.isValid(endDate)) {
|
|
@@ -496,6 +512,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
496
512
|
showWeekNumbers: showWeekNumbers,
|
|
497
513
|
value: selectValue,
|
|
498
514
|
onChangeCalendarDate: handleChangeCalendarDate,
|
|
515
|
+
onChangeCalendarTime: handleChangeCalendarTime,
|
|
499
516
|
onMouseMove: handleMouseMove,
|
|
500
517
|
onSelect: handleSelectValueChange
|
|
501
518
|
};
|
|
@@ -531,8 +548,10 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
531
548
|
var hasValue = value && value.length > 1;
|
|
532
549
|
|
|
533
550
|
var _usePickerClassName = usePickerClassName(_extends({}, props, {
|
|
551
|
+
classPrefix: classPrefix,
|
|
534
552
|
name: 'daterange',
|
|
535
|
-
hasValue: hasValue
|
|
553
|
+
hasValue: hasValue,
|
|
554
|
+
cleanable: cleanable
|
|
536
555
|
})),
|
|
537
556
|
classes = _usePickerClassName[0],
|
|
538
557
|
usedClassNamePropKeys = _usePickerClassName[1];
|
|
@@ -552,6 +571,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
552
571
|
}, /*#__PURE__*/React.createElement(PickerToggle, _extends({}, omit(rest, [].concat(omitTriggerPropKeys, usedClassNamePropKeys, DateUtils.calendarOnlyProps)), {
|
|
553
572
|
as: toggleAs,
|
|
554
573
|
ref: targetRef,
|
|
574
|
+
appearance: appearance,
|
|
555
575
|
input: true,
|
|
556
576
|
inputMask: DateUtils.getDateMask(rangeFormatStr),
|
|
557
577
|
inputValue: value ? getDisplayString(value, true) : '',
|
|
@@ -577,7 +597,6 @@ DateRangePicker.before = disabledDateUtils.before;
|
|
|
577
597
|
DateRangePicker.beforeToday = disabledDateUtils.beforeToday;
|
|
578
598
|
DateRangePicker.combine = disabledDateUtils.combine;
|
|
579
599
|
DateRangePicker.displayName = 'DateRangePicker';
|
|
580
|
-
DateRangePicker.defaultProps = defaultProps;
|
|
581
600
|
DateRangePicker.propTypes = _extends({}, pickerPropTypes, {
|
|
582
601
|
ranges: PropTypes.array,
|
|
583
602
|
value: PropTypes.arrayOf(PropTypes.instanceOf(Date)),
|
|
@@ -4,6 +4,6 @@ export declare function getCalendarDate({ value }: {
|
|
|
4
4
|
value?: ValueType;
|
|
5
5
|
}): ValueType;
|
|
6
6
|
export declare const getDefaultRanges: () => RangeType[];
|
|
7
|
-
export declare const
|
|
7
|
+
export declare const isSameRange: (source: ValueType, dest: ValueType, format: string) => boolean;
|
|
8
8
|
export declare const getMonthHoverRange: (date: Date) => ValueType;
|
|
9
9
|
export declare const getWeekHoverRange: (isoWeek: boolean, date: Date) => ValueType;
|
|
@@ -36,10 +36,14 @@ export var getDefaultRanges = function getDefaultRanges() {
|
|
|
36
36
|
value: [setTimingMargin(DateUtils.subDays(todayDate, 6)), setTimingMargin(todayDate, 'right')]
|
|
37
37
|
}];
|
|
38
38
|
};
|
|
39
|
-
export var
|
|
40
|
-
var
|
|
39
|
+
export var isSameRange = function isSameRange(source, dest, format) {
|
|
40
|
+
var result = DateUtils.isSameDay(source === null || source === void 0 ? void 0 : source[0], dest === null || dest === void 0 ? void 0 : dest[0]) && DateUtils.isSameDay(source === null || source === void 0 ? void 0 : source[1], dest === null || dest === void 0 ? void 0 : dest[1]);
|
|
41
41
|
|
|
42
|
-
|
|
42
|
+
if (DateUtils.shouldTime(format)) {
|
|
43
|
+
result && (result = DateUtils.isSameSecond(source === null || source === void 0 ? void 0 : source[0], dest === null || dest === void 0 ? void 0 : dest[0]) && DateUtils.isSameSecond(source === null || source === void 0 ? void 0 : source[1], dest === null || dest === void 0 ? void 0 : dest[1]));
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
return result;
|
|
43
47
|
};
|
|
44
48
|
export var getMonthHoverRange = function getMonthHoverRange(date) {
|
|
45
49
|
return [DateUtils.startOfMonth(date), DateUtils.endOfMonth(date)];
|
package/esm/Divider/Divider.js
CHANGED
|
@@ -3,14 +3,12 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
5
|
import { useClassNames } from '../utils';
|
|
6
|
-
var defaultProps = {
|
|
7
|
-
classPrefix: 'divider',
|
|
8
|
-
as: 'div'
|
|
9
|
-
};
|
|
10
6
|
var Divider = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
11
|
-
var
|
|
7
|
+
var _props$as = props.as,
|
|
8
|
+
Component = _props$as === void 0 ? 'div' : _props$as,
|
|
12
9
|
className = props.className,
|
|
13
|
-
classPrefix = props.classPrefix,
|
|
10
|
+
_props$classPrefix = props.classPrefix,
|
|
11
|
+
classPrefix = _props$classPrefix === void 0 ? 'divider' : _props$classPrefix,
|
|
14
12
|
children = props.children,
|
|
15
13
|
vertical = props.vertical,
|
|
16
14
|
rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "children", "vertical"]);
|
|
@@ -34,7 +32,6 @@ var Divider = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
34
32
|
}, children));
|
|
35
33
|
});
|
|
36
34
|
Divider.displayName = 'Divider';
|
|
37
|
-
Divider.defaultProps = defaultProps;
|
|
38
35
|
Divider.propTypes = {
|
|
39
36
|
as: PropTypes.elementType,
|
|
40
37
|
className: PropTypes.string,
|
package/esm/Drawer/Drawer.js
CHANGED
|
@@ -6,11 +6,6 @@ import Slide from '../Animation/Slide';
|
|
|
6
6
|
import Modal from '../Modal';
|
|
7
7
|
import { useClassNames } from '../utils';
|
|
8
8
|
import deprecateComponent from '../utils/deprecateComponent';
|
|
9
|
-
var defaultProps = {
|
|
10
|
-
classPrefix: 'drawer',
|
|
11
|
-
placement: 'right',
|
|
12
|
-
animation: Slide
|
|
13
|
-
};
|
|
14
9
|
var DrawerBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
15
10
|
return /*#__PURE__*/React.createElement(Modal.Body, _extends({
|
|
16
11
|
classPrefix: "drawer-body"
|
|
@@ -48,9 +43,13 @@ var DrawerTitle = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
48
43
|
});
|
|
49
44
|
var Drawer = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
50
45
|
var className = props.className,
|
|
51
|
-
placement = props.placement,
|
|
52
|
-
|
|
53
|
-
|
|
46
|
+
_props$placement = props.placement,
|
|
47
|
+
placement = _props$placement === void 0 ? 'right' : _props$placement,
|
|
48
|
+
_props$classPrefix = props.classPrefix,
|
|
49
|
+
classPrefix = _props$classPrefix === void 0 ? 'drawer' : _props$classPrefix,
|
|
50
|
+
_props$animation = props.animation,
|
|
51
|
+
animation = _props$animation === void 0 ? Slide : _props$animation,
|
|
52
|
+
rest = _objectWithoutPropertiesLoose(props, ["className", "placement", "classPrefix", "animation"]);
|
|
54
53
|
|
|
55
54
|
var _useClassNames = useClassNames(classPrefix),
|
|
56
55
|
merge = _useClassNames.merge,
|
|
@@ -65,6 +64,7 @@ var Drawer = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
65
64
|
drawer: true,
|
|
66
65
|
classPrefix: classPrefix,
|
|
67
66
|
className: classes,
|
|
67
|
+
animation: animation,
|
|
68
68
|
animationProps: animationProps
|
|
69
69
|
}));
|
|
70
70
|
});
|
|
@@ -79,7 +79,6 @@ Drawer.Actions = DrawerActions;
|
|
|
79
79
|
Drawer.Footer = deprecateComponent(DrawerFooter, '<Drawer.Footer> has been deprecated, use <Drawer.Actions> instead.');
|
|
80
80
|
Drawer.Title = DrawerTitle;
|
|
81
81
|
Drawer.displayName = 'Drawer';
|
|
82
|
-
Drawer.defaultProps = defaultProps;
|
|
83
82
|
Drawer.propTypes = {
|
|
84
83
|
classPrefix: PropTypes.string,
|
|
85
84
|
placement: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
|