@para-ui/core 3.0.53 → 3.0.55
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/README.md +24 -0
- package/package.json +1 -1
- package/AutoBox/index.d.ts +0 -34
- package/AutoBox/index.js +0 -277
- package/AutoBox/protal.d.ts +0 -17
- package/AutoTips/autoTipsMultiline/index.d.ts +0 -18
- package/AutoTips/index.d.ts +0 -35
- package/AutoTips/index.js +0 -271
- package/Breadcrumbs/index.d.ts +0 -53
- package/Breadcrumbs/index.js +0 -266
- package/Breadcrumbs/lang/en_US.d.ts +0 -4
- package/Breadcrumbs/lang/index.d.ts +0 -9
- package/Breadcrumbs/lang/zh_CN.d.ts +0 -4
- package/Button/SplitButton.d.ts +0 -64
- package/Button/index.d.ts +0 -79
- package/Button/index.js +0 -376
- package/Button/lang/en_US.d.ts +0 -4
- package/Button/lang/index.d.ts +0 -9
- package/Button/lang/zh_CN.d.ts +0 -4
- package/ButtonGroup/index.d.ts +0 -33
- package/ButtonGroup/index.js +0 -124
- package/Carousel/index.d.ts +0 -38
- package/Carousel/index.js +0 -78
- package/Cascader/index.d.ts +0 -54
- package/Cascader/index.js +0 -159
- package/Cascader/lang/en_US.d.ts +0 -4
- package/Cascader/lang/index.d.ts +0 -9
- package/Cascader/lang/zh_CN.d.ts +0 -4
- package/Checkbox/index.d.ts +0 -40
- package/Checkbox/index.js +0 -109
- package/CheckboxGroup/index.d.ts +0 -45
- package/CheckboxGroup/index.js +0 -142
- package/Collapse/collapsePanel.d.ts +0 -30
- package/Collapse/index.d.ts +0 -57
- package/Collapse/index.js +0 -152
- package/Collapse/motion.d.ts +0 -5
- package/Collapse/util.d.ts +0 -11
- package/CollapseBox/index.d.ts +0 -27
- package/CollapseBox/index.js +0 -148
- package/CollapseBox/util.d.ts +0 -5
- package/CollapseLayout/index.d.ts +0 -53
- package/CollapseLayout/index.js +0 -176
- package/ColorPicker/index.d.ts +0 -4
- package/ColorPicker/index.js +0 -4
- package/ComboSelect/index.d.ts +0 -6
- package/ComboSelect/index.js +0 -1049
- package/ComboSelect/interface.d.ts +0 -146
- package/ComboSelect/lang/en_US.d.ts +0 -9
- package/ComboSelect/lang/index.d.ts +0 -19
- package/ComboSelect/lang/zh_CN.d.ts +0 -9
- package/ComboSelect/utils.d.ts +0 -9
- package/Container/index.d.ts +0 -77
- package/Container/index.js +0 -232
- package/DatePicker/PickerButton.d.ts +0 -3
- package/DatePicker/PickerTag.d.ts +0 -3
- package/DatePicker/generatePicker/generateRangePicker.d.ts +0 -4
- package/DatePicker/generatePicker/generateSinglePicker.d.ts +0 -11
- package/DatePicker/generatePicker/index.d.ts +0 -95
- package/DatePicker/index.d.ts +0 -18
- package/DatePicker/index.js +0 -633
- package/DatePicker/lang/en_US.d.ts +0 -3
- package/DatePicker/lang/index.d.ts +0 -7
- package/DatePicker/lang/zh_CN.d.ts +0 -3
- package/DatePicker/util.d.ts +0 -22
- package/Desktop/index.d.ts +0 -57
- package/Desktop/index.js +0 -746
- package/DragVerify/index.d.ts +0 -36
- package/DragVerify/index.js +0 -385
- package/DragVerify/lang/en_US.d.ts +0 -5
- package/DragVerify/lang/index.d.ts +0 -11
- package/DragVerify/lang/zh_CN.d.ts +0 -5
- package/Drawer/index.d.ts +0 -11
- package/Drawer/index.js +0 -235
- package/Drawer/interface.d.ts +0 -92
- package/Drawer/lang/en_US.d.ts +0 -5
- package/Drawer/lang/index.d.ts +0 -11
- package/Drawer/lang/zh_CN.d.ts +0 -5
- package/Dropdown/index.d.ts +0 -40
- package/Dropdown/index.js +0 -10
- package/DynamicMultiBox/formItem.d.ts +0 -14
- package/DynamicMultiBox/index.d.ts +0 -5
- package/DynamicMultiBox/index.js +0 -1313
- package/DynamicMultiBox/interface.d.ts +0 -161
- package/DynamicMultiBox/rowForm.d.ts +0 -24
- package/Empty/images/index.d.ts +0 -3
- package/Empty/index.d.ts +0 -30
- package/Empty/index.js +0 -642
- package/Empty/lang/en_US.d.ts +0 -6
- package/Empty/lang/index.d.ts +0 -13
- package/Empty/lang/zh_CN.d.ts +0 -6
- package/Form/index.d.ts +0 -187
- package/Form/index.js +0 -355
- package/FormItem/compoments/defaultCompoments/index.d.ts +0 -19
- package/FormItem/compoments/formCheckboxGroup/index.d.ts +0 -8
- package/FormItem/compoments/formFile/index.d.ts +0 -38
- package/FormItem/compoments/formRadioGroup/index.d.ts +0 -8
- package/FormItem/compoments/formSelect/index.d.ts +0 -18
- package/FormItem/errorTips.d.ts +0 -12
- package/FormItem/index.d.ts +0 -152
- package/FormItem/index.js +0 -78
- package/FormItem/itemType.d.ts +0 -42
- package/FormItem/validateFunction.d.ts +0 -15
- package/FunctionModal/dialog.d.ts +0 -58
- package/FunctionModal/index.d.ts +0 -8
- package/FunctionModal/index.js +0 -43
- package/FunctionModal/modalContext.d.ts +0 -15
- package/GlobalContext/componentsProps.d.ts +0 -21
- package/GlobalContext/confirmLocale.d.ts +0 -7
- package/GlobalContext/constant.d.ts +0 -8
- package/GlobalContext/index.d.ts +0 -28
- package/GlobalContext/index.js +0 -41
- package/GlobalContext/intl.d.ts +0 -34
- package/GlobalContext/useFormatMessage.d.ts +0 -3
- package/GlobalContext/usePopupContainer.d.ts +0 -4
- package/Help/index.d.ts +0 -24
- package/Help/index.js +0 -41
- package/HelperText/index.d.ts +0 -27
- package/HelperText/index.js +0 -34
- package/Hooks/useGlobalProps.d.ts +0 -1
- package/InputLang/index.d.ts +0 -46
- package/InputLang/index.js +0 -247
- package/InputNumber/index.d.ts +0 -71
- package/InputNumber/index.js +0 -277
- package/Label/index.d.ts +0 -37
- package/Label/index.js +0 -85
- package/Loading/index.d.ts +0 -17
- package/Loading/index.js +0 -47
- package/Menu/footerExpansion.d.ts +0 -9
- package/Menu/index.d.ts +0 -10
- package/Menu/index.js +0 -1105
- package/Menu/interface.d.ts +0 -141
- package/Menu/logo.d.ts +0 -9
- package/Menu/verticalMenuList.d.ts +0 -14
- package/Message/index.d.ts +0 -99
- package/Message/index.js +0 -246
- package/Modal/Confirm/index.d.ts +0 -65
- package/Modal/index.d.ts +0 -99
- package/Modal/index.js +0 -421
- package/Modal/lang/en_US.d.ts +0 -5
- package/Modal/lang/index.d.ts +0 -11
- package/Modal/lang/zh_CN.d.ts +0 -5
- package/MultiBox/index.d.ts +0 -58
- package/MultiBox/index.js +0 -272
- package/MultiBox/lang/en_US.d.ts +0 -4
- package/MultiBox/lang/index.d.ts +0 -9
- package/MultiBox/lang/zh_CN.d.ts +0 -4
- package/Notification/index.d.ts +0 -74
- package/Notification/index.js +0 -252
- package/OperateBtn/index.d.ts +0 -59
- package/OperateBtn/index.js +0 -237
- package/OperateBtn/lang/en_US.d.ts +0 -4
- package/OperateBtn/lang/index.d.ts +0 -9
- package/OperateBtn/lang/zh_CN.d.ts +0 -4
- package/PageHeader/horizontalMeun.d.ts +0 -9
- package/PageHeader/horizontalMeunRight.d.ts +0 -9
- package/PageHeader/index.d.ts +0 -10
- package/PageHeader/index.js +0 -1050
- package/PageHeader/interface.d.ts +0 -169
- package/Pagination/index.d.ts +0 -46
- package/Pagination/index.js +0 -461
- package/Pagination/lang/en_US.d.ts +0 -8
- package/Pagination/lang/index.d.ts +0 -17
- package/Pagination/lang/zh_CN.d.ts +0 -8
- package/ParauiProvider/index.d.ts +0 -8
- package/ParauiProvider/index.js +0 -52
- package/PasswordRules/index.d.ts +0 -46
- package/PasswordRules/index.js +0 -113
- package/PopConfirm/index.d.ts +0 -61
- package/PopConfirm/index.js +0 -194
- package/PopConfirm/lang/en_US.d.ts +0 -5
- package/PopConfirm/lang/index.d.ts +0 -11
- package/PopConfirm/lang/zh_CN.d.ts +0 -5
- package/Popover/index.d.ts +0 -16
- package/Popover/index.js +0 -59
- package/Progress/Line.d.ts +0 -47
- package/Progress/Steps.d.ts +0 -17
- package/Progress/index.d.ts +0 -83
- package/Progress/index.js +0 -323
- package/Progress/utils.d.ts +0 -6
- package/Querying/images/index.d.ts +0 -3
- package/Querying/index.d.ts +0 -26
- package/Querying/index.js +0 -760
- package/Querying/lang/en_US.d.ts +0 -4
- package/Querying/lang/index.d.ts +0 -9
- package/Querying/lang/zh_CN.d.ts +0 -4
- package/Radio/index.d.ts +0 -38
- package/Radio/index.js +0 -97
- package/RadioGroup/index.d.ts +0 -46
- package/RadioGroup/index.js +0 -134
- package/Search/index.d.ts +0 -57
- package/Search/index.js +0 -208
- package/Select/index.d.ts +0 -93
- package/Select/index.js +0 -1146
- package/Select/lang/en_US.d.ts +0 -5
- package/Select/lang/index.d.ts +0 -11
- package/Select/lang/zh_CN.d.ts +0 -5
- package/SelectInput/index.d.ts +0 -12
- package/SelectInput/index.js +0 -55
- package/Selector/index.d.ts +0 -11
- package/Selector/index.js +0 -2175
- package/Selector/interface.d.ts +0 -432
- package/Selector/lang/en_US.d.ts +0 -11
- package/Selector/lang/index.d.ts +0 -23
- package/Selector/lang/zh_CN.d.ts +0 -11
- package/Selector/selectorData/index.d.ts +0 -10
- package/Selector/selectorMain/index.d.ts +0 -10
- package/Selector/selectorNode/index.d.ts +0 -10
- package/Selector/util.d.ts +0 -15
- package/SelectorPicker/index.d.ts +0 -53
- package/SelectorPicker/index.js +0 -444
- package/SelectorPicker/lang/en_US.d.ts +0 -5
- package/SelectorPicker/lang/index.d.ts +0 -11
- package/SelectorPicker/lang/zh_CN.d.ts +0 -5
- package/SingleBox/index.d.ts +0 -44
- package/SingleBox/index.js +0 -224
- package/SingleBox/lang/en_US.d.ts +0 -4
- package/SingleBox/lang/index.d.ts +0 -9
- package/SingleBox/lang/zh_CN.d.ts +0 -4
- package/Slider/index.d.ts +0 -14
- package/Slider/index.js +0 -119
- package/Slider/interface.d.ts +0 -102
- package/Split/index.d.ts +0 -7
- package/Split/index.js +0 -123
- package/Status/index.d.ts +0 -21
- package/Status/index.js +0 -37
- package/Stepper/icons.d.ts +0 -5
- package/Stepper/index.d.ts +0 -59
- package/Stepper/index.js +0 -97
- package/Switch/index.d.ts +0 -78
- package/Switch/index.js +0 -71
- package/Table/index.d.ts +0 -10
- package/Table/index.js +0 -2999
- package/Table/interface.d.ts +0 -346
- package/Table/lang/en_US.d.ts +0 -8
- package/Table/lang/index.d.ts +0 -17
- package/Table/lang/zh_CN.d.ts +0 -8
- package/Table/tableBody.d.ts +0 -9
- package/Table/tableBodyElement/index.d.ts +0 -15
- package/Table/tableBodyInterface.d.ts +0 -73
- package/Table/tableContainer/index.d.ts +0 -16
- package/Table/tableElement/index.d.ts +0 -17
- package/Table/tableHead.d.ts +0 -9
- package/Table/tableHeadElement/index.d.ts +0 -15
- package/Table/tableHeadInterface.d.ts +0 -37
- package/Table/tablePagination.d.ts +0 -9
- package/Table/tablePaginationInterface.d.ts +0 -27
- package/Table/tdElement/index.d.ts +0 -15
- package/Table/thElement/index.d.ts +0 -28
- package/Table/trElement/index.d.ts +0 -15
- package/Table/util.d.ts +0 -34
- package/Tabs/index.d.ts +0 -69
- package/Tabs/index.js +0 -205
- package/Tabs/lang/en_US.d.ts +0 -4
- package/Tabs/lang/index.d.ts +0 -9
- package/Tabs/lang/zh_CN.d.ts +0 -4
- package/Tag/TagGroup.d.ts +0 -66
- package/Tag/index.d.ts +0 -34
- package/Tag/index.js +0 -259
- package/TextEditor/common.d.ts +0 -11
- package/TextEditor/index.d.ts +0 -127
- package/TextEditor/index.js +0 -286
- package/TextField/index.d.ts +0 -90
- package/TextField/index.js +0 -611
- package/TimePicker/index.d.ts +0 -22
- package/TimePicker/index.js +0 -80
- package/TimePicker/locale/en_US.d.ts +0 -3
- package/TimePicker/locale/zh_CN.d.ts +0 -3
- package/TimePicker/style/index.d.ts +0 -1
- package/Timeline/TimelineItem.d.ts +0 -30
- package/Timeline/index.d.ts +0 -32
- package/Timeline/index.js +0 -148
- package/Title/index.d.ts +0 -30
- package/Title/index.js +0 -50
- package/ToggleButton/ToggleButtonGroup.d.ts +0 -49
- package/ToggleButton/index.d.ts +0 -49
- package/ToggleButton/index.js +0 -193
- package/Tooltip/index.d.ts +0 -11
- package/Tooltip/index.js +0 -368
- package/Tooltip/interface.d.ts +0 -35
- package/Tooltip/utils.d.ts +0 -18
- package/Transfer/box.d.ts +0 -38
- package/Transfer/index.d.ts +0 -32
- package/Transfer/index.js +0 -611
- package/Transfer/lang/en_US.d.ts +0 -10
- package/Transfer/lang/index.d.ts +0 -21
- package/Transfer/lang/zh_CN.d.ts +0 -10
- package/Transfer/useClick.d.ts +0 -3
- package/Tree/OperateBar/index.d.ts +0 -13
- package/Tree/Tree.d.ts +0 -4
- package/Tree/index.d.ts +0 -5
- package/Tree/index.js +0 -38
- package/Tree/interface.d.ts +0 -210
- package/Tree/lang/en_US.d.ts +0 -8
- package/Tree/lang/index.d.ts +0 -17
- package/Tree/lang/zh_CN.d.ts +0 -8
- package/Tree/utils/closestPolyfill.d.ts +0 -0
- package/Tree/utils/tools.d.ts +0 -25
- package/Tree/utils/treeUtil.d.ts +0 -15
- package/Upload/Dragger/index.d.ts +0 -10
- package/Upload/ErroTip/index.d.ts +0 -13
- package/Upload/ImageUpload/index.d.ts +0 -16
- package/Upload/ImgCrop/EasyCrop.d.ts +0 -17
- package/Upload/ImgCrop/constants.d.ts +0 -7
- package/Upload/ImgCrop/index.d.ts +0 -6
- package/Upload/ImgCrop/interface.d.ts +0 -48
- package/Upload/UploadList/index.d.ts +0 -5
- package/Upload/index.d.ts +0 -15
- package/Upload/index.js +0 -1446
- package/Upload/interface.d.ts +0 -136
- package/Upload/lang/en_US.d.ts +0 -12
- package/Upload/lang/index.d.ts +0 -25
- package/Upload/lang/zh_CN.d.ts +0 -12
- package/_verture/constant-66aa48a1.js +0 -10
- package/_verture/defineProperty-62acccfc.js +0 -34
- package/_verture/index-74f820ba.js +0 -1355
- package/_verture/index-77f9e0fb.js +0 -236
- package/_verture/index-9fd86055.js +0 -711
- package/_verture/index-a369ca3f.js +0 -4
- package/_verture/index-beef914f.js +0 -340
- package/_verture/index-e2881a53.js +0 -16
- package/_verture/intl-5cbb940c.js +0 -57
- package/_verture/modalContext-92bb0e16.js +0 -201
- package/_verture/slicedToArray-76060636.js +0 -43
- package/_verture/sortable.esm-49896035.js +0 -3791
- package/_verture/style-inject.es-300983ab.js +0 -28
- package/_verture/toConsumableArray-81040c9e.js +0 -19
- package/_verture/tslib.es6-55ed4bd2.js +0 -38
- package/_verture/typeof-498dd2b1.js +0 -11
- package/_verture/unsupportedIterableToArray-cb478f24.js +0 -16
- package/_verture/useFormatMessage-703f8b20.js +0 -20
- package/_verture/useGlobalProps-1b846a65.js +0 -11
- package/_verture/usePopupContainer-87febeb9.js +0 -68
- package/_verture/util-7e1fb1e2.js +0 -18
- package/index.d.ts +0 -144
- package/index.js +0 -180
- package/umd/AutoBox.js +0 -43
- package/umd/AutoTips.js +0 -15
- package/umd/Breadcrumbs.js +0 -42
- package/umd/Button.js +0 -43
- package/umd/ButtonGroup.js +0 -43
- package/umd/Carousel.js +0 -6
- package/umd/Cascader.js +0 -43
- package/umd/Checkbox.js +0 -42
- package/umd/CheckboxGroup.js +0 -42
- package/umd/Collapse.js +0 -43
- package/umd/CollapseBox.js +0 -1
- package/umd/CollapseLayout.js +0 -29
- package/umd/ColorPicker.js +0 -1
- package/umd/ComboSelect.js +0 -42
- package/umd/Container.js +0 -1
- package/umd/DatePicker.js +0 -42
- package/umd/Desktop.js +0 -42
- package/umd/DragVerify.js +0 -28
- package/umd/Drawer.js +0 -43
- package/umd/Dropdown.js +0 -15
- package/umd/DynamicMultiBox.js +0 -54
- package/umd/Empty.js +0 -15
- package/umd/Form.js +0 -42
- package/umd/FormItem.js +0 -42
- package/umd/FunctionModal.js +0 -42
- package/umd/GlobalContext.js +0 -1
- package/umd/Help.js +0 -42
- package/umd/HelperText.js +0 -1
- package/umd/InputLang.js +0 -42
- package/umd/InputNumber.js +0 -42
- package/umd/Label.js +0 -42
- package/umd/Loading.js +0 -29
- package/umd/Menu.js +0 -29
- package/umd/Message.js +0 -30
- package/umd/Modal.js +0 -42
- package/umd/MultiBox.js +0 -42
- package/umd/Notification.js +0 -43
- package/umd/OperateBtn.js +0 -42
- package/umd/PageHeader.js +0 -42
- package/umd/Pagination.js +0 -42
- package/umd/ParauiProvider.js +0 -15
- package/umd/PasswordRules.js +0 -29
- package/umd/PopConfirm.js +0 -42
- package/umd/Popover.js +0 -15
- package/umd/Progress.js +0 -35
- package/umd/Querying.js +0 -15
- package/umd/Radio.js +0 -42
- package/umd/RadioGroup.js +0 -42
- package/umd/Search.js +0 -42
- package/umd/Select.js +0 -42
- package/umd/SelectInput.js +0 -42
- package/umd/Selector.js +0 -42
- package/umd/SelectorPicker.js +0 -42
- package/umd/SingleBox.js +0 -42
- package/umd/Slider.js +0 -15
- package/umd/Split.js +0 -1
- package/umd/Status.js +0 -1
- package/umd/Stepper.js +0 -42
- package/umd/Switch.js +0 -42
- package/umd/Table.js +0 -42
- package/umd/Tabs.js +0 -42
- package/umd/Tag.js +0 -43
- package/umd/TextEditor.js +0 -205
- package/umd/TextField.js +0 -42
- package/umd/TimePicker.js +0 -42
- package/umd/Timeline.js +0 -1
- package/umd/Title.js +0 -1
- package/umd/ToggleButton.js +0 -43
- package/umd/Tooltip.js +0 -15
- package/umd/Transfer.js +0 -49
- package/umd/Tree.js +0 -42
- package/umd/Upload.js +0 -56
|
@@ -1,169 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @author linhd
|
|
3
|
-
* @date 2021/8/10 14:24
|
|
4
|
-
* @description 菜单参数
|
|
5
|
-
*/
|
|
6
|
-
import React, { ReactNode } from 'react';
|
|
7
|
-
/** 菜单类型 */
|
|
8
|
-
export type MenuListTypeType = 'redirect' | 'router' | "iframe" | "snack" | "snackPage";
|
|
9
|
-
/** 菜单列表项参数 */
|
|
10
|
-
export interface MenuChildrenProps {
|
|
11
|
-
/** 样式class */
|
|
12
|
-
className?: string;
|
|
13
|
-
/** 菜单名 */
|
|
14
|
-
label?: ReactNode;
|
|
15
|
-
/** 菜单类型 */
|
|
16
|
-
type?: MenuListTypeType;
|
|
17
|
-
/** 菜单路径 */
|
|
18
|
-
path?: string;
|
|
19
|
-
/** href */
|
|
20
|
-
href?: string;
|
|
21
|
-
/** 菜单图标 */
|
|
22
|
-
icon?: ReactNode;
|
|
23
|
-
/** 菜单组件 */
|
|
24
|
-
component?: any;
|
|
25
|
-
/** 子菜单 */
|
|
26
|
-
children?: MenuChildrenProps[];
|
|
27
|
-
/** 菜单最后一层所有上下级 一条线 */
|
|
28
|
-
idMenuLast?: any;
|
|
29
|
-
/** 当前选中菜单 */
|
|
30
|
-
selectMenu?: string;
|
|
31
|
-
/** 点击菜单 */
|
|
32
|
-
onClickMenu?: (item: MenuChildrenProps | false) => void;
|
|
33
|
-
[name: string]: any;
|
|
34
|
-
}
|
|
35
|
-
/** 菜单列表参数 */
|
|
36
|
-
export interface MenuListProps {
|
|
37
|
-
/** 菜单列表参数 */
|
|
38
|
-
list?: MenuChildrenProps[];
|
|
39
|
-
/** 当前选中菜单 */
|
|
40
|
-
selectMenu?: string;
|
|
41
|
-
/** 点击菜单 */
|
|
42
|
-
onClickMenu?: (item: MenuChildrenProps | false) => void;
|
|
43
|
-
/** 样式class */
|
|
44
|
-
className?: string;
|
|
45
|
-
/** 自定义更多内容 */
|
|
46
|
-
moreCustomize?: ReactNode;
|
|
47
|
-
[name: string]: any;
|
|
48
|
-
}
|
|
49
|
-
/** 语言 */
|
|
50
|
-
export interface LanguageItemProps {
|
|
51
|
-
/** 图标 */
|
|
52
|
-
icon?: ReactNode;
|
|
53
|
-
/** 文字 */
|
|
54
|
-
label?: ReactNode;
|
|
55
|
-
/** 值 */
|
|
56
|
-
value?: string;
|
|
57
|
-
[name: string]: any;
|
|
58
|
-
}
|
|
59
|
-
/** 语言 */
|
|
60
|
-
export interface LanguageProps {
|
|
61
|
-
/** 样式class */
|
|
62
|
-
className?: string;
|
|
63
|
-
/** 当前选中的语言 */
|
|
64
|
-
selectLang?: string;
|
|
65
|
-
/** 语言列表 */
|
|
66
|
-
language?: LanguageItemProps[];
|
|
67
|
-
/** 点击下拉语言 */
|
|
68
|
-
onClick?: (val: any, item: LanguageItemProps) => void;
|
|
69
|
-
/** 自定义 */
|
|
70
|
-
render?: ReactNode;
|
|
71
|
-
}
|
|
72
|
-
export interface BackSelfcareProps {
|
|
73
|
-
/** 图标 */
|
|
74
|
-
icon?: ReactNode;
|
|
75
|
-
/** 标题 */
|
|
76
|
-
label?: ReactNode;
|
|
77
|
-
/** 自定义 */
|
|
78
|
-
render?: ReactNode;
|
|
79
|
-
/** 样式class */
|
|
80
|
-
className?: string;
|
|
81
|
-
/** 点击事件 */
|
|
82
|
-
onClick?: (e: any) => void;
|
|
83
|
-
}
|
|
84
|
-
/** 按钮listItem */
|
|
85
|
-
export interface BtnListItemProps {
|
|
86
|
-
/** 图标 */
|
|
87
|
-
icon?: ReactNode;
|
|
88
|
-
/** 标题 */
|
|
89
|
-
label?: ReactNode;
|
|
90
|
-
/** 值 */
|
|
91
|
-
value?: string;
|
|
92
|
-
/** 标记 */
|
|
93
|
-
sign?: boolean;
|
|
94
|
-
[name: string]: any;
|
|
95
|
-
}
|
|
96
|
-
/** 按钮列表 */
|
|
97
|
-
export interface BtnListProps {
|
|
98
|
-
/** 按钮list */
|
|
99
|
-
list?: BtnListItemProps[];
|
|
100
|
-
/** 自定义 */
|
|
101
|
-
render?: ReactNode;
|
|
102
|
-
/** 样式class */
|
|
103
|
-
className?: string;
|
|
104
|
-
/** 点击事件 */
|
|
105
|
-
onClick?: (item: BtnListItemProps, e: any) => void;
|
|
106
|
-
}
|
|
107
|
-
/** 用户下拉菜单 */
|
|
108
|
-
export interface UserListProps {
|
|
109
|
-
/** 图标 */
|
|
110
|
-
icon?: ReactNode;
|
|
111
|
-
/** 标题 */
|
|
112
|
-
label?: ReactNode;
|
|
113
|
-
/** 值 */
|
|
114
|
-
value?: string;
|
|
115
|
-
[name: string]: any;
|
|
116
|
-
}
|
|
117
|
-
/** 用户信息 */
|
|
118
|
-
export interface UserProps {
|
|
119
|
-
/** 样式class */
|
|
120
|
-
className?: string;
|
|
121
|
-
/** 图片地址 */
|
|
122
|
-
img?: string;
|
|
123
|
-
/** imgRender */
|
|
124
|
-
imgRender?: ReactNode;
|
|
125
|
-
/** 显示名 */
|
|
126
|
-
label?: ReactNode;
|
|
127
|
-
/** 自定义 */
|
|
128
|
-
render?: ReactNode;
|
|
129
|
-
/** 下拉菜单选中的值 */
|
|
130
|
-
selectValue?: any;
|
|
131
|
-
/** 下拉菜单 */
|
|
132
|
-
list?: UserListProps[];
|
|
133
|
-
/** 点击用户 */
|
|
134
|
-
onClick?: (e: any) => void;
|
|
135
|
-
/** 点击下拉菜单 */
|
|
136
|
-
onClickMenu?: (val: any, item: UserListProps) => void;
|
|
137
|
-
}
|
|
138
|
-
/** 尾部导航 */
|
|
139
|
-
export interface FooterProps {
|
|
140
|
-
/** 样式class */
|
|
141
|
-
className?: string;
|
|
142
|
-
/** 返回自助参数 */
|
|
143
|
-
backSelfcareProps?: BackSelfcareProps;
|
|
144
|
-
/** 语言参数 */
|
|
145
|
-
languageProps?: LanguageProps;
|
|
146
|
-
/** 按钮list */
|
|
147
|
-
btnListProps?: BtnListProps;
|
|
148
|
-
/** 用户参数 */
|
|
149
|
-
userProps?: UserProps;
|
|
150
|
-
/** 自定义 */
|
|
151
|
-
render?: ReactNode;
|
|
152
|
-
}
|
|
153
|
-
/** 菜单参数 */
|
|
154
|
-
export interface PageHeaderProps {
|
|
155
|
-
/** 样式class */
|
|
156
|
-
className?: string;
|
|
157
|
-
/** style */
|
|
158
|
-
style?: React.CSSProperties;
|
|
159
|
-
/** 当前选中菜单 */
|
|
160
|
-
selectMenu?: string;
|
|
161
|
-
/** 左侧自定义内容 */
|
|
162
|
-
leftRender?: ReactNode;
|
|
163
|
-
/** 菜单配置 */
|
|
164
|
-
menuListProps?: MenuListProps;
|
|
165
|
-
/** 右侧参数 */
|
|
166
|
-
footerProps?: FooterProps;
|
|
167
|
-
/** 点击菜单 */
|
|
168
|
-
onClickMenu?: (item: MenuChildrenProps | false) => void;
|
|
169
|
-
}
|
package/Pagination/index.d.ts
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @author linhd
|
|
3
|
-
* @date 2022/12/13 2:19 PM
|
|
4
|
-
* @description 分页组件
|
|
5
|
-
*/
|
|
6
|
-
import React, { FunctionComponent } from "react";
|
|
7
|
-
import './index.scss';
|
|
8
|
-
/**
|
|
9
|
-
* sizes: 总数
|
|
10
|
-
* currentPage:当前第...页
|
|
11
|
-
* pageRow:每页行数
|
|
12
|
-
* pager: 切换页数
|
|
13
|
-
* jumper: 跳转到
|
|
14
|
-
* */
|
|
15
|
-
export type PaginationLayout = 'sizes' | 'currentPage' | 'pageRow' | 'pager' | 'jumper';
|
|
16
|
-
export type PaginationFlippingArrow = 'first' | 'prev' | 'next' | 'last';
|
|
17
|
-
export interface PaginationProps {
|
|
18
|
-
/** class名称 */
|
|
19
|
-
className?: string;
|
|
20
|
-
/** style */
|
|
21
|
-
style?: React.CSSProperties;
|
|
22
|
-
/** 模式 */
|
|
23
|
-
type?: 'simple' | 'complex' | PaginationLayout[];
|
|
24
|
-
/** 方向键layout,默认全有 */
|
|
25
|
-
flippingArrow?: PaginationFlippingArrow[];
|
|
26
|
-
/** 自适应模式 只有type=complex生效,默认true */
|
|
27
|
-
autoType?: boolean;
|
|
28
|
-
/** 总数 */
|
|
29
|
-
total?: number;
|
|
30
|
-
/** 每页行数 */
|
|
31
|
-
rowsPerPage?: number[];
|
|
32
|
-
/** 当前选中每页行数 */
|
|
33
|
-
currentRowsPerPage?: number;
|
|
34
|
-
/** 当前页数 */
|
|
35
|
-
page?: number;
|
|
36
|
-
/** 跳转页数 */
|
|
37
|
-
skipFunc?: (num?: number, skipValue?: number) => void;
|
|
38
|
-
/** 下拉框弹窗内容 */
|
|
39
|
-
getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
|
|
40
|
-
/** 改变页数 */
|
|
41
|
-
changePage?: (num?: number) => void;
|
|
42
|
-
/** 改变每页行数 */
|
|
43
|
-
changeRowsPerPage?: (num: number) => void;
|
|
44
|
-
}
|
|
45
|
-
export declare const Pagination: FunctionComponent<PaginationProps>;
|
|
46
|
-
export default Pagination;
|
package/Pagination/index.js
DELETED
|
@@ -1,461 +0,0 @@
|
|
|
1
|
-
import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
|
|
2
|
-
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
3
|
-
import React__default, { useState, useRef, useEffect, useMemo } from 'react';
|
|
4
|
-
import GlobalContext from '@para-ui/core/GlobalContext';
|
|
5
|
-
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
6
|
-
import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-66aa48a1.js';
|
|
7
|
-
import { TextField } from '../TextField/index.js';
|
|
8
|
-
import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
|
|
9
|
-
import Select from '../Select/index.js';
|
|
10
|
-
import DoubleLeft from '@para-ui/icons/DoubleLeft';
|
|
11
|
-
import NavigateBefore from '@para-ui/icons/Left';
|
|
12
|
-
import PaginationCom from 'rc-pagination';
|
|
13
|
-
import Right from '@para-ui/icons/Right';
|
|
14
|
-
import DoubleRight from '@para-ui/icons/DoubleRight';
|
|
15
|
-
import '../_verture/unsupportedIterableToArray-cb478f24.js';
|
|
16
|
-
import '../_verture/typeof-498dd2b1.js';
|
|
17
|
-
import '../_verture/tslib.es6-55ed4bd2.js';
|
|
18
|
-
import '../Label/index.js';
|
|
19
|
-
import '../Help/index.js';
|
|
20
|
-
import '../Tooltip/index.js';
|
|
21
|
-
import 'rc-tooltip';
|
|
22
|
-
import 'rc-tooltip/lib/placements';
|
|
23
|
-
import 'clsx';
|
|
24
|
-
import '@para-ui/icons/Help';
|
|
25
|
-
import '@paraview/lib';
|
|
26
|
-
import '@para-ui/icons/PreviewClose';
|
|
27
|
-
import '@para-ui/icons/PreviewOpen';
|
|
28
|
-
import '@para-ui/icons/CloseCircle';
|
|
29
|
-
import '../AutoTips/index.js';
|
|
30
|
-
import '../Loading/index.js';
|
|
31
|
-
import '@para-ui/icons/LoadingF';
|
|
32
|
-
import '../HelperText/index.js';
|
|
33
|
-
import '../_verture/useGlobalProps-1b846a65.js';
|
|
34
|
-
import '../_verture/index-77f9e0fb.js';
|
|
35
|
-
import 'rc-dropdown';
|
|
36
|
-
import '../_verture/usePopupContainer-87febeb9.js';
|
|
37
|
-
import 'dayjs';
|
|
38
|
-
import '../_verture/defineProperty-62acccfc.js';
|
|
39
|
-
import '../_verture/toConsumableArray-81040c9e.js';
|
|
40
|
-
import '../Empty/index.js';
|
|
41
|
-
import '@para-ui/icons/Close';
|
|
42
|
-
import '@para-ui/icons/Down';
|
|
43
|
-
import '@para-ui/icons/Check';
|
|
44
|
-
import '@para-ui/icons/Search';
|
|
45
|
-
import '../Popover/index.js';
|
|
46
|
-
|
|
47
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/10/26 13:57\n* @description 分页样式\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-pagination {\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n color: rgba(46, 55, 67, 0.7);\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n opacity: 1;\n}\n.paraui-v3-pagination.paraui-v3-pagination-over {\n overflow: hidden;\n height: 32px;\n opacity: 0;\n transition: all 0.3s;\n}\n.paraui-v3-pagination.paraui-v3-pagination-no-left-arrow > .pagination-content {\n padding-left: 0;\n}\n.paraui-v3-pagination.paraui-v3-pagination-no-right-arrow > .pagination-content {\n padding-right: 0;\n}\n.paraui-v3-pagination > .pagination-space {\n margin-right: 24px;\n}\n.paraui-v3-pagination > .pagination-space:last-child {\n margin-right: 0;\n}\n.paraui-v3-pagination > .current-page > .current-page-num {\n color: rgb(46, 55, 67);\n margin-right: 4px;\n margin-left: 4px;\n}\n.paraui-v3-pagination > .current-page > .current-page-sign {\n margin-right: 3px;\n}\n.paraui-v3-pagination > .page-line-memo > span {\n display: inline-block;\n margin-right: 8px;\n vertical-align: middle;\n}\n.paraui-v3-pagination > .page-line-memo .page-line-select {\n min-width: 80px;\n width: inherit;\n vertical-align: middle;\n}\n.paraui-v3-pagination > .pagination-content {\n border: 1px solid rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n height: 32px;\n line-height: 30px;\n padding: 0 12px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-pagination > .pagination-content > .left-page, .paraui-v3-pagination > .pagination-content > .right-page {\n display: inline-block;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div, .paraui-v3-pagination > .pagination-content > .right-page > div {\n display: inline-block;\n line-height: 0;\n vertical-align: top;\n cursor: pointer;\n width: 20px;\n height: 20px;\n border-radius: 2px;\n margin-right: 8px;\n position: relative;\n top: 5px;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div.disabled-btn, .paraui-v3-pagination > .pagination-content > .right-page > div.disabled-btn {\n cursor: not-allowed;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div.disabled-btn > svg, .paraui-v3-pagination > .pagination-content > .right-page > div.disabled-btn > svg {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div.disabled-btn:hover, .paraui-v3-pagination > .pagination-content > .right-page > div.disabled-btn:hover {\n background-color: white;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div.disabled-btn:hover > svg, .paraui-v3-pagination > .pagination-content > .right-page > div.disabled-btn:hover > svg {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div:last-child, .paraui-v3-pagination > .pagination-content > .right-page > div:last-child {\n margin-right: 0;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div:hover, .paraui-v3-pagination > .pagination-content > .right-page > div:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div:hover > svg, .paraui-v3-pagination > .pagination-content > .right-page > div:hover > svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div > svg, .paraui-v3-pagination > .pagination-content > .right-page > div > svg {\n font-size: 16px;\n position: relative;\n top: 2px;\n left: 2px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-pagination > .pagination-content > .left-page {\n margin-right: 8px;\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination {\n height: 100%;\n display: inline-block;\n box-shadow: none;\n vertical-align: top;\n line-height: 30px;\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination > li {\n min-width: 20px;\n height: 20px;\n line-height: 20px;\n display: inline-block;\n text-align: center;\n cursor: pointer;\n border-radius: 2px;\n padding: 0 5px;\n margin: 0 3px;\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination > li:first-child, .paraui-v3-pagination > .pagination-content > .component-pagination > li:last-child, .paraui-v3-pagination > .pagination-content > .component-pagination > li.component-pagination-next {\n display: none;\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination > li:hover {\n background-color: rgba(171, 176, 185, 0.12);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination > li.component-pagination-item-active {\n background-color: rgba(171, 176, 185, 0.12);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-pagination > .pagination-content > .right-page {\n margin-left: 8px;\n}\n.paraui-v3-pagination > .skip-page-memo {\n display: flex;\n align-items: center;\n}\n.paraui-v3-pagination > .skip-page-memo > span {\n margin-right: 8px;\n}\n.paraui-v3-pagination > .skip-page-memo > .skip-page-text-field {\n width: 65px;\n}\n.paraui-v3-pagination > .skip-page-memo > .skip-page-text-field .right-icon {\n margin-right: 8px;\n}\n.paraui-v3-pagination > .skip-page-memo > .skip-page-text-field .text-field-content .text-field-content-within .text-field-content-within-input input {\n padding-left: 8px;\n padding-right: 4px;\n}\n.paraui-v3-pagination > .skip-page-memo > .skip-page-text-field .text-field-content .text-field-content-within .text-field-content-within-input .text-field-label-placeholder {\n padding: 0 8px;\n}";
|
|
48
|
-
styleInject(css_248z);
|
|
49
|
-
|
|
50
|
-
var en = {
|
|
51
|
-
total: 'Total {total}',
|
|
52
|
-
linePerPage: 'Lines per page',
|
|
53
|
-
currentPage: 'Current page {currentPage}',
|
|
54
|
-
jumpTo: 'Jump to',
|
|
55
|
-
page: 'page'
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
var zh = {
|
|
59
|
-
total: '共{total}条',
|
|
60
|
-
linePerPage: '每页行数',
|
|
61
|
-
currentPage: '当前第{currentPage}页',
|
|
62
|
-
jumpTo: '跳转到',
|
|
63
|
-
page: '页'
|
|
64
|
-
};
|
|
65
|
-
|
|
66
|
-
var localeJson = {
|
|
67
|
-
zh: zh,
|
|
68
|
-
en: en
|
|
69
|
-
};
|
|
70
|
-
|
|
71
|
-
var Pagination = function Pagination(props) {
|
|
72
|
-
var className = props.className,
|
|
73
|
-
style = props.style,
|
|
74
|
-
_props$type = props.type,
|
|
75
|
-
type = _props$type === void 0 ? 'simple' : _props$type,
|
|
76
|
-
_props$autoType = props.autoType,
|
|
77
|
-
autoType = _props$autoType === void 0 ? true : _props$autoType,
|
|
78
|
-
_props$total = props.total,
|
|
79
|
-
total = _props$total === void 0 ? 0 : _props$total,
|
|
80
|
-
_props$rowsPerPage = props.rowsPerPage,
|
|
81
|
-
rowsPerPage = _props$rowsPerPage === void 0 ? [10, 20, 30] : _props$rowsPerPage,
|
|
82
|
-
_props$flippingArrow = props.flippingArrow,
|
|
83
|
-
flippingArrow = _props$flippingArrow === void 0 ? ['first', 'prev', 'last', 'next'] : _props$flippingArrow,
|
|
84
|
-
_props$currentRowsPer = props.currentRowsPerPage,
|
|
85
|
-
currentRowsPerPage = _props$currentRowsPer === void 0 ? 10 : _props$currentRowsPer,
|
|
86
|
-
_props$page = props.page,
|
|
87
|
-
page = _props$page === void 0 ? 1 : _props$page,
|
|
88
|
-
skipFunc = props.skipFunc,
|
|
89
|
-
changePage = props.changePage,
|
|
90
|
-
changeRowsPerPage = props.changeRowsPerPage,
|
|
91
|
-
getPopupContainer = props.getPopupContainer;
|
|
92
|
-
var _React$useContext = React__default.useContext(GlobalContext),
|
|
93
|
-
language = _React$useContext.language,
|
|
94
|
-
locale = _React$useContext.locale;
|
|
95
|
-
var intl = useFormatMessage('Pagination', localeJson);
|
|
96
|
-
var _useState = useState(currentRowsPerPage),
|
|
97
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
98
|
-
currentRowsPerPageCom = _useState2[0],
|
|
99
|
-
setCurrentRowsPerPageCom = _useState2[1]; // 当前选中每页行数
|
|
100
|
-
var _useState3 = useState([]),
|
|
101
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
102
|
-
rowsPerPageCom = _useState4[0],
|
|
103
|
-
setRowsPerPageCom = _useState4[1]; // 每页显示的行数
|
|
104
|
-
var _useState5 = useState(page),
|
|
105
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
106
|
-
pageCom = _useState6[0],
|
|
107
|
-
setPageCom = _useState6[1]; // 当前页数
|
|
108
|
-
var _useState7 = useState(),
|
|
109
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
110
|
-
totalPage = _useState8[0],
|
|
111
|
-
setTotalPage = _useState8[1]; // 总页数
|
|
112
|
-
var _useState9 = useState(),
|
|
113
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
114
|
-
skipValue = _useState10[0],
|
|
115
|
-
setSkipValue = _useState10[1]; // 跳转页数
|
|
116
|
-
var _useState11 = useState(),
|
|
117
|
-
_useState12 = _slicedToArray(_useState11, 2),
|
|
118
|
-
typeCom = _useState12[0],
|
|
119
|
-
setTypeCom = _useState12[1]; // 组件类型
|
|
120
|
-
var refDom = useRef();
|
|
121
|
-
var constData = useRef({});
|
|
122
|
-
constData.current.type = type;
|
|
123
|
-
constData.current.autoType = autoType;
|
|
124
|
-
useEffect(function () {
|
|
125
|
-
return function () {
|
|
126
|
-
window.removeEventListener("resize", changeSize);
|
|
127
|
-
clearTimeout(constData.current.timer);
|
|
128
|
-
clearTimeout(constData.current.timerClass);
|
|
129
|
-
clearTimeout(constData.current.changePagination);
|
|
130
|
-
};
|
|
131
|
-
}, []);
|
|
132
|
-
useEffect(function () {
|
|
133
|
-
setTypeCom(type);
|
|
134
|
-
}, [type]);
|
|
135
|
-
useEffect(function () {
|
|
136
|
-
setPageCom(page);
|
|
137
|
-
}, [page]);
|
|
138
|
-
// 当前选中每页行数
|
|
139
|
-
useEffect(function () {
|
|
140
|
-
setCurrentRowsPerPageCom(currentRowsPerPage);
|
|
141
|
-
}, [currentRowsPerPage]);
|
|
142
|
-
// 下拉页数列表
|
|
143
|
-
useEffect(function () {
|
|
144
|
-
var arr = [];
|
|
145
|
-
for (var i = 0, l = rowsPerPage.length; i < l; i++) {
|
|
146
|
-
var item = rowsPerPage[i];
|
|
147
|
-
var arrItem = {
|
|
148
|
-
label: item.toString(),
|
|
149
|
-
value: item
|
|
150
|
-
};
|
|
151
|
-
arr.push(arrItem);
|
|
152
|
-
}
|
|
153
|
-
setRowsPerPageCom(arr);
|
|
154
|
-
}, [props.rowsPerPage]);
|
|
155
|
-
useEffect(function () {
|
|
156
|
-
var num = Number(totalPage);
|
|
157
|
-
if (pageCom > num && num !== pageCom) {
|
|
158
|
-
setPageCom(num);
|
|
159
|
-
}
|
|
160
|
-
}, [pageCom, totalPage]);
|
|
161
|
-
useEffect(function () {
|
|
162
|
-
var num = Math.ceil(total / currentRowsPerPageCom);
|
|
163
|
-
// props.page 防止外部传入自定义页面,设置无效(表格分页)
|
|
164
|
-
setTotalPage(num || props.page || 1);
|
|
165
|
-
}, [currentRowsPerPageCom, total]);
|
|
166
|
-
useEffect(function () {
|
|
167
|
-
if (type === 'complex' && autoType) {
|
|
168
|
-
changeSize();
|
|
169
|
-
// 复杂模式,且开启自适应模式
|
|
170
|
-
window.addEventListener("resize", changeSize);
|
|
171
|
-
} else {
|
|
172
|
-
window.removeEventListener("resize", changeSize);
|
|
173
|
-
setTypeCom(type);
|
|
174
|
-
}
|
|
175
|
-
}, [type, autoType]);
|
|
176
|
-
useEffect(function () {
|
|
177
|
-
if (constData.current.type === 'complex' && constData.current.autoType) {
|
|
178
|
-
changePagination();
|
|
179
|
-
}
|
|
180
|
-
}, [total, currentRowsPerPageCom, pageCom, language]);
|
|
181
|
-
/**
|
|
182
|
-
* 改变了分页数据,需要判断当前是否换行了
|
|
183
|
-
* */
|
|
184
|
-
var changePagination = function changePagination() {
|
|
185
|
-
clearTimeout(constData.current.changePagination);
|
|
186
|
-
constData.current.changePagination = setTimeout(function () {
|
|
187
|
-
var current = refDom.current;
|
|
188
|
-
var skipDom = current && current.querySelector('.skip-page-memo');
|
|
189
|
-
// 简单模式,不存在跳转
|
|
190
|
-
if (skipDom) {
|
|
191
|
-
// 复杂模式,换行了 -> 变成简单模式
|
|
192
|
-
if (current.offsetTop !== skipDom.offsetTop) {
|
|
193
|
-
setTypeCom('simple');
|
|
194
|
-
}
|
|
195
|
-
} else {
|
|
196
|
-
setTypeCom('complex');
|
|
197
|
-
// 简单模式 -> 复杂, 需要再次判断是否换行了
|
|
198
|
-
changePagination();
|
|
199
|
-
}
|
|
200
|
-
});
|
|
201
|
-
};
|
|
202
|
-
/** 改变屏幕大小 */
|
|
203
|
-
var changeSize = function changeSize() {
|
|
204
|
-
clearTimeout(constData.current.timer);
|
|
205
|
-
clearTimeout(constData.current.timerClass);
|
|
206
|
-
var current = refDom.current;
|
|
207
|
-
if (!current) return;
|
|
208
|
-
current.classList.add($prefixCls + '-pagination-over');
|
|
209
|
-
constData.current.timer = setTimeout(function () {
|
|
210
|
-
if (!current) return;
|
|
211
|
-
var skipDom = current.querySelector('.skip-page-memo');
|
|
212
|
-
// 简单模式,不存在跳转
|
|
213
|
-
if (skipDom) {
|
|
214
|
-
// 复杂模式,换行了 -> 变成简单模式
|
|
215
|
-
if (current.offsetTop !== skipDom.offsetTop) {
|
|
216
|
-
setTypeCom('simple');
|
|
217
|
-
}
|
|
218
|
-
} else {
|
|
219
|
-
setTypeCom('complex');
|
|
220
|
-
// 简单模式 -> 复杂, 需要再次判断是否换行了
|
|
221
|
-
changeSize();
|
|
222
|
-
}
|
|
223
|
-
constData.current.timerClass = setTimeout(function () {
|
|
224
|
-
current.classList.remove($prefixCls + '-pagination-over');
|
|
225
|
-
}, 200);
|
|
226
|
-
}, 200);
|
|
227
|
-
};
|
|
228
|
-
/**
|
|
229
|
-
* 是否存在当前类型
|
|
230
|
-
* */
|
|
231
|
-
var notLayout = function notLayout(layout) {
|
|
232
|
-
return constData.current.type instanceof Array && constData.current.type.indexOf(layout) === -1;
|
|
233
|
-
};
|
|
234
|
-
// 点击分页
|
|
235
|
-
var clickPage = function clickPage(type) {
|
|
236
|
-
return function (value) {
|
|
237
|
-
var num = pageCom;
|
|
238
|
-
switch (type) {
|
|
239
|
-
case "first":
|
|
240
|
-
if (pageCom === 1) return;
|
|
241
|
-
num = 1;
|
|
242
|
-
break;
|
|
243
|
-
case "prev":
|
|
244
|
-
if (pageCom === 1) return;
|
|
245
|
-
num--;
|
|
246
|
-
break;
|
|
247
|
-
case "last":
|
|
248
|
-
if (pageCom === totalPage) return;
|
|
249
|
-
num = totalPage;
|
|
250
|
-
break;
|
|
251
|
-
case "next":
|
|
252
|
-
if (pageCom === totalPage) return;
|
|
253
|
-
num++;
|
|
254
|
-
break;
|
|
255
|
-
case "pagination":
|
|
256
|
-
num = value;
|
|
257
|
-
break;
|
|
258
|
-
}
|
|
259
|
-
if (num !== undefined) setPageCom(num);
|
|
260
|
-
changePage && changePage(num);
|
|
261
|
-
};
|
|
262
|
-
};
|
|
263
|
-
// 点击每页行数下拉
|
|
264
|
-
var clickRowsPerPage = function clickRowsPerPage(num) {
|
|
265
|
-
if (num === currentRowsPerPageCom) return;
|
|
266
|
-
setCurrentRowsPerPageCom(num);
|
|
267
|
-
if (changeRowsPerPage) changeRowsPerPage(num);
|
|
268
|
-
};
|
|
269
|
-
// 鼠标按下
|
|
270
|
-
var keyPress = function keyPress(event) {
|
|
271
|
-
var arr = ['E', 'e', '.', '-'];
|
|
272
|
-
if (arr.indexOf(event.key) !== -1) {
|
|
273
|
-
event.preventDefault();
|
|
274
|
-
}
|
|
275
|
-
};
|
|
276
|
-
// 回车事件
|
|
277
|
-
var keyUp = function keyUp(event) {
|
|
278
|
-
if (event.keyCode === 13) {
|
|
279
|
-
var num = parseInt(skipValue && skipValue.toString() || '0');
|
|
280
|
-
if (num <= 0) {
|
|
281
|
-
num = 1;
|
|
282
|
-
setSkipValue(num);
|
|
283
|
-
}
|
|
284
|
-
if (num > Number(totalPage)) {
|
|
285
|
-
num = Number(totalPage);
|
|
286
|
-
setSkipValue(num);
|
|
287
|
-
}
|
|
288
|
-
// 回车事件
|
|
289
|
-
if (skipFunc) skipFunc(num, skipValue);
|
|
290
|
-
setPageCom(num);
|
|
291
|
-
changePage && changePage(num);
|
|
292
|
-
}
|
|
293
|
-
};
|
|
294
|
-
// 改变输入框
|
|
295
|
-
var changeSkipValue = function changeSkipValue(event) {
|
|
296
|
-
setSkipValue(event.target.value);
|
|
297
|
-
};
|
|
298
|
-
/* 总数量 */
|
|
299
|
-
var TotalMemo = useMemo(function () {
|
|
300
|
-
if (typeCom === 'simple' || notLayout('sizes')) {
|
|
301
|
-
return null;
|
|
302
|
-
}
|
|
303
|
-
// 共{total}条
|
|
304
|
-
return jsx("div", Object.assign({
|
|
305
|
-
className: "total-num pagination-space"
|
|
306
|
-
}, {
|
|
307
|
-
children: intl({
|
|
308
|
-
id: 'total'
|
|
309
|
-
}, {
|
|
310
|
-
total: total
|
|
311
|
-
})
|
|
312
|
-
}));
|
|
313
|
-
}, [total, language, locale, typeCom]);
|
|
314
|
-
/* 每页行数 */
|
|
315
|
-
var PageLineMemo = useMemo(function () {
|
|
316
|
-
if (notLayout('pageRow')) {
|
|
317
|
-
return null;
|
|
318
|
-
}
|
|
319
|
-
return jsxs("div", Object.assign({
|
|
320
|
-
className: "page-line-memo pagination-space"
|
|
321
|
-
}, {
|
|
322
|
-
children: [jsx("span", {
|
|
323
|
-
children: intl({
|
|
324
|
-
id: 'linePerPage'
|
|
325
|
-
})
|
|
326
|
-
}), jsx(Select, {
|
|
327
|
-
className: 'page-line-select',
|
|
328
|
-
size: "medium",
|
|
329
|
-
value: currentRowsPerPageCom,
|
|
330
|
-
list: rowsPerPageCom,
|
|
331
|
-
hideErrorDom: true,
|
|
332
|
-
onChange: clickRowsPerPage,
|
|
333
|
-
allowClear: false,
|
|
334
|
-
getPopupContainer: getPopupContainer
|
|
335
|
-
})]
|
|
336
|
-
}));
|
|
337
|
-
}, [rowsPerPageCom, currentRowsPerPageCom, getPopupContainer, language, locale, typeCom]);
|
|
338
|
-
/* 当前页面 */
|
|
339
|
-
var CurrentPageMemo = useMemo(function () {
|
|
340
|
-
if (notLayout('currentPage')) {
|
|
341
|
-
return null;
|
|
342
|
-
}
|
|
343
|
-
var html = jsxs(Fragment, {
|
|
344
|
-
children: [jsx("span", Object.assign({
|
|
345
|
-
className: "current-page-num"
|
|
346
|
-
}, {
|
|
347
|
-
children: pageCom
|
|
348
|
-
})), jsx("span", Object.assign({
|
|
349
|
-
className: "current-page-sign"
|
|
350
|
-
}, {
|
|
351
|
-
children: "/"
|
|
352
|
-
})), jsx("span", Object.assign({
|
|
353
|
-
className: "current-page-last"
|
|
354
|
-
}, {
|
|
355
|
-
children: totalPage
|
|
356
|
-
}))]
|
|
357
|
-
});
|
|
358
|
-
return jsx("div", Object.assign({
|
|
359
|
-
className: "current-page pagination-space"
|
|
360
|
-
}, {
|
|
361
|
-
children: intl({
|
|
362
|
-
id: 'currentPage'
|
|
363
|
-
}, {
|
|
364
|
-
currentPage: html
|
|
365
|
-
})
|
|
366
|
-
}));
|
|
367
|
-
}, [pageCom, totalPage, language, locale, typeCom]);
|
|
368
|
-
/* 页码 */
|
|
369
|
-
var PaginationMemo = useMemo(function () {
|
|
370
|
-
if (notLayout('pager')) {
|
|
371
|
-
return null;
|
|
372
|
-
}
|
|
373
|
-
var bol = constData.current.type instanceof Array && constData.current.type.indexOf('pager') !== -1;
|
|
374
|
-
return jsxs("div", Object.assign({
|
|
375
|
-
className: "pagination-content pagination-space"
|
|
376
|
-
}, {
|
|
377
|
-
children: [jsxs("div", Object.assign({
|
|
378
|
-
className: "left-page"
|
|
379
|
-
}, {
|
|
380
|
-
children: [flippingArrow.indexOf('first') !== -1 && jsx("div", Object.assign({
|
|
381
|
-
onClick: clickPage('first'),
|
|
382
|
-
className: pageCom === 1 ? 'disabled-btn' : ''
|
|
383
|
-
}, {
|
|
384
|
-
children: jsx(DoubleLeft, {})
|
|
385
|
-
})), flippingArrow.indexOf('prev') !== -1 && jsx("div", Object.assign({
|
|
386
|
-
onClick: clickPage('prev'),
|
|
387
|
-
className: pageCom === 1 ? 'disabled-btn' : ''
|
|
388
|
-
}, {
|
|
389
|
-
children: jsx(NavigateBefore, {})
|
|
390
|
-
}))]
|
|
391
|
-
})), (typeCom === 'complex' || bol) && jsx(PaginationCom, {
|
|
392
|
-
prefixCls: $rcPrefixCls + '-pagination',
|
|
393
|
-
current: pageCom,
|
|
394
|
-
pageSize: currentRowsPerPageCom,
|
|
395
|
-
total: total,
|
|
396
|
-
jumpPrevIcon: '...',
|
|
397
|
-
jumpNextIcon: '...',
|
|
398
|
-
onChange: clickPage('pagination'),
|
|
399
|
-
showTitle: false
|
|
400
|
-
}), jsxs("div", Object.assign({
|
|
401
|
-
className: "right-page"
|
|
402
|
-
}, {
|
|
403
|
-
children: [flippingArrow.indexOf('next') !== -1 && jsx("div", Object.assign({
|
|
404
|
-
onClick: clickPage('next'),
|
|
405
|
-
className: pageCom === totalPage ? 'disabled-btn' : ''
|
|
406
|
-
}, {
|
|
407
|
-
children: jsx(Right, {})
|
|
408
|
-
})), flippingArrow.indexOf('last') !== -1 && jsx("div", Object.assign({
|
|
409
|
-
onClick: clickPage('last'),
|
|
410
|
-
className: pageCom === totalPage ? 'disabled-btn' : ''
|
|
411
|
-
}, {
|
|
412
|
-
children: jsx(DoubleRight, {})
|
|
413
|
-
}))]
|
|
414
|
-
}))]
|
|
415
|
-
}));
|
|
416
|
-
}, [total, pageCom, totalPage, currentRowsPerPageCom, typeCom, props.flippingArrow]);
|
|
417
|
-
/* 跳转页数 */
|
|
418
|
-
var SkipPageMemo = useMemo(function () {
|
|
419
|
-
if (typeCom === 'simple' || notLayout('jumper')) {
|
|
420
|
-
return null;
|
|
421
|
-
}
|
|
422
|
-
return jsxs("div", Object.assign({
|
|
423
|
-
className: "skip-page-memo pagination-space"
|
|
424
|
-
}, {
|
|
425
|
-
children: [jsx("span", {
|
|
426
|
-
children: intl({
|
|
427
|
-
id: 'jumpTo'
|
|
428
|
-
})
|
|
429
|
-
}), jsx(TextField, {
|
|
430
|
-
className: 'skip-page-text-field',
|
|
431
|
-
size: "medium",
|
|
432
|
-
type: "number",
|
|
433
|
-
value: skipValue || '',
|
|
434
|
-
onChange: changeSkipValue,
|
|
435
|
-
rightIcon: intl({
|
|
436
|
-
id: 'page'
|
|
437
|
-
}),
|
|
438
|
-
hideErrorDom: true,
|
|
439
|
-
onKeyDown: keyPress,
|
|
440
|
-
onKeyUp: keyUp
|
|
441
|
-
})]
|
|
442
|
-
}));
|
|
443
|
-
}, [skipValue, totalPage, language, locale, typeCom]);
|
|
444
|
-
// 处理class
|
|
445
|
-
var handClass = function handClass() {
|
|
446
|
-
var str = $prefixCls + '-pagination';
|
|
447
|
-
if (flippingArrow.indexOf('first') === -1 && flippingArrow.indexOf('prev') === -1) str += ' ' + $prefixCls + '-pagination-no-left-arrow';
|
|
448
|
-
if (flippingArrow.indexOf('next') === -1 && flippingArrow.indexOf('last') === -1) str += ' ' + $prefixCls + '-pagination-no-right-arrow';
|
|
449
|
-
if (className) str += ' ' + className;
|
|
450
|
-
return str;
|
|
451
|
-
};
|
|
452
|
-
return jsxs("div", Object.assign({
|
|
453
|
-
className: handClass(),
|
|
454
|
-
style: style,
|
|
455
|
-
ref: refDom
|
|
456
|
-
}, {
|
|
457
|
-
children: [TotalMemo, CurrentPageMemo, PageLineMemo, PaginationMemo, SkipPageMemo]
|
|
458
|
-
}));
|
|
459
|
-
};
|
|
460
|
-
|
|
461
|
-
export { Pagination, Pagination as default };
|