@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
package/AutoTips/index.js
DELETED
|
@@ -1,271 +0,0 @@
|
|
|
1
|
-
import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
|
|
2
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import { useRef, useState, useEffect, useMemo } from 'react';
|
|
4
|
-
import { Tooltip } from '../Tooltip/index.js';
|
|
5
|
-
import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
|
|
6
|
-
import { isIE } from '@paraview/lib';
|
|
7
|
-
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
8
|
-
import '../_verture/unsupportedIterableToArray-cb478f24.js';
|
|
9
|
-
import '../_verture/tslib.es6-55ed4bd2.js';
|
|
10
|
-
import 'rc-tooltip';
|
|
11
|
-
import 'rc-tooltip/lib/placements';
|
|
12
|
-
import 'clsx';
|
|
13
|
-
|
|
14
|
-
var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-auto-tips-multiline {\n max-width: 100%;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v3-auto-tips-multiline > .auto-tips-multiline-content-box {\n position: relative;\n}\n.paraui-v3-auto-tips-multiline > .auto-tips-multiline-content-box > .auto-tips-multiline-content > .last-line {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.paraui-v3-auto-tips-multiline > .auto-tips-multiline-content-box > .hidden {\n opacity: 0;\n visibility: hidden;\n position: absolute;\n bottom: 0;\n left: 0;\n z-index: -100000;\n}\n.paraui-v3-auto-tips-multiline.paraui-v3-auto-tips-multiline-safari > .auto-tips-multiline-content-box > .auto-tips-multiline-content > .last-line::before {\n content: \"\";\n display: block;\n}\n\n.paraui-v3-auto-tips-multiline-tooltip .component-tooltip-inner {\n max-height: calc(100vh - 25px);\n overflow: auto;\n}";
|
|
15
|
-
styleInject(css_248z$1);
|
|
16
|
-
|
|
17
|
-
var AutoTipsMultiline = function AutoTipsMultiline(props) {
|
|
18
|
-
var children = props.children,
|
|
19
|
-
_props$arrow = props.arrow,
|
|
20
|
-
arrow = _props$arrow === void 0 ? false : _props$arrow,
|
|
21
|
-
_props$placement = props.placement,
|
|
22
|
-
placement = _props$placement === void 0 ? "bottom-start" : _props$placement,
|
|
23
|
-
_props$tips = props.tips,
|
|
24
|
-
tips = _props$tips === void 0 ? '' : _props$tips,
|
|
25
|
-
_props$className = props.className,
|
|
26
|
-
className = _props$className === void 0 ? '' : _props$className,
|
|
27
|
-
_props$interactive = props.interactive,
|
|
28
|
-
interactive = _props$interactive === void 0 ? true : _props$interactive,
|
|
29
|
-
tipMaxWidth = props.tipMaxWidth,
|
|
30
|
-
_props$line = props.line,
|
|
31
|
-
line = _props$line === void 0 ? 2 : _props$line,
|
|
32
|
-
refresh = props.refresh,
|
|
33
|
-
style = props.style;
|
|
34
|
-
var boxRef = useRef(null);
|
|
35
|
-
var singleWordRefs = useRef([]);
|
|
36
|
-
var _useState = useState(),
|
|
37
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
38
|
-
lineClamp = _useState2[0],
|
|
39
|
-
setLineClamp = _useState2[1];
|
|
40
|
-
var constData = useRef({
|
|
41
|
-
line: line,
|
|
42
|
-
tips: tips
|
|
43
|
-
});
|
|
44
|
-
constData.current.line = line;
|
|
45
|
-
constData.current.tips = tips;
|
|
46
|
-
var _useState3 = useState(''),
|
|
47
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
48
|
-
tTips = _useState4[0],
|
|
49
|
-
setTTips = _useState4[1];
|
|
50
|
-
useEffect(function () {
|
|
51
|
-
window.addEventListener('resize', calcLine);
|
|
52
|
-
return function () {
|
|
53
|
-
window.removeEventListener('resize', calcLine);
|
|
54
|
-
};
|
|
55
|
-
}, []);
|
|
56
|
-
useEffect(function () {
|
|
57
|
-
calcLine();
|
|
58
|
-
}, [children, refresh]);
|
|
59
|
-
// 计算行数
|
|
60
|
-
var calcLine = function calcLine() {
|
|
61
|
-
var _a;
|
|
62
|
-
if (!children) return;
|
|
63
|
-
var lineArr = [];
|
|
64
|
-
var showTooltip = false;
|
|
65
|
-
var boxRefWidth = ((_a = boxRef === null || boxRef === void 0 ? void 0 : boxRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0;
|
|
66
|
-
var addWidth = 0;
|
|
67
|
-
var linePos = 0;
|
|
68
|
-
for (var i = 0; i < singleWordRefs.current.length; i++) {
|
|
69
|
-
var dom = singleWordRefs.current[i];
|
|
70
|
-
var offsetWidth = dom.offsetWidth;
|
|
71
|
-
addWidth += offsetWidth;
|
|
72
|
-
// 累计宽度超出了一行宽度
|
|
73
|
-
if (addWidth > boxRefWidth) {
|
|
74
|
-
if (lineArr.length < constData.current.line - 1) {
|
|
75
|
-
lineArr.push(children.slice(linePos, i));
|
|
76
|
-
linePos = i;
|
|
77
|
-
addWidth = offsetWidth; // 重置宽度
|
|
78
|
-
} else {
|
|
79
|
-
// 超出
|
|
80
|
-
showTooltip = true;
|
|
81
|
-
setTTips(constData.current.tips || children);
|
|
82
|
-
lineArr.push(children.slice(linePos, children.length));
|
|
83
|
-
break;
|
|
84
|
-
}
|
|
85
|
-
} else {
|
|
86
|
-
// 未超过且是最后一个字符
|
|
87
|
-
if (i === singleWordRefs.current.length - 1) {
|
|
88
|
-
lineArr.push(children.slice(linePos, children.length));
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
setLineClamp({
|
|
93
|
-
lineArr: lineArr,
|
|
94
|
-
showTooltip: showTooltip
|
|
95
|
-
});
|
|
96
|
-
};
|
|
97
|
-
/**
|
|
98
|
-
* 描述文字span包裹
|
|
99
|
-
*/
|
|
100
|
-
var descriptionRender = useMemo(function () {
|
|
101
|
-
singleWordRefs.current = [];
|
|
102
|
-
return jsx("div", Object.assign({
|
|
103
|
-
className: 'hidden'
|
|
104
|
-
}, {
|
|
105
|
-
children: children === null || children === void 0 ? void 0 : children.split('').map(function (word, wIdx) {
|
|
106
|
-
return jsx("span", Object.assign({
|
|
107
|
-
ref: function ref(dom) {
|
|
108
|
-
return dom && singleWordRefs.current.push(dom);
|
|
109
|
-
}
|
|
110
|
-
}, {
|
|
111
|
-
children: word
|
|
112
|
-
}), wIdx);
|
|
113
|
-
})
|
|
114
|
-
}));
|
|
115
|
-
}, [children]);
|
|
116
|
-
// 判断浏览器是否是safari
|
|
117
|
-
var isSafari = function isSafari() {
|
|
118
|
-
var userAgent = navigator.userAgent;
|
|
119
|
-
if (userAgent.indexOf("Safari") > -1) {
|
|
120
|
-
return true;
|
|
121
|
-
}
|
|
122
|
-
};
|
|
123
|
-
// 处理最大宽度
|
|
124
|
-
var handMaxWidth = function handMaxWidth() {
|
|
125
|
-
if (tipMaxWidth) return tipMaxWidth;
|
|
126
|
-
return boxRef && boxRef.current ? boxRef.current.offsetWidth : 0;
|
|
127
|
-
};
|
|
128
|
-
// 处理class
|
|
129
|
-
var handClass = function handClass() {
|
|
130
|
-
var str = $prefixCls + '-auto-tips-multiline';
|
|
131
|
-
if (isSafari()) str += ' ' + $prefixCls + '-auto-tips-multiline-safari';
|
|
132
|
-
if (className) str += ' ' + className;
|
|
133
|
-
return str;
|
|
134
|
-
};
|
|
135
|
-
return jsx("div", Object.assign({
|
|
136
|
-
ref: boxRef,
|
|
137
|
-
className: handClass(),
|
|
138
|
-
style: style
|
|
139
|
-
}, {
|
|
140
|
-
children: jsx(Tooltip, Object.assign({
|
|
141
|
-
arrow: arrow,
|
|
142
|
-
title: tTips,
|
|
143
|
-
placement: placement,
|
|
144
|
-
interactive: interactive,
|
|
145
|
-
boundariesElement: 'viewport',
|
|
146
|
-
overlayClassName: $prefixCls + '-auto-tips-multiline-tooltip',
|
|
147
|
-
maxWidth: handMaxWidth()
|
|
148
|
-
}, {
|
|
149
|
-
children: jsxs("div", Object.assign({
|
|
150
|
-
className: "auto-tips-multiline-content-box"
|
|
151
|
-
}, {
|
|
152
|
-
children: [jsx("div", Object.assign({
|
|
153
|
-
className: 'auto-tips-multiline-content'
|
|
154
|
-
}, {
|
|
155
|
-
children: lineClamp === null || lineClamp === void 0 ? void 0 : lineClamp.lineArr.map(function (line, lIdx) {
|
|
156
|
-
var str = 'line-text';
|
|
157
|
-
if (lIdx === lineClamp.lineArr.length - 1) str += ' last-line';
|
|
158
|
-
return jsx("div", Object.assign({
|
|
159
|
-
className: str
|
|
160
|
-
}, {
|
|
161
|
-
children: line
|
|
162
|
-
}), lIdx);
|
|
163
|
-
})
|
|
164
|
-
})), descriptionRender]
|
|
165
|
-
}))
|
|
166
|
-
}))
|
|
167
|
-
}));
|
|
168
|
-
};
|
|
169
|
-
|
|
170
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-auto-tips {\n max-width: 100%;\n display: block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v3-auto-tips > .auto-tips-content {\n display: inline;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v3-auto-tips.paraui-v3-auto-tips-safari > .auto-tips-content::before {\n content: \"\";\n display: block;\n}\n\n.paraui-v3-auto-tips-tooltip .component-tooltip-inner {\n max-height: calc(100vh - 25px);\n overflow: auto;\n}";
|
|
171
|
-
styleInject(css_248z);
|
|
172
|
-
|
|
173
|
-
var AutoTips = function AutoTips(props) {
|
|
174
|
-
var children = props.children,
|
|
175
|
-
_props$arrow = props.arrow,
|
|
176
|
-
arrow = _props$arrow === void 0 ? false : _props$arrow,
|
|
177
|
-
_props$placement = props.placement,
|
|
178
|
-
placement = _props$placement === void 0 ? "bottom-start" : _props$placement,
|
|
179
|
-
_props$tips = props.tips,
|
|
180
|
-
tips = _props$tips === void 0 ? '' : _props$tips,
|
|
181
|
-
_props$className = props.className,
|
|
182
|
-
className = _props$className === void 0 ? '' : _props$className,
|
|
183
|
-
_props$beyondText = props.beyondText,
|
|
184
|
-
beyondText = _props$beyondText === void 0 ? true : _props$beyondText,
|
|
185
|
-
_props$interactive = props.interactive,
|
|
186
|
-
interactive = _props$interactive === void 0 ? true : _props$interactive,
|
|
187
|
-
tipMaxWidth = props.tipMaxWidth,
|
|
188
|
-
style = props.style;
|
|
189
|
-
var tipsElm = useRef();
|
|
190
|
-
var textElm = useRef();
|
|
191
|
-
var _useState = useState(''),
|
|
192
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
193
|
-
tTips = _useState2[0],
|
|
194
|
-
setTTips = _useState2[1];
|
|
195
|
-
useEffect(function () {
|
|
196
|
-
setTTips(tips);
|
|
197
|
-
}, [tips]);
|
|
198
|
-
// 鼠标移入事件
|
|
199
|
-
var mouseHover = function mouseHover() {
|
|
200
|
-
var val = '';
|
|
201
|
-
var tipsEle = tipsElm.current;
|
|
202
|
-
var tipsEleRect = tipsEle.getBoundingClientRect();
|
|
203
|
-
var textEleRect = textElm.current.getBoundingClientRect();
|
|
204
|
-
if (tipsElm.current) {
|
|
205
|
-
if (isIE()) {
|
|
206
|
-
if (tipsEleRect.width > textEleRect.width) {
|
|
207
|
-
if (tips) {
|
|
208
|
-
val = tips;
|
|
209
|
-
} else {
|
|
210
|
-
val = beyondText ? tipsEle.innerText : children;
|
|
211
|
-
}
|
|
212
|
-
}
|
|
213
|
-
} else {
|
|
214
|
-
// mac:safari,firefox,chrome
|
|
215
|
-
// windows: firefox,chrome
|
|
216
|
-
if (textEleRect.width > tipsEleRect.width) {
|
|
217
|
-
if (tips) {
|
|
218
|
-
val = tips;
|
|
219
|
-
} else {
|
|
220
|
-
val = beyondText ? tipsEle.innerText : children;
|
|
221
|
-
}
|
|
222
|
-
}
|
|
223
|
-
}
|
|
224
|
-
}
|
|
225
|
-
setTTips(val);
|
|
226
|
-
};
|
|
227
|
-
// 处理最大宽度
|
|
228
|
-
var handMaxWidth = function handMaxWidth() {
|
|
229
|
-
if (tipMaxWidth) return tipMaxWidth;
|
|
230
|
-
return tipsElm && tipsElm.current ? tipsElm.current.offsetWidth : 0;
|
|
231
|
-
};
|
|
232
|
-
// 判断浏览器是否是safari
|
|
233
|
-
var isSafari = function isSafari() {
|
|
234
|
-
var userAgent = navigator.userAgent;
|
|
235
|
-
if (userAgent.indexOf("Safari") > -1) {
|
|
236
|
-
return true;
|
|
237
|
-
}
|
|
238
|
-
};
|
|
239
|
-
// 处理class
|
|
240
|
-
var handClass = function handClass() {
|
|
241
|
-
var str = $prefixCls + '-auto-tips';
|
|
242
|
-
if (isSafari()) str += ' ' + $prefixCls + '-auto-tips-safari';
|
|
243
|
-
if (className) str += ' ' + className;
|
|
244
|
-
return str;
|
|
245
|
-
};
|
|
246
|
-
return jsx("div", Object.assign({
|
|
247
|
-
ref: tipsElm,
|
|
248
|
-
className: handClass(),
|
|
249
|
-
onMouseOver: mouseHover,
|
|
250
|
-
style: style
|
|
251
|
-
}, {
|
|
252
|
-
children: jsx(Tooltip, Object.assign({
|
|
253
|
-
arrow: arrow,
|
|
254
|
-
title: tTips,
|
|
255
|
-
placement: placement,
|
|
256
|
-
interactive: interactive,
|
|
257
|
-
boundariesElement: 'viewport',
|
|
258
|
-
overlayClassName: $prefixCls + '-auto-tips-tooltip',
|
|
259
|
-
maxWidth: handMaxWidth()
|
|
260
|
-
}, {
|
|
261
|
-
children: jsx("div", Object.assign({
|
|
262
|
-
className: "auto-tips-content",
|
|
263
|
-
ref: textElm
|
|
264
|
-
}, {
|
|
265
|
-
children: children
|
|
266
|
-
}))
|
|
267
|
-
}))
|
|
268
|
-
}));
|
|
269
|
-
};
|
|
270
|
-
|
|
271
|
-
export { AutoTipsMultiline, AutoTips as default };
|
package/Breadcrumbs/index.d.ts
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @author linhd
|
|
3
|
-
* @date 2021/8/3 10:59
|
|
4
|
-
* @description 面包屑
|
|
5
|
-
*/
|
|
6
|
-
import React, { FunctionComponent, ReactNode } from 'react';
|
|
7
|
-
import './index.scss';
|
|
8
|
-
export interface listOptions {
|
|
9
|
-
/** 每一项显示名 */
|
|
10
|
-
label: ReactNode;
|
|
11
|
-
/** 每一项最大宽度 */
|
|
12
|
-
maxWidth?: string;
|
|
13
|
-
/** 是否可点击 */
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
[name: string]: any;
|
|
16
|
-
}
|
|
17
|
-
export interface BreadcrumbsProps {
|
|
18
|
-
/** 样式class */
|
|
19
|
-
className?: string;
|
|
20
|
-
/** style */
|
|
21
|
-
style?: React.CSSProperties;
|
|
22
|
-
/** 每一项最大宽度 */
|
|
23
|
-
maxWidth?: string;
|
|
24
|
-
/** 初始化数据 */
|
|
25
|
-
list: listOptions[];
|
|
26
|
-
/** 中间符号 */
|
|
27
|
-
separator?: string;
|
|
28
|
-
/** 弹出框样式class */
|
|
29
|
-
popoverClassName?: string;
|
|
30
|
-
/** 是否收缩 */
|
|
31
|
-
isShrink?: boolean;
|
|
32
|
-
/** 最后最少显示数 */
|
|
33
|
-
minNum?: number;
|
|
34
|
-
/** 是否显示返回 */
|
|
35
|
-
isBack?: boolean;
|
|
36
|
-
/** 自定义返回内容 */
|
|
37
|
-
backRender?: ReactNode;
|
|
38
|
-
/** 弹窗方式 */
|
|
39
|
-
trigger?: 'hover' | 'click';
|
|
40
|
-
/** 弹窗方向 */
|
|
41
|
-
placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
|
|
42
|
-
/**
|
|
43
|
-
* 点击菜单
|
|
44
|
-
* @param ops 当前点击菜单数据
|
|
45
|
-
*/
|
|
46
|
-
onClickItem?: (ops: listOptions) => void;
|
|
47
|
-
/**
|
|
48
|
-
* 点击返回
|
|
49
|
-
* */
|
|
50
|
-
onBack?: () => void;
|
|
51
|
-
}
|
|
52
|
-
export declare const Breadcrumbs: FunctionComponent<BreadcrumbsProps>;
|
|
53
|
-
export default Breadcrumbs;
|
package/Breadcrumbs/index.js
DELETED
|
@@ -1,266 +0,0 @@
|
|
|
1
|
-
import { _ as _toConsumableArray } from '../_verture/toConsumableArray-81040c9e.js';
|
|
2
|
-
import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
|
|
3
|
-
import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
|
|
4
|
-
import { useState, useRef, useEffect, Fragment } from 'react';
|
|
5
|
-
import { Popover } from '../Popover/index.js';
|
|
6
|
-
import AutoTips from '../AutoTips/index.js';
|
|
7
|
-
import More from '@para-ui/icons/More';
|
|
8
|
-
import Return from '@para-ui/icons/Return';
|
|
9
|
-
import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
|
|
10
|
-
import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
|
|
11
|
-
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
12
|
-
import '../_verture/unsupportedIterableToArray-cb478f24.js';
|
|
13
|
-
import '../_verture/tslib.es6-55ed4bd2.js';
|
|
14
|
-
import '../Tooltip/index.js';
|
|
15
|
-
import 'rc-tooltip';
|
|
16
|
-
import 'rc-tooltip/lib/placements';
|
|
17
|
-
import 'clsx';
|
|
18
|
-
import '../_verture/usePopupContainer-87febeb9.js';
|
|
19
|
-
import '@paraview/lib';
|
|
20
|
-
import '@para-ui/core/GlobalContext';
|
|
21
|
-
|
|
22
|
-
var en = {
|
|
23
|
-
back: 'Back'
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
var zh = {
|
|
27
|
-
back: '返回'
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
var localeJson = {
|
|
31
|
-
zh: zh,
|
|
32
|
-
en: en
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n * @author linhd\n * @date 2021年10月25日 14:58:12\n * @description 面包屑\n */\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-breadcrumbs {\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 font-weight: 400;\n display: flex;\n height: 24px;\n line-height: 24px;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list {\n display: flex;\n align-items: center;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item {\n padding: 0 4px;\n border-radius: 2px;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item .breadcrumbs-item-content {\n white-space: nowrap;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item .breadcrumbs-item-content svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 14px;\n margin-right: 4px;\n vertical-align: -2px;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-click .breadcrumbs-item-content {\n cursor: pointer;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-click:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-click:hover .breadcrumbs-item-content {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-click:hover .breadcrumbs-item-content svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-current .breadcrumbs-item-content {\n color: rgb(46, 55, 67);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-current .breadcrumbs-item-content svg {\n color: rgb(46, 55, 67);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-disabled {\n cursor: not-allowed;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-disabled .breadcrumbs-item-content {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item.breadcrumbs-item-disabled .breadcrumbs-item-content svg {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item-more {\n display: flex;\n align-items: center;\n height: 100%;\n padding: 0 4px;\n cursor: pointer;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item-more svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item-more:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .breadcrumbs-item-more:hover svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-list > .separator {\n color: rgba(171, 176, 185, 0.4);\n margin: 0 4px;\n position: relative;\n top: -1px;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back {\n display: flex;\n align-items: center;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back > .line {\n display: inline-block;\n width: 1px;\n height: 14px;\n background-color: rgba(171, 176, 185, 0.2);\n margin: 0 8px;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content {\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n height: 100%;\n color: rgba(46, 55, 67, 0.7);\n padding: 0 4px;\n border-radius: 2px;\n cursor: pointer;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content:hover {\n background-color: rgba(171, 176, 185, 0.12);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content:hover svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 14px;\n margin-right: 4px;\n}\n.paraui-v3-breadcrumbs > .breadcrumbs-back > .breadcrumbs-back-content span {\n white-space: nowrap;\n}\n.paraui-v3-breadcrumbs.paraui-v3-breadcrumbs-calculation {\n overflow: hidden;\n opacity: 0;\n}\n\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content {\n padding: 8px 0;\n}\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item {\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 font-weight: 400;\n height: 36px;\n line-height: 36px;\n padding: 0 12px;\n color: rgb(46, 55, 67);\n display: flex;\n align-items: center;\n}\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item svg {\n color: rgb(46, 55, 67);\n margin-right: 4px;\n}\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item.breadcrumbs-popover-content-item-click {\n cursor: pointer;\n}\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item.breadcrumbs-popover-content-item-click:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item.breadcrumbs-popover-content-item-disabled {\n cursor: not-allowed;\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-breadcrumbs-popover .breadcrumbs-popover-content .breadcrumbs-popover-content-item.breadcrumbs-popover-content-item-disabled svg {\n color: rgba(46, 55, 67, 0.4);\n}";
|
|
36
|
-
styleInject(css_248z);
|
|
37
|
-
|
|
38
|
-
var Breadcrumbs = function Breadcrumbs(props) {
|
|
39
|
-
var _props$maxWidth = props.maxWidth,
|
|
40
|
-
maxWidth = _props$maxWidth === void 0 ? '160px' : _props$maxWidth,
|
|
41
|
-
className = props.className,
|
|
42
|
-
list = props.list,
|
|
43
|
-
_props$separator = props.separator,
|
|
44
|
-
separator = _props$separator === void 0 ? '/' : _props$separator,
|
|
45
|
-
popoverClassName = props.popoverClassName,
|
|
46
|
-
_props$isShrink = props.isShrink,
|
|
47
|
-
isShrink = _props$isShrink === void 0 ? true : _props$isShrink,
|
|
48
|
-
_props$isBack = props.isBack,
|
|
49
|
-
isBack = _props$isBack === void 0 ? false : _props$isBack,
|
|
50
|
-
_props$minNum = props.minNum,
|
|
51
|
-
minNum = _props$minNum === void 0 ? 2 : _props$minNum,
|
|
52
|
-
_props$trigger = props.trigger,
|
|
53
|
-
trigger = _props$trigger === void 0 ? 'hover' : _props$trigger,
|
|
54
|
-
_props$placement = props.placement,
|
|
55
|
-
placement = _props$placement === void 0 ? 'bottomLeft' : _props$placement,
|
|
56
|
-
backRender = props.backRender,
|
|
57
|
-
onClickItem = props.onClickItem,
|
|
58
|
-
onBack = props.onBack,
|
|
59
|
-
style = props.style;
|
|
60
|
-
var intl = useFormatMessage('Breadcrumbs', localeJson);
|
|
61
|
-
var _useState = useState(false),
|
|
62
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
63
|
-
showMore = _useState2[0],
|
|
64
|
-
setShowMore = _useState2[1]; // 是否显示更多按钮
|
|
65
|
-
var _useState3 = useState([]),
|
|
66
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
67
|
-
hideArr = _useState4[0],
|
|
68
|
-
setHideArr = _useState4[1]; // 是否隐藏面包屑
|
|
69
|
-
var boxRef = useRef();
|
|
70
|
-
var constData = useRef({
|
|
71
|
-
minNum: minNum,
|
|
72
|
-
isBack: isBack,
|
|
73
|
-
isShrink: isShrink,
|
|
74
|
-
timer: null,
|
|
75
|
-
showMore: false,
|
|
76
|
-
hideArr: [],
|
|
77
|
-
hidePos: 0
|
|
78
|
-
});
|
|
79
|
-
constData.current.isBack = isBack;
|
|
80
|
-
constData.current.showMore = showMore;
|
|
81
|
-
constData.current.isShrink = isShrink;
|
|
82
|
-
constData.current.minNum = minNum;
|
|
83
|
-
useEffect(function () {
|
|
84
|
-
window.addEventListener("resize", winResize);
|
|
85
|
-
return function () {
|
|
86
|
-
clearTimeout(constData.current.timer);
|
|
87
|
-
window.removeEventListener("resize", winResize);
|
|
88
|
-
};
|
|
89
|
-
}, []);
|
|
90
|
-
useEffect(function () {
|
|
91
|
-
var arr = new Array(props.list.length).fill(false);
|
|
92
|
-
constData.current.hideArr = arr;
|
|
93
|
-
setHideArr(arr);
|
|
94
|
-
changeSize();
|
|
95
|
-
}, [list]);
|
|
96
|
-
/** 点击面包屑 */
|
|
97
|
-
var clickItem = function clickItem(item, index) {
|
|
98
|
-
return function () {
|
|
99
|
-
if (props.list.length - 1 === index || item.disabled) return;
|
|
100
|
-
onClickItem && onClickItem(item);
|
|
101
|
-
};
|
|
102
|
-
};
|
|
103
|
-
/** 点击返回, 又返回执行返回事件,否则默认返回上级 */
|
|
104
|
-
var clickBack = function clickBack() {
|
|
105
|
-
if (onBack) return onBack();
|
|
106
|
-
if (props.list.length < 2) return;
|
|
107
|
-
var item = props.list[props.list.length - 2];
|
|
108
|
-
clickItem(item, props.list.length - 2)();
|
|
109
|
-
};
|
|
110
|
-
/** 改变屏幕 */
|
|
111
|
-
var winResize = function winResize() {
|
|
112
|
-
changeSize();
|
|
113
|
-
};
|
|
114
|
-
/** 去除遮罩 */
|
|
115
|
-
var hideMask = function hideMask() {
|
|
116
|
-
boxRef.current.classList.remove($prefixCls + '-breadcrumbs-calculation');
|
|
117
|
-
};
|
|
118
|
-
var changeSize = function changeSize(bol) {
|
|
119
|
-
if (!constData.current.isShrink) return hideMask();
|
|
120
|
-
// 不自动计算
|
|
121
|
-
clearTimeout(constData.current.timer);
|
|
122
|
-
// 恢复初始状态
|
|
123
|
-
if (!bol) {
|
|
124
|
-
constData.current.hidePos = 0;
|
|
125
|
-
constData.current.showMore = false;
|
|
126
|
-
var arr = new Array(props.list.length).fill(false);
|
|
127
|
-
constData.current.hideArr = arr;
|
|
128
|
-
setHideArr(arr);
|
|
129
|
-
setShowMore(false);
|
|
130
|
-
}
|
|
131
|
-
if (props.list.length <= constData.current.minNum + 1) return hideMask();
|
|
132
|
-
// 面包屑数组长度必须大于最少显示数
|
|
133
|
-
if (constData.current.hidePos === props.list.length - constData.current.minNum - 1) return hideMask();
|
|
134
|
-
// 隐藏到最小显示数,停止
|
|
135
|
-
boxRef.current.classList.add($prefixCls + '-breadcrumbs-calculation');
|
|
136
|
-
constData.current.timer = setTimeout(function () {
|
|
137
|
-
var boxWidth = boxRef.current.clientWidth;
|
|
138
|
-
var listWidth = boxRef.current.querySelector('.breadcrumbs-list').clientWidth;
|
|
139
|
-
var backWidth = constData.current.isBack ? boxRef.current.querySelector('.breadcrumbs-back').clientWidth : 0;
|
|
140
|
-
if (boxWidth > listWidth + backWidth) {
|
|
141
|
-
// 没有超出
|
|
142
|
-
hideMask();
|
|
143
|
-
} else {
|
|
144
|
-
constData.current.hidePos += 1;
|
|
145
|
-
constData.current.hideArr[constData.current.hidePos] = true;
|
|
146
|
-
setHideArr(_toConsumableArray(constData.current.hideArr));
|
|
147
|
-
setShowMore(true);
|
|
148
|
-
changeSize(true);
|
|
149
|
-
/*// 超出
|
|
150
|
-
if (constData.current.showMore) {
|
|
151
|
-
// 超出情况下,在超出,继续减一个面包屑
|
|
152
|
-
} else {
|
|
153
|
-
// 没有超出-> 变超出
|
|
154
|
-
}*/
|
|
155
|
-
}
|
|
156
|
-
}, 50);
|
|
157
|
-
};
|
|
158
|
-
/** 处理弹窗内容 */
|
|
159
|
-
var handContent = function handContent() {
|
|
160
|
-
return jsx("div", Object.assign({
|
|
161
|
-
className: "breadcrumbs-popover-content"
|
|
162
|
-
}, {
|
|
163
|
-
children: list.map(function (item, index) {
|
|
164
|
-
if (!hideArr[index]) return null;
|
|
165
|
-
var str = 'breadcrumbs-popover-content-item';
|
|
166
|
-
if (index !== list.length - 1 && !item.disabled) str += ' breadcrumbs-popover-content-item-click';
|
|
167
|
-
if (index === list.length - 1) str += ' breadcrumbs-popover-content-item-current';
|
|
168
|
-
if (item.disabled) str += ' breadcrumbs-popover-content-item-disabled';
|
|
169
|
-
return jsx("div", Object.assign({
|
|
170
|
-
className: str,
|
|
171
|
-
onClick: clickItem(item, index)
|
|
172
|
-
}, {
|
|
173
|
-
children: item.label
|
|
174
|
-
}), index);
|
|
175
|
-
})
|
|
176
|
-
}));
|
|
177
|
-
};
|
|
178
|
-
// 处理弹出框className
|
|
179
|
-
var popoverHandClass = function popoverHandClass() {
|
|
180
|
-
var str = $prefixCls + '-breadcrumbs-popover';
|
|
181
|
-
if (popoverClassName) str += ' ' + popoverClassName;
|
|
182
|
-
return str;
|
|
183
|
-
};
|
|
184
|
-
// 处理className
|
|
185
|
-
var handClass = function handClass() {
|
|
186
|
-
var str = $prefixCls + '-breadcrumbs';
|
|
187
|
-
if (isShrink) str += " ".concat($prefixCls, "-breadcrumbs-shrink");
|
|
188
|
-
if (className) str += ' ' + className;
|
|
189
|
-
return str;
|
|
190
|
-
};
|
|
191
|
-
return jsxs("div", Object.assign({
|
|
192
|
-
className: handClass(),
|
|
193
|
-
style: style,
|
|
194
|
-
ref: boxRef
|
|
195
|
-
}, {
|
|
196
|
-
children: [jsx("ul", Object.assign({
|
|
197
|
-
className: "breadcrumbs-list"
|
|
198
|
-
}, {
|
|
199
|
-
children: list.map(function (item, index) {
|
|
200
|
-
if (hideArr[index]) return;
|
|
201
|
-
var str = 'breadcrumbs-item';
|
|
202
|
-
if (index === list.length - 1) str += ' breadcrumbs-item-current';
|
|
203
|
-
if (index !== list.length - 1 && !item.disabled) str += ' breadcrumbs-item-click';
|
|
204
|
-
if (item.disabled) str += ' breadcrumbs-item-disabled';
|
|
205
|
-
return jsxs(Fragment, {
|
|
206
|
-
children: [jsx("li", Object.assign({
|
|
207
|
-
className: str,
|
|
208
|
-
style: {
|
|
209
|
-
maxWidth: item.maxWidth || maxWidth
|
|
210
|
-
},
|
|
211
|
-
onClick: clickItem(item, index)
|
|
212
|
-
}, {
|
|
213
|
-
children: jsx(AutoTips, {
|
|
214
|
-
children: jsx("span", Object.assign({
|
|
215
|
-
className: 'breadcrumbs-item-content'
|
|
216
|
-
}, {
|
|
217
|
-
children: item.label
|
|
218
|
-
}))
|
|
219
|
-
})
|
|
220
|
-
})), index !== list.length - 1 && jsx("li", Object.assign({
|
|
221
|
-
className: 'separator'
|
|
222
|
-
}, {
|
|
223
|
-
children: separator
|
|
224
|
-
})), showMore && index === 0 && jsxs(Fragment$1, {
|
|
225
|
-
children: [jsx(Popover, Object.assign({
|
|
226
|
-
content: handContent(),
|
|
227
|
-
overlayClassName: popoverHandClass(),
|
|
228
|
-
trigger: trigger,
|
|
229
|
-
placement: placement,
|
|
230
|
-
destroyTooltipOnHide: true
|
|
231
|
-
}, {
|
|
232
|
-
children: jsx("li", Object.assign({
|
|
233
|
-
className: 'breadcrumbs-item-more'
|
|
234
|
-
}, {
|
|
235
|
-
children: jsx(More, {})
|
|
236
|
-
}))
|
|
237
|
-
})), !hideArr[list.length - 1] && jsx("li", Object.assign({
|
|
238
|
-
className: 'separator'
|
|
239
|
-
}, {
|
|
240
|
-
children: separator
|
|
241
|
-
}))]
|
|
242
|
-
})]
|
|
243
|
-
}, index);
|
|
244
|
-
})
|
|
245
|
-
})), isBack && jsxs("div", Object.assign({
|
|
246
|
-
className: 'breadcrumbs-back'
|
|
247
|
-
}, {
|
|
248
|
-
children: [jsx("span", {
|
|
249
|
-
className: 'line'
|
|
250
|
-
}), jsx("div", Object.assign({
|
|
251
|
-
className: 'breadcrumbs-back-content',
|
|
252
|
-
onClick: clickBack
|
|
253
|
-
}, {
|
|
254
|
-
children: backRender ? backRender : jsxs(Fragment$1, {
|
|
255
|
-
children: [jsx(Return, {}), jsx("span", {
|
|
256
|
-
children: intl({
|
|
257
|
-
id: 'back'
|
|
258
|
-
})
|
|
259
|
-
})]
|
|
260
|
-
})
|
|
261
|
-
}))]
|
|
262
|
-
}))]
|
|
263
|
-
}));
|
|
264
|
-
};
|
|
265
|
-
|
|
266
|
-
export { Breadcrumbs, Breadcrumbs as default };
|
package/Button/SplitButton.d.ts
DELETED
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @author Hanz
|
|
3
|
-
* @date 2021/8/4 上午10:22
|
|
4
|
-
* @description 分体式按钮组
|
|
5
|
-
*/
|
|
6
|
-
import React from 'react';
|
|
7
|
-
import { ButtonProps } from '../Button';
|
|
8
|
-
import { Placement } from '../Dropdown';
|
|
9
|
-
import './index.scss';
|
|
10
|
-
interface Option {
|
|
11
|
-
/**
|
|
12
|
-
* 按钮文字
|
|
13
|
-
*/
|
|
14
|
-
label: string;
|
|
15
|
-
/**
|
|
16
|
-
* 按钮value
|
|
17
|
-
*/
|
|
18
|
-
value?: any;
|
|
19
|
-
/**
|
|
20
|
-
* 禁用按钮
|
|
21
|
-
*/
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
[name: string]: any;
|
|
24
|
-
}
|
|
25
|
-
type GroupOption = Array<Option>;
|
|
26
|
-
export interface SplitButtonProps {
|
|
27
|
-
/**
|
|
28
|
-
* 分体式按钮文本
|
|
29
|
-
*/
|
|
30
|
-
buttonText?: React.ReactNode;
|
|
31
|
-
/** 按钮选项数组 */
|
|
32
|
-
options?: Option[] | GroupOption[];
|
|
33
|
-
/** cls */
|
|
34
|
-
className?: string;
|
|
35
|
-
/** style */
|
|
36
|
-
style?: React.CSSProperties;
|
|
37
|
-
/** popperClassName */
|
|
38
|
-
popperClassName?: string;
|
|
39
|
-
/** popperStyle */
|
|
40
|
-
popperStyle?: React.CSSProperties;
|
|
41
|
-
/** 禁用按钮组 */
|
|
42
|
-
disabled?: boolean;
|
|
43
|
-
/** 浮层位置 */
|
|
44
|
-
placement?: Placement;
|
|
45
|
-
/** button props */
|
|
46
|
-
buttonProps?: ButtonProps;
|
|
47
|
-
/**
|
|
48
|
-
* click callback
|
|
49
|
-
* @param option
|
|
50
|
-
* @param evt
|
|
51
|
-
*/
|
|
52
|
-
onClick?: (option: Option, evt?: React.MouseEvent<HTMLElement>) => void;
|
|
53
|
-
/**
|
|
54
|
-
* 自定义选项渲染
|
|
55
|
-
* @param option
|
|
56
|
-
*/
|
|
57
|
-
optionRender?: (option: Option) => React.ReactNode;
|
|
58
|
-
/** 图标按钮 */
|
|
59
|
-
iconButton?: boolean;
|
|
60
|
-
/** 浮层渲染容器,默认body */
|
|
61
|
-
getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
|
|
62
|
-
}
|
|
63
|
-
export default function SplitButton(props: SplitButtonProps): JSX.Element;
|
|
64
|
-
export {};
|