@para-ui/core 3.0.24 → 3.0.26
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 +1 -1
- package/Breadcrumbs/index.js +1 -1
- package/Button/index.js +2 -2
- package/ButtonGroup/index.js +2 -2
- package/ComboSelect/index.js +2 -2
- package/DatePicker/index.js +18 -62
- package/DatePicker/util.d.ts +1 -0
- package/Desktop/index.js +2 -2
- package/Drawer/index.js +2 -2
- package/Dropdown/index.js +2 -2
- package/Form/index.js +3 -3
- package/FormItem/index.js +3 -3
- package/FunctionModal/index.js +4 -4
- package/InputLang/index.js +2 -2
- package/Menu/index.js +54 -10
- package/Menu/interface.d.ts +2 -0
- package/Modal/index.js +2 -2
- package/MultiBox/index.js +2 -2
- package/OperateBtn/index.js +2 -2
- package/PageHeader/index.js +53 -10
- package/PageHeader/interface.d.ts +2 -0
- package/Pagination/index.js +2 -2
- package/PasswordRules/index.d.ts +46 -0
- package/PasswordRules/index.js +131 -0
- package/PopConfirm/index.js +2 -2
- package/Popover/index.js +1 -1
- package/README.md +27 -0
- package/Search/index.js +2 -2
- package/Select/index.js +2 -2
- package/SelectInput/index.js +2 -2
- package/Selector/index.js +2 -2
- package/SelectorPicker/index.js +2 -2
- package/SingleBox/index.js +2 -2
- package/Table/index.js +25 -16
- package/Tabs/index.js +2 -2
- package/TextField/index.js +2 -2
- package/TimePicker/index.js +2 -2
- package/ToggleButton/index.js +2 -2
- package/Transfer/index.js +2 -2
- package/Upload/index.js +2 -2
- package/_verture/{index-cef53318.js → index-57346075.js} +1 -1
- package/_verture/{index-ffd2b2cb.js → index-bbed73a3.js} +44 -16
- package/_verture/{modalContext-ba1b0528.js → modalContext-d646d9db.js} +0 -0
- package/_verture/{usePopupContainer-7bbd7720.js → usePopupContainer-b8ab7cab.js} +13 -3
- package/index.d.ts +2 -0
- package/index.js +6 -4
- package/package.json +1 -1
package/Transfer/index.js
CHANGED
|
@@ -22,9 +22,9 @@ import '@para-ui/icons/Forbid';
|
|
|
22
22
|
import '../Tooltip/index.js';
|
|
23
23
|
import 'rc-tooltip';
|
|
24
24
|
import 'rc-tooltip/lib/placements';
|
|
25
|
-
import '../_verture/index-
|
|
25
|
+
import '../_verture/index-bbed73a3.js';
|
|
26
26
|
import 'rc-dropdown';
|
|
27
|
-
import '../_verture/usePopupContainer-
|
|
27
|
+
import '../_verture/usePopupContainer-b8ab7cab.js';
|
|
28
28
|
import 'dayjs';
|
|
29
29
|
import '@paraview/lib';
|
|
30
30
|
import '@para-ui/core/GlobalContext';
|
package/Upload/index.js
CHANGED
|
@@ -28,9 +28,9 @@ import '../Tooltip/index.js';
|
|
|
28
28
|
import 'rc-tooltip';
|
|
29
29
|
import 'rc-tooltip/lib/placements';
|
|
30
30
|
import '@para-ui/icons/Down';
|
|
31
|
-
import '../_verture/index-
|
|
31
|
+
import '../_verture/index-bbed73a3.js';
|
|
32
32
|
import 'rc-dropdown';
|
|
33
|
-
import '../_verture/usePopupContainer-
|
|
33
|
+
import '../_verture/usePopupContainer-b8ab7cab.js';
|
|
34
34
|
import 'dayjs';
|
|
35
35
|
import '@paraview/lib';
|
|
36
36
|
import 'rc-slider';
|
|
@@ -664,7 +664,7 @@ var ErrorTips = function ErrorTips(props) {
|
|
|
664
664
|
}, helperTextProps));
|
|
665
665
|
};
|
|
666
666
|
|
|
667
|
-
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-form-item {\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n}\n.paraui-v3-form-item.paraui-v3-form-item-checkGroup .form-label .form-labe-text, .paraui-v3-form-item.paraui-v3-form-item-radioGroup .form-label .form-labe-text {\n margin-bottom: 4px;\n}\n.paraui-v3-form-item .form-label {\n display: inline-block;\n}\n.paraui-v3-form-item .form-edit > div {\n padding: 0;\n width: 100%;\n}\n.paraui-v3-form-item .form-content-vertical {\n display: inline-block;\n width: 100%;\n}";
|
|
667
|
+
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-form-item {\n font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n font-size: 14px;\n font-weight: 400;\n}\n.paraui-v3-form-item .paraui-v3-text-field {\n display: block;\n}\n.paraui-v3-form-item.paraui-v3-form-item-checkGroup .form-label .form-labe-text, .paraui-v3-form-item.paraui-v3-form-item-radioGroup .form-label .form-labe-text {\n margin-bottom: 4px;\n}\n.paraui-v3-form-item .form-label {\n display: inline-block;\n}\n.paraui-v3-form-item .form-edit > div {\n padding: 0;\n width: 100%;\n}\n.paraui-v3-form-item .form-content-vertical {\n display: inline-block;\n width: 100%;\n}";
|
|
668
668
|
styleInject(css_248z);
|
|
669
669
|
|
|
670
670
|
var formInputTypeJson = {
|
|
@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import RcDropdown from 'rc-dropdown';
|
|
4
4
|
import { a as $rcPrefixCls, $ as $prefixCls } from './constant-bf34e6fa.js';
|
|
5
|
-
import { u as usePopupContainer } from './usePopupContainer-
|
|
5
|
+
import { g as getNearestOverflowAncestor, u as usePopupContainer } from './usePopupContainer-b8ab7cab.js';
|
|
6
6
|
import clsx from 'clsx';
|
|
7
7
|
import dayjs from 'dayjs';
|
|
8
8
|
import { UUID } from '@paraview/lib';
|
|
@@ -153,30 +153,58 @@ function getNearestAbsoluteAncestor(node, pos) {
|
|
|
153
153
|
|
|
154
154
|
function isolationPopupPollution(open, uniqueCls) {
|
|
155
155
|
var popupDom = document.getElementsByClassName("".concat(uniqueCls))[0];
|
|
156
|
+
if (!popupDom) return;
|
|
157
|
+
var position = open ? 'fixed' : 'absolute';
|
|
158
|
+
var nearestDom = getNearestAbsoluteAncestor(popupDom, position);
|
|
159
|
+
if (!nearestDom) return;
|
|
156
160
|
|
|
157
161
|
if (!open) {
|
|
158
162
|
//关闭弹框
|
|
159
|
-
|
|
160
|
-
|
|
163
|
+
nearestDom.style.position = 'fixed';
|
|
164
|
+
nearestDom.style.left = '-9999px';
|
|
165
|
+
nearestDom.style.top = '-9999px';
|
|
166
|
+
} else {
|
|
167
|
+
//打开弹框
|
|
168
|
+
nearestDom.style.position = 'absolute';
|
|
169
|
+
nearestDom.style.left = '0';
|
|
170
|
+
nearestDom.style.top = '0';
|
|
171
|
+
}
|
|
172
|
+
} //浮层渲染容器
|
|
173
|
+
|
|
174
|
+
function getPopupContainer(triggerNode, customizeContainer, that) {
|
|
175
|
+
var _a, _b;
|
|
176
|
+
|
|
177
|
+
var container;
|
|
178
|
+
|
|
179
|
+
if (!customizeContainer) {
|
|
180
|
+
var rootNode = that.wrapRef.current;
|
|
181
|
+
|
|
182
|
+
if (rootNode) {
|
|
183
|
+
container = getNearestOverflowAncestor(rootNode);
|
|
184
|
+
var scrollHeight = container.scrollHeight;
|
|
185
|
+
var clientHeight = container.clientHeight;
|
|
161
186
|
|
|
162
|
-
if (
|
|
163
|
-
|
|
164
|
-
nearestDom.style.left = '-9999px';
|
|
165
|
-
nearestDom.style.top = '-9999px';
|
|
187
|
+
if (scrollHeight <= clientHeight) {
|
|
188
|
+
container = document.body;
|
|
166
189
|
}
|
|
190
|
+
} else {
|
|
191
|
+
container = document.body;
|
|
167
192
|
}
|
|
168
|
-
} else {
|
|
169
|
-
//打开弹框
|
|
170
|
-
if (popupDom) {
|
|
171
|
-
var _nearestDom = getNearestAbsoluteAncestor(popupDom, 'fixed');
|
|
172
193
|
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
194
|
+
var nodeName = (_a = container.nodeName) === null || _a === void 0 ? void 0 : _a.toLowerCase();
|
|
195
|
+
|
|
196
|
+
if (nodeName !== 'body') {
|
|
197
|
+
if (((_b = window.getComputedStyle(container)) === null || _b === void 0 ? void 0 : _b.position) === 'static') {
|
|
198
|
+
container.style.position = 'relative';
|
|
177
199
|
}
|
|
178
200
|
}
|
|
201
|
+
|
|
202
|
+
that.popupRecord = container;
|
|
203
|
+
} else {
|
|
204
|
+
container = customizeContainer(triggerNode) || document.body;
|
|
179
205
|
}
|
|
206
|
+
|
|
207
|
+
return container;
|
|
180
208
|
}
|
|
181
209
|
|
|
182
210
|
var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/27 上午9:58\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-dropdown {\n position: absolute;\n left: -9999px;\n top: -9999px;\n z-index: 1500;\n display: block;\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 line-height: 1.5715;\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-dropdown.component-dropdown-hidden {\n display: none;\n}\n.paraui-v3-dropdown .component-dropdown-arrow {\n position: absolute;\n border-width: 4px;\n border-color: transparent;\n box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n border-style: solid;\n transform: rotate(45deg);\n}\n.paraui-v3-dropdown.component-dropdown-show-arrow.component-dropdown-placement-top, .paraui-v3-dropdown.component-dropdown-show-arrow.component-dropdown-placement-topLeft, .paraui-v3-dropdown.component-dropdown-show-arrow.component-dropdown-placement-topRight {\n padding-bottom: 6px;\n}\n.paraui-v3-dropdown.component-dropdown-show-arrow.component-dropdown-placement-bottom, .paraui-v3-dropdown.component-dropdown-show-arrow.component-dropdown-placement-bottomLeft, .paraui-v3-dropdown.component-dropdown-show-arrow.component-dropdown-placement-bottomRight {\n padding-top: 6px;\n}\n.paraui-v3-dropdown.component-dropdown-placement-top .component-dropdown-arrow, .paraui-v3-dropdown.component-dropdown-placement-topLeft .component-dropdown-arrow, .paraui-v3-dropdown.component-dropdown-placement-topRight .component-dropdown-arrow {\n bottom: 4px;\n border-top-color: rgb(255, 255, 255);\n}\n.paraui-v3-dropdown.component-dropdown-placement-top .component-dropdown-arrow {\n left: 50%;\n}\n.paraui-v3-dropdown.component-dropdown-placement-topLeft .component-dropdown-arrow {\n left: 15%;\n}\n.paraui-v3-dropdown.component-dropdown-placement-topRight .component-dropdown-arrow {\n right: 15%;\n}\n.paraui-v3-dropdown.component-dropdown-placement-bottom .component-dropdown-arrow, .paraui-v3-dropdown.component-dropdown-placement-bottomLeft .component-dropdown-arrow, .paraui-v3-dropdown.component-dropdown-placement-bottomRight .component-dropdown-arrow {\n top: 4px;\n border-bottom-color: rgb(255, 255, 255);\n}\n.paraui-v3-dropdown.component-dropdown-placement-bottom .component-dropdown-arrow {\n left: 50%;\n}\n.paraui-v3-dropdown.component-dropdown-placement-bottomLeft .component-dropdown-arrow {\n left: 15%;\n}\n.paraui-v3-dropdown.component-dropdown-placement-bottomRight .component-dropdown-arrow {\n right: 15%;\n}\n\n.component-dropdown-slide-up-enter,\n.component-dropdown-slide-up-appear {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n transform-origin: 0 0;\n display: block !important;\n opacity: 0;\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\n animation-play-state: paused;\n}\n\n.component-dropdown-slide-up-leave {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n transform-origin: 0 0;\n display: block !important;\n opacity: 1;\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\n animation-play-state: paused;\n}\n\n.component-dropdown-slide-up-enter.component-dropdown-slide-up-enter-active.component-dropdown-placement-bottomLeft,\n.component-dropdown-slide-up-appear.component-dropdown-slide-up-appear-active.component-dropdown-placement-bottomLeft,\n.component-dropdown-slide-up-enter.component-dropdown-slide-up-enter-active.component-dropdown-placement-bottomCenter,\n.component-dropdown-slide-up-appear.component-dropdown-slide-up-appear-active.component-dropdown-placement-bottomCenter,\n.component-dropdown-slide-up-enter.component-dropdown-slide-up-enter-active.component-dropdown-placement-bottomRight,\n.component-dropdown-slide-up-appear.component-dropdown-slide-up-appear-active.component-dropdown-placement-bottomRight {\n animation-name: componentDropdownSlideUpIn;\n animation-play-state: running;\n}\n\n.component-dropdown-slide-up-enter.component-dropdown-slide-up-enter-active.component-dropdown-placement-topLeft,\n.component-dropdown-slide-up-appear.component-dropdown-slide-up-appear-active.component-dropdown-placement-topLeft,\n.component-dropdown-slide-up-enter.component-dropdown-slide-up-enter-active.component-dropdown-placement-topCenter,\n.component-dropdown-slide-up-appear.component-dropdown-slide-up-appear-active.component-dropdown-placement-topCenter,\n.component-dropdown-slide-up-enter.component-dropdown-slide-up-enter-active.component-dropdown-placement-topRight,\n.component-dropdown-slide-up-appear.component-dropdown-slide-up-appear-active.component-dropdown-placement-topRight {\n animation-name: componentDropdownSlideDownIn;\n animation-play-state: running;\n}\n\n.component-dropdown-slide-up-leave.component-dropdown-slide-up-leave-active.component-dropdown-placement-bottomLeft,\n.component-dropdown-slide-up-leave.component-dropdown-slide-up-leave-active.component-dropdown-placement-bottomCenter,\n.component-dropdown-slide-up-leave.component-dropdown-slide-up-leave-active.component-dropdown-placement-bottomRight {\n animation-name: componentDropdownSlideUpOut;\n animation-play-state: running;\n}\n\n.component-dropdown-slide-up-leave.component-dropdown-slide-up-leave-active.component-dropdown-placement-topLeft,\n.component-dropdown-slide-up-leave.component-dropdown-slide-up-leave-active.component-dropdown-placement-topCenter,\n.component-dropdown-slide-up-leave.component-dropdown-slide-up-leave-active.component-dropdown-placement-topRight {\n animation-name: componentDropdownSlideDownOut;\n animation-play-state: running;\n}\n\n@keyframes componentDropdownSlideUpIn {\n 0% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1);\n }\n}\n@keyframes componentDropdownSlideUpOut {\n 0% {\n opacity: 1;\n transform-origin: 0% 0%;\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n transform-origin: 0% 0%;\n transform: scaleY(0);\n }\n}\n@keyframes componentDropdownSlideDownIn {\n 0% {\n opacity: 0;\n transform-origin: 0% 100%;\n transform: scaleY(0);\n }\n 100% {\n opacity: 1;\n transform-origin: 0% 100%;\n transform: scaleY(1);\n }\n}\n@keyframes componentDropdownSlideDownOut {\n 0% {\n opacity: 1;\n transform-origin: 0% 100%;\n transform: scaleY(1);\n }\n 100% {\n opacity: 0;\n transform-origin: 0% 100%;\n transform: scaleY(0);\n }\n}";
|
|
@@ -247,4 +275,4 @@ Dropdown.defaultProps = {
|
|
|
247
275
|
isolationPopupOnHide: false
|
|
248
276
|
};
|
|
249
277
|
|
|
250
|
-
export { Dropdown as D, getPlaceholder as a,
|
|
278
|
+
export { Dropdown as D, getPlaceholder as a, getPopupContainer as b, getRangePlaceholder as c, formatPickerValue as f, getTimeProps as g, isolationPopupPollution as i, mergedLocale as m };
|
|
File without changes
|
|
@@ -37,7 +37,7 @@ function usePopupContainer(wrapRef, customizeContainer) {
|
|
|
37
37
|
var popupRef = React__default.useRef(); //浮层渲染容器
|
|
38
38
|
|
|
39
39
|
var getPopupContainer = function getPopupContainer(triggerNode) {
|
|
40
|
-
var _a, _b, _c;
|
|
40
|
+
var _a, _b, _c, _d;
|
|
41
41
|
|
|
42
42
|
var container;
|
|
43
43
|
|
|
@@ -46,12 +46,22 @@ function usePopupContainer(wrapRef, customizeContainer) {
|
|
|
46
46
|
|
|
47
47
|
if (rootNode) {
|
|
48
48
|
container = getNearestOverflowAncestor(rootNode);
|
|
49
|
+
var scrollHeight = container.scrollHeight;
|
|
50
|
+
var clientHeight = container.clientHeight;
|
|
51
|
+
|
|
52
|
+
if (scrollHeight <= clientHeight) {
|
|
53
|
+
container = document.body;
|
|
54
|
+
}
|
|
49
55
|
} else {
|
|
50
56
|
container = document.body;
|
|
51
57
|
}
|
|
52
58
|
|
|
53
|
-
|
|
54
|
-
|
|
59
|
+
var nodeName = (_c = container.nodeName) === null || _c === void 0 ? void 0 : _c.toLowerCase();
|
|
60
|
+
|
|
61
|
+
if (nodeName !== 'body') {
|
|
62
|
+
if (((_d = window.getComputedStyle(container)) === null || _d === void 0 ? void 0 : _d.position) === 'static') {
|
|
63
|
+
container.style.position = 'relative';
|
|
64
|
+
}
|
|
55
65
|
}
|
|
56
66
|
|
|
57
67
|
popupRef.current = container;
|
package/index.d.ts
CHANGED
|
@@ -76,6 +76,8 @@ export { default as Pagination } from './Pagination';
|
|
|
76
76
|
export * from './Pagination';
|
|
77
77
|
export { default as ParauiProvider } from './ParauiProvider';
|
|
78
78
|
export * from './ParauiProvider';
|
|
79
|
+
export { default as PasswordRules } from './PasswordRules';
|
|
80
|
+
export * from './PasswordRules';
|
|
79
81
|
export { default as PopConfirm } from './PopConfirm';
|
|
80
82
|
export * from './PopConfirm';
|
|
81
83
|
export { default as Popover } from './Popover';
|
package/index.js
CHANGED
|
@@ -17,11 +17,11 @@ export { Container } from './Container/index.js';
|
|
|
17
17
|
export { default as DatePicker } from './DatePicker/index.js';
|
|
18
18
|
export { Desktop } from './Desktop/index.js';
|
|
19
19
|
export { Drawer } from './Drawer/index.js';
|
|
20
|
-
export { D as Dropdown } from './_verture/index-
|
|
20
|
+
export { D as Dropdown } from './_verture/index-bbed73a3.js';
|
|
21
21
|
export { default as Empty } from './Empty/index.js';
|
|
22
22
|
export { default as Form } from './Form/index.js';
|
|
23
|
-
export { F as FormItem } from './_verture/index-
|
|
24
|
-
export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-
|
|
23
|
+
export { F as FormItem } from './_verture/index-57346075.js';
|
|
24
|
+
export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-d646d9db.js';
|
|
25
25
|
export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
|
|
26
26
|
export { default as Help } from './Help/index.js';
|
|
27
27
|
export { default as HelperText } from './HelperText/index.js';
|
|
@@ -38,6 +38,7 @@ export { default as OperateBtn } from './OperateBtn/index.js';
|
|
|
38
38
|
export { PageHeader } from './PageHeader/index.js';
|
|
39
39
|
export { Pagination } from './Pagination/index.js';
|
|
40
40
|
export { ParauiProvider } from './ParauiProvider/index.js';
|
|
41
|
+
export { default as PasswordRules } from './PasswordRules/index.js';
|
|
41
42
|
export { PopConfirm } from './PopConfirm/index.js';
|
|
42
43
|
export { Popover } from './Popover/index.js';
|
|
43
44
|
export { Progress } from './Progress/index.js';
|
|
@@ -107,10 +108,10 @@ import '@para-ui/icons/Calendar';
|
|
|
107
108
|
import '@para-ui/icons/Time';
|
|
108
109
|
import 'rc-picker/lib/locale/en_US';
|
|
109
110
|
import 'rc-picker/lib/locale/zh_CN';
|
|
110
|
-
import './_verture/usePopupContainer-7bbd7720.js';
|
|
111
111
|
import '@para-ui/icons/SortRight';
|
|
112
112
|
import 'rc-drawer';
|
|
113
113
|
import 'rc-dropdown';
|
|
114
|
+
import './_verture/usePopupContainer-b8ab7cab.js';
|
|
114
115
|
import 'dayjs';
|
|
115
116
|
import './_verture/useGlobalProps-af9a2af6.js';
|
|
116
117
|
import '@para-ui/icons/Delete';
|
|
@@ -135,6 +136,7 @@ import '@para-ui/icons/PlusCircleF';
|
|
|
135
136
|
import 'rc-notification';
|
|
136
137
|
import 'rc-pagination';
|
|
137
138
|
import '@para-ui/icons/Left';
|
|
139
|
+
import '@para-ui/icons/CheckCircle';
|
|
138
140
|
import 'rc-progress';
|
|
139
141
|
import '@para-ui/icons/Check';
|
|
140
142
|
import '@para-ui/icons/Refresh';
|