@para-ui/core 3.0.27 → 3.0.29
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.js +48 -88
- package/AutoTips/index.js +25 -32
- package/Breadcrumbs/index.js +43 -63
- package/Button/SplitButton.d.ts +1 -1
- package/Button/index.d.ts +1 -1
- package/Button/index.js +88 -118
- package/ButtonGroup/index.js +27 -36
- package/Carousel/index.d.ts +2 -2
- package/Carousel/index.js +27 -28
- package/Cascader/index.js +52 -64
- package/Checkbox/index.js +23 -39
- package/CheckboxGroup/index.js +31 -48
- package/Collapse/collapsePanel.d.ts +1 -1
- package/Collapse/index.d.ts +1 -1
- package/Collapse/index.js +9 -29
- package/Collapse/util.d.ts +2 -2
- package/CollapseBox/index.js +45 -56
- package/CollapseLayout/index.js +35 -54
- package/ComboSelect/index.js +231 -358
- package/ComboSelect/interface.d.ts +3 -3
- package/Container/index.js +17 -20
- package/DatePicker/generatePicker/index.d.ts +17 -17
- package/DatePicker/index.d.ts +4 -4
- package/DatePicker/index.js +111 -167
- package/Desktop/index.js +62 -173
- package/Drawer/index.js +65 -58
- package/Drawer/interface.d.ts +7 -3
- package/Dropdown/index.d.ts +1 -1
- package/Dropdown/index.js +3 -3
- package/Empty/index.js +17 -22
- package/Form/index.d.ts +1 -1
- package/Form/index.js +40 -82
- package/FormItem/index.d.ts +1 -1
- package/FormItem/index.js +13 -13
- package/FormItem/validateFunction.d.ts +1 -1
- package/FunctionModal/index.js +11 -11
- package/GlobalContext/index.js +3 -3
- package/GlobalContext/usePopupContainer.d.ts +1 -1
- package/Help/index.js +11 -11
- package/HelperText/index.js +11 -12
- package/InputLang/index.js +47 -80
- package/InputNumber/index.js +65 -100
- package/Label/index.js +15 -16
- package/Loading/index.js +6 -7
- package/Menu/index.js +148 -328
- package/Menu/interface.d.ts +2 -2
- package/Menu/verticalMenuList.d.ts +1 -1
- package/Message/index.d.ts +1 -1
- package/Message/index.js +45 -64
- package/Modal/Confirm/index.d.ts +2 -2
- package/Modal/index.d.ts +1 -1
- package/Modal/index.js +119 -152
- package/MultiBox/index.js +43 -75
- package/Notification/index.d.ts +2 -2
- package/Notification/index.js +51 -72
- package/OperateBtn/index.js +42 -70
- package/PageHeader/index.js +120 -286
- package/PageHeader/interface.d.ts +1 -1
- package/Pagination/index.d.ts +16 -5
- package/Pagination/index.js +169 -188
- package/ParauiProvider/index.js +2 -3
- package/PasswordRules/index.js +12 -30
- package/PopConfirm/index.d.ts +1 -1
- package/PopConfirm/index.js +52 -59
- package/Popover/index.js +8 -9
- package/Progress/index.d.ts +6 -6
- package/Progress/index.js +50 -89
- package/Querying/index.js +14 -17
- package/README.md +16 -0
- package/Radio/index.js +21 -33
- package/RadioGroup/index.js +32 -47
- package/Search/index.js +44 -66
- package/Select/index.js +176 -343
- package/SelectInput/index.js +8 -9
- package/Selector/index.js +298 -686
- package/SelectorPicker/index.d.ts +2 -0
- package/SelectorPicker/index.js +64 -97
- package/SingleBox/index.js +29 -54
- package/Slider/index.d.ts +1 -1
- package/Slider/index.js +29 -41
- package/Slider/interface.d.ts +2 -2
- package/Split/index.js +10 -23
- package/Status/index.js +8 -7
- package/Stepper/index.d.ts +1 -1
- package/Stepper/index.js +20 -25
- package/Switch/index.d.ts +2 -2
- package/Switch/index.js +19 -20
- package/Table/index.js +590 -1028
- package/Table/interface.d.ts +15 -6
- package/Table/tableBodyInterface.d.ts +4 -0
- package/Table/tablePagination.d.ts +1 -1
- package/Table/{tablePaginationInterFace.d.ts → tablePaginationInterface.d.ts} +4 -1
- package/Tabs/index.d.ts +3 -3
- package/Tabs/index.js +47 -65
- package/Tag/TagGroup.d.ts +1 -1
- package/Tag/index.d.ts +2 -2
- package/Tag/index.js +72 -107
- package/TextEditor/index.d.ts +2 -2
- package/TextEditor/index.js +81 -105
- package/TextField/index.js +141 -220
- package/TimePicker/index.d.ts +1 -1
- package/TimePicker/index.js +12 -15
- package/Timeline/index.js +42 -52
- package/Title/index.js +10 -9
- package/ToggleButton/ToggleButtonGroup.d.ts +1 -1
- package/ToggleButton/index.js +50 -70
- package/Tooltip/index.js +64 -98
- package/Tooltip/interface.d.ts +1 -1
- package/Transfer/index.d.ts +1 -1
- package/Transfer/index.js +89 -116
- package/Transfer/useClick.d.ts +1 -1
- package/Tree/index.js +10 -10
- package/Tree/interface.d.ts +6 -6
- package/Upload/Dragger/index.d.ts +1 -1
- package/Upload/ImageUpload/index.d.ts +1 -1
- package/Upload/ImgCrop/EasyCrop.d.ts +1 -1
- package/Upload/index.d.ts +1 -1
- package/Upload/index.js +283 -475
- package/Upload/interface.d.ts +2 -2
- package/_verture/{constant-bf34e6fa.js → constant-66aa48a1.js} +0 -1
- package/_verture/defineProperty-62acccfc.js +34 -0
- package/_verture/{index-342379c6.js → index-06fea29b.js} +79 -124
- package/_verture/{index-c40bd040.js → index-131f8fe5.js} +80 -181
- package/_verture/{index-31ce5a11.js → index-92144ad3.js} +238 -445
- package/_verture/{index-bbed73a3.js → index-be4faaee.js} +19 -61
- package/_verture/{intl-336570e4.js → intl-5cbb940c.js} +4 -12
- package/_verture/{modalContext-d646d9db.js → modalContext-c749e1c6.js} +18 -43
- package/_verture/{slicedToArray-d7722f4b.js → slicedToArray-77980792.js} +23 -25
- package/_verture/{toConsumableArray-f8047a75.js → toConsumableArray-87c7d895.js} +1 -1
- package/_verture/{useFormatMessage-f4452258.js → useFormatMessage-703f8b20.js} +1 -3
- package/_verture/{useGlobalProps-af9a2af6.js → useGlobalProps-1b846a65.js} +1 -2
- package/_verture/{usePopupContainer-b8ab7cab.js → usePopupContainer-87febeb9.js} +10 -25
- package/_verture/{util-a77b261e.js → util-7e1fb1e2.js} +2 -3
- package/index.js +15 -15
- package/package.json +4 -5
- package/_verture/defineProperty-0590dc61.js +0 -16
package/ParauiProvider/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { _ as _defineProperty } from '../_verture/defineProperty-
|
|
1
|
+
import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import GlobalContext, { changeConfirmLocale } from '@para-ui/core/GlobalContext';
|
|
5
5
|
import { GetLanguage } from '@paraview/lib';
|
|
6
|
-
import { i as i18nIntl } from '../_verture/intl-
|
|
6
|
+
import { i as i18nIntl } from '../_verture/intl-5cbb940c.js';
|
|
7
7
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
8
8
|
import '../_verture/typeof-498dd2b1.js';
|
|
9
9
|
|
|
@@ -32,7 +32,6 @@ var ParauiProvider = function ParauiProvider(props) {
|
|
|
32
32
|
});
|
|
33
33
|
};
|
|
34
34
|
};
|
|
35
|
-
|
|
36
35
|
React__default.useEffect(function () {
|
|
37
36
|
// Confirm 国际化
|
|
38
37
|
var lang = props.language || GetLanguage();
|
package/PasswordRules/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { $ as $prefixCls } from '../_verture/constant-
|
|
2
|
+
import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
|
|
3
3
|
import CheckCircle from '@para-ui/icons/CheckCircle';
|
|
4
4
|
import CompleteIcon from '@para-ui/icons/CheckCircleF';
|
|
5
5
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
@@ -9,28 +9,23 @@ styleInject(css_248z);
|
|
|
9
9
|
|
|
10
10
|
var PasswordRules = function PasswordRules(props) {
|
|
11
11
|
var className = props.className,
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
style = props.style,
|
|
13
|
+
_props$boxShadow = props.boxShadow,
|
|
14
|
+
boxShadow = _props$boxShadow === void 0 ? false : _props$boxShadow,
|
|
15
|
+
value = props.value,
|
|
16
|
+
config = props.config;
|
|
18
17
|
var handConfig = function handConfig() {
|
|
19
18
|
if (!config) return [];
|
|
20
19
|
return config instanceof Array ? config : [config];
|
|
21
20
|
};
|
|
22
|
-
|
|
23
21
|
var configCom = handConfig();
|
|
24
22
|
/** 处理每一项 */
|
|
25
|
-
|
|
26
23
|
var handContentItem = function handContentItem(item) {
|
|
27
24
|
var list = item.list || [];
|
|
28
25
|
var type = item.type || 'icon';
|
|
29
|
-
|
|
30
26
|
var handRuleItem = function handRuleItem(listItem, inx) {
|
|
31
27
|
// 判断校验
|
|
32
28
|
var result;
|
|
33
|
-
|
|
34
29
|
if (value !== undefined) {
|
|
35
30
|
// 正则
|
|
36
31
|
if (listItem.reg) {
|
|
@@ -40,43 +35,34 @@ var PasswordRules = function PasswordRules(props) {
|
|
|
40
35
|
console.log(e);
|
|
41
36
|
}
|
|
42
37
|
}
|
|
43
|
-
|
|
44
38
|
if (listItem.validator) {
|
|
45
39
|
result = listItem.validator(listItem, value);
|
|
46
40
|
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
|
|
41
|
+
}
|
|
42
|
+
// 处理标志
|
|
50
43
|
var handFlag = function handFlag() {
|
|
51
44
|
if (type === 'order') {
|
|
52
45
|
return inx + 1 + '、';
|
|
53
46
|
}
|
|
54
|
-
|
|
55
47
|
if (result === true) return jsx(CompleteIcon, {}); // 成功
|
|
56
|
-
|
|
57
48
|
return jsx(CheckCircle, {});
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
|
|
49
|
+
};
|
|
50
|
+
// 处理内容
|
|
61
51
|
var handLabel = function handLabel() {
|
|
62
52
|
if (typeof result !== "boolean" && result) return result;
|
|
63
53
|
return listItem.label;
|
|
64
|
-
};
|
|
65
|
-
|
|
66
|
-
|
|
54
|
+
};
|
|
55
|
+
// 处理样式
|
|
67
56
|
var handClassRulesItem = function handClassRulesItem() {
|
|
68
57
|
var str = 'rules-item-detail';
|
|
69
58
|
str += ' rules-item-detail-' + type;
|
|
70
|
-
|
|
71
59
|
if (typeof result === "boolean" && result) {
|
|
72
60
|
str += ' rules-item-detail-success';
|
|
73
61
|
} else {
|
|
74
62
|
if (result !== undefined) str += ' rules-item-detail-error';
|
|
75
63
|
}
|
|
76
|
-
|
|
77
64
|
return str;
|
|
78
65
|
};
|
|
79
|
-
|
|
80
66
|
return jsxs("div", Object.assign({
|
|
81
67
|
className: handClassRulesItem()
|
|
82
68
|
}, {
|
|
@@ -91,7 +77,6 @@ var PasswordRules = function PasswordRules(props) {
|
|
|
91
77
|
}))]
|
|
92
78
|
}), inx);
|
|
93
79
|
};
|
|
94
|
-
|
|
95
80
|
return jsx("div", Object.assign({
|
|
96
81
|
className: "password-rules-item-content"
|
|
97
82
|
}, {
|
|
@@ -101,15 +86,12 @@ var PasswordRules = function PasswordRules(props) {
|
|
|
101
86
|
}));
|
|
102
87
|
};
|
|
103
88
|
/** 处理className */
|
|
104
|
-
|
|
105
|
-
|
|
106
89
|
var handClass = function handClass() {
|
|
107
90
|
var str = $prefixCls + '-password-rules';
|
|
108
91
|
if (className) str += ' ' + className;
|
|
109
92
|
if (boxShadow) str += ' ' + $prefixCls + '-password-rules-box-shadow';
|
|
110
93
|
return str;
|
|
111
94
|
};
|
|
112
|
-
|
|
113
95
|
return jsx("div", Object.assign({
|
|
114
96
|
className: handClass(),
|
|
115
97
|
style: style
|
package/PopConfirm/index.d.ts
CHANGED
|
@@ -7,7 +7,7 @@ import React, { FunctionComponent, ReactNode } from 'react';
|
|
|
7
7
|
import { ButtonProps } from "../Button";
|
|
8
8
|
import { TooltipProps } from "../Tooltip";
|
|
9
9
|
import './index.scss';
|
|
10
|
-
|
|
10
|
+
type ConfirmType = "success" | "info" | "error" | "warning";
|
|
11
11
|
export interface PopConfirmProps {
|
|
12
12
|
/**触发方式*/
|
|
13
13
|
trigger?: 'click' | 'hover';
|
package/PopConfirm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as _slicedToArray } from '../_verture/slicedToArray-
|
|
1
|
+
import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
|
|
2
2
|
import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
|
|
3
3
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
4
4
|
import React__default, { useState, useEffect } from 'react';
|
|
@@ -9,15 +9,15 @@ import WarningCircleF from '@para-ui/icons/WarningCircleF';
|
|
|
9
9
|
import { Button } from '../Button/index.js';
|
|
10
10
|
import { Tooltip } from '../Tooltip/index.js';
|
|
11
11
|
import clsx from 'clsx';
|
|
12
|
-
import { u as useFormatMessage } from '../_verture/useFormatMessage-
|
|
13
|
-
import { $ as $prefixCls } from '../_verture/constant-
|
|
14
|
-
import { u as usePopupContainer } from '../_verture/usePopupContainer-
|
|
12
|
+
import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
|
|
13
|
+
import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
|
|
14
|
+
import { u as usePopupContainer } from '../_verture/usePopupContainer-87febeb9.js';
|
|
15
15
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
16
16
|
import '../_verture/typeof-498dd2b1.js';
|
|
17
17
|
import '@para-ui/icons/LoadingF';
|
|
18
18
|
import '@para-ui/icons/Forbid';
|
|
19
19
|
import '@para-ui/icons/Down';
|
|
20
|
-
import '../_verture/index-
|
|
20
|
+
import '../_verture/index-be4faaee.js';
|
|
21
21
|
import 'rc-dropdown';
|
|
22
22
|
import 'dayjs';
|
|
23
23
|
import '@paraview/lib';
|
|
@@ -43,76 +43,72 @@ var localeJson = {
|
|
|
43
43
|
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/2 下午1:44\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-popconfirm.paraui-v3-tooltip {\n position: absolute;\n max-width: 600px;\n padding: 0;\n font-size: 14px;\n color: initial;\n background-color: rgb(255, 255, 255);\n box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n}\n.paraui-v3-popconfirm.paraui-v3-tooltip .component-tooltip-inner {\n min-width: auto;\n min-height: auto;\n padding: 0;\n color: initial;\n background-color: transparent;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper {\n min-width: 350px;\n padding: 24px;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-message {\n position: relative;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-message-icon {\n position: absolute;\n top: 2px;\n color: rgb(255, 161, 80);\n line-height: 0;\n font-size: 16px;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-message-icon svg {\n color: inherit;\n font-size: inherit;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-message-body {\n padding-left: 24px;\n line-height: 20px;\n font-size: 14px;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-message-title {\n font-weight: 700;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-message-content {\n font-weight: 400;\n margin-top: 13px;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-btns {\n margin-top: 32px;\n text-align: right;\n}\n.paraui-v3-popconfirm .popconfirm-wrapper .popconfirm-btns > button + button {\n margin-left: 16px;\n}";
|
|
44
44
|
styleInject(css_248z);
|
|
45
45
|
|
|
46
|
+
//图标
|
|
46
47
|
var iconMapping = {
|
|
47
48
|
"success": jsx(CompleteIcon, {}),
|
|
48
49
|
"warning": jsx(WarningCircleF, {}),
|
|
49
50
|
"error": jsx(CloseCircleFilled, {}),
|
|
50
51
|
"info": jsx(InfoOutlined, {})
|
|
51
|
-
};
|
|
52
|
-
|
|
52
|
+
};
|
|
53
|
+
//popConfirm
|
|
53
54
|
var PopConfirm = function PopConfirm(props) {
|
|
54
55
|
var _props$trigger = props.trigger,
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
56
|
+
trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
|
|
57
|
+
_props$type = props.type,
|
|
58
|
+
type = _props$type === void 0 ? 'warning' : _props$type,
|
|
59
|
+
title = props.title,
|
|
60
|
+
content = props.content,
|
|
61
|
+
icon = props.icon,
|
|
62
|
+
okText = props.okText,
|
|
63
|
+
cancelText = props.cancelText,
|
|
64
|
+
onOk = props.onOk,
|
|
65
|
+
onCancel = props.onCancel,
|
|
66
|
+
okButtonProps = props.okButtonProps,
|
|
67
|
+
cancelButtonProps = props.cancelButtonProps,
|
|
68
|
+
_props$placement = props.placement,
|
|
69
|
+
placement = _props$placement === void 0 ? 'bottom' : _props$placement,
|
|
70
|
+
className = props.className,
|
|
71
|
+
overlayClassName = props.overlayClassName,
|
|
72
|
+
style = props.style,
|
|
73
|
+
children = props.children,
|
|
74
|
+
_props$open = props.open,
|
|
75
|
+
open = _props$open === void 0 ? false : _props$open,
|
|
76
|
+
_props$controllable = props.controllable,
|
|
77
|
+
controllable = _props$controllable === void 0 ? false : _props$controllable,
|
|
78
|
+
_props$showCancel = props.showCancel,
|
|
79
|
+
showCancel = _props$showCancel === void 0 ? true : _props$showCancel,
|
|
80
|
+
_props$bubble = props.bubble,
|
|
81
|
+
bubble = _props$bubble === void 0 ? true : _props$bubble,
|
|
82
|
+
actions = props.actions,
|
|
83
|
+
onClose = props.onClose,
|
|
84
|
+
customizeContainer = props.getPopupContainer,
|
|
85
|
+
restProps = __rest(props, ["trigger", "type", "title", "content", "icon", "okText", "cancelText", "onOk", "onCancel", "okButtonProps", "cancelButtonProps", "placement", "className", "overlayClassName", "style", "children", "open", "controllable", "showCancel", "bubble", "actions", "onClose", "getPopupContainer"]);
|
|
86
86
|
var intl = useFormatMessage('PopConfirm', localeJson);
|
|
87
87
|
var wrapRef = React__default.useRef();
|
|
88
|
-
var getPopupContainer = usePopupContainer(wrapRef, customizeContainer);
|
|
89
|
-
|
|
88
|
+
var getPopupContainer = usePopupContainer(wrapRef, customizeContainer);
|
|
89
|
+
//打开
|
|
90
90
|
var _useState = useState(false),
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
91
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
92
|
+
inOpen = _useState2[0],
|
|
93
|
+
setInOpen = _useState2[1];
|
|
94
|
+
//取消
|
|
96
95
|
var handleCancel = function handleCancel() {
|
|
97
96
|
onCancel === null || onCancel === void 0 ? void 0 : onCancel();
|
|
98
97
|
handleClose();
|
|
99
|
-
};
|
|
100
|
-
|
|
101
|
-
|
|
98
|
+
};
|
|
99
|
+
//确认
|
|
102
100
|
var handleOk = function handleOk() {
|
|
103
101
|
onOk === null || onOk === void 0 ? void 0 : onOk();
|
|
104
102
|
handleClose();
|
|
105
|
-
};
|
|
106
|
-
|
|
107
|
-
|
|
103
|
+
};
|
|
104
|
+
//关闭
|
|
108
105
|
var handleClose = function handleClose() {
|
|
109
106
|
if (!controllable) {
|
|
110
107
|
setInOpen(false);
|
|
111
108
|
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
112
109
|
}
|
|
113
|
-
};
|
|
114
|
-
|
|
115
|
-
|
|
110
|
+
};
|
|
111
|
+
//tooltip vis
|
|
116
112
|
var onVisibleChange = function onVisibleChange(vis) {
|
|
117
113
|
if (!controllable) {
|
|
118
114
|
setInOpen(vis);
|
|
@@ -121,11 +117,10 @@ var PopConfirm = function PopConfirm(props) {
|
|
|
121
117
|
if (open) onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
122
118
|
}
|
|
123
119
|
};
|
|
124
|
-
|
|
125
120
|
useEffect(function () {
|
|
126
121
|
if (controllable) setInOpen(open);
|
|
127
|
-
}, [open]);
|
|
128
|
-
|
|
122
|
+
}, [open]);
|
|
123
|
+
//渲染内容
|
|
129
124
|
var renderOverlay = function renderOverlay() {
|
|
130
125
|
var btns = jsxs(Fragment, {
|
|
131
126
|
children: [showCancel && jsx(Button, Object.assign({
|
|
@@ -146,7 +141,6 @@ var PopConfirm = function PopConfirm(props) {
|
|
|
146
141
|
})
|
|
147
142
|
}))]
|
|
148
143
|
});
|
|
149
|
-
|
|
150
144
|
return jsxs("div", Object.assign({
|
|
151
145
|
className: clsx('popconfirm-wrapper'),
|
|
152
146
|
style: style,
|
|
@@ -181,7 +175,6 @@ var PopConfirm = function PopConfirm(props) {
|
|
|
181
175
|
}))]
|
|
182
176
|
}));
|
|
183
177
|
};
|
|
184
|
-
|
|
185
178
|
return jsx(Tooltip, Object.assign({}, restProps, {
|
|
186
179
|
ref: wrapRef,
|
|
187
180
|
trigger: trigger,
|
package/Popover/index.js
CHANGED
|
@@ -2,25 +2,25 @@ import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
|
|
|
2
2
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import { Tooltip } from '../Tooltip/index.js';
|
|
5
|
-
import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-
|
|
6
|
-
import { u as usePopupContainer } from '../_verture/usePopupContainer-
|
|
5
|
+
import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-66aa48a1.js';
|
|
6
|
+
import { u as usePopupContainer } from '../_verture/usePopupContainer-87febeb9.js';
|
|
7
7
|
import clsx from 'clsx';
|
|
8
8
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
9
|
-
import '../_verture/slicedToArray-
|
|
9
|
+
import '../_verture/slicedToArray-77980792.js';
|
|
10
10
|
import 'rc-tooltip';
|
|
11
11
|
import 'rc-tooltip/lib/placements';
|
|
12
12
|
|
|
13
13
|
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/7 上午11:06\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-popover {\n color: rgb(46, 55, 67);\n font-size: 14px;\n font-variant: tabular-nums;\n line-height: 1.5715;\n list-style: none;\n font-feature-settings: \"tnum\";\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1500;\n font-weight: 400;\n white-space: normal;\n text-align: left;\n cursor: auto;\n user-select: text;\n}\n.paraui-v3-popover::after {\n position: absolute;\n background: rgba(255, 255, 255, 0.01);\n content: \"\";\n}\n.paraui-v3-popover.component-popover-hidden {\n display: none;\n}\n.paraui-v3-popover .component-popover-inner {\n background-color: rgb(255, 255, 255);\n background-clip: padding-box;\n border-radius: 4px;\n box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-popover .component-popover-title {\n min-height: 32px;\n margin: 0;\n padding: 4px 16px;\n color: rgb(46, 55, 67);\n font-weight: 400;\n border-bottom: 1px solid #f0f0f0;\n}\n.paraui-v3-popover .component-popover-inner-content {\n color: rgb(46, 55, 67);\n}\n.paraui-v3-popover .component-popover-buttons {\n margin-bottom: 4px;\n text-align: right;\n}\n.paraui-v3-popover .component-popover-buttons button {\n margin-left: 8px;\n}\n.paraui-v3-popover .component-popover-arrow {\n position: absolute;\n display: none;\n width: 16px;\n height: 16px;\n overflow: hidden;\n background: transparent;\n pointer-events: none;\n}\n.paraui-v3-popover .component-popover-arrow-content {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n width: 11.3137085px;\n height: 11.3137085px;\n margin: auto;\n background-color: rgb(255, 255, 255);\n content: \"\";\n border-radius: 0 0 4px;\n pointer-events: none;\n}\n.paraui-v3-popover .component-popover-arrow-content::before {\n position: absolute;\n top: -11.3137085px;\n left: -11.3137085px;\n width: 33.9411255px;\n height: 33.9411255px;\n background: rgb(255, 255, 255) -10px -10px no-repeat;\n content: \"\";\n -webkit-clip-path: path(\"M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z\");\n}\n.paraui-v3-popover.component-popover-placement-top .component-popover-arrow, .paraui-v3-popover.component-popover-placement-topLeft .component-popover-arrow, .paraui-v3-popover.component-popover-placement-topRight .component-popover-arrow {\n bottom: -0.6862915px;\n}\n.paraui-v3-popover.component-popover-placement-top .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-topLeft .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-topRight .component-popover-arrow-content {\n box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n transform: translateY(-1px) rotate(45deg);\n}\n.paraui-v3-popover.component-popover-placement-top .component-popover-arrow {\n left: 50%;\n transform: translateX(-50%);\n}\n.paraui-v3-popover.component-popover-placement-topLeft .component-popover-arrow {\n left: 16px;\n}\n.paraui-v3-popover.component-popover-placement-topRight .component-popover-arrow {\n right: 16px;\n}\n.paraui-v3-popover.component-popover-placement-right .component-popover-arrow, .paraui-v3-popover.component-popover-placement-rightTop .component-popover-arrow, .paraui-v3-popover.component-popover-placement-rightBottom .component-popover-arrow {\n left: -0.6862915px;\n}\n.paraui-v3-popover.component-popover-placement-right .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-rightTop .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-rightBottom .component-popover-arrow-content {\n box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n transform: translateX(1px) rotate(135deg);\n}\n.paraui-v3-popover.component-popover-placement-right .component-popover-arrow {\n top: 50%;\n transform: translateY(-50%);\n}\n.paraui-v3-popover.component-popover-placement-rightTop .component-popover-arrow {\n top: 12px;\n}\n.paraui-v3-popover.component-popover-placement-rightBottom .component-popover-arrow {\n bottom: 12px;\n}\n.paraui-v3-popover.component-popover-placement-bottom .component-popover-arrow, .paraui-v3-popover.component-popover-placement-bottomLeft .component-popover-arrow, .paraui-v3-popover.component-popover-placement-bottomRight .component-popover-arrow {\n top: -0.6862915px;\n}\n.paraui-v3-popover.component-popover-placement-bottom .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-bottomLeft .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-bottomRight .component-popover-arrow-content {\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.06);\n transform: translateY(1px) rotate(-135deg);\n}\n.paraui-v3-popover.component-popover-placement-bottom .component-popover-arrow {\n left: 50%;\n transform: translateX(-50%);\n}\n.paraui-v3-popover.component-popover-placement-bottomLeft .component-popover-arrow {\n left: 16px;\n}\n.paraui-v3-popover.component-popover-placement-bottomRight .component-popover-arrow {\n right: 16px;\n}\n.paraui-v3-popover.component-popover-placement-left .component-popover-arrow, .paraui-v3-popover.component-popover-placement-leftTop .component-popover-arrow, .paraui-v3-popover.component-popover-placement-leftBottom .component-popover-arrow {\n right: -0.6862915px;\n}\n.paraui-v3-popover.component-popover-placement-left .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-leftTop .component-popover-arrow-content, .paraui-v3-popover.component-popover-placement-leftBottom .component-popover-arrow-content {\n box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n transform: translateX(-1px) rotate(-45deg);\n}\n.paraui-v3-popover.component-popover-placement-left .component-popover-arrow {\n top: 50%;\n transform: translateY(-50%);\n}\n.paraui-v3-popover.component-popover-placement-leftTop .component-popover-arrow {\n top: 12px;\n}\n.paraui-v3-popover.component-popover-placement-leftBottom .component-popover-arrow {\n bottom: 12px;\n}\n\n.component-popover-zoom-big-enter,\n.component-popover-zoom-big-appear {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-popover-zoom-big-leave {\n animation-duration: 0.2s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-popover-zoom-big-enter.component-popover-zoom-big-enter-active,\n.component-popover-zoom-big-appear.component-popover-zoom-big-appear-active {\n animation-name: componentPopoverZoomBigIn;\n animation-play-state: running;\n}\n\n.component-popover-zoom-big-leave.component-popover-zoom-big-leave-active {\n animation-name: componentPopoverZoomBigOut;\n animation-play-state: running;\n pointer-events: none;\n}\n\n.component-popover-zoom-big-enter,\n.component-popover-zoom-big-appear {\n transform: scale(0);\n opacity: 0;\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n}\n\n.component-popover-zoom-big-enter-prepare,\n.component-popover-zoom-big-appear-prepare {\n transform: none;\n}\n\n.component-popover-zoom-big-leave {\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n@keyframes componentPopoverZoomBigIn {\n 0% {\n transform: scale(0.8);\n opacity: 0;\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n}\n@keyframes componentPopoverZoomBigOut {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.8);\n opacity: 0;\n }\n}";
|
|
14
14
|
styleInject(css_248z);
|
|
15
15
|
|
|
16
|
+
//popover
|
|
16
17
|
var Popover = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
17
18
|
var title = props.title,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
content = props.content,
|
|
20
|
+
restProps = __rest(props, ["title", "content"]);
|
|
21
21
|
var wrapRef = React__default.useRef();
|
|
22
|
-
var getPopupContainer = usePopupContainer(wrapRef, props.getPopupContainer);
|
|
23
|
-
|
|
22
|
+
var getPopupContainer = usePopupContainer(wrapRef, props.getPopupContainer);
|
|
23
|
+
//浮层
|
|
24
24
|
var getOverlay = function getOverlay(prefixCls) {
|
|
25
25
|
if (!title && !content) return null;
|
|
26
26
|
return jsxs(Fragment, {
|
|
@@ -35,7 +35,6 @@ var Popover = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
35
35
|
}))]
|
|
36
36
|
});
|
|
37
37
|
};
|
|
38
|
-
|
|
39
38
|
var prefixCls = "".concat($rcPrefixCls, "-popover");
|
|
40
39
|
return jsx(Tooltip, Object.assign({}, restProps, {
|
|
41
40
|
isPopover: true,
|
package/Progress/index.d.ts
CHANGED
|
@@ -11,7 +11,7 @@ declare enum ProgressTypes {
|
|
|
11
11
|
"circle" = 1,
|
|
12
12
|
"dashboard" = 2
|
|
13
13
|
}
|
|
14
|
-
export
|
|
14
|
+
export type ProgressType = typeof ProgressTypes[number];
|
|
15
15
|
/** 进度条状态 **/
|
|
16
16
|
declare enum ProgressStatuses {
|
|
17
17
|
"normal" = 0,
|
|
@@ -20,19 +20,19 @@ declare enum ProgressStatuses {
|
|
|
20
20
|
"success" = 3
|
|
21
21
|
}
|
|
22
22
|
/** 渐变进度条入参格式 两种 **/
|
|
23
|
-
export
|
|
23
|
+
export type StringGradients = {
|
|
24
24
|
[percentage: string]: string;
|
|
25
25
|
};
|
|
26
|
-
|
|
26
|
+
type FromToGradients = {
|
|
27
27
|
from: string;
|
|
28
28
|
to: string;
|
|
29
29
|
};
|
|
30
|
-
|
|
31
|
-
export
|
|
30
|
+
type ColorStringGradients = [string, StringGradients];
|
|
31
|
+
export type ProgressGradient = {
|
|
32
32
|
direction?: string;
|
|
33
33
|
} & (StringGradients | FromToGradients);
|
|
34
34
|
/** 进度条渐变方向 **/
|
|
35
|
-
export
|
|
35
|
+
export type DirectionType = "ltr" | "rtl" | undefined;
|
|
36
36
|
/** 成功的进度条的配置 **/
|
|
37
37
|
export interface SuccessProps {
|
|
38
38
|
/** 进度条值 **/
|