@para-ui/core 4.0.22 → 4.0.25

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 (115) hide show
  1. package/AutoTips/index.js +24 -13
  2. package/Button/index.js +1 -1
  3. package/ButtonGroup/index.js +1 -1
  4. package/Cascader/index.js +7 -6
  5. package/ComboSelect/index.js +2 -2
  6. package/CopyText/index.js +1 -1
  7. package/CycleSelector/index.d.ts +14 -2
  8. package/CycleSelector/index.js +43 -4
  9. package/DatePicker/index.js +1 -1
  10. package/Descriptions/index.js +1 -1
  11. package/Desktop/index.js +1 -1
  12. package/Drawer/index.js +1 -1
  13. package/Dropdown/index.js +1 -1
  14. package/DynamicMultiBox/index.js +2 -2
  15. package/Empty/index.js +0 -6
  16. package/Form/index.js +11 -8
  17. package/FormItem/index.js +3 -3
  18. package/FunctionModal/index.js +3 -3
  19. package/Image/PreviewGroup.d.ts +20 -0
  20. package/Image/index.d.ts +10 -0
  21. package/Image/index.js +1485 -0
  22. package/InputLang/index.js +1 -1
  23. package/Modal/index.js +1 -1
  24. package/MultiBox/index.js +1 -1
  25. package/OperateBtn/index.js +1 -1
  26. package/PageHeader/index.js +1 -1
  27. package/Pagination/index.js +3 -3
  28. package/PopConfirm/index.js +1 -1
  29. package/Popover/index.js +1 -1
  30. package/Querying/index.js +0 -12
  31. package/QuickReply/index.js +1 -1
  32. package/README.md +20 -0
  33. package/Search/index.js +1 -1
  34. package/Select/index.d.ts +2 -0
  35. package/Select/index.js +27 -10
  36. package/SelectInput/index.js +1 -1
  37. package/Selector/index.js +1 -1
  38. package/SelectorPicker/index.js +1 -1
  39. package/SingleBox/index.js +1 -1
  40. package/Slider/index.js +29 -14
  41. package/Slider/interface.d.ts +4 -0
  42. package/Table/index.js +9 -3
  43. package/Tabs/index.js +1 -1
  44. package/TextField/index.js +5 -4
  45. package/TimePicker/index.js +1 -1
  46. package/ToggleButton/index.js +1 -1
  47. package/Transfer/index.js +50 -44
  48. package/Tree/index.js +2 -2
  49. package/Upload/ImgCrop/EasyCrop.d.ts +2 -2
  50. package/Upload/ImgCrop/constants.d.ts +12 -0
  51. package/Upload/ImgCrop/interface.d.ts +10 -0
  52. package/Upload/index.js +506 -128
  53. package/Upload/interface.d.ts +43 -0
  54. package/Upload/util.d.ts +7 -0
  55. package/_verture/Portal-5bd49559.js +1698 -0
  56. package/_verture/{index-066d47d4.js → index-5f205d87.js} +38 -1727
  57. package/_verture/{index-b892f976.js → index-93662604.js} +2 -2
  58. package/_verture/{index-389675ab.js → index-bde7aabe.js} +1 -1
  59. package/index.d.ts +2 -0
  60. package/index.js +18 -12
  61. package/locale/index.js +2 -2
  62. package/package.json +3 -2
  63. package/umd/AutoBox.js +1 -1
  64. package/umd/AutoTips.js +1 -1
  65. package/umd/Breadcrumbs.js +2 -2
  66. package/umd/Button.js +2 -2
  67. package/umd/ButtonGroup.js +2 -2
  68. package/umd/Cascader.js +1 -1
  69. package/umd/ComboSelect.js +3 -3
  70. package/umd/CopyText.js +2 -2
  71. package/umd/CycleSelector.js +3 -3
  72. package/umd/DatePicker.js +2 -2
  73. package/umd/Descriptions.js +2 -2
  74. package/umd/Desktop.js +2 -2
  75. package/umd/Drawer.js +2 -2
  76. package/umd/Dropdown.js +1 -1
  77. package/umd/DynamicMultiBox.js +3 -3
  78. package/umd/Empty.js +1 -1
  79. package/umd/Form.js +4 -4
  80. package/umd/FormItem.js +3 -3
  81. package/umd/FunctionModal.js +6 -6
  82. package/umd/Image.js +42 -0
  83. package/umd/InputLang.js +2 -2
  84. package/umd/Menu.js +1 -1
  85. package/umd/Modal.js +5 -5
  86. package/umd/MultiBox.js +2 -2
  87. package/umd/OperateBtn.js +4 -4
  88. package/umd/PageHeader.js +2 -2
  89. package/umd/Pagination.js +2 -2
  90. package/umd/PopConfirm.js +4 -4
  91. package/umd/PopMenu.js +2 -2
  92. package/umd/Popover.js +1 -1
  93. package/umd/Querying.js +1 -1
  94. package/umd/QuickReply.js +4 -4
  95. package/umd/Search.js +2 -2
  96. package/umd/Select.js +3 -3
  97. package/umd/SelectInput.js +2 -2
  98. package/umd/Selector.js +2 -2
  99. package/umd/SelectorPicker.js +5 -5
  100. package/umd/SingleBox.js +2 -2
  101. package/umd/Slider.js +2 -2
  102. package/umd/Stepper.js +1 -1
  103. package/umd/Table.js +6 -6
  104. package/umd/Tabs.js +4 -4
  105. package/umd/Tag.js +1 -1
  106. package/umd/TextField.js +3 -3
  107. package/umd/TimePicker.js +2 -2
  108. package/umd/Title.js +1 -1
  109. package/umd/ToggleButton.js +2 -2
  110. package/umd/Transfer.js +2 -2
  111. package/umd/Tree.js +1 -1
  112. package/umd/Upload.js +6 -6
  113. package/umd/locale.js +1 -1
  114. /package/_verture/{index-4b965dd7.js → index-0eca82dc.js} +0 -0
  115. /package/_verture/{modalContext-c8cc3107.js → modalContext-c57b51b7.js} +0 -0
@@ -24,7 +24,7 @@ import '@para-ui/icons/PreviewOpen';
24
24
  import '@para-ui/icons/CloseCircleF';
25
25
  import '../Loading/index.js';
26
26
  import '@para-ui/icons/LoadingF';
27
- import '../_verture/index-389675ab.js';
27
+ import '../_verture/index-bde7aabe.js';
28
28
  import 'rc-dropdown';
29
29
  import '../_verture/usePopupContainer-635f66f4.js';
30
30
  import 'dayjs';
package/Modal/index.js CHANGED
@@ -21,7 +21,7 @@ import 'rc-tooltip';
21
21
  import 'rc-tooltip/lib/placements';
22
22
  import '@para-ui/icons/Forbid';
23
23
  import '@para-ui/icons/Down';
24
- import '../_verture/index-389675ab.js';
24
+ import '../_verture/index-bde7aabe.js';
25
25
  import 'rc-dropdown';
