@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/SingleBox/index.js
DELETED
|
@@ -1,224 +0,0 @@
|
|
|
1
|
-
import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
|
|
2
|
-
import { _ as _toConsumableArray } from '../_verture/toConsumableArray-81040c9e.js';
|
|
3
|
-
import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
|
|
4
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
|
-
import { useState, useEffect } from 'react';
|
|
6
|
-
import { TextField } from '../TextField/index.js';
|
|
7
|
-
import Label from '../Label/index.js';
|
|
8
|
-
import HelperText from '../HelperText/index.js';
|
|
9
|
-
import PlusCircleF from '@para-ui/icons/PlusCircleF';
|
|
10
|
-
import Delete from '@para-ui/icons/Delete';
|
|
11
|
-
import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
|
|
12
|
-
import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
|
|
13
|
-
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
14
|
-
import '../_verture/unsupportedIterableToArray-cb478f24.js';
|
|
15
|
-
import '../_verture/tslib.es6-55ed4bd2.js';
|
|
16
|
-
import '@paraview/lib';
|
|
17
|
-
import '@para-ui/icons/PreviewClose';
|
|
18
|
-
import '@para-ui/icons/PreviewOpen';
|
|
19
|
-
import '@para-ui/icons/CloseCircle';
|
|
20
|
-
import '../AutoTips/index.js';
|
|
21
|
-
import '../Tooltip/index.js';
|
|
22
|
-
import 'rc-tooltip';
|
|
23
|
-
import 'rc-tooltip/lib/placements';
|
|
24
|
-
import 'clsx';
|
|
25
|
-
import '../Loading/index.js';
|
|
26
|
-
import '@para-ui/icons/LoadingF';
|
|
27
|
-
import '../_verture/useGlobalProps-1b846a65.js';
|
|
28
|
-
import '@para-ui/core/GlobalContext';
|
|
29
|
-
import '../_verture/index-77f9e0fb.js';
|
|
30
|
-
import 'rc-dropdown';
|
|
31
|
-
import '../_verture/usePopupContainer-87febeb9.js';
|
|
32
|
-
import 'dayjs';
|
|
33
|
-
import '../Help/index.js';
|
|
34
|
-
import '@para-ui/icons/Help';
|
|
35
|
-
|
|
36
|
-
var en = {
|
|
37
|
-
add: 'Newly Added'
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
var zh = {
|
|
41
|
-
add: '新增'
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
var localeJson = {
|
|
45
|
-
zh: zh,
|
|
46
|
-
en: en
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-single-box {\n display: inline-block;\n width: 100%;\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}\n.paraui-v3-single-box > .single-box-content {\n line-height: 0;\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item {\n display: flex;\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item .content-box {\n flex: 1;\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item .content-box .single-box-text-field .paraui-v3-helper-text {\n min-height: 12px;\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item > .opera-box {\n display: flex;\n align-items: center;\n margin-left: 12px;\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n cursor: pointer;\n border-radius: 4px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover svg {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box svg {\n font-size: 24px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-single-box > .single-box-add {\n text-align: center;\n border: 1px dashed;\n border-color: rgba(171, 176, 185, 0.4);\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n cursor: pointer;\n background-color: rgba(171, 176, 185, 0.12);\n color: rgb(54, 102, 214);\n font-size: 14px;\n}\n.paraui-v3-single-box > .single-box-add > svg {\n font-size: 16px;\n color: rgb(54, 102, 214);\n margin-right: 8px;\n}\n.paraui-v3-single-box > .single-box-add:hover {\n border-color: rgba(54, 102, 214, 0.4);\n background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-single-box.paraui-v3-single-box-small > .single-box-content > .single-box-content-item > .opera-box {\n height: 28px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-small > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n width: 28px;\n height: 28px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-small > .single-box-add {\n height: 28px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-medium > .single-box-content > .single-box-content-item > .opera-box {\n height: 32px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-medium > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n width: 32px;\n height: 32px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-medium > .single-box-add {\n height: 32px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-large > .single-box-content > .single-box-content-item > .opera-box {\n height: 36px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-large > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n width: 36px;\n height: 36px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-large > .single-box-add {\n height: 36px;\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n cursor: not-allowed;\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover {\n background-color: transparent;\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box svg {\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-add {\n border-color: rgba(171, 176, 185, 0.4);\n cursor: not-allowed;\n background-color: rgba(171, 176, 185, 0.12);\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-add > svg {\n color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-single-box.paraui-v3-single-box-disabled > .single-box-add:hover {\n border-color: rgba(171, 176, 185, 0.4);\n color: rgba(46, 55, 67, 0.4);\n}";
|
|
50
|
-
styleInject(css_248z);
|
|
51
|
-
|
|
52
|
-
var SingleBox = function SingleBox(props) {
|
|
53
|
-
var className = props.className,
|
|
54
|
-
style = props.style,
|
|
55
|
-
_props$size = props.size,
|
|
56
|
-
size = _props$size === void 0 ? 'large' : _props$size,
|
|
57
|
-
_props$placeholder = props.placeholder,
|
|
58
|
-
placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
|
|
59
|
-
_props$label = props.label,
|
|
60
|
-
label = _props$label === void 0 ? '' : _props$label,
|
|
61
|
-
labelTooltip = props.labelTooltip,
|
|
62
|
-
labelSign = props.labelSign,
|
|
63
|
-
_props$disabled = props.disabled,
|
|
64
|
-
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
65
|
-
_props$required = props.required,
|
|
66
|
-
required = _props$required === void 0 ? false : _props$required,
|
|
67
|
-
hideErrorDom = props.hideErrorDom,
|
|
68
|
-
_props$helperText = props.helperText,
|
|
69
|
-
helperText = _props$helperText === void 0 ? '' : _props$helperText,
|
|
70
|
-
value = props.value,
|
|
71
|
-
onChange = props.onChange,
|
|
72
|
-
fetchSuggestions = props.fetchSuggestions;
|
|
73
|
-
var isError = helperText && typeof helperText === 'string' ? true : false;
|
|
74
|
-
var isErrorArr = helperText instanceof Array;
|
|
75
|
-
var intl = useFormatMessage('SingleBox', localeJson);
|
|
76
|
-
var _useState = useState([]),
|
|
77
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
78
|
-
valueCom = _useState2[0],
|
|
79
|
-
setValueCom = _useState2[1];
|
|
80
|
-
useEffect(function () {
|
|
81
|
-
if (props.defaultValue !== undefined) setValueCom(_toConsumableArray(props.defaultValue));
|
|
82
|
-
}, []);
|
|
83
|
-
useEffect(function () {
|
|
84
|
-
if (value !== undefined) setValueCom(_toConsumableArray(value));
|
|
85
|
-
}, [value]);
|
|
86
|
-
/** 处理错误 */
|
|
87
|
-
var handError = function handError(index) {
|
|
88
|
-
var obj = {
|
|
89
|
-
error: false,
|
|
90
|
-
helperText: ''
|
|
91
|
-
};
|
|
92
|
-
if (isErrorArr) {
|
|
93
|
-
var errorItem = helperText[index];
|
|
94
|
-
if (errorItem) {
|
|
95
|
-
obj = {
|
|
96
|
-
error: true,
|
|
97
|
-
helperText: errorItem
|
|
98
|
-
};
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
return obj;
|
|
102
|
-
};
|
|
103
|
-
/** 增加 */
|
|
104
|
-
var add = function add() {
|
|
105
|
-
if (disabled) return;
|
|
106
|
-
valueCom.push('');
|
|
107
|
-
if (props.value === undefined) setValueCom(_toConsumableArray(valueCom));
|
|
108
|
-
onChange && onChange(valueCom);
|
|
109
|
-
};
|
|
110
|
-
/** 删除 */
|
|
111
|
-
var del = function del(index) {
|
|
112
|
-
return function () {
|
|
113
|
-
if (disabled) return;
|
|
114
|
-
valueCom.splice(index, 1);
|
|
115
|
-
if (props.value === undefined) setValueCom(_toConsumableArray(valueCom));
|
|
116
|
-
onChange && onChange(valueCom);
|
|
117
|
-
};
|
|
118
|
-
};
|
|
119
|
-
/**
|
|
120
|
-
* 改变输入框
|
|
121
|
-
* @param index
|
|
122
|
-
*/
|
|
123
|
-
var changeInput = function changeInput(index) {
|
|
124
|
-
return function (event) {
|
|
125
|
-
valueCom[index] = event.target.value;
|
|
126
|
-
if (props.value === undefined) setValueCom(_toConsumableArray(valueCom));
|
|
127
|
-
onChange && onChange(valueCom);
|
|
128
|
-
};
|
|
129
|
-
};
|
|
130
|
-
/** 选择值*/
|
|
131
|
-
var selectValue = function selectValue(index) {
|
|
132
|
-
return function (item) {
|
|
133
|
-
valueCom[index] = item;
|
|
134
|
-
if (_typeof(item) === 'object' && item !== null) {
|
|
135
|
-
valueCom[index] = item.value;
|
|
136
|
-
}
|
|
137
|
-
if (props.value === undefined) setValueCom(_toConsumableArray(valueCom));
|
|
138
|
-
onChange && onChange(valueCom);
|
|
139
|
-
};
|
|
140
|
-
};
|
|
141
|
-
/**
|
|
142
|
-
* 处理label
|
|
143
|
-
* */
|
|
144
|
-
var handLabel = function handLabel() {
|
|
145
|
-
if (!label && !labelSign) return null;
|
|
146
|
-
var handLabelClass = function handLabelClass() {
|
|
147
|
-
var str = 'single-box-label';
|
|
148
|
-
if (labelTooltip && labelTooltip.className) {
|
|
149
|
-
str += ' ' + labelTooltip.className;
|
|
150
|
-
}
|
|
151
|
-
return str;
|
|
152
|
-
};
|
|
153
|
-
return jsx(Label, Object.assign({
|
|
154
|
-
label: label,
|
|
155
|
-
required: required,
|
|
156
|
-
labelSign: labelSign
|
|
157
|
-
}, labelTooltip, {
|
|
158
|
-
className: handLabelClass()
|
|
159
|
-
}));
|
|
160
|
-
};
|
|
161
|
-
/** 处理class */
|
|
162
|
-
var handClass = function handClass() {
|
|
163
|
-
var str = $prefixCls + '-single-box';
|
|
164
|
-
if (className) str += ' ' + className;
|
|
165
|
-
if (size) str += " ".concat($prefixCls, "-single-box-").concat(size);
|
|
166
|
-
if (disabled) str += " ".concat($prefixCls, "-single-box-disabled");
|
|
167
|
-
return str;
|
|
168
|
-
};
|
|
169
|
-
return jsxs("div", Object.assign({
|
|
170
|
-
className: handClass(),
|
|
171
|
-
style: style
|
|
172
|
-
}, {
|
|
173
|
-
children: [handLabel(), jsx("div", Object.assign({
|
|
174
|
-
className: "single-box-content"
|
|
175
|
-
}, {
|
|
176
|
-
children: valueCom.map(function (item, index) {
|
|
177
|
-
return jsxs("div", Object.assign({
|
|
178
|
-
className: "single-box-content-item"
|
|
179
|
-
}, {
|
|
180
|
-
children: [jsx("div", Object.assign({
|
|
181
|
-
className: "content-box"
|
|
182
|
-
}, {
|
|
183
|
-
children: jsx(TextField, Object.assign({
|
|
184
|
-
className: 'single-box-text-field',
|
|
185
|
-
disabled: disabled,
|
|
186
|
-
value: item || '',
|
|
187
|
-
placeholder: placeholder,
|
|
188
|
-
size: size
|
|
189
|
-
}, handError(index), {
|
|
190
|
-
onChange: changeInput(index),
|
|
191
|
-
fetchSuggestions: fetchSuggestions,
|
|
192
|
-
onSelect: selectValue(index)
|
|
193
|
-
}))
|
|
194
|
-
})), !disabled && jsx("div", Object.assign({
|
|
195
|
-
className: "opera-box"
|
|
196
|
-
}, {
|
|
197
|
-
children: jsx("span", Object.assign({
|
|
198
|
-
className: "del-box",
|
|
199
|
-
onClick: del(index)
|
|
200
|
-
}, {
|
|
201
|
-
children: jsx(Delete, {})
|
|
202
|
-
}))
|
|
203
|
-
}))]
|
|
204
|
-
}), index);
|
|
205
|
-
})
|
|
206
|
-
})), jsxs("div", Object.assign({
|
|
207
|
-
className: "single-box-add",
|
|
208
|
-
onClick: add
|
|
209
|
-
}, {
|
|
210
|
-
children: [jsx(PlusCircleF, {}), jsx("span", {
|
|
211
|
-
children: intl({
|
|
212
|
-
id: 'add'
|
|
213
|
-
})
|
|
214
|
-
})]
|
|
215
|
-
})), jsx(HelperText, {
|
|
216
|
-
className: "single-box-error",
|
|
217
|
-
error: isError,
|
|
218
|
-
helperText: isError ? helperText : undefined,
|
|
219
|
-
hideErrorDom: hideErrorDom
|
|
220
|
-
})]
|
|
221
|
-
}));
|
|
222
|
-
};
|
|
223
|
-
|
|
224
|
-
export { SingleBox, SingleBox as default };
|
package/Slider/index.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @author Hanz
|
|
3
|
-
* @date 2022/3/7 下午3:52
|
|
4
|
-
* @description
|
|
5
|
-
*/
|
|
6
|
-
import { FunctionComponent } from 'react';
|
|
7
|
-
import { SliderSingleProps, SliderRangeProps } from './interface';
|
|
8
|
-
import './index.scss';
|
|
9
|
-
export type Visibles = {
|
|
10
|
-
[index: number]: boolean;
|
|
11
|
-
};
|
|
12
|
-
export declare const Slider: FunctionComponent<SliderSingleProps | SliderRangeProps>;
|
|
13
|
-
export type { SliderSingleProps, SliderRangeProps };
|
|
14
|
-
export default Slider;
|
package/Slider/index.js
DELETED
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
|
|
2
|
-
import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
|
|
3
|
-
import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
|
|
4
|
-
import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
|
|
5
|
-
import { jsx } from 'react/jsx-runtime';
|
|
6
|
-
import React__default from 'react';
|
|
7
|
-
import RcSlider, { Range, SliderTooltip, Handle } from 'rc-slider';
|
|
8
|
-
import clsx from 'clsx';
|
|
9
|
-
import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-66aa48a1.js';
|
|
10
|
-
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
11
|
-
import '../_verture/unsupportedIterableToArray-cb478f24.js';
|
|
12
|
-
|
|
13
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/4 下午2:58\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-slider {\n position: relative;\n height: 8px;\n padding: 0;\n width: 100%;\n border-radius: 4px;\n touch-action: none;\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.paraui-v3-slider .component-slider-rail {\n position: absolute;\n width: 100%;\n background-color: rgba(171, 176, 185, 0.2);\n height: 8px;\n border-radius: 4px;\n}\n.paraui-v3-slider .component-slider-track {\n position: absolute;\n left: 0;\n height: 8px;\n border-radius: 4px;\n background-color: rgb(54, 102, 214);\n}\n.paraui-v3-slider .component-slider-handle {\n position: absolute;\n width: 16px;\n height: 16px;\n cursor: pointer;\n margin-top: -4px;\n border-radius: 50%;\n border: solid 2px rgb(54, 102, 214);\n background-color: rgb(255, 255, 255);\n touch-action: pan-x;\n}\n.paraui-v3-slider .component-slider-handle-dragging {\n border-color: rgb(54, 102, 214);\n box-shadow: 0 0 5px rgba(54, 102, 214, 0.2);\n outline: 2px solid rgba(54, 102, 214, 0.2);\n}\n.paraui-v3-slider .component-slider-handle:focus {\n outline: none;\n}\n.paraui-v3-slider .component-slider-handle-click-focused:focus {\n border-color: rgb(54, 102, 214);\n box-shadow: unset;\n}\n.paraui-v3-slider .component-slider-handle:hover {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-slider .component-slider-handle:active {\n border-color: rgb(54, 102, 214);\n box-shadow: 0 0 5px rgba(54, 102, 214, 0.2);\n outline: 2px solid rgba(54, 102, 214, 0.2);\n cursor: grabbing;\n}\n.paraui-v3-slider .component-slider-mark {\n position: absolute;\n top: 18px;\n left: 0;\n width: 100%;\n font-size: 12px;\n}\n.paraui-v3-slider .component-slider-mark-text {\n position: absolute;\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n cursor: pointer;\n color: #999;\n}\n.paraui-v3-slider .component-slider-mark-text-active {\n color: #666;\n}\n.paraui-v3-slider .component-slider-step {\n position: absolute;\n width: 100%;\n height: 8px;\n background: transparent;\n}\n.paraui-v3-slider .component-slider-dot {\n position: absolute;\n bottom: -2px;\n margin-left: -4px;\n width: 12px;\n height: 12px;\n border: solid 2px rgba(171, 176, 185, 0.4);\n background-color: rgb(255, 255, 255);\n cursor: pointer;\n border-radius: 50%;\n vertical-align: middle;\n}\n.paraui-v3-slider .component-slider-dot-active {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-slider .component-slider-dot-reverse {\n margin-right: -4px;\n}\n.paraui-v3-slider.component-slider-disabled {\n background-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-slider.component-slider-disabled .component-slider-track {\n background-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-slider.component-slider-disabled .component-slider-handle, .paraui-v3-slider.component-slider-disabled .component-slider-dot {\n border-color: #ccc;\n box-shadow: none;\n background-color: rgb(255, 255, 255);\n cursor: not-allowed;\n}\n.paraui-v3-slider.component-slider-disabled .component-slider-mark-text, .paraui-v3-slider.component-slider-disabled .component-slider-dot {\n cursor: not-allowed !important;\n}\n.paraui-v3-slider.component-slider-vertical {\n width: 14px;\n height: 100%;\n padding: 0 5px;\n}\n.paraui-v3-slider.component-slider-vertical .component-slider-rail {\n height: 100%;\n width: 4px;\n}\n.paraui-v3-slider.component-slider-vertical .component-slider-track {\n left: 5px;\n bottom: 0;\n width: 4px;\n}\n.paraui-v3-slider.component-slider-vertical .component-slider-handle {\n margin-left: -6px;\n touch-action: pan-y;\n}\n.paraui-v3-slider.component-slider-vertical .component-slider-mark {\n top: 0;\n left: 18px;\n height: 100%;\n}\n.paraui-v3-slider.component-slider-vertical .component-slider-step {\n height: 100%;\n width: 4px;\n}\n.paraui-v3-slider.component-slider-vertical .component-slider-dot {\n left: 0px;\n margin-bottom: -4px;\n}\n.paraui-v3-slider.component-slider-vertical .component-slider-dot:first-child {\n margin-bottom: -4px;\n}\n.paraui-v3-slider.component-slider-vertical .component-slider-dot:last-child {\n margin-bottom: -4px;\n}\n\n.component-slider-tooltip {\n position: absolute;\n display: block;\n left: -9999px;\n top: -9999px;\n max-width: 250px;\n z-index: 1500;\n visibility: visible;\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.component-slider-tooltip-hidden {\n display: none;\n}\n.component-slider-tooltip-inner {\n min-width: 24px;\n font-size: 14px;\n line-height: 1;\n color: rgba(46, 55, 67, 0.7);\n text-align: center;\n text-decoration: none;\n background-color: transparent;\n border-radius: 6px;\n white-space: nowrap;\n box-shadow: none;\n}\n.component-slider-tooltip-arrow {\n display: none;\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n.component-slider-tooltip-placement-top .component-slider-tooltip-arrow {\n bottom: 4px;\n left: 50%;\n margin-left: -4px;\n border-width: 4px 4px 0;\n border-top-color: #6c6c6c;\n}\n.component-slider-tooltip-zoom-down-enter, .component-slider-tooltip-zoom-down-appear {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n display: block !important;\n animation-play-state: paused;\n}\n.component-slider-tooltip-zoom-down-leave {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n display: block !important;\n animation-play-state: paused;\n}\n.component-slider-tooltip-zoom-down-enter.component-slider-tooltip-zoom-down-enter-active, .component-slider-tooltip-zoom-down-appear.component-slider-tooltip-zoom-down-appear-active {\n animation-name: sliderTooltipZoomDownIn;\n animation-play-state: running;\n}\n.component-slider-tooltip-zoom-down-leave.component-slider-tooltip-zoom-down-leave-active {\n animation-name: sliderTooltipZoomDownOut;\n animation-play-state: running;\n}\n.component-slider-tooltip-zoom-down-enter, .component-slider-tooltip-zoom-down-appear {\n transform: scale(0, 0);\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.component-slider-tooltip-zoom-down-leave {\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes sliderTooltipZoomDownIn {\n 0% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n 100% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n}\n@keyframes sliderTooltipZoomDownOut {\n 0% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n 100% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n}";
|
|
14
|
-
styleInject(css_248z);
|
|
15
|
-
|
|
16
|
-
//slider 滑块
|
|
17
|
-
var Slider = function Slider(props) {
|
|
18
|
-
var range = props.range,
|
|
19
|
-
step = props.step,
|
|
20
|
-
className = props.className,
|
|
21
|
-
restProps = __rest(props, ["range", "step", "className"]);
|
|
22
|
-
var prefixCls = "".concat($rcPrefixCls, "-slider");
|
|
23
|
-
var tooltipPrefixCls = "".concat($rcPrefixCls, "-slider-tooltip");
|
|
24
|
-
var draggableTrack;
|
|
25
|
-
if (_typeof(range) === 'object') {
|
|
26
|
-
draggableTrack = range.draggableTrack;
|
|
27
|
-
}
|
|
28
|
-
var _React$useState = React__default.useState({}),
|
|
29
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
30
|
-
visibles = _React$useState2[0],
|
|
31
|
-
setVisibles = _React$useState2[1]; //是否显示
|
|
32
|
-
//切换tooltip 是否显示
|
|
33
|
-
var toggleTooltipVisible = function toggleTooltipVisible(index, visible) {
|
|
34
|
-
setVisibles(function (prev) {
|
|
35
|
-
return Object.assign(Object.assign({}, prev), _defineProperty({}, index, visible));
|
|
36
|
-
});
|
|
37
|
-
};
|
|
38
|
-
//获得tooltip 显示位置
|
|
39
|
-
var getTooltipPlacement = function getTooltipPlacement(tooltipPlacement, vertical) {
|
|
40
|
-
if (tooltipPlacement) {
|
|
41
|
-
return tooltipPlacement;
|
|
42
|
-
}
|
|
43
|
-
if (!vertical) {
|
|
44
|
-
return 'top';
|
|
45
|
-
}
|
|
46
|
-
return 'right';
|
|
47
|
-
};
|
|
48
|
-
//提示格式化
|
|
49
|
-
var tipFormatterFn = function tipFormatterFn(value) {
|
|
50
|
-
return typeof value === 'number' ? value.toString() : '';
|
|
51
|
-
};
|
|
52
|
-
//handle with tooltip
|
|
53
|
-
var handleWithTooltip = function handleWithTooltip(config) {
|
|
54
|
-
var tooltipPrefixCls = config.tooltipPrefixCls,
|
|
55
|
-
_a = config.info,
|
|
56
|
-
value = _a.value,
|
|
57
|
-
index = _a.index,
|
|
58
|
-
dragging = _a.dragging,
|
|
59
|
-
restProps = __rest(_a, ["value", "index", "dragging"]);
|
|
60
|
-
var _props$tipFormatter = props.tipFormatter,
|
|
61
|
-
tipFormatter = _props$tipFormatter === void 0 ? tipFormatterFn : _props$tipFormatter,
|
|
62
|
-
tooltipVisible = props.tooltipVisible,
|
|
63
|
-
tooltipPlacement = props.tooltipPlacement,
|
|
64
|
-
_props$getTooltipPopu = props.getTooltipPopupContainer,
|
|
65
|
-
getTooltipPopupContainer = _props$getTooltipPopu === void 0 ? function (triggerNode) {
|
|
66
|
-
return triggerNode;
|
|
67
|
-
} : _props$getTooltipPopu,
|
|
68
|
-
vertical = props.vertical;
|
|
69
|
-
var isTipFormatter = tipFormatter ? visibles[index] || dragging : false;
|
|
70
|
-
var visible = tooltipVisible || tooltipVisible === undefined && isTipFormatter;
|
|
71
|
-
return jsx(SliderTooltip, Object.assign({
|
|
72
|
-
prefixCls: tooltipPrefixCls,
|
|
73
|
-
overlay: tipFormatter ? tipFormatter(value) : '',
|
|
74
|
-
visible: visible,
|
|
75
|
-
placement: getTooltipPlacement(tooltipPlacement, vertical),
|
|
76
|
-
getTooltipContainer: getTooltipPopupContainer,
|
|
77
|
-
destroyTooltipOnHide: true
|
|
78
|
-
}, {
|
|
79
|
-
children: jsx(Handle, Object.assign({}, restProps, {
|
|
80
|
-
value: value,
|
|
81
|
-
onMouseEnter: function onMouseEnter() {
|
|
82
|
-
return toggleTooltipVisible(index, true);
|
|
83
|
-
},
|
|
84
|
-
onMouseLeave: function onMouseLeave() {
|
|
85
|
-
return toggleTooltipVisible(index, false);
|
|
86
|
-
}
|
|
87
|
-
}))
|
|
88
|
-
}), index);
|
|
89
|
-
};
|
|
90
|
-
if (range) {
|
|
91
|
-
//范围slider
|
|
92
|
-
return jsx(Range, Object.assign({}, restProps, {
|
|
93
|
-
className: clsx("".concat($prefixCls, "-slider"), className),
|
|
94
|
-
step: step,
|
|
95
|
-
pushable: restProps.pushable,
|
|
96
|
-
draggableTrack: draggableTrack,
|
|
97
|
-
handle: function handle(info) {
|
|
98
|
-
return handleWithTooltip({
|
|
99
|
-
tooltipPrefixCls: tooltipPrefixCls,
|
|
100
|
-
info: info
|
|
101
|
-
});
|
|
102
|
-
},
|
|
103
|
-
prefixCls: prefixCls
|
|
104
|
-
}));
|
|
105
|
-
}
|
|
106
|
-
return jsx(RcSlider, Object.assign({}, restProps, {
|
|
107
|
-
className: clsx("".concat($prefixCls, "-slider"), className),
|
|
108
|
-
step: step,
|
|
109
|
-
handle: function handle(info) {
|
|
110
|
-
return handleWithTooltip({
|
|
111
|
-
tooltipPrefixCls: tooltipPrefixCls,
|
|
112
|
-
info: info
|
|
113
|
-
});
|
|
114
|
-
},
|
|
115
|
-
prefixCls: prefixCls
|
|
116
|
-
}));
|
|
117
|
-
};
|
|
118
|
-
|
|
119
|
-
export { Slider, Slider as default };
|
package/Slider/interface.d.ts
DELETED
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @author Hanz
|
|
3
|
-
* @date 2021/11/5 下午4:05
|
|
4
|
-
* @description
|
|
5
|
-
*/
|
|
6
|
-
import React from "react";
|
|
7
|
-
export type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
|
|
8
|
-
interface SliderRange {
|
|
9
|
-
draggableTrack?: boolean;
|
|
10
|
-
}
|
|
11
|
-
export interface SliderMarks {
|
|
12
|
-
[key: number]: React.ReactNode | {
|
|
13
|
-
style: React.CSSProperties;
|
|
14
|
-
label: React.ReactNode;
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
export interface HandleGeneratorInfo {
|
|
18
|
-
value?: number;
|
|
19
|
-
dragging?: boolean;
|
|
20
|
-
index: number;
|
|
21
|
-
}
|
|
22
|
-
export type HandleGeneratorFn = (config: {
|
|
23
|
-
tooltipPrefixCls?: string;
|
|
24
|
-
info: HandleGeneratorInfo;
|
|
25
|
-
}) => React.ReactElement;
|
|
26
|
-
export interface SliderBaseProps {
|
|
27
|
-
/** 反向坐标 */
|
|
28
|
-
reverse?: boolean;
|
|
29
|
-
/** 最小值 */
|
|
30
|
-
min?: number;
|
|
31
|
-
/** 最大值 */
|
|
32
|
-
max?: number;
|
|
33
|
-
/** 步长,取值必须大于 0,并且可被 (max - min) 整除,
|
|
34
|
-
* 当 marks 不为空对象时,
|
|
35
|
-
* 可以设置 step 为 null,
|
|
36
|
-
* 此时 Slider 的可选值仅有 marks 标出来的部分
|
|
37
|
-
*/
|
|
38
|
-
step?: null | number;
|
|
39
|
-
/** 刻度标记,key 的类型必须为 number
|
|
40
|
-
* 且取值在闭区间 [min, max] 内,每个标签可以单独设置样式
|
|
41
|
-
*/
|
|
42
|
-
marks?: SliderMarks;
|
|
43
|
-
/** 是否只能拖拽到刻度上 */
|
|
44
|
-
dots?: boolean;
|
|
45
|
-
/** marks 不为空对象时有效,值为 true 时表示值为包含关系,false 表示并列 */
|
|
46
|
-
included?: boolean;
|
|
47
|
-
/** 禁用状态 */
|
|
48
|
-
disabled?: boolean;
|
|
49
|
-
/** 垂直方向 */
|
|
50
|
-
vertical?: boolean;
|
|
51
|
-
/** 提示格式化回调 */
|
|
52
|
-
tipFormatter?: null | ((value?: number) => React.ReactNode);
|
|
53
|
-
/** 类名 */
|
|
54
|
-
className?: string;
|
|
55
|
-
/** style */
|
|
56
|
-
style?: React.CSSProperties;
|
|
57
|
-
/** tooltip 是否始终显示 */
|
|
58
|
-
tooltipVisible?: boolean;
|
|
59
|
-
/** tooltip 显示位置 */
|
|
60
|
-
tooltipPlacement?: TooltipPlacement;
|
|
61
|
-
/** tooltip 挂载节点 */
|
|
62
|
-
getTooltipPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
|
|
63
|
-
/** 是否获得焦点 */
|
|
64
|
-
autoFocus?: boolean;
|
|
65
|
-
}
|
|
66
|
-
export interface SliderSingleProps extends SliderBaseProps {
|
|
67
|
-
/** 非范围slider */
|
|
68
|
-
range?: false;
|
|
69
|
-
/** 当前值 */
|
|
70
|
-
value?: number;
|
|
71
|
-
/** 默认值 */
|
|
72
|
-
defaultValue?: number;
|
|
73
|
-
/** 值变化时回调 */
|
|
74
|
-
onChange?: (value: number) => void;
|
|
75
|
-
/** 值变化后回调 */
|
|
76
|
-
onAfterChange?: (value: number) => void;
|
|
77
|
-
/** handle 样式 */
|
|
78
|
-
handleStyle?: React.CSSProperties;
|
|
79
|
-
/** 轨道样式 */
|
|
80
|
-
trackStyle?: React.CSSProperties;
|
|
81
|
-
}
|
|
82
|
-
export interface SliderRangeProps extends SliderBaseProps {
|
|
83
|
-
/** 范围slider */
|
|
84
|
-
range: true | SliderRange;
|
|
85
|
-
/** 当前值 */
|
|
86
|
-
value?: number[];
|
|
87
|
-
/** 默认值 */
|
|
88
|
-
defaultValue?: number[];
|
|
89
|
-
/** 值变化时回调 */
|
|
90
|
-
onChange?: (value: number[]) => void;
|
|
91
|
-
/** 值变化后回调 */
|
|
92
|
-
onAfterChange?: (value: number[]) => void;
|
|
93
|
-
/** handle 样式 */
|
|
94
|
-
handleStyle?: React.CSSProperties[];
|
|
95
|
-
/** 轨道样式 */
|
|
96
|
-
trackStyle?: React.CSSProperties[];
|
|
97
|
-
/** 允许跨越 */
|
|
98
|
-
allowCross?: boolean;
|
|
99
|
-
/** 允许推动 */
|
|
100
|
-
pushable?: boolean | number;
|
|
101
|
-
}
|
|
102
|
-
export {};
|
package/Split/index.d.ts
DELETED
package/Split/index.js
DELETED
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
|
|
2
|
-
import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
|
|
3
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
-
import React__default from 'react';
|
|
5
|
-
import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
|
|
6
|
-
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
7
|
-
import '../_verture/unsupportedIterableToArray-cb478f24.js';
|
|
8
|
-
|
|
9
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-split {\n display: flex;\n min-height: 200px;\n -webkit-user-select: none;\n user-select: none;\n}\n.paraui-v3-split .split-left {\n background-color: #ffffff;\n position: relative;\n min-width: 201px;\n}\n.paraui-v3-split .split-left .split-separator {\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n top: 0;\n right: 0;\n width: 6px;\n height: 100%;\n background-color: white;\n box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);\n cursor: col-resize;\n}\n.paraui-v3-split .split-left .split-separator i {\n display: inline-block;\n height: 14px;\n width: 1px;\n background-color: #e9e9e9;\n margin: 0 1px;\n}\n.paraui-v3-split .split-left .split-left-content {\n padding: 20px 34px 20px 20px;\n}\n.paraui-v3-split .split-right {\n background-color: #ffffff;\n flex: 1;\n}\n.paraui-v3-split .split-right-content {\n padding: 20px;\n}";
|
|
10
|
-
styleInject(css_248z);
|
|
11
|
-
|
|
12
|
-
var Split = function Split(props) {
|
|
13
|
-
var _props$minWidth = props.minWidth,
|
|
14
|
-
minWidth = _props$minWidth === void 0 ? 200 : _props$minWidth,
|
|
15
|
-
children = props.children;
|
|
16
|
-
var startX, startWidth, startWidthContainer;
|
|
17
|
-
var separatorRef = React__default.useRef(null);
|
|
18
|
-
var scalableRef = React__default.useRef(null);
|
|
19
|
-
var containerRef = React__default.useRef(null);
|
|
20
|
-
var _React$useState = React__default.useState({
|
|
21
|
-
left: null,
|
|
22
|
-
right: null
|
|
23
|
-
}),
|
|
24
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
25
|
-
state = _React$useState2[0],
|
|
26
|
-
setState = _React$useState2[1];
|
|
27
|
-
/**
|
|
28
|
-
* 陈夕 2021/4/21 下午3:34
|
|
29
|
-
* desc: 开始拖拽
|
|
30
|
-
* @params
|
|
31
|
-
**/
|
|
32
|
-
var startDrag = function startDrag(e) {
|
|
33
|
-
startX = e.clientX;
|
|
34
|
-
startWidthContainer = getDivWidth(containerRef.current);
|
|
35
|
-
startWidth = getDivWidth(scalableRef.current);
|
|
36
|
-
document.documentElement.addEventListener("mousemove", onDrag);
|
|
37
|
-
document.documentElement.addEventListener("mouseup", onStopDrag);
|
|
38
|
-
};
|
|
39
|
-
/**
|
|
40
|
-
* 陈夕 2021/4/21 下午3:34
|
|
41
|
-
* desc: 拖拽计算宽度位置,不能出现滚动条,所以要设置临界值
|
|
42
|
-
* @params
|
|
43
|
-
**/
|
|
44
|
-
var onDrag = function onDrag(e) {
|
|
45
|
-
var newWidth = startWidth + e.clientX - startX;
|
|
46
|
-
if (startWidthContainer - newWidth <= minWidth || newWidth <= minWidth) return;
|
|
47
|
-
scalableRef.current.style.width = newWidth + "px";
|
|
48
|
-
};
|
|
49
|
-
/**
|
|
50
|
-
* 陈夕 2021/4/21 下午3:35
|
|
51
|
-
* desc: 停止拖动,移除事件
|
|
52
|
-
* @params
|
|
53
|
-
**/
|
|
54
|
-
var onStopDrag = function onStopDrag(e) {
|
|
55
|
-
document.documentElement.removeEventListener("mousemove", onDrag);
|
|
56
|
-
document.documentElement.removeEventListener("mouseup", onStopDrag);
|
|
57
|
-
};
|
|
58
|
-
/**
|
|
59
|
-
* 陈夕 2021/4/21 下午3:35
|
|
60
|
-
* desc: 获取dom的宽度
|
|
61
|
-
* @params
|
|
62
|
-
**/
|
|
63
|
-
var getDivWidth = function getDivWidth(dom) {
|
|
64
|
-
return parseInt(dom.getBoundingClientRect().width, 10);
|
|
65
|
-
};
|
|
66
|
-
React__default.useEffect(function () {
|
|
67
|
-
var _a;
|
|
68
|
-
if (separatorRef.current) {
|
|
69
|
-
(_a = separatorRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener("mousedown", startDrag);
|
|
70
|
-
}
|
|
71
|
-
}, [separatorRef]);
|
|
72
|
-
/**
|
|
73
|
-
* 陈夕 2021/4/21 下午3:35
|
|
74
|
-
* desc: 切分传进来的数组的组件值
|
|
75
|
-
* @params
|
|
76
|
-
**/
|
|
77
|
-
React__default.useEffect(function () {
|
|
78
|
-
if (children && _typeof(children) === "object") {
|
|
79
|
-
setState({
|
|
80
|
-
left: children,
|
|
81
|
-
right: null
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
|
-
if (children && Array.isArray(children)) {
|
|
85
|
-
var leftComponent = children.slice(0, Math.floor(children.length / 2));
|
|
86
|
-
var rightComponent = children.slice(Math.floor(children.length / 2), children.length);
|
|
87
|
-
setState({
|
|
88
|
-
left: leftComponent,
|
|
89
|
-
right: rightComponent
|
|
90
|
-
});
|
|
91
|
-
}
|
|
92
|
-
}, [children]);
|
|
93
|
-
return jsxs("div", Object.assign({
|
|
94
|
-
className: $prefixCls + '-split',
|
|
95
|
-
ref: containerRef
|
|
96
|
-
}, {
|
|
97
|
-
children: [jsxs("div", Object.assign({
|
|
98
|
-
className: "split-left"
|
|
99
|
-
}, {
|
|
100
|
-
children: [jsx("div", Object.assign({
|
|
101
|
-
className: "split-left-content",
|
|
102
|
-
ref: scalableRef
|
|
103
|
-
}, {
|
|
104
|
-
children: state.left
|
|
105
|
-
})), jsxs("div", Object.assign({
|
|
106
|
-
className: "split-separator",
|
|
107
|
-
ref: separatorRef
|
|
108
|
-
}, {
|
|
109
|
-
children: [jsx("i", {}), jsx("i", {})]
|
|
110
|
-
}))]
|
|
111
|
-
})), jsx("div", Object.assign({
|
|
112
|
-
className: "split-right"
|
|
113
|
-
}, {
|
|
114
|
-
children: jsx("div", Object.assign({
|
|
115
|
-
className: "split-right-content"
|
|
116
|
-
}, {
|
|
117
|
-
children: state.right
|
|
118
|
-
}))
|
|
119
|
-
}))]
|
|
120
|
-
}));
|
|
121
|
-
};
|
|
122
|
-
|
|
123
|
-
export { Split as default };
|
package/Status/index.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @author Hanz
|
|
3
|
-
* @date 2022/11/8 5:53 PM
|
|
4
|
-
* @description 状态组件
|
|
5
|
-
*/
|
|
6
|
-
import React, { FC, ReactNode } from 'react';
|
|
7
|
-
import './index.scss';
|
|
8
|
-
export interface StatusProps {
|
|
9
|
-
/** 文本 **/
|
|
10
|
-
text: ReactNode;
|
|
11
|
-
/** 状态 */
|
|
12
|
-
status?: 'info' | 'success' | 'warning' | 'error' | 'completed';
|
|
13
|
-
/** 自定义状态图标 **/
|
|
14
|
-
icon?: ReactNode;
|
|
15
|
-
/** cls */
|
|
16
|
-
className?: string;
|
|
17
|
-
/** style */
|
|
18
|
-
style?: React.CSSProperties;
|
|
19
|
-
}
|
|
20
|
-
export declare const Status: FC<StatusProps>;
|
|
21
|
-
export default Status;
|