@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.
Files changed (47) hide show
  1. package/AutoBox/index.js +1 -1
  2. package/Breadcrumbs/index.js +1 -1
  3. package/Button/index.js +2 -2
  4. package/ButtonGroup/index.js +2 -2
  5. package/ComboSelect/index.js +2 -2
  6. package/DatePicker/index.js +18 -62
  7. package/DatePicker/util.d.ts +1 -0
  8. package/Desktop/index.js +2 -2
  9. package/Drawer/index.js +2 -2
  10. package/Dropdown/index.js +2 -2
  11. package/Form/index.js +3 -3
  12. package/FormItem/index.js +3 -3
  13. package/FunctionModal/index.js +4 -4
  14. package/InputLang/index.js +2 -2
  15. package/Menu/index.js +54 -10
  16. package/Menu/interface.d.ts +2 -0
  17. package/Modal/index.js +2 -2
  18. package/MultiBox/index.js +2 -2
  19. package/OperateBtn/index.js +2 -2
  20. package/PageHeader/index.js +53 -10
  21. package/PageHeader/interface.d.ts +2 -0
  22. package/Pagination/index.js +2 -2
  23. package/PasswordRules/index.d.ts +46 -0
  24. package/PasswordRules/index.js +131 -0
  25. package/PopConfirm/index.js +2 -2
  26. package/Popover/index.js +1 -1
  27. package/README.md +27 -0
  28. package/Search/index.js +2 -2
  29. package/Select/index.js +2 -2
  30. package/SelectInput/index.js +2 -2
  31. package/Selector/index.js +2 -2
  32. package/SelectorPicker/index.js +2 -2
  33. package/SingleBox/index.js +2 -2
  34. package/Table/index.js +25 -16
  35. package/Tabs/index.js +2 -2
  36. package/TextField/index.js +2 -2
  37. package/TimePicker/index.js +2 -2
  38. package/ToggleButton/index.js +2 -2
  39. package/Transfer/index.js +2 -2
  40. package/Upload/index.js +2 -2
  41. package/_verture/{index-cef53318.js → index-57346075.js} +1 -1
  42. package/_verture/{index-ffd2b2cb.js → index-bbed73a3.js} +44 -16
  43. package/_verture/{modalContext-ba1b0528.js → modalContext-d646d9db.js} +0 -0
  44. package/_verture/{usePopupContainer-7bbd7720.js → usePopupContainer-b8ab7cab.js} +13 -3
  45. package/index.d.ts +2 -0
  46. package/index.js +6 -4
  47. 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-ffd2b2cb.js';
25
+ import '../_verture/index-bbed73a3.js';
26
26
  import 'rc-dropdown';
27
- import '../_verture/usePopupContainer-7bbd7720.js';
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-ffd2b2cb.js';
31
+ import '../_verture/index-bbed73a3.js';
32
32
  import 'rc-dropdown';
33
- import '../_verture/usePopupContainer-7bbd7720.js';
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-7bbd7720.js';
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
- if (popupDom) {
160
- var nearestDom = getNearestAbsoluteAncestor(popupDom, 'absolute');
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 (nearestDom) {
163
- nearestDom.style.position = 'fixed';
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
- if (_nearestDom) {
174
- _nearestDom.style.position = 'absolute';
175
- _nearestDom.style.left = '0';
176
- _nearestDom.style.top = '0';
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, getRangePlaceholder as b, formatPickerValue as f, getTimeProps as g, isolationPopupPollution as i, mergedLocale as m };
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 };
@@ -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
- if (((_c = window.getComputedStyle(container)) === null || _c === void 0 ? void 0 : _c.position) === 'static') {
54
- container.style.position = 'relative';
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-ffd2b2cb.js';
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-cef53318.js';
24
- export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-ba1b0528.js';
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';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@para-ui/core",
3
3
  "private": false,
4
- "version": "3.0.24",
4
+ "version": "3.0.26",
5
5
  "main": "./index.js",
6
6
  "typings": "./index.d.ts",
7
7
  "description": "Powered by Para FED",