@para-ui/core 3.0.23 → 3.0.24

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 (48) hide show
  1. package/AutoBox/index.js +1 -1
  2. package/AutoTips/index.d.ts +2 -0
  3. package/AutoTips/index.js +9 -1
  4. package/Breadcrumbs/index.js +1 -1
  5. package/Button/index.js +4 -2
  6. package/ButtonGroup/index.js +4 -2
  7. package/ComboSelect/index.js +7 -6
  8. package/DatePicker/index.js +10 -177
  9. package/Desktop/index.js +3 -2
  10. package/Drawer/index.js +4 -2
  11. package/Dropdown/index.d.ts +2 -0
  12. package/Dropdown/index.js +10 -62
  13. package/Form/index.js +5 -4
  14. package/FormItem/index.js +5 -4
  15. package/FunctionModal/index.js +6 -5
  16. package/InputLang/index.js +3 -2
  17. package/Modal/index.js +3 -2
  18. package/MultiBox/index.js +3 -2
  19. package/OperateBtn/index.js +4 -2
  20. package/PageHeader/index.js +3 -2
  21. package/Pagination/index.js +3 -2
  22. package/PopConfirm/index.js +4 -2
  23. package/Popover/index.js +1 -1
  24. package/README.md +12 -0
  25. package/Search/index.js +3 -2
  26. package/Select/index.js +3 -2
  27. package/SelectInput/index.js +3 -2
  28. package/Selector/index.js +3 -2
  29. package/SelectorPicker/index.d.ts +3 -1
  30. package/SelectorPicker/index.js +34 -16
  31. package/SingleBox/index.js +3 -2
  32. package/Table/index.js +3 -2
  33. package/Tabs/index.js +4 -2
  34. package/TextField/index.js +3 -2
  35. package/TimePicker/index.js +4 -4
  36. package/ToggleButton/index.js +3 -2
  37. package/Tooltip/index.js +11 -2
  38. package/Tooltip/interface.d.ts +2 -0
  39. package/Transfer/index.js +4 -3
  40. package/Tree/index.js +2 -2
  41. package/Upload/index.js +4 -3
  42. package/_verture/{index-2034182b.js → index-31ce5a11.js} +6 -40
  43. package/_verture/{index-647be3f8.js → index-cef53318.js} +0 -0
  44. package/_verture/index-ffd2b2cb.js +250 -0
  45. package/_verture/{modalContext-9ffd6fad.js → modalContext-ba1b0528.js} +0 -0
  46. package/_verture/{usePopupContainer-874d101b.js → usePopupContainer-7bbd7720.js} +2 -2
  47. package/index.js +6 -6
  48. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
- import { u as useModal } from '../_verture/modalContext-9ffd6fad.js';
2
- export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-9ffd6fad.js';
1
+ import { u as useModal } from '../_verture/modalContext-ba1b0528.js';
2
+ export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-ba1b0528.js';
3
3
  import '../_verture/toConsumableArray-f8047a75.js';
4
4
  import '../_verture/slicedToArray-d7722f4b.js';
5
5
  import '../_verture/index-342379c6.js';
@@ -20,9 +20,11 @@ import 'rc-tooltip/lib/placements';
20
20
  import '../_verture/constant-bf34e6fa.js';
21
21
  import '../_verture/style-inject.es-300983ab.js';
22
22
  import '@para-ui/icons/Down';
23
- import '../Dropdown/index.js';
23
+ import '../_verture/index-ffd2b2cb.js';
24
24
  import 'rc-dropdown';
25
- import '../_verture/usePopupContainer-874d101b.js';
25
+ import '../_verture/usePopupContainer-7bbd7720.js';
26
+ import 'dayjs';
27
+ import '@paraview/lib';
26
28
  import '../_verture/useFormatMessage-f4452258.js';
27
29
  import '@para-ui/core/GlobalContext';
28
30
  import '@para-ui/icons/Close';
@@ -32,7 +34,6 @@ import '@para-ui/icons/CheckCircleF';
32
34
  import '@para-ui/icons/CloseCircleF';
33
35
  import '@para-ui/icons/WarningCircle';
34
36
  import '@para-ui/icons/WarningCircleF';
35
- import '@paraview/lib';
36
37
 