26
26
  import '../_verture/usePopupContainer-635f66f4.js';
27
27
  import 'dayjs';
package/MultiBox/index.js CHANGED
@@ -23,7 +23,7 @@ import '../Loading/index.js';
23
23
  import '@para-ui/icons/LoadingF';
24
24
  import '../_verture/useGlobalProps-4ae1a007.js';
25
25
  import '../_verture/index-ca413216.js';
26
- import '../_verture/index-389675ab.js';
26
+ import '../_verture/index-bde7aabe.js';
27
27
  import 'rc-dropdown';
28
28
  import '../_verture/usePopupContainer-635f66f4.js';
29
29
  import 'dayjs';
@@ -13,7 +13,7 @@ import clsx from 'clsx';
13
13
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
14
14
  import '@para-ui/icons/LoadingF';
15
15
  import '@para-ui/icons/Down';
16
- import '../_verture/index-389675ab.js';
16
+ import '../_verture/index-bde7aabe.js';
17
17
  import 'rc-dropdown';
18
18
  import '../_verture/usePopupContainer-635f66f4.js';
19
19
  import 'dayjs';
@@ -18,7 +18,7 @@ import 'clsx';
18
18
  import '@para-ui/icons/Forbid';
19
19
  import '../_verture/usePopupContainer-635f66f4.js';
20
20
  import '@para-ui/icons/LoadingF';
21
- import '../_verture/index-389675ab.js';
21
+ import '../_verture/index-bde7aabe.js';
22
22
  import 'rc-dropdown';
23
23
  import 'dayjs';
24
24
  import '../_verture/useFormatMessage-1fc7c957.js';
@@ -30,7 +30,7 @@ import '../Loading/index.js';
30
30
  import '@para-ui/icons/LoadingF';
31
31
  import '../HelperText/index.js';
32
32
  import '../_verture/useGlobalProps-4ae1a007.js';
33
- import '../_verture/index-389675ab.js';
33
+ import '../_verture/index-bde7aabe.js';
34
34
  import 'rc-dropdown';
35
35
  import '../_verture/usePopupContainer-635f66f4.js';
36
36
  import 'dayjs';
@@ -60,8 +60,8 @@ var zh = {
60
60
  };
61
61
 
62
62
  var localeJson = {
63
- zh: zh,
64
- en: en
63
+ zh,
64
+ en
65
65
  };
66
66
 
