rsuite 5.0.0 → 5.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +67 -6
- package/Grid/styles/index.less +1 -2
- package/IconButton/styles/index.less +1 -1
- package/MaskedInput/package.json +7 -0
- package/MultiCascader/styles/index.less +3 -0
- package/Navbar/styles/index.less +8 -0
- package/Picker/styles/index.less +1 -1
- package/Picker/styles/mixin.less +1 -1
- package/README.md +16 -10
- package/Sidenav/styles/index.less +13 -16
- package/Toggle/styles/index.less +20 -0
- package/Toggle/styles/mixin.less +12 -0
- package/Uploader/styles/index.less +10 -1
- package/cjs/@types/common.d.ts +0 -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 +29 -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/DOMHelper/index.d.ts +1 -1
- package/cjs/DatePicker/DatePicker.js +27 -22
- package/cjs/DatePicker/Toolbar.js +4 -8
- package/cjs/DateRangePicker/Calendar.js +12 -14
- package/cjs/DateRangePicker/DateRangePicker.js +40 -33
- package/cjs/Divider/Divider.js +4 -8
- package/cjs/Drawer/Drawer.js +8 -10
- package/cjs/Dropdown/Dropdown.js +8 -12
- package/cjs/Dropdown/DropdownItem.js +25 -22
- package/cjs/Dropdown/DropdownMenu.js +2 -6
- 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/FormControl/FormControl.js +6 -2
- 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/MaskedInput/MaskedInput.d.ts +43 -0
- package/cjs/MaskedInput/MaskedInput.js +80 -0
- package/cjs/MaskedInput/adjustCaretPosition.d.ts +11 -0
- package/cjs/MaskedInput/adjustCaretPosition.js +218 -0
- package/cjs/MaskedInput/conformToMask.d.ts +8 -0
- package/cjs/MaskedInput/conformToMask.js +247 -0
- package/cjs/MaskedInput/createTextMaskInputElement.d.ts +7 -0
- package/cjs/MaskedInput/createTextMaskInputElement.js +226 -0
- package/cjs/MaskedInput/index.d.ts +3 -0
- package/cjs/MaskedInput/index.js +11 -0
- package/cjs/MaskedInput/types.d.ts +10 -0
- package/cjs/{@types/icons.js → MaskedInput/types.js} +0 -0
- package/cjs/MaskedInput/utilities.d.ts +7 -0
- package/cjs/MaskedInput/utilities.js +47 -0
- package/cjs/Menu/Menu.d.ts +0 -1
- package/cjs/Menu/Menu.js +3 -5
- 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 +35 -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/Overlay/positionUtils.js +1 -1
- 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 +15 -14
- package/cjs/Picker/propTypes.d.ts +2 -16
- package/cjs/Picker/propTypes.js +4 -17
- package/cjs/Picker/utils.js +14 -9
- 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.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 +19 -19
- package/cjs/Sidenav/SidenavDropdownCollapse.js +2 -6
- package/cjs/Sidenav/SidenavDropdownItem.js +4 -8
- package/cjs/Sidenav/SidenavDropdownMenu.js +4 -8
- 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.d.ts +2 -0
- package/cjs/Toggle/Toggle.js +27 -13
- 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 +1 -0
- package/cjs/Uploader/UploadFileItem.js +42 -33
- package/cjs/Uploader/UploadTrigger.js +4 -8
- package/cjs/Uploader/Uploader.d.ts +2 -0
- package/cjs/Uploader/Uploader.js +28 -29
- package/cjs/index.d.ts +2 -0
- package/cjs/index.js +5 -1
- package/cjs/locales/fa_IR.d.ts +105 -0
- package/cjs/locales/fa_IR.js +84 -0
- package/cjs/locales/index.d.ts +1 -0
- package/cjs/locales/index.js +6 -2
- 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/previewFile.d.ts +1 -0
- package/cjs/utils/previewFile.js +11 -0
- package/cjs/utils/useUniqueId.d.ts +3 -1
- package/cjs/utils/useUniqueId.js +4 -2
- package/dist/rsuite-rtl.css +115 -44
- package/dist/rsuite-rtl.min.css +1 -1
- package/dist/rsuite-rtl.min.css.map +1 -1
- package/dist/rsuite.css +115 -44
- package/dist/rsuite.js +233 -144
- package/dist/rsuite.js.map +1 -1
- 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 +0 -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 +29 -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/DOMHelper/index.d.ts +1 -1
- package/esm/DatePicker/DatePicker.js +27 -23
- package/esm/DatePicker/Toolbar.js +5 -8
- package/esm/DateRangePicker/Calendar.js +12 -13
- package/esm/DateRangePicker/DateRangePicker.js +40 -34
- package/esm/Divider/Divider.js +4 -7
- package/esm/Drawer/Drawer.js +8 -9
- package/esm/Dropdown/Dropdown.js +9 -12
- package/esm/Dropdown/DropdownItem.js +26 -22
- package/esm/Dropdown/DropdownMenu.js +3 -6
- 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/FormControl/FormControl.js +6 -2
- 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/MaskedInput/MaskedInput.d.ts +43 -0
- package/esm/MaskedInput/MaskedInput.js +67 -0
- package/esm/MaskedInput/adjustCaretPosition.d.ts +11 -0
- package/esm/MaskedInput/adjustCaretPosition.js +213 -0
- package/esm/MaskedInput/conformToMask.d.ts +8 -0
- package/esm/MaskedInput/conformToMask.js +239 -0
- package/esm/MaskedInput/createTextMaskInputElement.d.ts +7 -0
- package/esm/MaskedInput/createTextMaskInputElement.js +212 -0
- package/esm/MaskedInput/index.d.ts +3 -0
- package/esm/MaskedInput/index.js +2 -0
- package/esm/MaskedInput/types.d.ts +10 -0
- package/esm/{@types/icons.js → MaskedInput/types.js} +0 -0
- package/esm/MaskedInput/utilities.d.ts +7 -0
- package/esm/MaskedInput/utilities.js +38 -0
- package/esm/Menu/Menu.d.ts +0 -1
- package/esm/Menu/Menu.js +3 -5
- 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 +35 -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/Overlay/positionUtils.js +1 -1
- 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 +13 -12
- package/esm/Picker/propTypes.d.ts +2 -16
- package/esm/Picker/propTypes.js +2 -13
- package/esm/Picker/utils.js +14 -9
- 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.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 +19 -18
- package/esm/Sidenav/SidenavDropdownCollapse.js +2 -5
- package/esm/Sidenav/SidenavDropdownItem.js +5 -8
- package/esm/Sidenav/SidenavDropdownMenu.js +5 -8
- 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.d.ts +2 -0
- package/esm/Toggle/Toggle.js +27 -13
- 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 +1 -0
- package/esm/Uploader/UploadFileItem.js +42 -33
- package/esm/Uploader/UploadTrigger.js +4 -7
- package/esm/Uploader/Uploader.d.ts +2 -0
- package/esm/Uploader/Uploader.js +28 -28
- package/esm/index.d.ts +2 -0
- package/esm/index.js +1 -0
- package/esm/locales/fa_IR.d.ts +105 -0
- package/esm/locales/fa_IR.js +74 -0
- package/esm/locales/index.d.ts +1 -0
- package/esm/locales/index.js +2 -1
- 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/previewFile.d.ts +1 -0
- package/esm/utils/previewFile.js +9 -0
- package/esm/utils/useUniqueId.d.ts +3 -1
- package/esm/utils/useUniqueId.js +4 -2
- package/locales/fa_IR/package.json +7 -0
- package/package.json +6 -8
- package/styles/color-modes/dark.less +1 -0
- package/styles/color-modes/high-contrast.less +1 -0
- package/styles/color-modes/light.less +3 -0
- package/styles/variables.less +3 -1
- package/cjs/@types/icons.d.ts +0 -1
- package/esm/@types/icons.d.ts +0 -1
|
@@ -13,6 +13,7 @@ export interface UploadFileItemProps extends WithAsProps {
|
|
|
13
13
|
allowReupload?: boolean;
|
|
14
14
|
locale?: UploaderLocale;
|
|
15
15
|
renderFileInfo?: (file: FileType, fileElement: React.ReactNode) => React.ReactNode;
|
|
16
|
+
renderThumbnail?: (file: FileType, thumbnail: React.ReactNode) => React.ReactNode;
|
|
16
17
|
onCancel?: (fileKey: number | string, event: React.MouseEvent) => void;
|
|
17
18
|
onPreview?: (file: FileType, event: React.MouseEvent) => void;
|
|
18
19
|
onReupload?: (file: FileType, event: React.MouseEvent) => void;
|
|
@@ -52,32 +52,30 @@ var formatSize = function formatSize(size) {
|
|
|
52
52
|
};
|
|
53
53
|
|
|
54
54
|
exports.formatSize = formatSize;
|
|
55
|
-
var defaultProps = {
|
|
56
|
-
as: 'div',
|
|
57
|
-
classPrefix: 'uploader-file-item',
|
|
58
|
-
maxPreviewFileSize: 1024 * 1024 * 5,
|
|
59
|
-
// 5MB
|
|
60
|
-
listType: 'text',
|
|
61
|
-
removable: true,
|
|
62
|
-
allowReupload: true
|
|
63
|
-
};
|
|
64
55
|
|
|
65
56
|
var UploadFileItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
66
|
-
var
|
|
57
|
+
var _props$as = props.as,
|
|
58
|
+
Component = _props$as === void 0 ? 'div' : _props$as,
|
|
67
59
|
disabled = props.disabled,
|
|
68
|
-
allowReupload = props.allowReupload,
|
|
60
|
+
_props$allowReupload = props.allowReupload,
|
|
61
|
+
allowReupload = _props$allowReupload === void 0 ? true : _props$allowReupload,
|
|
69
62
|
file = props.file,
|
|
70
|
-
classPrefix = props.classPrefix,
|
|
71
|
-
|
|
63
|
+
_props$classPrefix = props.classPrefix,
|
|
64
|
+
classPrefix = _props$classPrefix === void 0 ? 'uploader-file-item' : _props$classPrefix,
|
|
65
|
+
_props$listType = props.listType,
|
|
66
|
+
listType = _props$listType === void 0 ? 'text' : _props$listType,
|
|
72
67
|
className = props.className,
|
|
73
|
-
removable = props.removable,
|
|
74
|
-
|
|
68
|
+
_props$removable = props.removable,
|
|
69
|
+
removable = _props$removable === void 0 ? true : _props$removable,
|
|
70
|
+
_props$maxPreviewFile = props.maxPreviewFileSize,
|
|
71
|
+
maxPreviewFileSize = _props$maxPreviewFile === void 0 ? 1024 * 1024 * 5 : _props$maxPreviewFile,
|
|
75
72
|
locale = props.locale,
|
|
76
73
|
renderFileInfo = props.renderFileInfo,
|
|
74
|
+
renderThumbnail = props.renderThumbnail,
|
|
77
75
|
onPreview = props.onPreview,
|
|
78
76
|
onCancel = props.onCancel,
|
|
79
77
|
onReupload = props.onReupload,
|
|
80
|
-
rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "disabled", "allowReupload", "file", "classPrefix", "listType", "className", "removable", "maxPreviewFileSize", "locale", "renderFileInfo", "onPreview", "onCancel", "onReupload"]);
|
|
78
|
+
rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "disabled", "allowReupload", "file", "classPrefix", "listType", "className", "removable", "maxPreviewFileSize", "locale", "renderFileInfo", "renderThumbnail", "onPreview", "onCancel", "onReupload"]);
|
|
81
79
|
|
|
82
80
|
var _useClassNames = (0, _utils.useClassNames)(classPrefix),
|
|
83
81
|
merge = _useClassNames.merge,
|
|
@@ -102,7 +100,8 @@ var UploadFileItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
|
|
|
102
100
|
|
|
103
101
|
if (!~['picture-text', 'picture'].indexOf(listType)) {
|
|
104
102
|
return;
|
|
105
|
-
}
|
|
103
|
+
} // The thumbnail file size cannot be larger than the preset value.
|
|
104
|
+
|
|
106
105
|
|
|
107
106
|
if (!file.blobFile || (file === null || file === void 0 ? void 0 : (_file$blobFile = file.blobFile) === null || _file$blobFile === void 0 ? void 0 : _file$blobFile.size) > maxPreviewFileSize) {
|
|
108
107
|
return;
|
|
@@ -164,18 +163,17 @@ var UploadFileItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
|
|
|
164
163
|
};
|
|
165
164
|
|
|
166
165
|
var renderPreview = function renderPreview() {
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
return null;
|
|
166
|
+
var thumbnail = previewImage ? /*#__PURE__*/_react.default.createElement("img", {
|
|
167
|
+
role: "presentation",
|
|
168
|
+
src: previewImage,
|
|
169
|
+
alt: file.name,
|
|
170
|
+
onClick: handlePreview
|
|
171
|
+
}) : /*#__PURE__*/_react.default.createElement(_Attachment.default, {
|
|
172
|
+
className: prefix('icon')
|
|
173
|
+
});
|
|
174
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
175
|
+
className: prefix('preview')
|
|
176
|
+
}, renderThumbnail ? renderThumbnail(file, thumbnail) : thumbnail);
|
|
179
177
|
};
|
|
180
178
|
/**
|
|
181
179
|
* Render the loading state.
|
|
@@ -187,11 +185,22 @@ var UploadFileItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
|
|
|
187
185
|
var classes = prefix('icon-wrapper', {
|
|
188
186
|
'icon-loading': uploading
|
|
189
187
|
});
|
|
188
|
+
|
|
189
|
+
if (uploading) {
|
|
190
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
191
|
+
className: classes
|
|
192
|
+
}, /*#__PURE__*/_react.default.createElement("i", {
|
|
193
|
+
className: prefix('icon')
|
|
194
|
+
}));
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
if (listType === 'picture' || listType === 'picture-text') {
|
|
198
|
+
return null;
|
|
199
|
+
}
|
|
200
|
+
|
|
190
201
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
191
202
|
className: classes
|
|
192
|
-
},
|
|
193
|
-
className: prefix('icon')
|
|
194
|
-
}) : /*#__PURE__*/_react.default.createElement(_Attachment.default, {
|
|
203
|
+
}, /*#__PURE__*/_react.default.createElement(_Attachment.default, {
|
|
195
204
|
className: prefix('icon')
|
|
196
205
|
}));
|
|
197
206
|
};
|
|
@@ -285,7 +294,6 @@ var UploadFileItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
|
|
|
285
294
|
});
|
|
286
295
|
|
|
287
296
|
UploadFileItem.displayName = 'UploadFileItem';
|
|
288
|
-
UploadFileItem.defaultProps = defaultProps;
|
|
289
297
|
UploadFileItem.propTypes = {
|
|
290
298
|
locale: _propTypes.default.any,
|
|
291
299
|
file: _propTypes.default.object,
|
|
@@ -297,6 +305,7 @@ UploadFileItem.propTypes = {
|
|
|
297
305
|
removable: _propTypes.default.bool,
|
|
298
306
|
allowReupload: _propTypes.default.bool,
|
|
299
307
|
renderFileInfo: _propTypes.default.func,
|
|
308
|
+
renderThumbnail: _propTypes.default.func,
|
|
300
309
|
onCancel: _propTypes.default.func,
|
|
301
310
|
onPreview: _propTypes.default.func,
|
|
302
311
|
onReupload: _propTypes.default.func
|
|
@@ -25,20 +25,17 @@ var Button = function Button(props) {
|
|
|
25
25
|
}));
|
|
26
26
|
};
|
|
27
27
|
|
|
28
|
-
var defaultProps = {
|
|
29
|
-
as: Button,
|
|
30
|
-
classPrefix: 'uploader-trigger'
|
|
31
|
-
};
|
|
32
|
-
|
|
33
28
|
var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
34
|
-
var
|
|
29
|
+
var _props$as = props.as,
|
|
30
|
+
Component = _props$as === void 0 ? Button : _props$as,
|
|
35
31
|
name = props.name,
|
|
36
32
|
accept = props.accept,
|
|
37
33
|
multiple = props.multiple,
|
|
38
34
|
disabled = props.disabled,
|
|
39
35
|
readOnly = props.readOnly,
|
|
40
36
|
children = props.children,
|
|
41
|
-
classPrefix = props.classPrefix,
|
|
37
|
+
_props$classPrefix = props.classPrefix,
|
|
38
|
+
classPrefix = _props$classPrefix === void 0 ? 'uploader-trigger' : _props$classPrefix,
|
|
42
39
|
className = props.className,
|
|
43
40
|
draggable = props.draggable,
|
|
44
41
|
locale = props.locale,
|
|
@@ -156,7 +153,6 @@ var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
|
|
|
156
153
|
});
|
|
157
154
|
|
|
158
155
|
UploadTrigger.displayName = 'UploadTrigger';
|
|
159
|
-
UploadTrigger.defaultProps = defaultProps;
|
|
160
156
|
UploadTrigger.propTypes = {
|
|
161
157
|
locale: _propTypes.default.any,
|
|
162
158
|
name: _propTypes.default.string,
|
|
@@ -93,6 +93,8 @@ export interface UploaderProps extends WithAsProps {
|
|
|
93
93
|
onRemove?: (file: FileType) => void;
|
|
94
94
|
/** Custom render file information */
|
|
95
95
|
renderFileInfo?: (file: FileType, fileElement: React.ReactNode) => React.ReactNode;
|
|
96
|
+
/** Custom render thumbnail */
|
|
97
|
+
renderThumbnail?: (file: FileType, thumbnail: React.ReactNode) => React.ReactNode;
|
|
96
98
|
}
|
|
97
99
|
export declare type FileStatusType = 'inited' | 'uploading' | 'error' | 'finished';
|
|
98
100
|
export interface FileProgressType {
|
package/cjs/Uploader/Uploader.js
CHANGED
|
@@ -25,21 +25,6 @@ var _utils = require("../utils");
|
|
|
25
25
|
|
|
26
26
|
var _Plaintext = _interopRequireDefault(require("../Plaintext"));
|
|
27
27
|
|
|
28
|
-
var defaultProps = {
|
|
29
|
-
as: 'div',
|
|
30
|
-
classPrefix: 'uploader',
|
|
31
|
-
autoUpload: true,
|
|
32
|
-
timeout: 0,
|
|
33
|
-
name: 'file',
|
|
34
|
-
multiple: false,
|
|
35
|
-
disabled: false,
|
|
36
|
-
withCredentials: false,
|
|
37
|
-
data: {},
|
|
38
|
-
listType: 'text',
|
|
39
|
-
removable: true,
|
|
40
|
-
fileListVisible: true
|
|
41
|
-
};
|
|
42
|
-
|
|
43
28
|
var getFiles = function getFiles(event) {
|
|
44
29
|
if (typeof (event === null || event === void 0 ? void 0 : event['dataTransfer']) === 'object') {
|
|
45
30
|
var _event$dataTransfer;
|
|
@@ -123,46 +108,59 @@ var useFileList = function useFileList(defaultFileList) {
|
|
|
123
108
|
};
|
|
124
109
|
|
|
125
110
|
var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
126
|
-
var
|
|
127
|
-
|
|
111
|
+
var _props$as = props.as,
|
|
112
|
+
Component = _props$as === void 0 ? 'div' : _props$as,
|
|
113
|
+
_props$classPrefix = props.classPrefix,
|
|
114
|
+
classPrefix = _props$classPrefix === void 0 ? 'uploader' : _props$classPrefix,
|
|
128
115
|
className = props.className,
|
|
129
|
-
listType = props.listType,
|
|
116
|
+
_props$listType = props.listType,
|
|
117
|
+
listType = _props$listType === void 0 ? 'text' : _props$listType,
|
|
130
118
|
defaultFileList = props.defaultFileList,
|
|
131
119
|
fileListProp = props.fileList,
|
|
132
|
-
|
|
120
|
+
_props$fileListVisibl = props.fileListVisible,
|
|
121
|
+
fileListVisible = _props$fileListVisibl === void 0 ? true : _props$fileListVisibl,
|
|
133
122
|
localeProp = props.locale,
|
|
134
123
|
style = props.style,
|
|
135
124
|
draggable = props.draggable,
|
|
136
|
-
name = props.name,
|
|
137
|
-
|
|
138
|
-
|
|
125
|
+
_props$name = props.name,
|
|
126
|
+
name = _props$name === void 0 ? 'file' : _props$name,
|
|
127
|
+
_props$multiple = props.multiple,
|
|
128
|
+
multiple = _props$multiple === void 0 ? false : _props$multiple,
|
|
129
|
+
_props$disabled = props.disabled,
|
|
130
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
139
131
|
readOnly = props.readOnly,
|
|
140
132
|
plaintext = props.plaintext,
|
|
141
133
|
accept = props.accept,
|
|
142
134
|
children = props.children,
|
|
143
135
|
toggleAs = props.toggleAs,
|
|
144
|
-
removable = props.removable,
|
|
136
|
+
_props$removable = props.removable,
|
|
137
|
+
removable = _props$removable === void 0 ? true : _props$removable,
|
|
145
138
|
disabledFileItem = props.disabledFileItem,
|
|
146
139
|
maxPreviewFileSize = props.maxPreviewFileSize,
|
|
147
|
-
autoUpload = props.autoUpload,
|
|
140
|
+
_props$autoUpload = props.autoUpload,
|
|
141
|
+
autoUpload = _props$autoUpload === void 0 ? true : _props$autoUpload,
|
|
148
142
|
action = props.action,
|
|
149
143
|
headers = props.headers,
|
|
150
|
-
|
|
144
|
+
_props$withCredential = props.withCredentials,
|
|
145
|
+
withCredentials = _props$withCredential === void 0 ? false : _props$withCredential,
|
|
151
146
|
disableMultipart = props.disableMultipart,
|
|
152
|
-
timeout = props.timeout,
|
|
153
|
-
|
|
147
|
+
_props$timeout = props.timeout,
|
|
148
|
+
timeout = _props$timeout === void 0 ? 0 : _props$timeout,
|
|
149
|
+
_props$data = props.data,
|
|
150
|
+
data = _props$data === void 0 ? {} : _props$data,
|
|
154
151
|
onRemove = props.onRemove,
|
|
155
152
|
onUpload = props.onUpload,
|
|
156
153
|
shouldUpload = props.shouldUpload,
|
|
157
154
|
shouldQueueUpdate = props.shouldQueueUpdate,
|
|
158
155
|
renderFileInfo = props.renderFileInfo,
|
|
156
|
+
renderThumbnail = props.renderThumbnail,
|
|
159
157
|
onPreview = props.onPreview,
|
|
160
158
|
onChange = props.onChange,
|
|
161
159
|
onSuccess = props.onSuccess,
|
|
162
160
|
onError = props.onError,
|
|
163
161
|
onProgress = props.onProgress,
|
|
164
162
|
onReupload = props.onReupload,
|
|
165
|
-
rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "listType", "defaultFileList", "fileList", "fileListVisible", "locale", "style", "draggable", "name", "multiple", "disabled", "readOnly", "plaintext", "accept", "children", "toggleAs", "removable", "disabledFileItem", "maxPreviewFileSize", "autoUpload", "action", "headers", "withCredentials", "disableMultipart", "timeout", "data", "onRemove", "onUpload", "shouldUpload", "shouldQueueUpdate", "renderFileInfo", "onPreview", "onChange", "onSuccess", "onError", "onProgress", "onReupload"]);
|
|
163
|
+
rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "listType", "defaultFileList", "fileList", "fileListVisible", "locale", "style", "draggable", "name", "multiple", "disabled", "readOnly", "plaintext", "accept", "children", "toggleAs", "removable", "disabledFileItem", "maxPreviewFileSize", "autoUpload", "action", "headers", "withCredentials", "disableMultipart", "timeout", "data", "onRemove", "onUpload", "shouldUpload", "shouldQueueUpdate", "renderFileInfo", "renderThumbnail", "onPreview", "onChange", "onSuccess", "onError", "onProgress", "onReupload"]);
|
|
166
164
|
|
|
167
165
|
var _useClassNames = (0, _utils.useClassNames)(classPrefix),
|
|
168
166
|
merge = _useClassNames.merge,
|
|
@@ -418,6 +416,7 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
418
416
|
onReupload: handleReupload,
|
|
419
417
|
onCancel: handleRemoveFile,
|
|
420
418
|
renderFileInfo: renderFileInfo,
|
|
419
|
+
renderThumbnail: renderThumbnail,
|
|
421
420
|
removable: removable && !readOnly && !plaintext,
|
|
422
421
|
allowReupload: !readOnly && !plaintext
|
|
423
422
|
});
|
|
@@ -443,7 +442,6 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
443
442
|
});
|
|
444
443
|
|
|
445
444
|
Uploader.displayName = 'Uploader';
|
|
446
|
-
Uploader.defaultProps = defaultProps;
|
|
447
445
|
Uploader.propTypes = {
|
|
448
446
|
action: _propTypes.default.string,
|
|
449
447
|
accept: _propTypes.default.string,
|
|
@@ -477,6 +475,7 @@ Uploader.propTypes = {
|
|
|
477
475
|
style: _propTypes.default.object,
|
|
478
476
|
toggleAs: _propTypes.default.elementType,
|
|
479
477
|
renderFileInfo: _propTypes.default.func,
|
|
478
|
+
renderThumbnail: _propTypes.default.func,
|
|
480
479
|
removable: _propTypes.default.bool,
|
|
481
480
|
fileListVisible: _propTypes.default.bool,
|
|
482
481
|
draggable: _propTypes.default.bool,
|
package/cjs/index.d.ts
CHANGED
|
@@ -54,6 +54,8 @@ export { default as Form } from './Form';
|
|
|
54
54
|
export type { FormProps, FormGroupProps, FormErrorMessageProps, FormControlLabelProps, FormHelpTextProps, FormControlProps } from './Form';
|
|
55
55
|
export { default as Input } from './Input';
|
|
56
56
|
export type { InputProps } from './Input';
|
|
57
|
+
export { default as MaskedInput } from './MaskedInput';
|
|
58
|
+
export type { MaskedInputProps } from './MaskedInput';
|
|
57
59
|
export { default as InputNumber } from './InputNumber';
|
|
58
60
|
export type { InputNumberProps } from './InputNumber';
|
|
59
61
|
export { default as InputGroup } from './InputGroup';
|
package/cjs/index.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
5
|
exports.__esModule = true;
|
|
6
|
-
exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.PanelGroup = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DatePicker = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.Avatar = exports.Badge = exports.Placeholder = exports.Divider = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
|
|
6
|
+
exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.PanelGroup = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DatePicker = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.Avatar = exports.Badge = exports.Placeholder = exports.Divider = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
|
|
7
7
|
|
|
8
8
|
var _Button = _interopRequireDefault(require("./Button"));
|
|
9
9
|
|
|
@@ -117,6 +117,10 @@ var _Input = _interopRequireDefault(require("./Input"));
|
|
|
117
117
|
|
|
118
118
|
exports.Input = _Input.default;
|
|
119
119
|
|
|
120
|
+
var _MaskedInput = _interopRequireDefault(require("./MaskedInput"));
|
|
121
|
+
|
|
122
|
+
exports.MaskedInput = _MaskedInput.default;
|
|
123
|
+
|
|
120
124
|
var _InputNumber = _interopRequireDefault(require("./InputNumber"));
|
|
121
125
|
|
|
122
126
|
exports.InputNumber = _InputNumber.default;
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
common: {
|
|
3
|
+
loading: string;
|
|
4
|
+
emptyMessage: string;
|
|
5
|
+
};
|
|
6
|
+
Plaintext: {
|
|
7
|
+
unfilled: string;
|
|
8
|
+
notSelected: string;
|
|
9
|
+
notUploaded: string;
|
|
10
|
+
};
|
|
11
|
+
Pagination: {
|
|
12
|
+
more: string;
|
|
13
|
+
prev: string;
|
|
14
|
+
next: string;
|
|
15
|
+
first: string;
|
|
16
|
+
last: string;
|
|
17
|
+
limit: string;
|
|
18
|
+
total: string;
|
|
19
|
+
skip: string;
|
|
20
|
+
};
|
|
21
|
+
Calendar: {
|
|
22
|
+
sunday: string;
|
|
23
|
+
monday: string;
|
|
24
|
+
tuesday: string;
|
|
25
|
+
wednesday: string;
|
|
26
|
+
thursday: string;
|
|
27
|
+
friday: string;
|
|
28
|
+
saturday: string;
|
|
29
|
+
ok: string;
|
|
30
|
+
today: string;
|
|
31
|
+
yesterday: string;
|
|
32
|
+
hours: string;
|
|
33
|
+
minutes: string;
|
|
34
|
+
seconds: string;
|
|
35
|
+
formattedMonthPattern: string;
|
|
36
|
+
formattedDayPattern: string;
|
|
37
|
+
dateLocale: any;
|
|
38
|
+
};
|
|
39
|
+
DatePicker: {
|
|
40
|
+
sunday: string;
|
|
41
|
+
monday: string;
|
|
42
|
+
tuesday: string;
|
|
43
|
+
wednesday: string;
|
|
44
|
+
thursday: string;
|
|
45
|
+
friday: string;
|
|
46
|
+
saturday: string;
|
|
47
|
+
ok: string;
|
|
48
|
+
today: string;
|
|
49
|
+
yesterday: string;
|
|
50
|
+
hours: string;
|
|
51
|
+
minutes: string;
|
|
52
|
+
seconds: string;
|
|
53
|
+
formattedMonthPattern: string;
|
|
54
|
+
formattedDayPattern: string;
|
|
55
|
+
dateLocale: any;
|
|
56
|
+
};
|
|
57
|
+
DateRangePicker: {
|
|
58
|
+
last7Days: string;
|
|
59
|
+
sunday: string;
|
|
60
|
+
monday: string;
|
|
61
|
+
tuesday: string;
|
|
62
|
+
wednesday: string;
|
|
63
|
+
thursday: string;
|
|
64
|
+
friday: string;
|
|
65
|
+
saturday: string;
|
|
66
|
+
ok: string;
|
|
67
|
+
today: string;
|
|
68
|
+
yesterday: string;
|
|
69
|
+
hours: string;
|
|
70
|
+
minutes: string;
|
|
71
|
+
seconds: string;
|
|
72
|
+
formattedMonthPattern: string;
|
|
73
|
+
formattedDayPattern: string;
|
|
74
|
+
dateLocale: any;
|
|
75
|
+
};
|
|
76
|
+
Picker: {
|
|
77
|
+
noResultsText: string;
|
|
78
|
+
placeholder: string;
|
|
79
|
+
searchPlaceholder: string;
|
|
80
|
+
checkAll: string;
|
|
81
|
+
};
|
|
82
|
+
InputPicker: {
|
|
83
|
+
newItem: string;
|
|
84
|
+
createOption: string;
|
|
85
|
+
};
|
|
86
|
+
Uploader: {
|
|
87
|
+
inited: string;
|
|
88
|
+
progress: string;
|
|
89
|
+
error: string;
|
|
90
|
+
complete: string;
|
|
91
|
+
emptyFile: string;
|
|
92
|
+
upload: string;
|
|
93
|
+
};
|
|
94
|
+
CloseButton: {
|
|
95
|
+
closeLabel: string;
|
|
96
|
+
};
|
|
97
|
+
Breadcrumb: {
|
|
98
|
+
expandText: string;
|
|
99
|
+
};
|
|
100
|
+
Toggle: {
|
|
101
|
+
on: string;
|
|
102
|
+
off: string;
|
|
103
|
+
};
|
|
104
|
+
};
|
|
105
|
+
export default _default;
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
|
|
10
|
+
var _faIR = _interopRequireDefault(require("date-fns/locale/fa-IR"));
|
|
11
|
+
|
|
12
|
+
var Calendar = {
|
|
13
|
+
sunday: 'یکشنبه',
|
|
14
|
+
monday: 'دوشنبه',
|
|
15
|
+
tuesday: 'سه شنبه',
|
|
16
|
+
wednesday: 'چهارشنبه',
|
|
17
|
+
thursday: 'پنجشنبه',
|
|
18
|
+
friday: 'جمعه',
|
|
19
|
+
saturday: 'شنبه',
|
|
20
|
+
ok: 'خوب',
|
|
21
|
+
today: 'امروز',
|
|
22
|
+
yesterday: 'دیروز',
|
|
23
|
+
hours: 'ساعت',
|
|
24
|
+
minutes: 'دقیقه',
|
|
25
|
+
seconds: 'ثانیه',
|
|
26
|
+
formattedMonthPattern: 'MMM, yyyy',
|
|
27
|
+
formattedDayPattern: 'MMM dd, yyyy',
|
|
28
|
+
dateLocale: _faIR.default
|
|
29
|
+
};
|
|
30
|
+
var _default = {
|
|
31
|
+
common: {
|
|
32
|
+
loading: 'در حال بارگذاری...',
|
|
33
|
+
emptyMessage: 'داده ایی پیدا نشد'
|
|
34
|
+
},
|
|
35
|
+
Plaintext: {
|
|
36
|
+
unfilled: 'خالی',
|
|
37
|
+
notSelected: 'انتخاب نشده',
|
|
38
|
+
notUploaded: 'اپلود نشده'
|
|
39
|
+
},
|
|
40
|
+
Pagination: {
|
|
41
|
+
more: 'بیشتر',
|
|
42
|
+
prev: 'قبلی',
|
|
43
|
+
next: 'بعدی',
|
|
44
|
+
first: 'اول',
|
|
45
|
+
last: 'اخر',
|
|
46
|
+
limit: '{0} / صفحه',
|
|
47
|
+
total: 'مجموع ردیف ها: {0}',
|
|
48
|
+
skip: 'برو به{0}'
|
|
49
|
+
},
|
|
50
|
+
Calendar: Calendar,
|
|
51
|
+
DatePicker: (0, _extends2.default)({}, Calendar),
|
|
52
|
+
DateRangePicker: (0, _extends2.default)({}, Calendar, {
|
|
53
|
+
last7Days: '7 روز اخر'
|
|
54
|
+
}),
|
|
55
|
+
Picker: {
|
|
56
|
+
noResultsText: 'نتیجه ایی یافت نشد',
|
|
57
|
+
placeholder: 'انتخاب',
|
|
58
|
+
searchPlaceholder: 'جستجو',
|
|
59
|
+
checkAll: 'همه'
|
|
60
|
+
},
|
|
61
|
+
InputPicker: {
|
|
62
|
+
newItem: 'گزینه جدید',
|
|
63
|
+
createOption: 'ساخت گزینه "{0}"'
|
|
64
|
+
},
|
|
65
|
+
Uploader: {
|
|
66
|
+
inited: 'اولیه',
|
|
67
|
+
progress: 'در حال اپلود',
|
|
68
|
+
error: 'مشکل',
|
|
69
|
+
complete: 'تمام شد',
|
|
70
|
+
emptyFile: 'خالی',
|
|
71
|
+
upload: 'اپلود'
|
|
72
|
+
},
|
|
73
|
+
CloseButton: {
|
|
74
|
+
closeLabel: 'بستن'
|
|
75
|
+
},
|
|
76
|
+
Breadcrumb: {
|
|
77
|
+
expandText: 'نمایش مسیر'
|
|
78
|
+
},
|
|
79
|
+
Toggle: {
|
|
80
|
+
on: 'باز کردن',
|
|
81
|
+
off: 'بستن'
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
exports.default = _default;
|
package/cjs/locales/index.d.ts
CHANGED
|
@@ -14,6 +14,7 @@ export { default as ruRU } from './ru_RU';
|
|
|
14
14
|
export { default as svSE } from './sv_SE';
|
|
15
15
|
export { default as zhCN } from './zh_CN';
|
|
16
16
|
export { default as zhTw } from './zh_TW';
|
|
17
|
+
export { default as faIR } from './fa_IR';
|
|
17
18
|
declare type PickKeys<T> = {
|
|
18
19
|
[keys in keyof T]?: T[keys];
|
|
19
20
|
};
|
package/cjs/locales/index.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
5
|
exports.__esModule = true;
|
|
6
|
-
exports.zhTw = exports.zhCN = exports.svSE = exports.ruRU = exports.ptBR = exports.koKR = exports.itIT = exports.fiFI = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = exports.arEG = void 0;
|
|
6
|
+
exports.faIR = exports.zhTw = exports.zhCN = exports.svSE = exports.ruRU = exports.ptBR = exports.koKR = exports.itIT = exports.fiFI = exports.esES = exports.esAR = exports.enUS = exports.enGB = exports.deDE = exports.daDK = exports.arEG = void 0;
|
|
7
7
|
|
|
8
8
|
var _ar_EG = _interopRequireDefault(require("./ar_EG"));
|
|
9
9
|
|
|
@@ -63,4 +63,8 @@ exports.zhCN = _zh_CN.default;
|
|
|
63
63
|
|
|
64
64
|
var _zh_TW = _interopRequireDefault(require("./zh_TW"));
|
|
65
65
|
|
|
66
|
-
exports.zhTw = _zh_TW.default;
|
|
66
|
+
exports.zhTw = _zh_TW.default;
|
|
67
|
+
|
|
68
|
+
var _fa_IR = _interopRequireDefault(require("./fa_IR"));
|
|
69
|
+
|
|
70
|
+
exports.faIR = _fa_IR.default;
|
|
@@ -23,12 +23,6 @@ var _Transition = _interopRequireDefault(require("../Animation/Transition"));
|
|
|
23
23
|
|
|
24
24
|
var _utils = require("../utils");
|
|
25
25
|
|
|
26
|
-
var defaultProps = {
|
|
27
|
-
as: 'div',
|
|
28
|
-
classPrefix: 'toast-container',
|
|
29
|
-
placement: 'topCenter'
|
|
30
|
-
};
|
|
31
|
-
|
|
32
26
|
var useMessages = function useMessages() {
|
|
33
27
|
var _useState = (0, _react.useState)([]),
|
|
34
28
|
messages = _useState[0],
|
|
@@ -89,10 +83,13 @@ var useMessages = function useMessages() {
|
|
|
89
83
|
|
|
90
84
|
var ToastContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
91
85
|
var rootRef = (0, _react.useRef)();
|
|
92
|
-
var
|
|
86
|
+
var _props$as = props.as,
|
|
87
|
+
Component = _props$as === void 0 ? 'div' : _props$as,
|
|
93
88
|
className = props.className,
|
|
94
|
-
classPrefix = props.classPrefix,
|
|
95
|
-
|
|
89
|
+
_props$classPrefix = props.classPrefix,
|
|
90
|
+
classPrefix = _props$classPrefix === void 0 ? 'toast-container' : _props$classPrefix,
|
|
91
|
+
_props$placement = props.placement,
|
|
92
|
+
placement = _props$placement === void 0 ? 'topCenter' : _props$placement,
|
|
96
93
|
rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "placement"]);
|
|
97
94
|
|
|
98
95
|
var _useClassNames = (0, _utils.useClassNames)(classPrefix),
|
|
@@ -171,7 +168,6 @@ ToastContainer.getInstance = function (props) {
|
|
|
171
168
|
};
|
|
172
169
|
|
|
173
170
|
ToastContainer.displayName = 'ToastContainer';
|
|
174
|
-
ToastContainer.defaultProps = defaultProps;
|
|
175
171
|
ToastContainer.propTypes = {
|
|
176
172
|
className: _propTypes.default.string,
|
|
177
173
|
classPrefix: _propTypes.default.string,
|
|
@@ -8,7 +8,6 @@ interface Props extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
8
8
|
}
|
|
9
9
|
/**
|
|
10
10
|
* Create a component with `classPrefix` and `as` attributes.
|
|
11
|
-
* @param defaultProps
|
|
12
11
|
*/
|
|
13
|
-
declare function createComponent(defaultProps: Props): RsRefForwardingComponent<"div", ComponentProps>;
|
|
12
|
+
declare function createComponent({ name, componentAs, componentClassPrefix, ...defaultProps }: Props): RsRefForwardingComponent<"div", ComponentProps>;
|
|
14
13
|
export default createComponent;
|
|
@@ -19,17 +19,18 @@ var _utils = require("../utils");
|
|
|
19
19
|
|
|
20
20
|
/**
|
|
21
21
|
* Create a component with `classPrefix` and `as` attributes.
|
|
22
|
-
* @param defaultProps
|
|
23
22
|
*/
|
|
24
|
-
function createComponent(
|
|
25
|
-
var name =
|
|
26
|
-
componentAs =
|
|
27
|
-
componentClassPrefix =
|
|
28
|
-
|
|
23
|
+
function createComponent(_ref) {
|
|
24
|
+
var name = _ref.name,
|
|
25
|
+
componentAs = _ref.componentAs,
|
|
26
|
+
componentClassPrefix = _ref.componentClassPrefix,
|
|
27
|
+
defaultProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["name", "componentAs", "componentClassPrefix"]);
|
|
29
28
|
|
|
30
29
|
var Component = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
31
|
-
var
|
|
32
|
-
|
|
30
|
+
var _props$as = props.as,
|
|
31
|
+
Component = _props$as === void 0 ? componentAs || 'div' : _props$as,
|
|
32
|
+
_props$classPrefix = props.classPrefix,
|
|
33
|
+
classPrefix = _props$classPrefix === void 0 ? componentClassPrefix || (0, _kebabCase.default)(name) : _props$classPrefix,
|
|
33
34
|
className = props.className,
|
|
34
35
|
role = props.role,
|
|
35
36
|
rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "role"]);
|
|
@@ -39,7 +40,7 @@ function createComponent(defaultProps) {
|
|
|
39
40
|
merge = _useClassNames.merge;
|
|
40
41
|
|
|
41
42
|
var classes = merge(className, withClassPrefix());
|
|
42
|
-
return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, defaultProps, rest, {
|
|
43
44
|
role: role,
|
|
44
45
|
ref: ref,
|
|
45
46
|
className: classes
|
|
@@ -53,10 +54,6 @@ function createComponent(defaultProps) {
|
|
|
53
54
|
classPrefix: _propTypes.default.string,
|
|
54
55
|
children: _propTypes.default.node
|
|
55
56
|
};
|
|
56
|
-
Component.defaultProps = (0, _extends2.default)({}, componentRestProps, {
|
|
57
|
-
as: componentAs || 'div',
|
|
58
|
-
classPrefix: componentClassPrefix || (0, _kebabCase.default)(name)
|
|
59
|
-
});
|
|
60
57
|
return Component;
|
|
61
58
|
}
|
|
62
59
|
|