37
38
  /**
38
39
  * @author zhanzl
@@ -27,9 +27,10 @@ import '../Loading/index.js';
27
27
  import '@para-ui/icons/LoadingF';
28
28
  import '../_verture/useGlobalProps-af9a2af6.js';
29
29
  import '@para-ui/core/GlobalContext';
30
- import '../Dropdown/index.js';
30
+ import '../_verture/index-ffd2b2cb.js';
31
31
  import 'rc-dropdown';
32
- import '../_verture/usePopupContainer-874d101b.js';
32
+ import '../_verture/usePopupContainer-7bbd7720.js';
33
+ import 'dayjs';
33
34
  import '@para-ui/icons/Delete';
34
35
  import '@para-ui/icons/PlusCircleF';
35
36
  import '../_verture/useFormatMessage-f4452258.js';
package/Modal/index.js CHANGED
@@ -25,9 +25,10 @@ import '../Tooltip/index.js';
25
25
  import 'rc-tooltip';
26
26
  import 'rc-tooltip/lib/placements';
27
27
  import '@para-ui/icons/Down';
28
- import '../Dropdown/index.js';
28
+ import '../_verture/index-ffd2b2cb.js';
29
29
  import 'rc-dropdown';
30
- import '../_verture/usePopupContainer-874d101b.js';
30
+ import '../_verture/usePopupContainer-7bbd7720.js';
31
+ import 'dayjs';
31
32
 
32
33
  var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/2 下午7:00\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-confirm.paraui-v3-modal .paraui-v3-modal-body {\n padding: 0;\n}\n.paraui-v3-confirm .confirm-wrapper {\n width: 416px;\n outline: none;\n}\n.paraui-v3-confirm .confirm-content {\n position: relative;\n padding: 32px 32px 24px;\n}\n.paraui-v3-confirm .confirm-content-close {\n position: absolute;\n right: 16px;\n top: 16px;\n border: none;\n}\n.paraui-v3-confirm .confirm-content-close svg {\n font-size: 18px;\n}\n.paraui-v3-confirm .confirm-content-icon {\n float: left;\n margin-top: 2px;\n color: rgb(255, 161, 80);\n}\n.paraui-v3-confirm .confirm-content-icon svg {\n color: inherit;\n font-size: 16px;\n}\n.paraui-v3-confirm .confirm-content-icon--warn, .paraui-v3-confirm .confirm-content-icon-warning {\n color: rgb(255, 161, 80);\n}\n.paraui-v3-confirm .confirm-content-icon--error {\n color: rgb(235, 96, 84);\n}\n.paraui-v3-confirm .confirm-content-icon--success {\n color: rgb(83, 195, 27);\n}\n.paraui-v3-confirm .confirm-content-icon--info {\n color: rgb(54, 102, 214);\n}\n.paraui-v3-confirm .confirm-content-body {\n margin: 0 16px 0 30px;\n color: rgb(46, 55, 67);\n font-size: 14px;\n}\n.paraui-v3-confirm .confirm-content-body .confirm-body-title {\n display: block;\n margin-bottom: 8px;\n font-weight: 700;\n font-size: 16px;\n}\n.paraui-v3-confirm .confirm-content-actions {\n margin-top: 24px;\n text-align: right;\n}\n.paraui-v3-confirm .confirm-content-actions > button + button {\n margin-left: 16px;\n}";
33
34
  styleInject(css_248z$1);
package/MultiBox/index.js CHANGED
@@ -25,9 +25,10 @@ import '../Loading/index.js';
25
25
  import '@para-ui/icons/LoadingF';
26
26
  import '../_verture/useGlobalProps-af9a2af6.js';
27
27
  import '@para-ui/core/GlobalContext';
28
- import '../Dropdown/index.js';
28
+ import '../_verture/index-ffd2b2cb.js';
29
29
  import 'rc-dropdown';
30
- import '../_verture/usePopupContainer-874d101b.js';
30
+ import '../_verture/usePopupContainer-7bbd7720.js';
31
+ import 'dayjs';
31
32
  import '../Help/index.js';
32
33
  import '@para-ui/icons/Help';
33
34
 
@@ -17,9 +17,11 @@ import '../Tooltip/index.js';
17
17
  import 'rc-tooltip';
18
18
  import 'rc-tooltip/lib/placements';
19
19
  import '@para-ui/icons/Down';
20
- import '../Dropdown/index.js';
20
+ import '../_verture/index-ffd2b2cb.js';
21
21
  import 'rc-dropdown';
22
- import '../_verture/usePopupContainer-874d101b.js';
22
+ import '../_verture/usePopupContainer-7bbd7720.js';
23
+ import 'dayjs';
24
+ import '@paraview/lib';
23
25
  import '../_verture/useFormatMessage-f4452258.js';
24
26
  import '@para-ui/core/GlobalContext';
25
27
 
@@ -15,12 +15,13 @@ import '../Tooltip/index.js';
15
15
  import 'rc-tooltip';
16
16
  import 'rc-tooltip/lib/placements';
17
17
  import 'clsx';
18
- import '../_verture/usePopupContainer-874d101b.js';
18
+ import '../_verture/usePopupContainer-7bbd7720.js';
19
19
  import '../_verture/typeof-498dd2b1.js';
20
20
  import '@para-ui/icons/LoadingF';
21
21
  import '@para-ui/icons/Forbid';
22
- import '../Dropdown/index.js';
22
+ import '../_verture/index-ffd2b2cb.js';
23
23
  import 'rc-dropdown';
24
+ import 'dayjs';
24
25
  import '../_verture/useFormatMessage-f4452258.js';
25
26
  import '@para-ui/core/GlobalContext';
26
27
 
@@ -25,9 +25,10 @@ import '../Tooltip/index.js';
25
25
  import 'rc-tooltip';
26
26
  import 'rc-tooltip/lib/placements';
27
27
  import '@para-ui/icons/Help';
28
- import '../Dropdown/index.js';
28
+ import '../_verture/index-ffd2b2cb.js';
29
29
  import 'rc-dropdown';
30
- import '../_verture/usePopupContainer-874d101b.js';
30
+ import '../_verture/usePopupContainer-7bbd7720.js';
31
+ import 'dayjs';
31
32
  import '@paraview/lib';
32
33
  import '@para-ui/icons/Close';
33
34
  import '@para-ui/icons/CloseCircle';
@@ -11,14 +11,16 @@ import { Tooltip } from '../Tooltip/index.js';
11
11
  import clsx from 'clsx';
12
12
  import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
13
13
  import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
14
- import { u as usePopupContainer } from '../_verture/usePopupContainer-874d101b.js';
14
+ import { u as usePopupContainer } from '../_verture/usePopupContainer-7bbd7720.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 '../Dropdown/index.js';
20
+ import '../_verture/index-ffd2b2cb.js';
21
21
  import 'rc-dropdown';
22
+ import 'dayjs';
23
+ import '@paraview/lib';
22
24
  import 'rc-tooltip';
23
25
  import 'rc-tooltip/lib/placements';
24
26
  import '@para-ui/core/GlobalContext';
package/Popover/index.js CHANGED
@@ -3,7 +3,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
3
3
  import React__default from 'react';
4
4
  import { Tooltip } from '../Tooltip/index.js';
5
5
  import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-bf34e6fa.js';
6
- import { u as usePopupContainer } from '../_verture/usePopupContainer-874d101b.js';
6
+ import { u as usePopupContainer } from '../_verture/usePopupContainer-7bbd7720.js';
7
7
  import clsx from 'clsx';
8
8
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
9
9
  import '../_verture/slicedToArray-d7722f4b.js';
package/README.md CHANGED
@@ -1,3 +1,15 @@
1
+ ## 版本: 3.0.24
2
+ para-ui/core@3.0.24 发布
3
+ 【下拉选择器-SelectPicker】修改单选,选择不消失
4
+ 【下拉选择器-SelectPicker】修复最大宽高限制,修复placeholder超出问题
5
+ 【下拉选择器-SelectPicker】新增tagRender自定义tag内容
6
+ 【组合选择器-ComboSelect】修复placeholder超出问题
7
+ 【组合选择器-ComboSelect】下拉浮层为树控件时修复文本溢出问题
8
+ 【树控件-Tree】优化loadedKeys逻辑
9
+ 【树控件-Tree】修复懒加载CheckedKeys重复问题
10
+ 【文字提示-Tooltip】删除外层容器 max-width 样式,增加 maxWidth 属性
11
+ 【下拉浮层-Dropdown】增加isolationPopupOnHide属性用于隔离dom污染
12
+
1
13
  ## 版本: 3.0.23
2
14
  para-ui/core@3.0.23 发布
3
15
  【组合选择器-ComboSelect】修改组合选择器,未监听onChange,onClear事件,导致外部数据不是最新值
package/Search/index.js CHANGED
@@ -25,9 +25,10 @@ import '@para-ui/icons/LoadingF';
25
25
  import '../HelperText/index.js';
26
26
  import '../_verture/useGlobalProps-af9a2af6.js';
27
27
  import '@para-ui/core/GlobalContext';
28
- import '../Dropdown/index.js';
28
+ import '../_verture/index-ffd2b2cb.js';
29
29
  import 'rc-dropdown';
30
- import '../_verture/usePopupContainer-874d101b.js';
30
+ import '../_verture/usePopupContainer-7bbd7720.js';
31
+ import 'dayjs';
31
32
  import '@para-ui/icons/Forbid';
32
33
  import '@para-ui/icons/Down';
33
34
  import '../_verture/useFormatMessage-f4452258.js';
package/Select/index.js CHANGED
@@ -6,7 +6,7 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
6
6
  import React__default, { useRef, useState, useEffect, useMemo } from 'react';
7
7
  import Empty from '../Empty/index.js';
8
8
  import Label from '../Label/index.js';
9
- import { Dropdown } from '../Dropdown/index.js';
9
+ import { D as Dropdown } from '../_verture/index-ffd2b2cb.js';
10
10
  import { UUID, DeepClone } from '@paraview/lib';
11
11
  import GlobalContext from '@para-ui/core/GlobalContext';
12
12
  import CloseIcon from '@para-ui/icons/Close';
@@ -30,7 +30,8 @@ import 'rc-tooltip';
30
30
  import 'rc-tooltip/lib/placements';
31
31
  import '@para-ui/icons/Help';
32
32
  import 'rc-dropdown';
33
- import '../_verture/usePopupContainer-874d101b.js';
33
+ import '../_verture/usePopupContainer-7bbd7720.js';
34
+ import 'dayjs';
34
35
  import '@para-ui/icons/LoadingF';
35
36
 
36
37
  var en = {
@@ -19,9 +19,10 @@ import '../Tooltip/index.js';
19
19
  import 'rc-tooltip';
20
20
  import 'rc-tooltip/lib/placements';
21
21
  import '@para-ui/icons/Help';
22
- import '../Dropdown/index.js';
22
+ import '../_verture/index-ffd2b2cb.js';
23
23
  import 'rc-dropdown';
24
- import '../_verture/usePopupContainer-874d101b.js';
24
+ import '../_verture/usePopupContainer-7bbd7720.js';
25
+ import 'dayjs';
25
26
  import '@paraview/lib';
26
27
  import '@para-ui/icons/Close';
27
28
  import '@para-ui/icons/CloseCircle';
package/Selector/index.js CHANGED
@@ -27,7 +27,7 @@ import 'rc-tooltip';
27
27
  import 'rc-tooltip/lib/placements';
28
28
  import 'clsx';
29
29
  import '@para-ui/icons/Help';
30
- import '../_verture/usePopupContainer-874d101b.js';
30
+ import '../_verture/usePopupContainer-7bbd7720.js';
31
31
  import '@para-ui/icons/LoadingF';
32
32
  import '@para-ui/core/GlobalContext';
33
33
  import '../TextField/index.js';
@@ -36,8 +36,9 @@ import '@para-ui/icons/PreviewClose';
36
36
  import '@para-ui/icons/PreviewOpen';
37
37
  import '@para-ui/icons/CloseCircle';
38
38
  import '../HelperText/index.js';
39
- import '../Dropdown/index.js';
39
+ import '../_verture/index-ffd2b2cb.js';
40
40
  import 'rc-dropdown';
41
+ import 'dayjs';
41
42
  import '../Button/index.js';
42
43
  import '@para-ui/icons/Forbid';
43
44
  import '@para-ui/icons/Down';
@@ -3,7 +3,7 @@
3
3
  * @date 2022/8/3 3:50 PM
4
4
  * @description 选择器选择
5
5
  */