67
67
  var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/10/26 13:57\n* @description 分页样式\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-pagination {\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 color: rgb(29, 33, 38);\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n opacity: 1;\n}\n.paraui-v4-pagination.paraui-v4-pagination-over {\n overflow: hidden;\n height: 32px;\n opacity: 0;\n transition: all 0.3s;\n}\n.paraui-v4-pagination.paraui-v4-pagination-no-left-arrow > .pagination-content {\n padding-left: 0;\n}\n.paraui-v4-pagination.paraui-v4-pagination-no-right-arrow > .pagination-content {\n padding-right: 0;\n}\n.paraui-v4-pagination > .pagination-space {\n margin-right: 10px;\n}\n.paraui-v4-pagination > .pagination-space:last-child {\n margin-right: 0;\n}\n.paraui-v4-pagination > .pagination-content {\n display: flex;\n border-radius: 4px;\n height: 32px;\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-pagination > .pagination-content > .left-page, .paraui-v4-pagination > .pagination-content > .right-page {\n display: inline-block;\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div, .paraui-v4-pagination > .pagination-content > .right-page > div {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n width: 32px;\n height: 32px;\n border-radius: 4px;\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div.disabled-btn, .paraui-v4-pagination > .pagination-content > .right-page > div.disabled-btn {\n cursor: not-allowed;\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div.disabled-btn > svg, .paraui-v4-pagination > .pagination-content > .right-page > div.disabled-btn > svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div.disabled-btn:hover, .paraui-v4-pagination > .pagination-content > .right-page > div.disabled-btn:hover {\n background-color: rgb(255, 255, 255);\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div.disabled-btn:hover > svg, .paraui-v4-pagination > .pagination-content > .right-page > div.disabled-btn:hover > svg {\n color: rgb(161, 168, 179);\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div:last-child, .paraui-v4-pagination > .pagination-content > .right-page > div:last-child {\n margin-right: 0;\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div:hover, .paraui-v4-pagination > .pagination-content > .right-page > div:hover {\n background-color: rgb(247, 248, 250);\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div:hover > svg, .paraui-v4-pagination > .pagination-content > .right-page > div:hover > svg {\n color: rgb(46, 101, 230);\n}\n.paraui-v4-pagination > .pagination-content > .left-page > div > svg, .paraui-v4-pagination > .pagination-content > .right-page > div > svg {\n font-size: 16px;\n color: rgb(92, 101, 115);\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination {\n height: 100%;\n display: inline-block;\n box-shadow: none;\n vertical-align: top;\n line-height: 30px;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li {\n min-width: 32px;\n height: 32px;\n line-height: 32px;\n display: inline-block;\n text-align: center;\n cursor: pointer;\n border-radius: 4px;\n margin-right: 6px;\n padding: 0 6px;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li:first-child, .paraui-v4-pagination > .pagination-content > .component-pagination > li:last-child, .paraui-v4-pagination > .pagination-content > .component-pagination > li.component-pagination-next {\n display: none;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li.component-pagination-jump-next, .paraui-v4-pagination > .pagination-content > .component-pagination > li.component-pagination-jump-prev {\n padding: 0;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-prev-icon svg, .paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-next-icon svg {\n display: none;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-prev-icon span, .paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-next-icon span {\n display: inline-block;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-prev-icon:hover svg, .paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-next-icon:hover svg {\n display: inline-block;\n vertical-align: middle;\n color: rgb(46, 101, 230);\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-prev-icon:hover span, .paraui-v4-pagination > .pagination-content > .component-pagination > li > .jump-next-icon:hover span {\n display: none;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li:hover {\n background-color: rgb(247, 248, 250);\n color: rgb(46, 101, 230);\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li.component-pagination-item-active {\n color: rgb(46, 101, 230);\n border: 1px solid;\n border-color: rgb(46, 101, 230);\n line-height: 30px;\n}\n.paraui-v4-pagination > .pagination-content > .component-pagination > li.component-pagination-item-active:hover {\n background: rgb(255, 255, 255);\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-pagination > .pagination-btn-content button:first-child {\n margin-right: 10px;\n}\n.paraui-v4-pagination > .page-line-memo > span {\n display: inline-block;\n margin-right: 8px;\n vertical-align: middle;\n}\n.paraui-v4-pagination > .page-line-memo .page-line-select {\n width: 110px;\n vertical-align: middle;\n}\n.paraui-v4-pagination > .skip-page-memo {\n display: flex;\n align-items: center;\n}\n.paraui-v4-pagination > .skip-page-memo > span {\n color: rgb(92, 101, 115);\n}\n.paraui-v4-pagination > .skip-page-memo > .skip-page-text-field {\n width: 50px;\n margin: 0 4px;\n}\n.paraui-v4-pagination > .skip-page-memo > .skip-page-text-field .right-icon {\n margin-right: 8px;\n}";
@@ -14,7 +14,7 @@ import { u as usePopupContainer } from '../_verture/usePopupContainer-635f66f4.j
14
14
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
15
15
  import '@para-ui/icons/LoadingF';
16
16
  import '@para-ui/icons/Down';
17
- import '../_verture/index-389675ab.js';
17
+ import '../_verture/index-bde7aabe.js';
18
18
  import 'rc-dropdown';
19
19
  import 'dayjs';
20
20
  import '@paraview/lib';
package/Popover/index.js CHANGED
@@ -10,7 +10,7 @@ import 'rc-tooltip';
10
10
  import 'rc-tooltip/lib/placements';
11
11
  import '@para-ui/icons/Forbid';
12
12
 
13
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/7 上午11:06\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-popover {\n color: rgb(29, 33, 38);\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-v4-popover::after {\n position: absolute;\n content: \"\";\n}\n.paraui-v4-popover.component-popover-hidden {\n display: none;\n}\n.paraui-v4-popover.component-popover-hidden .component-popover-inner {\n border: none;\n}\n.paraui-v4-popover .component-popover-inner {\n background-color: rgb(255, 255, 255);\n background-clip: padding-box;\n border-radius: 4px;\n box-shadow: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n border: 1px solid rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-popover .component-popover-title {\n margin: 0;\n padding: 0 20px;\n color: rgb(29, 33, 38);\n font-weight: 700;\n border-bottom: 1px solid #f0f0f0;\n min-height: 44px;\n display: flex;\n align-items: center;\n}\n.paraui-v4-popover .component-popover-inner-content {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-popover .component-popover-buttons {\n margin-bottom: 4px;\n text-align: right;\n}\n.paraui-v4-popover .component-popover-buttons button {\n margin-left: 8px;\n}\n.paraui-v4-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-v4-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-v4-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-v4-popover.component-popover-placement-top .component-popover-arrow, .paraui-v4-popover.component-popover-placement-topLeft .component-popover-arrow, .paraui-v4-popover.component-popover-placement-topRight .component-popover-arrow {\n bottom: -0.6862915px;\n}\n.paraui-v4-popover.component-popover-placement-top .component-popover-arrow-content, .paraui-v4-popover.component-popover-placement-topLeft .component-popover-arrow-content, .paraui-v4-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-v4-popover.component-popover-placement-top .component-popover-arrow {\n left: 50%;\n transform: translateX(-50%);\n}\n.paraui-v4-popover.component-popover-placement-topLeft .component-popover-arrow {\n left: 16px;\n}\n.paraui-v4-popover.component-popover-placement-topRight .component-popover-arrow {\n right: 16px;\n}\n.paraui-v4-popover.component-popover-placement-right .component-popover-arrow, .paraui-v4-popover.component-popover-placement-rightTop .component-popover-arrow, .paraui-v4-popover.component-popover-placement-rightBottom .component-popover-arrow {\n left: -0.6862915px;\n}\n.paraui-v4-popover.component-popover-placement-right .component-popover-arrow-content, .paraui-v4-popover.component-popover-placement-rightTop .component-popover-arrow-content, .paraui-v4-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-v4-popover.component-popover-placement-right .component-popover-arrow {\n top: 50%;\n transform: translateY(-50%);\n}\n.paraui-v4-popover.component-popover-placement-rightTop .component-popover-arrow {\n top: 12px;\n}\n.paraui-v4-popover.component-popover-placement-rightBottom .component-popover-arrow {\n bottom: 12px;\n}\n.paraui-v4-popover.component-popover-placement-bottom .component-popover-arrow, .paraui-v4-popover.component-popover-placement-bottomLeft .component-popover-arrow, .paraui-v4-popover.component-popover-placement-bottomRight .component-popover-arrow {\n top: -0.6862915px;\n}\n.paraui-v4-popover.component-popover-placement-bottom .component-popover-arrow-content, .paraui-v4-popover.component-popover-placement-bottomLeft .component-popover-arrow-content, .paraui-v4-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-v4-popover.component-popover-placement-bottom .component-popover-arrow {\n left: 50%;\n transform: translateX(-50%);\n}\n.paraui-v4-popover.component-popover-placement-bottomLeft .component-popover-arrow {\n left: 16px;\n}\n.paraui-v4-popover.component-popover-placement-bottomRight .component-popover-arrow {\n right: 16px;\n}\n.paraui-v4-popover.component-popover-placement-left .component-popover-arrow, .paraui-v4-popover.component-popover-placement-leftTop .component-popover-arrow, .paraui-v4-popover.component-popover-placement-leftBottom .component-popover-arrow {\n right: -0.6862915px;\n}\n.paraui-v4-popover.component-popover-placement-left .component-popover-arrow-content, .paraui-v4-popover.component-popover-placement-leftTop .component-popover-arrow-content, .paraui-v4-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-v4-popover.component-popover-placement-left .component-popover-arrow {\n top: 50%;\n transform: translateY(-50%);\n}\n.paraui-v4-popover.component-popover-placement-leftTop .component-popover-arrow {\n top: 12px;\n}\n.paraui-v4-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}";
13
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/7 上午11:06\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-popover {\n color: rgb(29, 33, 38);\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-v4-popover::after {\n position: absolute;\n content: \"\";\n}\n.paraui-v4-popover.component-popover-hidden {\n display: none;\n}\n.paraui-v4-popover.component-popover-hidden .component-popover-inner {\n border: none;\n box-shadow: none;\n}\n.paraui-v4-popover .component-popover-inner {\n background-color: rgb(255, 255, 255);\n background-clip: padding-box;\n border-radius: 4px;\n box-shadow: 1px 1px 10px 2px rgba(212, 218, 227, 0.4);\n border: 1px solid rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-popover .component-popover-title {\n margin: 0;\n padding: 0 20px;\n color: rgb(29, 33, 38);\n font-weight: 700;\n border-bottom: 1px solid #f0f0f0;\n min-height: 44px;\n display: flex;\n align-items: center;\n}\n.paraui-v4-popover .component-popover-inner-content {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-popover .component-popover-buttons {\n margin-bottom: 4px;\n text-align: right;\n}\n.paraui-v4-popover .component-popover-buttons button {\n margin-left: 8px;\n}\n.paraui-v4-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-v4-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-v4-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-v4-popover.component-popover-placement-top .component-popover-arrow, .paraui-v4-popover.component-popover-placement-topLeft .component-popover-arrow, .paraui-v4-popover.component-popover-placement-topRight .component-popover-arrow {\n bottom: -0.6862915px;\n}\n.paraui-v4-popover.component-popover-placement-top .component-popover-arrow-content, .paraui-v4-popover.component-popover-placement-topLeft .component-popover-arrow-content, .paraui-v4-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-v4-popover.component-popover-placement-top .component-popover-arrow {\n left: 50%;\n transform: translateX(-50%);\n}\n.paraui-v4-popover.component-popover-placement-topLeft .component-popover-arrow {\n left: 16px;\n}\n.paraui-v4-popover.component-popover-placement-topRight .component-popover-arrow {\n right: 16px;\n}\n.paraui-v4-popover.component-popover-placement-right .component-popover-arrow, .paraui-v4-popover.component-popover-placement-rightTop .component-popover-arrow, .paraui-v4-popover.component-popover-placement-rightBottom .component-popover-arrow {\n left: -0.6862915px;\n}\n.paraui-v4-popover.component-popover-placement-right .component-popover-arrow-content, .paraui-v4-popover.component-popover-placement-rightTop .component-popover-arrow-content, .paraui-v4-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-v4-popover.component-popover-placement-right .component-popover-arrow {\n top: 50%;\n transform: translateY(-50%);\n}\n.paraui-v4-popover.component-popover-placement-rightTop .component-popover-arrow {\n top: 12px;\n}\n.paraui-v4-popover.component-popover-placement-rightBottom .component-popover-arrow {\n bottom: 12px;\n}\n.paraui-v4-popover.component-popover-placement-bottom .component-popover-arrow, .paraui-v4-popover.component-popover-placement-bottomLeft .component-popover-arrow, .paraui-v4-popover.component-popover-placement-bottomRight .component-popover-arrow {\n top: -0.6862915px;\n}\n.paraui-v4-popover.component-popover-placement-bottom .component-popover-arrow-content, .paraui-v4-popover.component-popover-placement-bottomLeft .component-popover-arrow-content, .paraui-v4-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-v4-popover.component-popover-placement-bottom .component-popover-arrow {\n left: 50%;\n transform: translateX(-50%);\n}\n.paraui-v4-popover.component-popover-placement-bottomLeft .component-popover-arrow {\n left: 16px;\n}\n.paraui-v4-popover.component-popover-placement-bottomRight .component-popover-arrow {\n right: 16px;\n}\n.paraui-v4-popover.component-popover-placement-left .component-popover-arrow, .paraui-v4-popover.component-popover-placement-leftTop .component-popover-arrow, .paraui-v4-popover.component-popover-placement-leftBottom .component-popover-arrow {\n right: -0.6862915px;\n}\n.paraui-v4-popover.component-popover-placement-left .component-popover-arrow-content, .paraui-v4-popover.component-popover-placement-leftTop .component-popover-arrow-content, .paraui-v4-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-v4-popover.component-popover-placement-left .component-popover-arrow {\n top: 50%;\n transform: translateY(-50%);\n}\n.paraui-v4-popover.component-popover-placement-leftTop .component-popover-arrow {\n top: 12px;\n}\n.paraui-v4-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
16
  //popover
package/Querying/index.js CHANGED
@@ -380,12 +380,6 @@ const LargeSearch = () => {
380
380
  rx: "3.014",
381
381
  transform: "translate(220.537 180.513)",
382
382
  fill: "#dde7ff"
383
- }), jsx("path", {
384
- id: "\u8DEF\u5F84_17905",
385
- "data-name": "\u8DEF\u5F84 17905",
386
- d: "M20.356,21.964l-9.429-10.17v2.289H9.107V9.83H20.239a3.921,3.921,0,1,1,0,7.842h-.65L17.9,15.845h2.328a2.087,2.087,0,0,0,0-4.175H13.288L21.2,20.182l1.613,1.782Zm-4.773-4.3h-4.65v4.3H9.1V15.858h4.767l1.7,1.834Z",
387
- transform: "translate(217.468 107.352)",
388
- fill: "#3666d6"
389
383
  }), jsxs("g", Object.assign({
390
384
  id: "\u7EC4_19234",
391
385
  "data-name": "\u7EC4 19234",
@@ -615,12 +609,6 @@ const SmallSearch = () => {
615
609
  rx: "1.681",
616
610
  transform: "translate(236.978 155.663)",
617
611
  fill: "#d5e0fa"
618
- }), jsx("path", {
619
- id: "\u8DEF\u5F84_17905",
620
- "data-name": "\u8DEF\u5F84 17905",
621
- d: "M15.38,16.6l-5.26-5.674V12.2H9.1V9.83h6.211a2.188,2.188,0,1,1,0,4.375h-.363l-.943-1.019h1.3a1.164,1.164,0,1,0,0-2.329H11.436l4.415,4.749.9.994Zm-2.663-2.4H10.123v2.4H9.1V13.19h2.659l.95,1.023Z",
622
- transform: "translate(231.243 110.503)",
623
- fill: "#2e65e6"
624
612
  }), jsxs("g", Object.assign({
625
613
  id: "\u7EC4_19234",
626
614
  "data-name": "\u7EC4 19234",
@@ -27,7 +27,7 @@ import 'rc-tooltip';
27
27
  import 'rc-tooltip/lib/placements';
28
28
  import '@para-ui/icons/Forbid';
29
29
  import '@para-ui/icons/Down';
30
- import '../_verture/index-389675ab.js';
30
+ import '../_verture/index-bde7aabe.js';
31
31
  import 'rc-dropdown';
32
32
  import '../_verture/usePopupContainer-635f66f4.js';
33
33
  import 'dayjs';
package/README.md CHANGED
@@ -1,3 +1,23 @@
1
+ ## 版本: 4.0.25
2
+ 【超出省略-AutoTips】修复未超出,只多出的最后一行一个字符出现浮层
3
+ 【超出省略-AutoTips】更换Tooltip层级
4
+ 【周期选择器-CycleSelector】增加时间类型timeType参数
5
+ 【周期选择器-CycleSelector】增加提示文本自定义渲染tipRender参数
6
+ 【周期选择器-CycleSelector】增加显示弹窗showPopover参数
7
+
8
+ ## 版本: 4.0.24
9
+ 【超出省略-AutoTips】修复多行超出省略,丢失只多出的最后一个字符
10
+ 【表单-Form】修复输入框输入丢失焦点问题
11
+ 【输入框-TextField】去除搜索空状态显示阴影
12
+
13
+ ## 版本: 4.0.23
14
+ 【下拉框-Select】新增blurChangeValueBol,失去焦点改变值
15
+ 【空状态-Empty】去除R
16
+ 【查询-Querying】去除R
17
+ 【表格-Table】刷新增加清空选中操作
18
+ 【上传-Upload】上传组件UI优化和BUG修复
19
+ 【滑动输入条-Slider】文档DEMO优化;圆点上方数值调整为常显
20
+
1
21
  ## 版本: 4.0.22
2
22
  【Tree】修复从左侧移入树节点时,超出省略弹窗未展示
3
23
  【colors】添加色卡
package/Search/index.js CHANGED
@@ -23,7 +23,7 @@ import '@para-ui/icons/LoadingF';
23
23
  import '../HelperText/index.js';
24
24
  import '../_verture/useGlobalProps-4ae1a007.js';
25
25
  import '../_verture/index-ca413216.js';
26
- import '../_verture/index-389675ab.js';
26
+ import '../_verture/index-bde7aabe.js';
27
27
  import 'rc-dropdown';
28
28
  import '../_verture/usePopupContainer-635f66f4.js';
29
29
  import 'dayjs';
package/Select/index.d.ts CHANGED
@@ -92,6 +92,8 @@ export interface SelectProps extends HelperTextDetailProps {
92
92
  onClear?: () => void;
93
93
  /** 浮层渲染容器,默认body */
94
94
  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
95
+ /** 失去焦点改变值 */
96
+ blurChangeValueBol?: boolean;
95
97
  [name: string]: any;
96
98
  }
97
99
  declare const Select: FunctionComponent<SelectProps>;
package/Select/index.js CHANGED
@@ -2,7 +2,7 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
2
2
  import React__default, { useRef, useState, useEffect, useMemo } from 'react';
3
3
  import Empty from '../Empty/index.js';
4
4
  import Label from '../Label/index.js';
5
- import { D as Dropdown } from '../_verture/index-389675ab.js';
5
+ import { D as Dropdown } from '../_verture/index-bde7aabe.js';
6
6
  import { UUID, DeepClone } from '@paraview/lib';
7
7
  import { G as GlobalContext } from '../_verture/index-ca413216.js';
8
8
  import CloseIcon from '@para-ui/icons/Close';
@@ -127,7 +127,8 @@ const Select = props => {
127
127
  onClear,
128
128
  getPopupContainer,
129
129
  renderContent,
130
- selectCheckIcon = true
130
+ selectCheckIcon = true,
131
+ blurChangeValueBol = false
131
132
  } = useGlobalProps(props, 'Select');
132
133
  /**
133
134
  * 处理初始化数据,让list支持传入字符串
@@ -563,6 +564,26 @@ const Select = props => {
563
564
  }
564
565
  searchInputProps && searchInputProps.onKeyDown && searchInputProps.onKeyDown(e);
565
566
  };
567
+ /**
568
+ * 失去焦点搜索框
569
+ * @param event 搜索框元素
570
+ */
571
+ const onBlurSearch = event => {
572
+ var _a;
573
+ if (props.input && blurChangeValueBol && searchValue.trim() !== '') {
574
+ let arr = '';
575
+ if (multiple) {
576
+ arr = [...valueCom, searchValue];
577
+ } else {
578
+ arr = searchValue;
579
+ }
580
+ if (props.value === undefined) setValueCom(arr);
581
+ onChange && onChange(arr, event);
582
+ setSearchValue('');
583
+ }
584
+ constData.inputOpen = false;
585
+ searchInputProps && ((_a = searchInputProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(searchInputProps, event));
586
+ };
566
587
  /**
567
588
  * 多选框设置input框长度
568
589
  * @param text 文本
@@ -786,11 +807,7 @@ const Select = props => {
786
807
  constData.inputOpen = true;
787
808
  searchInputProps && ((_a = searchInputProps.onClick) === null || _a === void 0 ? void 0 : _a.call(searchInputProps, event));
788
809
  },
789
- onBlur: event => {
790
- var _a;
791
- constData.inputOpen = false;
792
- searchInputProps && ((_a = searchInputProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(searchInputProps, event));
793
- },
810
+ onBlur: onBlurSearch,
794
811
  className: str,
795
812
  value: searchValue,
796
813
  onChange: changeSearch,
@@ -823,7 +840,7 @@ const Select = props => {
823
840
  })), handInput('radio')]
824
841
  })
825
842
  });
826
- }, [multiple, showText, overLineCom, listJson, valueCom, showName, search, searchModel, searchValue, disabled, input, searchInputProps, renderContent]);
843
+ }, [multiple, showText, overLineCom, listJson, valueCom, showName, search, searchModel, searchValue, disabled, input, searchInputProps, renderContent, blurChangeValueBol]);
827
844
  // 多选内容
828
845
  const CheckMemo = useMemo(() => {
829
846
  const handContent = index => {
@@ -870,7 +887,7 @@ const Select = props => {
870
887
  })(), handInput('check')]
871
888
  }))
872
889
  });
873
- }, [multiple, showText, valueCom, morePos, listJson, disabled, onChange, searchValue, search, searchModel, input, searchInputProps, renderContent]);
890
+ }, [multiple, showText, valueCom, morePos, listJson, disabled, onChange, searchValue, search, searchModel, input, searchInputProps, renderContent, blurChangeValueBol]);
874
891
  const clickClean = e => {
875
892
  e.stopPropagation();
876
893
  let val = '';
@@ -970,7 +987,7 @@ const Select = props => {
970
987
  })), RadioMemo, CheckMemo]
971
988
  }))
972
989
  }));
973
- }, [posDom, showText, labelMode, placeholder, label, labelSign, required, overLineCom, listJson, valueCom, showName, multiple, morePos, disabled, onChange, searchValue, searchModel, input, showSelect, searchInputProps, allowClear, onClear, openMore, renderContent]);
990
+ }, [posDom, showText, labelMode, placeholder, label, labelSign, required, overLineCom, listJson, valueCom, showName, multiple, morePos, disabled, onChange, searchValue, searchModel, input, showSelect, searchInputProps, allowClear, onClear, openMore, renderContent, blurChangeValueBol]);
974
991
  // 下拉框popover 列表
975
992
  const SelectPopoverListMemo = useMemo(() => {
976
993
  const handClass = () => {
@@ -17,7 +17,7 @@ import 'rc-tooltip';
17
17
  import 'rc-tooltip/lib/placements';
18
18
  import '@para-ui/icons/Forbid';
19
19
  import '@para-ui/icons/Help';
20
- import '../_verture/index-389675ab.js';
20
+ import '../_verture/index-bde7aabe.js';
21
21
  import 'rc-dropdown';
22
22
  import '../_verture/usePopupContainer-635f66f4.js';
23
23
  import 'dayjs';
package/Selector/index.js CHANGED
@@ -36,7 +36,7 @@ import '@para-ui/icons/PreviewClose';
36
36
  import '@para-ui/icons/PreviewOpen';
37
37
  import '@para-ui/icons/CloseCircleF';
38
38
  import '../HelperText/index.js';
39
- import '../_verture/index-389675ab.js';
39
+ import '../_verture/index-bde7aabe.js';
40
40
  import 'rc-dropdown';
41
41
  import 'dayjs';
42
42
  import '@para-ui/icons/More';
@@ -3,7 +3,7 @@ import { useState, useRef, useEffect } from 'react';
3
3
  import clsx from 'clsx';
4
4
  import HelperText from '../HelperText/index.js';
5
5
  import Label from '../Label/index.js';
6
- import { D as Dropdown } from '../_verture/index-389675ab.js';
6
+ import { D as Dropdown } from '../_verture/index-bde7aabe.js';
7
7
  import Selector, { handFieldConfig } from '../Selector/index.js';
8
8
  import AutoTips from '../AutoTips/index.js';
9
9
  import { Popover } from '../Popover/index.js';
@@ -23,7 +23,7 @@ import '../Loading/index.js';
23
23
  import '@para-ui/icons/LoadingF';
24
24
  import '../_verture/useGlobalProps-4ae1a007.js';
25
25
  import '../_verture/index-ca413216.js';
26
- import '../_verture/index-389675ab.js';
26
+ import '../_verture/index-bde7aabe.js';
27
27
  import 'rc-dropdown';
28
28
  import '../_verture/usePopupContainer-635f66f4.js';
29
29
  import 'dayjs';
package/Slider/index.js CHANGED
@@ -1,22 +1,25 @@
1
1
  import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
2
- import { jsx } from 'react/jsx-runtime';
2
+ import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import React__default from 'react';
4
4
  import RcSlider, { Range, SliderTooltip, Handle } from 'rc-slider';
5
5
  import clsx from 'clsx';
6
6
  import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-5317fc89.js';
7
7
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
8
8
 
9
- var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/4 下午2:58\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-slider {\n position: relative;\n height: 2px;\n padding: 0;\n width: 100%;\n border-radius: 4px;\n touch-action: none;\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.paraui-v4-slider .component-slider-rail {\n position: absolute;\n width: 100%;\n background-color: rgb(234, 236, 241);\n height: 2px;\n border-radius: 4px;\n}\n.paraui-v4-slider .component-slider-track {\n position: absolute;\n left: 0;\n height: 2px;\n border-radius: 4px;\n background-color: rgb(46, 101, 230);\n}\n.paraui-v4-slider .component-slider-handle {\n position: absolute;\n width: 12px;\n height: 12px;\n cursor: pointer;\n margin-top: -5px;\n border-radius: 50%;\n border: solid 2px rgb(46, 101, 230);\n background-color: rgb(255, 255, 255);\n touch-action: pan-x;\n}\n.paraui-v4-slider .component-slider-handle-dragging {\n border-color: rgb(46, 101, 230);\n box-shadow: 0 0 5px rgb(213, 224, 250);\n outline: 2px solid rgb(213, 224, 250);\n}\n.paraui-v4-slider .component-slider-handle:focus {\n outline: none;\n}\n.paraui-v4-slider .component-slider-handle-click-focused:focus {\n border-color: rgb(46, 101, 230);\n box-shadow: unset;\n}\n.paraui-v4-slider .component-slider-handle:hover {\n border-color: rgb(46, 101, 230);\n box-shadow: 0 0 5px rgb(213, 224, 250);\n outline: 2px solid rgb(213, 224, 250);\n}\n.paraui-v4-slider .component-slider-handle:active {\n border-color: rgb(46, 101, 230);\n box-shadow: 0 0 5px rgb(213, 224, 250);\n outline: 2px solid rgb(213, 224, 250);\n cursor: grabbing;\n}\n.paraui-v4-slider .component-slider-mark {\n position: absolute;\n top: 8px;\n left: 0;\n width: 100%;\n font-size: 12px;\n}\n.paraui-v4-slider .component-slider-mark-text {\n position: absolute;\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n cursor: pointer;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-slider .component-slider-mark-text-active {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-slider .component-slider-step {\n position: absolute;\n width: 100%;\n height: 2px;\n background: transparent;\n}\n.paraui-v4-slider .component-slider-dot {\n position: absolute;\n bottom: -3px;\n margin-left: -4px;\n width: 8px;\n height: 8px;\n border: solid 2px rgb(234, 236, 241);\n background-color: rgb(255, 255, 255);\n cursor: pointer;\n border-radius: 50%;\n vertical-align: middle;\n}\n.paraui-v4-slider .component-slider-dot:hover {\n border-color: rgb(46, 101, 230);\n box-shadow: 0 0 4px rgb(213, 224, 250);\n outline: 2px solid rgb(213, 224, 250);\n}\n.paraui-v4-slider .component-slider-dot-active {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-slider .component-slider-dot-reverse {\n margin-right: -4px;\n}\n.paraui-v4-slider.component-slider-disabled {\n background-color: rgb(234, 236, 241);\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-handle {\n box-shadow: none !important;\n outline: none !important;\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-track {\n background-color: rgb(161, 168, 179);\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-handle, .paraui-v4-slider.component-slider-disabled .component-slider-dot {\n border-color: rgb(161, 168, 179);\n box-shadow: none;\n background-color: rgb(255, 255, 255);\n cursor: not-allowed;\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-mark-text, .paraui-v4-slider.component-slider-disabled .component-slider-dot {\n cursor: not-allowed !important;\n}\n.paraui-v4-slider.component-slider-vertical {\n width: 14px;\n height: 100%;\n padding: 0 5px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-rail {\n height: 100%;\n width: 4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-track {\n left: 5px;\n bottom: 0;\n width: 4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-handle {\n margin-left: -4px;\n touch-action: pan-y;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-mark {\n top: 0;\n left: 18px;\n height: 100%;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-step {\n height: 100%;\n width: 4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-dot {\n left: 0px;\n margin-bottom: -4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-dot:first-child {\n margin-bottom: -4px;\n margin-left: -2px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-dot:last-child {\n margin-bottom: -4px;\n margin-left: -2px;\n}\n\n.component-slider {\n /*&-tooltip-arrow {\n display: none;\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n\n &-tooltip-placement-top &-tooltip-arrow {\n bottom: 4px;\n left: 50%;\n margin-left: -4px;\n border-width: 4px 4px 0;\n border-top-color: #6c6c6c;\n }*/\n}\n.component-slider-tooltip {\n position: absolute;\n display: block;\n left: -9999px;\n top: -9999px;\n max-width: 250px;\n z-index: 1500;\n visibility: visible;\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.component-slider-tooltip-hidden {\n display: none;\n}\n.component-slider-tooltip-inner {\n min-width: 24px;\n font-size: 14px;\n line-height: 1;\n color: rgb(92, 101, 115);\n text-align: center;\n text-decoration: none;\n background-color: transparent;\n border-radius: 6px;\n white-space: nowrap;\n box-shadow: none;\n}\n.component-slider-tooltip-placement-top {\n top: -18px !important;\n}\n.component-slider-tooltip-zoom-down-enter, .component-slider-tooltip-zoom-down-appear {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n display: block !important;\n animation-play-state: paused;\n}\n.component-slider-tooltip-zoom-down-leave {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n display: block !important;\n animation-play-state: paused;\n}\n.component-slider-tooltip-zoom-down-enter.component-slider-tooltip-zoom-down-enter-active, .component-slider-tooltip-zoom-down-appear.component-slider-tooltip-zoom-down-appear-active {\n animation-name: sliderTooltipZoomDownIn;\n animation-play-state: running;\n}\n.component-slider-tooltip-zoom-down-leave.component-slider-tooltip-zoom-down-leave-active {\n animation-name: sliderTooltipZoomDownOut;\n animation-play-state: running;\n}\n.component-slider-tooltip-zoom-down-enter, .component-slider-tooltip-zoom-down-appear {\n transform: scale(0, 0);\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.component-slider-tooltip-zoom-down-leave {\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes sliderTooltipZoomDownIn {\n 0% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n 100% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n}\n@keyframes sliderTooltipZoomDownOut {\n 0% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n 100% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n}";
9
+ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/4 下午2:58\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-slider-wrapper {\n display: flex;\n align-items: center;\n width: 100%;\n flex: 1;\n}\n.paraui-v4-slider-wrapper .paraui-v4-slider-prefix, .paraui-v4-slider-wrapper .paraui-v4-slider-suffix {\n display: flex;\n align-items: center;\n}\n.paraui-v4-slider-wrapper .paraui-v4-slider-prefix .paraui-v4-button svg, .paraui-v4-slider-wrapper .paraui-v4-slider-suffix .paraui-v4-button svg {\n font-size: 18px;\n}\n.paraui-v4-slider-wrapper .paraui-v4-slider-prefix svg.paraui-v4-icon, .paraui-v4-slider-wrapper .paraui-v4-slider-suffix svg.paraui-v4-icon {\n font-size: 18px;\n}\n.paraui-v4-slider-wrapper .paraui-v4-slider-prefix {\n margin-right: 10px;\n}\n.paraui-v4-slider-wrapper .paraui-v4-slider-suffix {\n margin-left: 10px;\n}\n\n.paraui-v4-slider {\n position: relative;\n flex: 1;\n height: 2px;\n padding: 0;\n width: 100%;\n border-radius: 4px;\n touch-action: none;\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.paraui-v4-slider .component-slider-rail {\n position: absolute;\n width: 100%;\n background-color: rgb(234, 236, 241);\n height: 2px;\n border-radius: 4px;\n}\n.paraui-v4-slider .component-slider-track {\n position: absolute;\n left: 0;\n height: 2px;\n border-radius: 4px;\n background-color: rgb(46, 101, 230);\n}\n.paraui-v4-slider .component-slider-handle {\n position: absolute;\n width: 12px;\n height: 12px;\n cursor: pointer;\n margin-top: -5px;\n border-radius: 50%;\n border: solid 2px rgb(46, 101, 230);\n background-color: rgb(255, 255, 255);\n touch-action: pan-x;\n}\n.paraui-v4-slider .component-slider-handle-dragging {\n border-color: rgb(46, 101, 230);\n box-shadow: 0 0 5px rgb(213, 224, 250);\n outline: 2px solid rgb(213, 224, 250);\n}\n.paraui-v4-slider .component-slider-handle:focus {\n outline: none;\n}\n.paraui-v4-slider .component-slider-handle-click-focused:focus {\n border-color: rgb(46, 101, 230);\n box-shadow: unset;\n}\n.paraui-v4-slider .component-slider-handle:hover {\n border-color: rgb(46, 101, 230);\n box-shadow: 0 0 5px rgb(213, 224, 250);\n outline: 2px solid rgb(213, 224, 250);\n}\n.paraui-v4-slider .component-slider-handle:active {\n border-color: rgb(46, 101, 230);\n box-shadow: 0 0 5px rgb(213, 224, 250);\n outline: 2px solid rgb(213, 224, 250);\n cursor: grabbing;\n}\n.paraui-v4-slider .component-slider-mark {\n position: absolute;\n top: 8px;\n left: 0;\n width: 100%;\n font-size: 12px;\n}\n.paraui-v4-slider .component-slider-mark-text {\n position: absolute;\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n cursor: pointer;\n color: rgb(29, 33, 38);\n}\n.paraui-v4-slider .component-slider-mark-text-active {\n color: rgb(29, 33, 38);\n}\n.paraui-v4-slider .component-slider-step {\n position: absolute;\n width: 100%;\n height: 2px;\n background: transparent;\n}\n.paraui-v4-slider .component-slider-dot {\n position: absolute;\n bottom: -3px;\n margin-left: -4px;\n width: 8px;\n height: 8px;\n border: solid 2px rgb(234, 236, 241);\n background-color: rgb(255, 255, 255);\n cursor: pointer;\n border-radius: 50%;\n vertical-align: middle;\n}\n.paraui-v4-slider .component-slider-dot:hover {\n border-color: rgb(46, 101, 230);\n box-shadow: 0 0 4px rgb(213, 224, 250);\n outline: 2px solid rgb(213, 224, 250);\n}\n.paraui-v4-slider .component-slider-dot-active {\n border-color: rgb(46, 101, 230);\n}\n.paraui-v4-slider .component-slider-dot-reverse {\n margin-right: -4px;\n}\n.paraui-v4-slider.component-slider-disabled {\n background-color: rgb(234, 236, 241);\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-handle {\n box-shadow: none !important;\n outline: none !important;\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-track {\n background-color: rgb(161, 168, 179);\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-handle, .paraui-v4-slider.component-slider-disabled .component-slider-dot {\n border-color: rgb(161, 168, 179);\n box-shadow: none;\n background-color: rgb(255, 255, 255);\n cursor: not-allowed;\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-mark-text, .paraui-v4-slider.component-slider-disabled .component-slider-dot {\n cursor: not-allowed !important;\n}\n.paraui-v4-slider.component-slider-vertical {\n width: 14px;\n height: 100%;\n padding: 0 5px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-rail {\n height: 100%;\n width: 4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-track {\n left: 5px;\n bottom: 0;\n width: 4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-handle {\n margin-left: -4px;\n touch-action: pan-y;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-mark {\n top: 0;\n left: 18px;\n height: 100%;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-step {\n height: 100%;\n width: 4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-dot {\n left: 0px;\n margin-bottom: -4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-dot:first-child {\n margin-bottom: -4px;\n margin-left: -2px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-dot:last-child {\n margin-bottom: -4px;\n margin-left: -2px;\n}\n\n.component-slider {\n /*&-tooltip-arrow {\n display: none;\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n\n &-tooltip-placement-top &-tooltip-arrow {\n bottom: 4px;\n left: 50%;\n margin-left: -4px;\n border-width: 4px 4px 0;\n border-top-color: #6c6c6c;\n }*/\n}\n.component-slider-tooltip {\n position: absolute;\n display: block;\n left: -9999px;\n top: -9999px;\n max-width: 250px;\n z-index: 1500;\n visibility: visible;\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.component-slider-tooltip-hidden {\n display: none;\n}\n.component-slider-tooltip-inner {\n min-width: 24px;\n font-size: 14px;\n line-height: 1;\n color: rgb(92, 101, 115);\n text-align: center;\n text-decoration: none;\n background-color: transparent;\n border-radius: 6px;\n white-space: nowrap;\n box-shadow: none;\n}\n.component-slider-tooltip-placement-top {\n top: -18px !important;\n}\n.component-slider-tooltip-zoom-down-enter, .component-slider-tooltip-zoom-down-appear {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n display: block !important;\n animation-play-state: paused;\n}\n.component-slider-tooltip-zoom-down-leave {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n display: block !important;\n animation-play-state: paused;\n}\n.component-slider-tooltip-zoom-down-enter.component-slider-tooltip-zoom-down-enter-active, .component-slider-tooltip-zoom-down-appear.component-slider-tooltip-zoom-down-appear-active {\n animation-name: sliderTooltipZoomDownIn;\n animation-play-state: running;\n}\n.component-slider-tooltip-zoom-down-leave.component-slider-tooltip-zoom-down-leave-active {\n animation-name: sliderTooltipZoomDownOut;\n animation-play-state: running;\n}\n.component-slider-tooltip-zoom-down-enter, .component-slider-tooltip-zoom-down-appear {\n transform: scale(0, 0);\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.component-slider-tooltip-zoom-down-leave {\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes sliderTooltipZoomDownIn {\n 0% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n 100% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n}\n@keyframes sliderTooltipZoomDownOut {\n 0% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n 100% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n}";
10
10
  styleInject(css_248z);
11
11
 
12
+ const sliderPrefixCls = "".concat($prefixCls, "-slider");
12
13
  //slider 滑块
13
14
  const Slider = props => {
14
15
  const {
15
16
  range,
16
17
  step,
17
- className
18
+ className,
19
+ prefix = null,
20
+ suffix = null
18
21
  } = props,
19
- restProps = __rest(props, ["range", "step", "className"]);
22
+ restProps = __rest(props, ["range", "step", "className", "prefix", "suffix"]);
20
23
  const prefixCls = "".concat($rcPrefixCls, "-slider");
21
24
  const tooltipPrefixCls = "".concat($rcPrefixCls, "-slider-tooltip");
22
25
  let draggableTrack;
@@ -58,13 +61,13 @@ const Slider = props => {
58
61
  restProps = __rest(_a, ["value", "index", "dragging"]);
59
62
  const {
60
63
  tipFormatter = tipFormatterFn,
61
- tooltipVisible,
64
+ tooltipVisible = true,
62
65
  tooltipPlacement,
63
66
  getTooltipPopupContainer = triggerNode => triggerNode,
64
67
  vertical
65
68
  } = props;
66
69
  const isTipFormatter = tipFormatter ? visibles[index] || dragging : false;
67
- const visible = tooltipVisible || tooltipVisible === undefined && isTipFormatter;
70
+ const visible = tooltipVisible || [undefined, false].includes(tooltipVisible) && isTipFormatter;
68
71
  return jsx(SliderTooltip, Object.assign({
69
72
  prefixCls: tooltipPrefixCls,
70
73
  overlay: tipFormatter ? tipFormatter(value) : '',
@@ -94,14 +97,26 @@ const Slider = props => {
94
97
  prefixCls: prefixCls
95
98
  }));
96
99
  }
97
- return jsx(RcSlider, Object.assign({}, restProps, {
98
- className: clsx("".concat($prefixCls, "-slider"), className),
99
- step: step,
100
- handle: info => handleWithTooltip({
101
- tooltipPrefixCls,
102
- info
103
- }),
104
- prefixCls: prefixCls
100
+ return jsxs("div", Object.assign({
101
+ className: clsx("".concat(sliderPrefixCls, "-wrapper"))
102
+ }, {
103
+ children: [prefix && jsx("span", Object.assign({
104
+ className: "".concat(sliderPrefixCls, "-prefix")
105
+ }, {
106
+ children: prefix
107
+ })), jsx(RcSlider, Object.assign({}, restProps, {
108
+ className: clsx("".concat(sliderPrefixCls), className),
109
+ step: step,
110
+ handle: info => handleWithTooltip({
111
+ tooltipPrefixCls,
112
+ info
113
+ }),
114
+ prefixCls: prefixCls
115
+ })), suffix && jsx("span", Object.assign({
116
+ className: "".concat(sliderPrefixCls, "-suffix")
117
+ }, {
118
+ children: suffix
119
+ }))]
105
120
  }));
106
121
  };
107
122
 
@@ -24,6 +24,10 @@ export type HandleGeneratorFn = (config: {
24
24
  info: HandleGeneratorInfo;
25
25
  }) => React.ReactElement;
26
26
  export interface SliderBaseProps {
27
+ /** 前缀 */
28
+ prefix?: React.ReactNode;
29
+ /** 后缀 */
30
+ suffix?: React.ReactNode;
27
31
  /** 反向坐标 */
28
32
  reverse?: boolean;
29
33
  /** 最小值 */
package/Table/index.js CHANGED
@@ -31,7 +31,7 @@ import '../Label/index.js';
31
31
  import '../Help/index.js';
32
32
  import '@para-ui/icons/Help';
33
33
  import '@para-ui/icons/LoadingF';
34
- import '../_verture/index-389675ab.js';
34
+ import '../_verture/index-bde7aabe.js';
35
35
  import 'rc-dropdown';
36
36
  import 'dayjs';
37
37
  import '../_verture/index-ca413216.js';
@@ -2840,7 +2840,10 @@ const Table = propsInit => {
2840
2840
  disabledExpand: disabledExpand,
2841
2841
  onExpand: onExpand,
2842
2842
  defaultExpandAllRows: defaultExpandAllRows,
2843
- onRefresh: () => setRefreshCom(Math.random()),
2843
+ onRefresh: () => {
2844
+ setRefreshCom(Math.random());
2845
+ clearCheckValue();
2846
+ },
2844
2847
  posFixed: posFixed,
2845
2848
  beyondText: beyondText,
2846
2849
  fixedColumn: fixedColumn,
@@ -2866,7 +2869,10 @@ const Table = propsInit => {
2866
2869
  changeRowsPerPage: changeRowsPerPage,
2867
2870
  refreshInside: refreshInside,
2868
2871
  checkCount: checkCount,
2869
- onRefresh: () => setRefreshCom(Math.random()),
2872
+ onRefresh: () => {
2873
+ setRefreshCom(Math.random());
2874
+ clearCheckValue();
2875
+ },
2870
2876
  selectStatus: headSelectStatus,
2871
2877
  selectAll: setAllCheck,
2872
2878
  checkNumber: Object.keys(checkJson).length,
package/Tabs/index.js CHANGED
@@ -20,7 +20,7 @@ import '@para-ui/icons/WarningCircleF';
20
20
  import '../Button/index.js';
21
21
  import '@para-ui/icons/LoadingF';
22
22
  import '@para-ui/icons/Down';
23
- import '../_verture/index-389675ab.js';
23
+ import '../_verture/index-bde7aabe.js';
24
24
  import 'rc-dropdown';
25
25
  import '../_verture/usePopupContainer-635f66f4.js';
26
26
  import 'dayjs';