@para-ui/core 2.2.7-beta → 2.2.9
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/AutoBox/index.d.ts +34 -34
- package/AutoBox/index.js +15 -203
- package/AutoTips/index.d.ts +27 -27
- package/AutoTips/index.js +15 -84
- package/Breadcrumbs/index.d.ts +39 -39
- package/Breadcrumbs/index.js +15 -227
- package/Button/SplitButton.d.ts +61 -62
- package/Button/index.d.ts +56 -71
- package/Button/index.js +14 -348
- package/Button/lang/en_US.d.ts +4 -4
- package/Button/lang/index.d.ts +9 -9
- package/Button/lang/zh_CN.d.ts +4 -4
- package/ButtonGroup/index.d.ts +33 -33
- package/ButtonGroup/index.js +14 -128
- package/Carousel/index.d.ts +30 -30
- package/Carousel/index.js +15 -74
- package/Cascader/index.d.ts +52 -52
- package/Cascader/index.js +15 -166
- package/Cascader/lang/en_US.d.ts +4 -4
- package/Cascader/lang/index.d.ts +9 -9
- package/Cascader/lang/zh_CN.d.ts +4 -4
- package/Checkbox/index.d.ts +40 -40
- package/Checkbox/index.js +14 -105
- package/CheckboxGroup/index.d.ts +46 -46
- package/CheckboxGroup/index.js +14 -138
- package/Collapse/collapsePanel.d.ts +30 -30
- package/Collapse/index.d.ts +57 -57
- package/Collapse/index.js +15 -171
- package/Collapse/motion.d.ts +5 -5
- package/Collapse/util.d.ts +11 -11
- package/CollapseBox/index.d.ts +27 -27
- package/CollapseBox/index.js +15 -164
- package/CollapseBox/util.d.ts +5 -5
- package/ColorPicker/index.d.ts +4 -4
- package/ColorPicker/index.js +1 -4
- package/ComboSelect/WithTabsCombo/index.d.ts +11 -11
- package/ComboSelect/WithTabsCombo/interface.d.ts +141 -141
- package/ComboSelect/index.d.ts +11 -11
- package/ComboSelect/index.js +14 -1803
- package/ComboSelect/interface.d.ts +143 -140
- package/ComboSelect/lang/en_US.d.ts +8 -8
- package/ComboSelect/lang/index.d.ts +17 -17
- package/ComboSelect/lang/zh_CN.d.ts +8 -8
- package/ComboSelect/utils.d.ts +12 -12
- package/Container/index.d.ts +77 -77
- package/Container/index.js +15 -239
- package/DatePicker/PickerButton.d.ts +3 -3
- package/DatePicker/PickerTag.d.ts +3 -3
- package/DatePicker/generatePicker/generateRangePicker.d.ts +4 -4
- package/DatePicker/generatePicker/generateSinglePicker.d.ts +11 -11
- package/DatePicker/generatePicker/index.d.ts +77 -77
- package/DatePicker/index.d.ts +18 -18
- package/DatePicker/index.js +14 -733
- package/DatePicker/lang/en_US.d.ts +3 -3
- package/DatePicker/lang/index.d.ts +7 -7
- package/DatePicker/lang/zh_CN.d.ts +3 -3
- package/DatePicker/util.d.ts +20 -20
- package/Desktop/index.d.ts +55 -57
- package/Desktop/index.js +14 -853
- package/Drawer/index.d.ts +11 -11
- package/Drawer/index.js +14 -186
- package/Drawer/interface.d.ts +83 -83
- package/Drawer/lang/en_US.d.ts +5 -5
- package/Drawer/lang/index.d.ts +11 -11
- package/Drawer/lang/zh_CN.d.ts +5 -5
- package/Empty/images/index.d.ts +2 -3
- package/Empty/index.d.ts +30 -30
- package/Empty/index.js +14 -644
- package/Empty/lang/en_US.d.ts +6 -6
- package/Empty/lang/index.d.ts +13 -13
- package/Empty/lang/zh_CN.d.ts +6 -6
- package/Form/index.d.ts +181 -181
- package/Form/index.js +14 -384
- package/FormItem/compoments/defaultCompoments/index.d.ts +19 -19
- package/FormItem/compoments/formCheckboxGroup/index.d.ts +8 -8
- package/FormItem/compoments/formFile/index.d.ts +38 -38
- package/FormItem/compoments/formRadioGroup/index.d.ts +8 -8
- package/FormItem/compoments/formSelect/index.d.ts +18 -18
- package/FormItem/errorTips.d.ts +12 -12
- package/FormItem/index.d.ts +152 -152
- package/FormItem/index.js +14 -81
- package/FormItem/itemType.d.ts +42 -42
- package/FormItem/validateFunction.d.ts +15 -15
- package/FunctionModal/dialog.d.ts +58 -58
- package/FunctionModal/index.d.ts +8 -8
- package/FunctionModal/index.js +14 -39
- package/FunctionModal/modalContext.d.ts +14 -15
- package/GlobalContext/componentsProps.d.ts +19 -19
- package/GlobalContext/confirmLocale.d.ts +7 -7
- package/GlobalContext/index.d.ts +28 -28
- package/GlobalContext/index.js +16 -41
- package/GlobalContext/intl.d.ts +34 -34
- package/GlobalContext/useFormatMessage.d.ts +3 -3
- package/Help/index.d.ts +20 -18
- package/Help/index.js +15 -39
- package/HelperText/index.d.ts +19 -19
- package/HelperText/index.js +15 -29
- package/Hooks/useGlobalProps.d.ts +1 -1
- package/InputLang/index.d.ts +49 -49
- package/InputLang/index.js +14 -270
- package/InputNumber/index.d.ts +74 -74
- package/InputNumber/index.js +14 -308
- package/Label/index.d.ts +35 -35
- package/Label/index.js +14 -81
- package/Loading/index.d.ts +17 -17
- package/Loading/index.js +15 -47
- package/Menu/footerExpansion.d.ts +9 -9
- package/Menu/index.d.ts +10 -10
- package/Menu/index.js +14 -1232
- package/Menu/interface.d.ts +139 -139
- package/Menu/logo.d.ts +9 -9
- package/Menu/verticalMenuList.d.ts +14 -14
- package/Message/index.d.ts +73 -73
- package/Message/index.js +15 -222
- package/Modal/Confirm/index.d.ts +66 -65
- package/Modal/index.d.ts +61 -90
- package/Modal/index.js +14 -443
- package/Modal/lang/en_US.d.ts +5 -5
- package/Modal/lang/index.d.ts +11 -11
- package/Modal/lang/zh_CN.d.ts +5 -5
- package/MultiBox/index.d.ts +54 -54
- package/MultiBox/index.js +14 -231
- package/Notification/index.d.ts +52 -52
- package/Notification/index.js +15 -266
- package/OperateBtn/index.d.ts +59 -59
- package/OperateBtn/index.js +14 -260
- package/OperateBtn/lang/en_US.d.ts +4 -4
- package/OperateBtn/lang/index.d.ts +9 -9
- package/OperateBtn/lang/zh_CN.d.ts +4 -4
- package/PageHeader/horizontalMeun.d.ts +9 -9
- package/PageHeader/horizontalMeunRight.d.ts +9 -9
- package/PageHeader/index.d.ts +10 -10
- package/PageHeader/index.js +14 -1171
- package/PageHeader/interface.d.ts +167 -167
- package/Pagination/index.d.ts +33 -33
- package/Pagination/index.js +14 -469
- package/Pagination/lang/en_US.d.ts +8 -8
- package/Pagination/lang/index.d.ts +17 -17
- package/Pagination/lang/zh_CN.d.ts +8 -8
- package/ParauiProvider/index.d.ts +12 -8
- package/ParauiProvider/index.js +15 -53
- package/PopConfirm/index.d.ts +56 -58
- package/PopConfirm/index.js +14 -189
- package/PopConfirm/lang/en_US.d.ts +5 -5
- package/PopConfirm/lang/index.d.ts +11 -11
- package/PopConfirm/lang/zh_CN.d.ts +5 -5
- package/Popover/index.d.ts +14 -14
- package/Popover/index.js +15 -66
- package/Popper/index.d.ts +13 -0
- package/Popper/index.js +16 -0
- package/Progress/Line.d.ts +47 -47
- package/Progress/Steps.d.ts +17 -17
- package/Progress/index.d.ts +81 -81
- package/Progress/index.js +20 -358
- package/Progress/utils.d.ts +6 -6
- package/Querying/images/index.d.ts +2 -3
- package/Querying/index.d.ts +26 -26
- package/Querying/index.js +14 -762
- package/Querying/lang/en_US.d.ts +4 -4
- package/Querying/lang/index.d.ts +9 -9
- package/Querying/lang/zh_CN.d.ts +4 -4
- package/README.md +518 -0
- package/Radio/index.d.ts +38 -38
- package/Radio/index.js +14 -94
- package/RadioGroup/index.d.ts +47 -47
- package/RadioGroup/index.js +14 -128
- package/Search/index.d.ts +56 -56
- package/Search/index.js +14 -220
- package/Select/index.d.ts +86 -86
- package/Select/index.js +14 -1288
- package/Select/lang/en_US.d.ts +5 -5
- package/Select/lang/index.d.ts +11 -11
- package/Select/lang/zh_CN.d.ts +5 -5
- package/SelectInput/index.d.ts +11 -11
- package/SelectInput/index.js +14 -51
- package/SingleBox/index.d.ts +42 -42
- package/SingleBox/index.js +14 -194
- package/Slider/index.d.ts +14 -14
- package/Slider/index.js +15 -125
- package/Slider/interface.d.ts +102 -102
- package/Split/index.d.ts +7 -7
- package/Split/index.js +15 -134
- package/Stepper/icons.d.ts +5 -5
- package/Stepper/index.d.ts +39 -49
- package/Stepper/index.js +15 -99
- package/Switch/index.d.ts +78 -78
- package/Switch/index.js +14 -73
- package/Table/index.d.ts +10 -10
- package/Table/index.js +14 -2725
- package/Table/interface.d.ts +202 -202
- package/Table/lang/en_US.d.ts +6 -6
- package/Table/lang/index.d.ts +13 -13
- package/Table/lang/zh_CN.d.ts +6 -6
- package/Table/tableBody.d.ts +9 -9
- package/Table/tableBodyElement/index.d.ts +15 -15
- package/Table/tableBodyInterface.d.ts +67 -67
- package/Table/tableContainer/index.d.ts +16 -16
- package/Table/tableElement/index.d.ts +17 -17
- package/Table/tableHead.d.ts +9 -9
- package/Table/tableHeadElement/index.d.ts +15 -15
- package/Table/tableHeadInterface.d.ts +30 -26
- package/Table/tablePagination.d.ts +9 -9
- package/Table/tablePaginationInterFace.d.ts +24 -24
- package/Table/tdElement/index.d.ts +15 -15
- package/Table/thElement/index.d.ts +15 -15
- package/Table/trElement/index.d.ts +15 -15
- package/Table/util.d.ts +16 -16
- package/Tabs/index.d.ts +48 -69
- package/Tabs/index.js +14 -218
- package/Tag/TagGroup.d.ts +66 -66
- package/Tag/index.d.ts +34 -34
- package/Tag/index.js +14 -286
- package/Test/index.d.ts +2 -3
- package/Test/index.js +16 -9
- package/TextField/index.d.ts +93 -93
- package/TextField/index.js +14 -686
- package/TimePicker/index.d.ts +22 -22
- package/TimePicker/index.js +14 -77
- package/TimePicker/locale/en_US.d.ts +3 -3
- package/TimePicker/locale/zh_CN.d.ts +3 -3
- package/TimePicker/style/index.d.ts +1 -1
- package/Timeline/index.d.ts +22 -31
- package/Timeline/index.js +15 -150
- package/ToggleButton/ToggleButtonGroup.d.ts +49 -49
- package/ToggleButton/index.d.ts +49 -49
- package/ToggleButton/index.js +14 -200
- package/Tooltip/index.d.ts +14 -11
- package/Tooltip/index.js +15 -335
- package/Transfer/index.d.ts +17 -18
- package/Transfer/index.js +14 -343
- package/Transfer/lang/en_US.d.ts +6 -6
- package/Transfer/lang/index.d.ts +13 -13
- package/Transfer/lang/zh_CN.d.ts +6 -6
- package/Tree/OperateBar/index.d.ts +13 -13
- package/Tree/Tree.d.ts +4 -4
- package/Tree/index.d.ts +5 -5
- package/Tree/index.js +14 -35
- package/Tree/interface.d.ts +207 -209
- package/Tree/lang/en_US.d.ts +8 -8
- package/Tree/lang/index.d.ts +17 -17
- package/Tree/lang/zh_CN.d.ts +8 -8
- package/Tree/utils/tools.d.ts +26 -26
- package/Tree/utils/treeUtil.d.ts +15 -15
- package/Upload/Dragger/index.d.ts +10 -10
- package/Upload/ErroTip/index.d.ts +13 -13
- package/Upload/ImageUpload/index.d.ts +14 -14
- package/Upload/ImgCrop/EasyCrop.d.ts +17 -17
- package/Upload/ImgCrop/constants.d.ts +7 -7
- package/Upload/ImgCrop/index.d.ts +6 -6
- package/Upload/ImgCrop/interface.d.ts +24 -24
- package/Upload/UploadList/index.d.ts +5 -5
- package/Upload/index.d.ts +15 -15
- package/Upload/index.js +14 -1542
- package/Upload/interface.d.ts +134 -134
- package/Upload/lang/en_US.d.ts +12 -12
- package/Upload/lang/index.d.ts +25 -25
- package/Upload/lang/zh_CN.d.ts +12 -12
- package/cdn/AutoBox/index.js +29 -0
- package/cdn/AutoTips/index.js +40 -0
- package/cdn/Breadcrumbs/index.js +53 -0
- package/cdn/Button/index.js +79 -0
- package/cdn/ButtonGroup/index.js +79 -0
- package/cdn/Carousel/index.js +6 -0
- package/cdn/Cascader/index.js +42 -0
- package/cdn/Checkbox/index.js +53 -0
- package/cdn/CheckboxGroup/index.js +53 -0
- package/cdn/Collapse/index.js +27 -0
- package/cdn/CollapseBox/index.js +1 -0
- package/cdn/ColorPicker/index.js +1 -0
- package/cdn/ComboSelect/index.js +438 -0
- package/cdn/Container/index.js +1 -0
- package/cdn/DatePicker/index.js +185 -0
- package/cdn/Desktop/index.js +24 -0
- package/cdn/Drawer/index.js +84 -0
- package/cdn/Empty/index.js +1 -0
- package/cdn/Form/index.js +477 -0
- package/cdn/FormItem/index.js +477 -0
- package/cdn/FunctionModal/index.js +144 -0
- package/cdn/GlobalContext/index.js +1 -0
- package/cdn/Help/index.js +53 -0
- package/cdn/HelperText/index.js +1 -0
- package/cdn/InputLang/index.js +144 -0
- package/cdn/InputNumber/index.js +118 -0
- package/cdn/Label/index.js +53 -0
- package/cdn/Loading/index.js +14 -0
- package/cdn/Menu/index.js +40 -0
- package/cdn/Message/index.js +53 -0
- package/cdn/Modal/index.js +144 -0
- package/cdn/MultiBox/index.js +131 -0
- package/cdn/Notification/index.js +66 -0
- package/cdn/OperateBtn/index.js +92 -0
- package/cdn/PageHeader/index.js +92 -0
- package/cdn/Pagination/index.js +214 -0
- package/cdn/ParauiProvider/index.js +9 -0
- package/cdn/PopConfirm/index.js +131 -0
- package/cdn/Popover/index.js +16 -0
- package/cdn/Popper/index.js +26 -0
- package/cdn/Progress/index.js +58 -0
- package/cdn/Querying/index.js +1 -0
- package/cdn/Radio/index.js +53 -0
- package/cdn/RadioGroup/index.js +53 -0
- package/cdn/Search/index.js +144 -0
- package/cdn/Select/index.js +131 -0
- package/cdn/SelectInput/index.js +131 -0
- package/cdn/SingleBox/index.js +131 -0
- package/cdn/Slider/index.js +16 -0
- package/cdn/Split/index.js +1 -0
- package/cdn/Stepper/index.js +154 -0
- package/cdn/Switch/index.js +71 -0
- package/cdn/Table/index.js +292 -0
- package/cdn/Tabs/index.js +165 -0
- package/cdn/Tag/index.js +27 -0
- package/cdn/Test/index.js +1 -0
- package/cdn/TextField/index.js +105 -0
- package/cdn/TimePicker/index.js +185 -0
- package/cdn/Timeline/index.js +16 -0
- package/cdn/ToggleButton/index.js +79 -0
- package/cdn/Tooltip/index.js +40 -0
- package/cdn/Transfer/index.js +170 -0
- package/cdn/Tree/index.js +170 -0
- package/cdn/Upload/index.js +252 -0
- package/index.d.ts +128 -128
- package/index.js +19 -160
- package/package.json +21 -54
- package/style.css +72 -0
- package/Dropdown/index.d.ts +0 -25
- package/Dropdown/index.js +0 -67
- 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/Timeline/TimelineItem.d.ts +0 -23
- package/Tooltip/interface.d.ts +0 -21
- package/Tooltip/utils.d.ts +0 -22
- package/_verture/defineProperty-0590dc61.js +0 -16
- package/_verture/index-2c0ecd8d.js +0 -778
- package/_verture/index-342379c6.js +0 -391
- package/_verture/index-a369ca3f.js +0 -4
- package/_verture/index-e2881a53.js +0 -16
- package/_verture/index-ee85b1cd.js +0 -1555
- package/_verture/intl-336570e4.js +0 -65
- package/_verture/modalContext-e7cc8067.js +0 -228
- package/_verture/slicedToArray-d7722f4b.js +0 -62
- package/_verture/style-inject.es-300983ab.js +0 -28
- package/_verture/toConsumableArray-f8047a75.js +0 -19
- package/_verture/tslib.es6-55ed4bd2.js +0 -38
- package/_verture/typeof-498dd2b1.js +0 -11
- package/_verture/useFormatMessage-ac9d6acf.js +0 -20
- package/_verture/useGlobalProps-af9a2af6.js +0 -12
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
zh: {
|
|
3
|
-
cancel: string;
|
|
4
|
-
ok: string;
|
|
5
|
-
};
|
|
6
|
-
en: {
|
|
7
|
-
cancel: string;
|
|
8
|
-
ok: string;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
export default _default;
|
|
1
|
+
declare const _default: {
|
|
2
|
+
zh: {
|
|
3
|
+
cancel: string;
|
|
4
|
+
ok: string;
|
|
5
|
+
};
|
|
6
|
+
en: {
|
|
7
|
+
cancel: string;
|
|
8
|
+
ok: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
cancel: string;
|
|
3
|
-
ok: string;
|
|
4
|
-
};
|
|
5
|
-
export default _default;
|
|
1
|
+
declare const _default: {
|
|
2
|
+
cancel: string;
|
|
3
|
+
ok: string;
|
|
4
|
+
};
|
|
5
|
+
export default _default;
|
package/Popover/index.d.ts
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @author
|
|
3
|
-
* @date
|
|
4
|
-
* @description
|
|
5
|
-
*/
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
import './index.scss';
|
|
9
|
-
export interface PopoverProps extends
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
export declare const Popover:
|
|
14
|
-
export default Popover;
|
|
1
|
+
/**
|
|
2
|
+
* @author linhd
|
|
3
|
+
* @date 2021/8/12 18:25
|
|
4
|
+
* @description 弹出框
|
|
5
|
+
*/
|
|
6
|
+
import { FunctionComponent } from 'react';
|
|
7
|
+
import { PopoverProps as MuiPopoverProps } from '@material-ui/core';
|
|
8
|
+
import './index.scss';
|
|
9
|
+
export interface PopoverProps extends MuiPopoverProps {
|
|
10
|
+
/** 样式class */
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const Popover: FunctionComponent<PopoverProps>;
|
|
14
|
+
export default Popover;
|
package/Popover/index.js
CHANGED
|
@@ -1,66 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
content = props.content,
|
|
17
|
-
restProps = __rest(props, ["title", "content"]);
|
|
18
|
-
|
|
19
|
-
var getPopupContainer = function getPopupContainer(triggerNode) {
|
|
20
|
-
var container;
|
|
21
|
-
|
|
22
|
-
if (!props.getPopupContainer) {
|
|
23
|
-
container = document.querySelector('.para-container-right');
|
|
24
|
-
if (!container) container = document.body;
|
|
25
|
-
} else {
|
|
26
|
-
container = props.getPopupContainer(triggerNode) || document.body;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
return container;
|
|
30
|
-
}; //浮层
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
var getOverlay = function getOverlay(prefixCls) {
|
|
34
|
-
if (!title && !content) return null;
|
|
35
|
-
return jsxs(Fragment, {
|
|
36
|
-
children: [title && jsx("div", Object.assign({
|
|
37
|
-
className: "".concat(prefixCls, "-title")
|
|
38
|
-
}, {
|
|
39
|
-
children: title
|
|
40
|
-
})), jsx("div", Object.assign({
|
|
41
|
-
className: "".concat(prefixCls, "-inner-content")
|
|
42
|
-
}, {
|
|
43
|
-
children: content
|
|
44
|
-
}))]
|
|
45
|
-
});
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
var prefixCls = 'paraui-popover';
|
|
49
|
-
return jsx(Tooltip, Object.assign({}, restProps, {
|
|
50
|
-
prefixCls: prefixCls,
|
|
51
|
-
ref: ref,
|
|
52
|
-
title: getOverlay(prefixCls),
|
|
53
|
-
transitionName: 'paraui-popover-zoom-big',
|
|
54
|
-
getPopupContainer: getPopupContainer
|
|
55
|
-
}));
|
|
56
|
-
});
|
|
57
|
-
Popover.displayName = 'Popover';
|
|
58
|
-
Popover.defaultProps = {
|
|
59
|
-
placement: 'bottom',
|
|
60
|
-
trigger: 'click',
|
|
61
|
-
mouseEnterDelay: 0.1,
|
|
62
|
-
mouseLeaveDelay: 0.1,
|
|
63
|
-
arrow: false
|
|
64
|
-
};
|
|
65
|
-
|
|
66
|
-
export { Popover, Popover as default };
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@material-ui/core")):"function"==typeof define&&define.amd?define(["react","@material-ui/core"],t):"object"==typeof exports?exports.ParaUI=t(require("react"),require("@material-ui/core")):e.ParaUI=t(e.react,e["@material-ui/core"])}(self,(function(e,t){return function(){var r={5845:function(e,t,r){(t=r(3645)(!1)).push([e.id,".paraui-popover-paper{box-shadow:0px 2px 8px 0px rgba(171,176,185,.4)}",""]),e.exports=t},3645:function(e){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var r=function(e,t){var r=e[1]||"",n=e[3];if(!n)return r;if(t&&"function"==typeof btoa){var o=(i=n,c=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(u," */")),a=n.sources.map((function(e){return"/*# sourceURL=".concat(n.sourceRoot||"").concat(e," */")}));return[r].concat(a).concat([o]).join("\n")}var i,c,u;return[r].join("\n")}(t,e);return t[2]?"@media ".concat(t[2]," {").concat(r,"}"):r})).join("")},t.i=function(e,r,n){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(n)for(var a=0;a<this.length;a++){var i=this[a][0];null!=i&&(o[i]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);n&&o[u[0]]||(r&&(u[2]?u[2]="".concat(r," and ").concat(u[2]):u[2]=r),t.push(u))}},t}},7418:function(e){"use strict";
|
|
2
|
+
/*
|
|
3
|
+
object-assign
|
|
4
|
+
(c) Sindre Sorhus
|
|
5
|
+
@license MIT
|
|
6
|
+
*/var t=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},r=0;r<10;r++)t["_"+String.fromCharCode(r)]=r;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,a){for(var i,c,u=o(e),s=1;s<arguments.length;s++){for(var f in i=Object(arguments[s]))r.call(i,f)&&(u[f]=i[f]);if(t){c=t(i);for(var l=0;l<c.length;l++)n.call(i,c[l])&&(u[c[l]]=i[c[l]])}}return u}},5251:function(e,t,r){"use strict";
|
|
7
|
+
/** @license React v17.0.2
|
|
8
|
+
* react-jsx-runtime.production.min.js
|
|
9
|
+
*
|
|
10
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
11
|
+
*
|
|
12
|
+
* This source code is licensed under the MIT license found in the
|
|
13
|
+
* LICENSE file in the root directory of this source tree.
|
|
14
|
+
*/
|
|
15
|
+
r(7418);var n=r(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var a=Symbol.for;o=a("react.element"),a("react.fragment")}var i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function s(e,t,r){var n,a={},s=null,f=null;for(n in void 0!==r&&(s=""+r),void 0!==t.key&&(s=""+t.key),void 0!==t.ref&&(f=t.ref),t)c.call(t,n)&&!u.hasOwnProperty(n)&&(a[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===a[n]&&(a[n]=t[n]);return{$$typeof:o,type:e,key:s,ref:f,props:a,_owner:i.current}}t.jsx=s},5893:function(e,t,r){"use strict";e.exports=r(5251)},8939:function(e,t,r){var n=r(3379),o=r(5845);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[e.id,o,""]]);var a={insert:("body","body"),singleton:!1};n(o,a);e.exports=o.locals||{}},3379:function(e,t,r){"use strict";var n,o=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},a=function(){var e={};return function(t){if(void 0===e[t]){var r=document.querySelector(t);if(window.HTMLIFrameElement&&r instanceof window.HTMLIFrameElement)try{r=r.contentDocument.head}catch(e){r=null}e[t]=r}return e[t]}}(),i=[];function c(e){for(var t=-1,r=0;r<i.length;r++)if(i[r].identifier===e){t=r;break}return t}function u(e,t){for(var r={},n=[],o=0;o<e.length;o++){var a=e[o],u=t.base?a[0]+t.base:a[0],s=r[u]||0,f="".concat(u," ").concat(s);r[u]=s+1;var l=c(f),p={css:a[1],media:a[2],sourceMap:a[3]};-1!==l?(i[l].references++,i[l].updater(p)):i.push({identifier:f,updater:b(p,t),references:1}),n.push(f)}return n}function s(e){var t=document.createElement("style"),n=e.attributes||{};if(void 0===n.nonce){var o=r.nc;o&&(n.nonce=o)}if(Object.keys(n).forEach((function(e){t.setAttribute(e,n[e])})),"function"==typeof e.insert)e.insert(t);else{var i=a(e.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(t)}return t}var f,l=(f=[],function(e,t){return f[e]=t,f.filter(Boolean).join("\n")});function p(e,t,r,n){var o=r?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(e.styleSheet)e.styleSheet.cssText=l(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function d(e,t,r){var n=r.css,o=r.media,a=r.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var v=null,y=0;function b(e,t){var r,n,o;if(t.singleton){var a=y++;r=v||(v=s(t)),n=p.bind(null,r,a,!1),o=p.bind(null,r,a,!0)}else r=s(t),n=d.bind(null,r,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(r)};return n(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;n(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var r=u(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var n=0;n<r.length;n++){var o=c(r[n]);i[o].references--}for(var a=u(e,t),s=0;s<r.length;s++){var f=c(r[s]);0===i[f].references&&(i[f].updater(),i.splice(f,1))}r=a}}}},670:function(e){"use strict";e.exports=t},8156:function(t){"use strict";t.exports=e}},n={};function o(e){var t=n[e];if(void 0!==t)return t.exports;var a=n[e]={id:e,exports:{}};return r[e](a,a.exports,o),a.exports}o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,{a:t}),t},o.d=function(e,t){for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.nc=void 0;var a={};return function(){"use strict";o.r(a),o.d(a,{Popover:function(){return i}});var e=o(5893),t=o(670),r=(o(8939),function(){return r=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)}),n=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r},i=function(o){var a,i=o.className,c=o.children,u=o.classes,s=o.style,f=n(o,["className","children","classes","style"]);return(0,e.jsx)(t.Popover,r({style:r({zIndex:1300},s),className:(a="paraui-popover",i&&(a+=" "+i),a),classes:{paper:u?"paraui-popover-paper ".concat(u):"paraui-popover-paper"}},f,{children:c}))};a.default=i}(),a}()}));
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @author linhd
|
|
3
|
+
* @date 2021/8/12 18:25
|
|
4
|
+
* @description 弹出框
|
|
5
|
+
*/
|
|
6
|
+
import { FunctionComponent } from 'react';
|
|
7
|
+
import { PopperProps as MuiPopperProps } from '@material-ui/core';
|
|
8
|
+
export interface PopperProps extends MuiPopperProps {
|
|
9
|
+
/** 样式class */
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const Popper: FunctionComponent<PopperProps>;
|
|
13
|
+
export default Popper;
|
package/Popper/index.js
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react"),require("@material-ui/core")):"function"==typeof define&&define.amd?define(["react","@material-ui/core"],r):"object"==typeof exports?exports.ParaUI=r(require("react"),require("@material-ui/core")):e.ParaUI=r(e.react,e["@material-ui/core"])}(self,(function(e,r){return function(){"use strict";var t={7418:function(e){
|
|
2
|
+
/*
|
|
3
|
+
object-assign
|
|
4
|
+
(c) Sindre Sorhus
|
|
5
|
+
@license MIT
|
|
6
|
+
*/
|
|
7
|
+
var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,a){for(var i,c,u=o(e),f=1;f<arguments.length;f++){for(var p in i=Object(arguments[f]))t.call(i,p)&&(u[p]=i[p]);if(r){c=r(i);for(var l=0;l<c.length;l++)n.call(i,c[l])&&(u[c[l]]=i[c[l]])}}return u}},5251:function(e,r,t){
|
|
8
|
+
/** @license React v17.0.2
|
|
9
|
+
* react-jsx-runtime.production.min.js
|
|
10
|
+
*
|
|
11
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
12
|
+
*
|
|
13
|
+
* This source code is licensed under the MIT license found in the
|
|
14
|
+
* LICENSE file in the root directory of this source tree.
|
|
15
|
+
*/
|
|
16
|
+
t(7418);var n=t(8156),o=60103;if(60107,"function"==typeof Symbol&&Symbol.for){var a=Symbol.for;o=a("react.element"),a("react.fragment")}var i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,c=Object.prototype.hasOwnProperty,u={key:!0,ref:!0,__self:!0,__source:!0};function f(e,r,t){var n,a={},f=null,p=null;for(n in void 0!==t&&(f=""+t),void 0!==r.key&&(f=""+r.key),void 0!==r.ref&&(p=r.ref),r)c.call(r,n)&&!u.hasOwnProperty(n)&&(a[n]=r[n]);if(e&&e.defaultProps)for(n in r=e.defaultProps)void 0===a[n]&&(a[n]=r[n]);return{$$typeof:o,type:e,key:f,ref:p,props:a,_owner:i.current}}r.jsx=f},5893:function(e,r,t){e.exports=t(5251)},670:function(e){e.exports=r},8156:function(r){r.exports=e}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,o),a.exports}o.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(r,{a:r}),r},o.d=function(e,r){for(var t in r)o.o(r,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},o.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return function(){o.r(a),o.d(a,{Popper:function(){return i}});var e=o(5893),r=o(670),t=function(){return t=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},t.apply(this,arguments)},n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t},i=function(o){var a,i=o.className,c=o.children,u=n(o,["className","children"]);return(0,e.jsx)(r.Popper,t({className:(a="paraui-popper",i&&(a+=" "+i),a)},u,{children:c}))};a.default=i}(),a}()}));
|
package/Progress/Line.d.ts
CHANGED
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @author jill
|
|
3
|
-
* @date 2022/3/10 18:25
|
|
4
|
-
* @description 线性进度条
|
|
5
|
-
*/
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
import { ProgressProps, StringGradients, DirectionType } from "./index";
|
|
8
|
-
interface LineProps extends ProgressProps {
|
|
9
|
-
direction?: DirectionType;
|
|
10
|
-
children: React.ReactNode;
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* 转换 百分比 到 样式格式
|
|
14
|
-
* {
|
|
15
|
-
* "0%": "#afc163",
|
|
16
|
-
* "75%": "#009900",
|
|
17
|
-
* "50%": "green", // ====> '#afc163 0%, #66FF00 25%, #00CC00 50%, #009900 75%, #ffffff 100%'
|
|
18
|
-
* "25%": "#66FF00",
|
|
19
|
-
* "100%": "#ffffff"
|
|
20
|
-
* }
|
|
21
|
-
* @param gradients 渐变的参数
|
|
22
|
-
* @return {string} 样式值
|
|
23
|
-
*/
|
|
24
|
-
export declare const sortGradient: (gradients: StringGradients) => string;
|
|
25
|
-
/**
|
|
26
|
-
* 转换传进来 渐变的参数 为css样式
|
|
27
|
-
* {
|
|
28
|
-
* "0%": "#afc163",
|
|
29
|
-
* "25%": "#66FF00",
|
|
30
|
-
* "50%": "#00CC00", // ====> linear-gradient(to right, #afc163 0%, #66FF00 25%,
|
|
31
|
-
* "75%": "#009900", // #00CC00 50%, #009900 75%, #ffffff 100%)
|
|
32
|
-
* "100%": "#ffffff"
|
|
33
|
-
* }
|
|
34
|
-
*
|
|
35
|
-
* {
|
|
36
|
-
* "from": "#afc163",
|
|
37
|
-
* "to": "#66FF00",// ====> linear-gradient(to right, #afc163, #66FF00)
|
|
38
|
-
* }
|
|
39
|
-
*
|
|
40
|
-
* @param {string} strokeColor 颜色值
|
|
41
|
-
* @return 返回 backgroundImage 的样式值
|
|
42
|
-
*/
|
|
43
|
-
export declare const handleGradient: (strokeColor: any, directionConfig: DirectionType) => {
|
|
44
|
-
backgroundImage: string;
|
|
45
|
-
};
|
|
46
|
-
declare const Line: React.FC<LineProps>;
|
|
47
|
-
export default Line;
|
|
1
|
+
/**
|
|
2
|
+
* @author jill
|
|
3
|
+
* @date 2022/3/10 18:25
|
|
4
|
+
* @description 线性进度条
|
|
5
|
+
*/
|
|
6
|
+
import * as React from "react";
|
|
7
|
+
import { ProgressProps, StringGradients, DirectionType } from "./index";
|
|
8
|
+
interface LineProps extends ProgressProps {
|
|
9
|
+
direction?: DirectionType;
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* 转换 百分比 到 样式格式
|
|
14
|
+
* {
|
|
15
|
+
* "0%": "#afc163",
|
|
16
|
+
* "75%": "#009900",
|
|
17
|
+
* "50%": "green", // ====> '#afc163 0%, #66FF00 25%, #00CC00 50%, #009900 75%, #ffffff 100%'
|
|
18
|
+
* "25%": "#66FF00",
|
|
19
|
+
* "100%": "#ffffff"
|
|
20
|
+
* }
|
|
21
|
+
* @param gradients 渐变的参数
|
|
22
|
+
* @return {string} 样式值
|
|
23
|
+
*/
|
|
24
|
+
export declare const sortGradient: (gradients: StringGradients) => string;
|
|
25
|
+
/**
|
|
26
|
+
* 转换传进来 渐变的参数 为css样式
|
|
27
|
+
* {
|
|
28
|
+
* "0%": "#afc163",
|
|
29
|
+
* "25%": "#66FF00",
|
|
30
|
+
* "50%": "#00CC00", // ====> linear-gradient(to right, #afc163 0%, #66FF00 25%,
|
|
31
|
+
* "75%": "#009900", // #00CC00 50%, #009900 75%, #ffffff 100%)
|
|
32
|
+
* "100%": "#ffffff"
|
|
33
|
+
* }
|
|
34
|
+
*
|
|
35
|
+
* {
|
|
36
|
+
* "from": "#afc163",
|
|
37
|
+
* "to": "#66FF00",// ====> linear-gradient(to right, #afc163, #66FF00)
|
|
38
|
+
* }
|
|
39
|
+
*
|
|
40
|
+
* @param {string} strokeColor 颜色值
|
|
41
|
+
* @return 返回 backgroundImage 的样式值
|
|
42
|
+
*/
|
|
43
|
+
export declare const handleGradient: (strokeColor: any, directionConfig: DirectionType) => {
|
|
44
|
+
backgroundImage: string;
|
|
45
|
+
};
|
|
46
|
+
declare const Line: React.FC<LineProps>;
|
|
47
|
+
export default Line;
|
package/Progress/Steps.d.ts
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @author jill
|
|
3
|
-
* @date 2022/3/10 18:25
|
|
4
|
-
* @description 进度条的步骤条
|
|
5
|
-
*/
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
import { ProgressProps } from "./index";
|
|
8
|
-
interface StepsProps extends ProgressProps {
|
|
9
|
-
/** 一共有多少步 **/
|
|
10
|
-
steps: number;
|
|
11
|
-
/** 进度条高亮部分颜色配置 **/
|
|
12
|
-
strokeColor?: string;
|
|
13
|
-
/** 进度条轨道部分颜色配置 **/
|
|
14
|
-
trailColor?: string;
|
|
15
|
-
}
|
|
16
|
-
declare const Steps: React.FC<StepsProps>;
|
|
17
|
-
export default Steps;
|
|
1
|
+
/**
|
|
2
|
+
* @author jill
|
|
3
|
+
* @date 2022/3/10 18:25
|
|
4
|
+
* @description 进度条的步骤条
|
|
5
|
+
*/
|
|
6
|
+
import * as React from "react";
|
|
7
|
+
import { ProgressProps } from "./index";
|
|
8
|
+
interface StepsProps extends ProgressProps {
|
|
9
|
+
/** 一共有多少步 **/
|
|
10
|
+
steps: number;
|
|
11
|
+
/** 进度条高亮部分颜色配置 **/
|
|
12
|
+
strokeColor?: string;
|
|
13
|
+
/** 进度条轨道部分颜色配置 **/
|
|
14
|
+
trailColor?: string;
|
|
15
|
+
}
|
|
16
|
+
declare const Steps: React.FC<StepsProps>;
|
|
17
|
+
export default Steps;
|
package/Progress/index.d.ts
CHANGED
|
@@ -1,81 +1,81 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @author jill
|
|
3
|
-
* @date 2022/3/10 18:25
|
|
4
|
-
* @description 进度条
|
|
5
|
-
*/
|
|
6
|
-
import React, { FunctionComponent } from "react";
|
|
7
|
-
import "./index.scss";
|
|
8
|
-
/** 进度条类型 **/
|
|
9
|
-
declare enum ProgressTypes {
|
|
10
|
-
"line" = 0,
|
|
11
|
-
"circle" = 1,
|
|
12
|
-
"dashboard" = 2
|
|
13
|
-
}
|
|
14
|
-
export declare type ProgressType = typeof ProgressTypes[number];
|
|
15
|
-
/** 进度条状态 **/
|
|
16
|
-
declare enum ProgressStatuses {
|
|
17
|
-
"normal" = 0,
|
|
18
|
-
"exception" = 1,
|
|
19
|
-
"active" = 2,
|
|
20
|
-
"success" = 3
|
|
21
|
-
}
|
|
22
|
-
/** 渐变进度条入参格式 两种 **/
|
|
23
|
-
export declare type StringGradients = {
|
|
24
|
-
[percentage: string]: string;
|
|
25
|
-
};
|
|
26
|
-
declare type FromToGradients = {
|
|
27
|
-
from: string;
|
|
28
|
-
to: string;
|
|
29
|
-
};
|
|
30
|
-
declare type ColorStringGradients = [string, StringGradients];
|
|
31
|
-
export declare type ProgressGradient = {
|
|
32
|
-
direction?: string;
|
|
33
|
-
} & (StringGradients | FromToGradients);
|
|
34
|
-
/** 进度条渐变方向 **/
|
|
35
|
-
export declare type DirectionType = "ltr" | "rtl" | undefined;
|
|
36
|
-
/** 成功的进度条的配置 **/
|
|
37
|
-
export interface SuccessProps {
|
|
38
|
-
/** 进度条值 **/
|
|
39
|
-
percent: number;
|
|
40
|
-
/** 进度条颜色 **/
|
|
41
|
-
strokeColor?: string;
|
|
42
|
-
}
|
|
43
|
-
export interface ProgressProps {
|
|
44
|
-
/** 自定义样式名 **/
|
|
45
|
-
className?: string;
|
|
46
|
-
/** 类型,可选 line circle dashboard **/
|
|
47
|
-
type?: ProgressType;
|
|
48
|
-
/** 百分比 **/
|
|
49
|
-
percent?: number | number[];
|
|
50
|
-
/** 内容的模板函数 **/
|
|
51
|
-
format?: (percent?: number | number[], successPercent?: number) => React.ReactNode;
|
|
52
|
-
/** 状态,可选:success exception normal active(仅限 line) **/
|
|
53
|
-
status?: typeof ProgressStatuses[number];
|
|
54
|
-
/** 是否显示进度数值或状态图标 **/
|
|
55
|
-
showInfo?: boolean;
|
|
56
|
-
/** 进度条线的宽度,单位 px **/
|
|
57
|
-
strokeWidth?: number;
|
|
58
|
-
/** 进度条的样式 **/
|
|
59
|
-
strokeLinecap?: "butt" | "square" | "round";
|
|
60
|
-
/** 进度条的色彩 **/
|
|
61
|
-
strokeColor?: string | ({
|
|
62
|
-
direction?: string;
|
|
63
|
-
} & (StringGradients | FromToGradients | ColorStringGradients));
|
|
64
|
-
/** 未完成的分段的颜色 **/
|
|
65
|
-
trailColor?: string;
|
|
66
|
-
/** 圆形进度条画布宽度,单位 px **/
|
|
67
|
-
width?: number;
|
|
68
|
-
/** 成功进度条相关配置 **/
|
|
69
|
-
success?: SuccessProps;
|
|
70
|
-
/** 仪表盘进度条缺口角度,可取值 0 ~ 295 **/
|
|
71
|
-
gapDegree?: number;
|
|
72
|
-
/** 仪表盘进度条缺口位置 **/
|
|
73
|
-
gapPosition?: "top" | "bottom" | "left" | "right";
|
|
74
|
-
/** 进度条总共步数 **/
|
|
75
|
-
steps?: number;
|
|
76
|
-
/** 渐变颜色的方向 **/
|
|
77
|
-
direction?: DirectionType;
|
|
78
|
-
children?: React.ReactNode;
|
|
79
|
-
}
|
|
80
|
-
export declare const Progress: FunctionComponent<ProgressProps>;
|
|
81
|
-
export default Progress;
|
|
1
|
+
/**
|
|
2
|
+
* @author jill
|
|
3
|
+
* @date 2022/3/10 18:25
|
|
4
|
+
* @description 进度条
|
|
5
|
+
*/
|
|
6
|
+
import React, { FunctionComponent } from "react";
|
|
7
|
+
import "./index.scss";
|
|
8
|
+
/** 进度条类型 **/
|
|
9
|
+
declare enum ProgressTypes {
|
|
10
|
+
"line" = 0,
|
|
11
|
+
"circle" = 1,
|
|
12
|
+
"dashboard" = 2
|
|
13
|
+
}
|
|
14
|
+
export declare type ProgressType = typeof ProgressTypes[number];
|
|
15
|
+
/** 进度条状态 **/
|
|
16
|
+
declare enum ProgressStatuses {
|
|
17
|
+
"normal" = 0,
|
|
18
|
+
"exception" = 1,
|
|
19
|
+
"active" = 2,
|
|
20
|
+
"success" = 3
|
|
21
|
+
}
|
|
22
|
+
/** 渐变进度条入参格式 两种 **/
|
|
23
|
+
export declare type StringGradients = {
|
|
24
|
+
[percentage: string]: string;
|
|
25
|
+
};
|
|
26
|
+
declare type FromToGradients = {
|
|
27
|
+
from: string;
|
|
28
|
+
to: string;
|
|
29
|
+
};
|
|
30
|
+
declare type ColorStringGradients = [string, StringGradients];
|
|
31
|
+
export declare type ProgressGradient = {
|
|
32
|
+
direction?: string;
|
|
33
|
+
} & (StringGradients | FromToGradients);
|
|
34
|
+
/** 进度条渐变方向 **/
|
|
35
|
+
export declare type DirectionType = "ltr" | "rtl" | undefined;
|
|
36
|
+
/** 成功的进度条的配置 **/
|
|
37
|
+
export interface SuccessProps {
|
|
38
|
+
/** 进度条值 **/
|
|
39
|
+
percent: number;
|
|
40
|
+
/** 进度条颜色 **/
|
|
41
|
+
strokeColor?: string;
|
|
42
|
+
}
|
|
43
|
+
export interface ProgressProps {
|
|
44
|
+
/** 自定义样式名 **/
|
|
45
|
+
className?: string;
|
|
46
|
+
/** 类型,可选 line circle dashboard **/
|
|
47
|
+
type?: ProgressType;
|
|
48
|
+
/** 百分比 **/
|
|
49
|
+
percent?: number | number[];
|
|
50
|
+
/** 内容的模板函数 **/
|
|
51
|
+
format?: (percent?: number | number[], successPercent?: number) => React.ReactNode;
|
|
52
|
+
/** 状态,可选:success exception normal active(仅限 line) **/
|
|
53
|
+
status?: typeof ProgressStatuses[number];
|
|
54
|
+
/** 是否显示进度数值或状态图标 **/
|
|
55
|
+
showInfo?: boolean;
|
|
56
|
+
/** 进度条线的宽度,单位 px **/
|
|
57
|
+
strokeWidth?: number;
|
|
58
|
+
/** 进度条的样式 **/
|
|
59
|
+
strokeLinecap?: "butt" | "square" | "round";
|
|
60
|
+
/** 进度条的色彩 **/
|
|
61
|
+
strokeColor?: string | ({
|
|
62
|
+
direction?: string;
|
|
63
|
+
} & (StringGradients | FromToGradients | ColorStringGradients));
|
|
64
|
+
/** 未完成的分段的颜色 **/
|
|
65
|
+
trailColor?: string;
|
|
66
|
+
/** 圆形进度条画布宽度,单位 px **/
|
|
67
|
+
width?: number;
|
|
68
|
+
/** 成功进度条相关配置 **/
|
|
69
|
+
success?: SuccessProps;
|
|
70
|
+
/** 仪表盘进度条缺口角度,可取值 0 ~ 295 **/
|
|
71
|
+
gapDegree?: number;
|
|
72
|
+
/** 仪表盘进度条缺口位置 **/
|
|
73
|
+
gapPosition?: "top" | "bottom" | "left" | "right";
|
|
74
|
+
/** 进度条总共步数 **/
|
|
75
|
+
steps?: number;
|
|
76
|
+
/** 渐变颜色的方向 **/
|
|
77
|
+
direction?: DirectionType;
|
|
78
|
+
children?: React.ReactNode;
|
|
79
|
+
}
|
|
80
|
+
export declare const Progress: FunctionComponent<ProgressProps>;
|
|
81
|
+
export default Progress;
|