6
- import React from 'react';
6
+ import React, { ReactNode } from 'react';
7
7
  import { HelperTextDetailProps } from "../HelperText";
8
8
  import { LabelTooltipProps } from "../Label";
9
9
  import { SelectorProps } from "../Selector/interface";
@@ -35,6 +35,8 @@ export interface SelectorPickerProps extends HelperTextDetailProps {
35
35
  value?: Record<string, any>[] | Record<string, any>;
36
36
  /** 默认值 不受控 */
37
37
  defaultValue?: Record<string, any>[] | Record<string, any>;
38
+ /** 自定义tag内容 */
39
+ tagRender?: (item: any) => ReactNode;
38
40
  /** 清除回调 */
39
41
  onClear?: () => void;
40
42
  /** 改变事件 val绑定值, node处理过的数据 rowData原始数据 */
@@ -2,17 +2,18 @@ import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
2
2
  import { _ as _toConsumableArray } from '../_verture/toConsumableArray-f8047a75.js';
3
3
  import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
4
4
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
5
- import { useState, Fragment as Fragment$1 } from 'react';
5
+ import { useState, useRef, Fragment as Fragment$1 } from 'react';
6
+ import clsx from 'clsx';
6
7
  import HelperText from '../HelperText/index.js';
7
8
  import Label from '../Label/index.js';
8
- import clsx from 'clsx';
9
- import { Dropdown } from '../Dropdown/index.js';
9
+ import { D as Dropdown } from '../_verture/index-ffd2b2cb.js';
10
10
  import Selector, { handFieldConfig } from '../Selector/index.js';
11
+ import AutoTips from '../AutoTips/index.js';
11
12
  import CloseCircle from '@para-ui/icons/CloseCircle';
12
13
  import Down from '@para-ui/icons/Down';
13
14
  import CloseIcon from '@para-ui/icons/Close';
14
- import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
15
15
  import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
16
+ import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
16
17
  import '../Help/index.js';
17
18
  import '../_verture/tslib.es6-55ed4bd2.js';
18
19
  import '../Tooltip/index.js';
@@ -20,7 +21,9 @@ import 'rc-tooltip';
20
21
  import 'rc-tooltip/lib/placements';
21
22
  import '@para-ui/icons/Help';
22
23
  import 'rc-dropdown';
23
- import '../_verture/usePopupContainer-874d101b.js';
24
+ import '../_verture/usePopupContainer-7bbd7720.js';
25
+ import 'dayjs';
26
+ import '@paraview/lib';
24
27
  import '../_verture/index-342379c6.js';
25
28
  import '../Radio/index.js';
26
29
  import '../Checkbox/index.js';
@@ -32,10 +35,8 @@ import '@para-ui/core/GlobalContext';
32
35
  import '../Search/index.js';
33
36
  import '../TextField/index.js';
34
37
  import '../_verture/typeof-498dd2b1.js';
35
- import '@paraview/lib';
36
38
  import '@para-ui/icons/PreviewClose';
37
39
  import '@para-ui/icons/PreviewOpen';
38
- import '../AutoTips/index.js';
39
40
  import '../_verture/useGlobalProps-af9a2af6.js';
40
41
  import '../Button/index.js';
41
42
  import '@para-ui/icons/Forbid';
@@ -46,7 +47,7 @@ import '@para-ui/icons/Return';
46
47
  import '../Empty/index.js';
47
48
  import '@para-ui/icons/Refresh';
48
49
 
49
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/2 5:57 PM\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-selector-picker > .selector-picker-wrapper {\n position: relative;\n display: flex;\n min-height: 36px;\n padding: 0 42px 0 12px;\n border: 1px solid rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper:hover {\n border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-placeholder {\n position: absolute;\n top: 50%;\n left: 12px;\n right: 42px;\n transform: translateY(-50%);\n font-size: 14px;\n color: rgba(46, 55, 67, 0.4);\n white-space: nowrap;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-arrow {\n position: absolute;\n top: 7px;\n right: 12px;\n line-height: 0;\n transition: 0.3s;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-arrow svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 20px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-clear {\n position: absolute;\n top: 9px;\n right: 12px;\n opacity: 0;\n line-height: 0;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-clear svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 16px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow {\n position: relative;\n display: flex;\n width: 100%;\n flex: auto;\n flex-wrap: wrap;\n padding-top: 5px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow.selector-picker-overflow-single {\n padding-top: 0;\n align-items: center;\n overflow: hidden;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow.selector-picker-overflow-single > .selector-picker-single-content {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 14px;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item {\n flex: none;\n max-width: 100%;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item {\n display: inline-flex;\n align-items: center;\n padding: 0 12px;\n height: 24px;\n margin: 0 8px 5px 0;\n max-width: 100%;\n color: rgb(46, 55, 67);\n line-height: 24px;\n background-color: rgba(171, 176, 185, 0.2);\n border-radius: 4px;\n user-select: none;\n transition: 0.3s;\n cursor: default;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item > .selector-picker-item-content {\n display: inline-block;\n margin-right: 4px;\n overflow: hidden;\n font-size: 12px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item > .selector-picker-item-remove {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item > .selector-picker-item-remove svg {\n font-size: 16px;\n color: inherit;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-focused > .selector-picker-wrapper {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-focused > .selector-picker-wrapper > .selector-picker-arrow {\n transform: rotate(180deg);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-disabled {\n cursor: not-allowed;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-disabled > .selector-picker-wrapper {\n background-color: rgba(171, 176, 185, 0.12);\n border-color: rgba(171, 176, 185, 0.4);\n pointer-events: none;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-error > .selector-picker-wrapper {\n border-color: rgb(235, 96, 84);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-error > .selector-picker-wrapper:hover {\n border-color: rgb(235, 96, 84);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-clear > .selector-picker-wrapper:hover > .selector-picker-arrow {\n opacity: 0;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-clear > .selector-picker-wrapper:hover > .selector-picker-clear {\n opacity: 1;\n}\n.paraui-v3-selector-picker-dropdown .paraui-v3-selector {\n border: 0;\n}";
50
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/2 5:57 PM\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-selector-picker > .selector-picker-wrapper {\n position: relative;\n display: flex;\n min-height: 36px;\n padding: 0 42px 0 12px;\n border: 1px solid rgba(171, 176, 185, 0.4);\n border-radius: 4px;\n background-color: rgb(255, 255, 255);\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper:hover {\n border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-placeholder {\n position: absolute;\n top: 50%;\n left: 12px;\n right: 42px;\n transform: translateY(-50%);\n font-size: 14px;\n color: rgba(46, 55, 67, 0.4);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-arrow {\n position: absolute;\n top: 7px;\n right: 12px;\n line-height: 0;\n transition: 0.3s;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-arrow svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 20px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-clear {\n position: absolute;\n top: 9px;\n right: 12px;\n opacity: 0;\n line-height: 0;\n cursor: pointer;\n transition: 0.3s;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-clear svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 16px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow {\n position: relative;\n display: flex;\n width: 100%;\n flex: auto;\n flex-wrap: wrap;\n padding-top: 5px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow.selector-picker-overflow-single {\n padding-top: 0;\n align-items: center;\n overflow: hidden;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow.selector-picker-overflow-single > .selector-picker-single-content {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: 14px;\n color: rgb(46, 55, 67);\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item {\n flex: none;\n max-width: 100%;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item {\n display: inline-flex;\n align-items: center;\n padding: 0 12px;\n height: 24px;\n margin: 0 8px 5px 0;\n max-width: 100%;\n color: rgb(46, 55, 67);\n line-height: 24px;\n background-color: rgba(171, 176, 185, 0.2);\n border-radius: 4px;\n user-select: none;\n transition: 0.3s;\n cursor: default;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item > .selector-picker-item-content {\n display: inline-block;\n margin-right: 4px;\n overflow: hidden;\n font-size: 12px;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item > .selector-picker-item-remove {\n display: inline-flex;\n cursor: pointer;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item > .selector-picker-item-remove svg {\n font-size: 16px;\n color: inherit;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-focused > .selector-picker-wrapper {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-focused > .selector-picker-wrapper > .selector-picker-arrow {\n transform: rotate(180deg);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-disabled {\n cursor: not-allowed;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-disabled > .selector-picker-wrapper {\n background-color: rgba(171, 176, 185, 0.12);\n border-color: rgba(171, 176, 185, 0.4);\n pointer-events: none;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-error > .selector-picker-wrapper {\n border-color: rgb(235, 96, 84);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-error > .selector-picker-wrapper:hover {\n border-color: rgb(235, 96, 84);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-clear > .selector-picker-wrapper:hover > .selector-picker-arrow {\n opacity: 0;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-clear > .selector-picker-wrapper:hover > .selector-picker-clear {\n opacity: 1;\n}\n.paraui-v3-selector-picker-dropdown .paraui-v3-selector {\n border: 0;\n}\n.paraui-v3-selector-picker-dropdown .selector-picker-dropdown-content {\n max-height: 300px;\n overflow: auto;\n}";
50
51
  styleInject(css_248z);
51
52
 
52
53
  var SelectorPicker = function SelectorPicker(props) {
@@ -77,7 +78,8 @@ var SelectorPicker = function SelectorPicker(props) {
77
78
  allowClear = _props$allowClear === void 0 ? false : _props$allowClear,
78
79
  selectorProps = props.selectorProps,
79
80
  onChange = props.onChange,
80
- onClear = props.onClear;
81
+ onClear = props.onClear,
82
+ tagRender = props.tagRender;
81
83
  var fieldConfigHand = handFieldConfig((_a = props.selectorProps) === null || _a === void 0 ? void 0 : _a.fieldConfig, ((_b = props.selectorProps) === null || _b === void 0 ? void 0 : _b.rowKey) || 'key'); // 字段配置,对应数据字段
82
84
 
83
85
  var selectorFieldConfigHand = Object.assign(Object.assign({}, fieldConfigHand), (_c = props.selectorProps) === null || _c === void 0 ? void 0 : _c.backDataFieldConfig); // 选中值字段配置,对应数据字段
@@ -93,11 +95,13 @@ var SelectorPicker = function SelectorPicker(props) {
93
95
  setOpen = _useState4[1]; // 显示下拉
94
96
 
95
97
 
98
+ var posDom = useRef(null);
96
99
  var prefixCls = $prefixCls + '-selector-picker';
97
100
  /** 改变事件 val绑定值, node处理过的数据 rowData原始数据 */
98
101
 
99
102
  var onChangeCom = function onChangeCom(val, node, rowData) {
100
103
  onChange && onChange(val, node, rowData);
104
+ if (!multiple) setOpen(false);
101
105
 
102
106
  if (value === undefined) {
103
107
  setValueCom(!val ? [] : val);
@@ -169,7 +173,9 @@ var SelectorPicker = function SelectorPicker(props) {
169
173
 
170
174
  var handTagDom = function handTagDom(item, index) {
171
175
  var labelStr = selectorFieldConfigHand.mainTitle || '';
172
- var val = selectorFieldConfigHand.key || '';
176
+ var valKey = selectorFieldConfigHand.key || '';
177
+ var val = item[labelStr] || item[valKey];
178
+ var renderVal = tagRender && tagRender(item);
173
179
  return jsx("div", Object.assign({
174
180
  className: "selector-picker-overflow-item"
175
181
  }, {
@@ -179,7 +185,9 @@ var SelectorPicker = function SelectorPicker(props) {
179
185
  children: [jsx("span", Object.assign({
180
186
  className: "selector-picker-item-content"
181
187
  }, {
182
- children: item[labelStr] || item[val]
188
+ children: jsx(AutoTips, {
189
+ children: renderVal || val
190
+ })
183
191
  })), jsx("span", Object.assign({
184
192
  className: "selector-picker-item-remove",
185
193
  onClick: function onClick(e) {
@@ -194,17 +202,21 @@ var SelectorPicker = function SelectorPicker(props) {
194
202
 
195
203
 
196
204
  var tagMemo = function tagMemo() {
197
- var _a;
205
+ var _a, _b;
198
206
 
199
207
  var list = handComVal();
200
208
  if (!list.length) return;
201
209
 
202
210
  if (!multiple) {
203
211
  //单选
212
+ var labelStr = selectorFieldConfigHand.mainTitle || '';
213
+ var valKey = selectorFieldConfigHand.key || '';
214
+ var val = ((_a = list[0]) === null || _a === void 0 ? void 0 : _a[labelStr]) || ((_b = list[0]) === null || _b === void 0 ? void 0 : _b[valKey]);
215
+ var renderVal = tagRender && tagRender(list[0]);
204
216
  return jsx("span", Object.assign({
205
217
  className: "selector-picker-single-content"
206
218
  }, {
207
- children: (_a = list[0]) === null || _a === void 0 ? void 0 : _a.label
219
+ children: renderVal || val
208
220
  }));
209
221
  }
210
222
 
@@ -258,9 +270,14 @@ var SelectorPicker = function SelectorPicker(props) {
258
270
  return obj;
259
271
  };
260
272
 
261
- return jsx("div", {
273
+ return jsx("div", Object.assign({
274
+ className: 'selector-picker-dropdown-content',
275
+ style: {
276
+ width: (posDom && posDom.current ? posDom.current.offsetWidth : 0) + 'px'
277
+ }
278
+ }, {
262
279
  children: jsx(Selector, Object.assign({}, handSelectorProps()))
263
- });
280
+ }));
264
281
  }; //dropdown anchor
265
282
 
266
283
 
@@ -296,7 +313,8 @@ var SelectorPicker = function SelectorPicker(props) {
296
313
 
297
314
  return jsxs("div", Object.assign({
298
315
  className: makeCls(),
299
- style: style
316
+ style: style,
317
+ ref: posDom
300
318
  }, {
301
319
  children: [renderLabel(), jsx(Dropdown, Object.assign({
302
320
  visible: open,
@@ -25,9 +25,10 @@ import '../Loading/index.js';
25
25
  import '@para-ui/icons/LoadingF';
26
26
  import '../_verture/useGlobalProps-af9a2af6.js';
27
27
  import '@para-ui/core/GlobalContext';
28
- import '../Dropdown/index.js';
28
+ import '../_verture/index-ffd2b2cb.js';
29
29
  import 'rc-dropdown';
30
- import '../_verture/usePopupContainer-874d101b.js';
30
+ import '../_verture/usePopupContainer-7bbd7720.js';
31
+ import 'dayjs';
31
32
  import '../Help/index.js';
32
33
  import '@para-ui/icons/Help';
33
34
 
package/Table/index.js CHANGED
@@ -29,14 +29,15 @@ import '../Tooltip/index.js';
29
29
  import 'rc-tooltip';
30
30
  import 'rc-tooltip/lib/placements';
31
31
  import 'clsx';
32
- import '../_verture/usePopupContainer-874d101b.js';
32
+ import '../_verture/usePopupContainer-7bbd7720.js';
33
33
  import '../Label/index.js';
34
34
  import '../Help/index.js';
35
35
  import '@para-ui/icons/Help';
36
36
  import '@para-ui/icons/LoadingF';
37
37
  import '@para-ui/icons/Forbid';
38
- import '../Dropdown/index.js';
38
+ import '../_verture/index-ffd2b2cb.js';
39
39
  import 'rc-dropdown';
40
+ import 'dayjs';
40
41
  import '@para-ui/core/GlobalContext';
41
42
  import '@para-ui/icons/More';
42
43
  import 'rc-pagination';
package/Tabs/index.js CHANGED
@@ -25,9 +25,11 @@ import '../Tooltip/index.js';
25
25
  import 'rc-tooltip';
26
26
  import 'rc-tooltip/lib/placements';
27
27
  import '@para-ui/icons/Down';
28
- import '../Dropdown/index.js';
28
+ import '../_verture/index-ffd2b2cb.js';
29
29
  import 'rc-dropdown';
30
- import '../_verture/usePopupContainer-874d101b.js';
30
+ import '../_verture/usePopupContainer-7bbd7720.js';
31
+ import 'dayjs';
32
+ import '@paraview/lib';
31
33
  import '@para-ui/core/GlobalContext';
32
34
  import '@para-ui/icons/Help';
33
35
 
@@ -12,7 +12,7 @@ import AutoTips from '../AutoTips/index.js';
12
12
  import { Loading } from '../Loading/index.js';
13
13
  import HelperText from '../HelperText/index.js';
14
14
  import { u as useGlobalProps } from '../_verture/useGlobalProps-af9a2af6.js';
15
- import { Dropdown } from '../Dropdown/index.js';
15
+ import { D as Dropdown } from '../_verture/index-ffd2b2cb.js';
16
16
  import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
17
17
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
18
18
  import '../Help/index.js';
@@ -24,7 +24,8 @@ import '@para-ui/icons/Help';
24
24
  import '@para-ui/icons/LoadingF';
25
25
  import '@para-ui/core/GlobalContext';
26
26
  import 'rc-dropdown';
27
- import '../_verture/usePopupContainer-874d101b.js';
27
+ import '../_verture/usePopupContainer-7bbd7720.js';
28
+ import 'dayjs';
28
29
 
29
30
  var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-text-field {\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 display: inline-block;\n width: 100%;\n}\n.paraui-v3-text-field > .text-field-content {\n border: 1px solid;\n border-radius: 4px;\n border-color: rgba(171, 176, 185, 0.4);\n display: flex;\n width: 100%;\n position: relative;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v3-text-field > .text-field-content:hover {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-before {\n color: rgb(46, 55, 67);\n padding: 0 12px;\n border-right: 1px solid rgba(171, 176, 185, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border-bottom-left-radius: 4px;\n border-top-left-radius: 4px;\n white-space: nowrap;\n display: flex;\n align-items: center;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-before svg {\n font-size: 20px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within {\n position: relative;\n display: flex;\n flex-grow: 1;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n display: flex;\n height: 100%;\n align-items: center;\n margin-right: 12px;\n cursor: pointer;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 16px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon:hover svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon {\n display: flex;\n height: 100%;\n align-items: center;\n margin-right: 12px;\n cursor: pointer;\n color: rgba(46, 55, 67, 0.7);\n position: relative;\n z-index: 1;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon.right-icon-password:hover svg {\n color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon svg {\n color: rgba(46, 55, 67, 0.7);\n font-size: 20px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .length-limit {\n display: flex;\n height: 100%;\n align-items: center;\n margin-right: 12px;\n color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n width: 100%;\n line-height: 0;\n position: relative;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-outer-spin-button,\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input[type=number] {\n -moz-appearance: textfield;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n width: 100%;\n height: 100%;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n width: 100% !important;\n padding: 12px;\n resize: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n font-size: 14px;\n color: rgb(46, 55, 67);\n border: 0;\n border-radius: 4px;\n background: transparent;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-clear, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-clear {\n display: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-reveal, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-reveal {\n display: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input:disabled, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea:disabled {\n background-color: transparent;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n width: 100%;\n position: absolute;\n left: 0;\n top: 0;\n height: 100%;\n padding: 0 12px;\n color: rgba(46, 55, 67, 0.4);\n cursor: text;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-align: left;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder > .text-field-required {\n margin-left: 2px;\n color: rgb(235, 96, 84);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-after {\n color: rgb(46, 55, 67);\n padding: 0 12px;\n border-left: 1px solid rgba(171, 176, 185, 0.4);\n background-color: rgba(171, 176, 185, 0.12);\n border-bottom-right-radius: 4px;\n border-top-right-radius: 4px;\n white-space: nowrap;\n display: flex;\n align-items: center;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-after svg {\n font-size: 20px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .clean-up-icon {\n display: none;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n position: absolute;\n height: 22px;\n bottom: 0;\n border-radius: 4px;\n width: calc(100% - 12px);\n background: white;\n justify-content: flex-end;\n padding-bottom: 8px;\n margin-right: 0;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n padding-top: 12px;\n line-height: 1;\n height: calc(100% - 24px);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content {\n background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content:hover {\n border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-before {\n background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n cursor: not-allowed;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n cursor: not-allowed;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-after {\n background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-error > .text-field-content {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-error > .text-field-content:hover {\n border-color: rgb(235, 96, 84);\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit > .text-field-content {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit > .text-field-content:hover {\n border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit-length > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n padding-bottom: 25px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-focus > .text-field-content {\n border-color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content {\n height: 28px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-before {\n line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n padding: 6px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content .text-field-content-after {\n line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content {\n height: 32px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-before {\n line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n padding: 8px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content .text-field-content-after {\n line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content {\n height: 36px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-before {\n line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n padding: 10px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content .text-field-content-after {\n line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-resize > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n resize: both;\n}\n\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content {\n max-height: 300px;\n overflow: auto;\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item {\n display: flex;\n cursor: pointer;\n color: rgb(46, 55, 67);\n padding: 0 12px;\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item:hover {\n background-color: rgba(171, 176, 185, 0.12);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item.text-field-select-content-item-keydown {\n background-color: rgba(171, 176, 185, 0.12);\n color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content.text-field-select-content-loading {\n height: 100px;\n position: relative;\n overflow: hidden;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-small > .text-field-select-content > .text-field-select-content-item {\n line-height: 28px;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-medium > .text-field-select-content > .text-field-select-content-item {\n line-height: 32px;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-large > .text-field-select-content > .text-field-select-content-item {\n line-height: 36px;\n}\n.paraui-v3-text-field-select.paraui-v3-text-field-select-data.component-tooltip {\n padding: 8px 0;\n}";
30
31
  styleInject(css_248z);
@@ -15,9 +15,11 @@ import 'rc-tooltip/lib/placements';
15
15
  import '../_verture/constant-bf34e6fa.js';
16
16
  import '../_verture/style-inject.es-300983ab.js';
17
17
  import '@para-ui/icons/Down';
18
- import '../Dropdown/index.js';
18
+ import '../_verture/index-ffd2b2cb.js';
19
19
  import 'rc-dropdown';
20
- import '../_verture/usePopupContainer-874d101b.js';
20
+ import '../_verture/usePopupContainer-7bbd7720.js';
21
+ import 'dayjs';
22
+ import '@paraview/lib';
21
23
  import '../_verture/useFormatMessage-f4452258.js';
22
24
  import '@para-ui/core/GlobalContext';
23
25
  import '../Tag/index.js';
@@ -30,14 +32,12 @@ import 'rc-picker';
30
32
  import '@para-ui/icons/CloseCircle';
31
33
  import '@para-ui/icons/Calendar';
32
34
  import '@para-ui/icons/Time';
33
- import 'dayjs';
34
35
  import 'rc-picker/lib/locale/en_US';
35
36
  import 'rc-picker/lib/locale/zh_CN';
36
37
  import '../Label/index.js';
37
38
  import '../Help/index.js';
38
39
  import '@para-ui/icons/Help';
39
40
  import '../HelperText/index.js';
40
- import '@paraview/lib';
41
41
  import '@para-ui/icons/SortRight';
42
42
 
43
43
  var InternalTimePicker = DatePicker.TimePicker,
@@ -13,9 +13,10 @@ import '../_verture/typeof-498dd2b1.js';
13
13
  import '@para-ui/icons/LoadingF';
14
14
  import '@para-ui/icons/Forbid';
15
15
  import '@para-ui/icons/Down';
16
- import '../Dropdown/index.js';
16
+ import '../_verture/index-ffd2b2cb.js';
17
17
  import 'rc-dropdown';
18
- import '../_verture/usePopupContainer-874d101b.js';
18
+ import '../_verture/usePopupContainer-7bbd7720.js';
19
+ import 'dayjs';
19
20
  import '../_verture/useFormatMessage-f4452258.js';
20
21
  import '@para-ui/core/GlobalContext';
21
22
  import 'rc-tooltip';