@para-ui/core 3.0.28 → 3.0.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/AutoBox/index.js +48 -88
  2. package/AutoTips/index.js +25 -32
  3. package/Breadcrumbs/index.js +43 -63
  4. package/Button/SplitButton.d.ts +1 -1
  5. package/Button/index.d.ts +1 -1
  6. package/Button/index.js +88 -118
  7. package/ButtonGroup/index.js +27 -36
  8. package/Carousel/index.d.ts +2 -2
  9. package/Carousel/index.js +27 -28
  10. package/Cascader/index.js +52 -64
  11. package/Checkbox/index.js +23 -39
  12. package/CheckboxGroup/index.js +31 -48
  13. package/Collapse/collapsePanel.d.ts +1 -1
  14. package/Collapse/index.d.ts +1 -1
  15. package/Collapse/index.js +9 -29
  16. package/Collapse/util.d.ts +2 -2
  17. package/CollapseBox/index.js +45 -56
  18. package/CollapseLayout/index.js +35 -54
  19. package/ComboSelect/index.js +222 -349
  20. package/ComboSelect/interface.d.ts +3 -3
  21. package/Container/index.js +17 -20
  22. package/DatePicker/generatePicker/index.d.ts +17 -17
  23. package/DatePicker/index.d.ts +4 -4
  24. package/DatePicker/index.js +111 -167
  25. package/Desktop/index.js +62 -173
  26. package/Drawer/index.js +65 -58
  27. package/Drawer/interface.d.ts +7 -3
  28. package/Dropdown/index.d.ts +1 -1
  29. package/Dropdown/index.js +3 -3
  30. package/Empty/index.js +17 -22
  31. package/Form/index.d.ts +1 -1
  32. package/Form/index.js +38 -80
  33. package/FormItem/index.d.ts +1 -1
  34. package/FormItem/index.js +11 -11
  35. package/FormItem/validateFunction.d.ts +1 -1
  36. package/FunctionModal/index.js +11 -11
  37. package/GlobalContext/index.js +3 -3
  38. package/GlobalContext/usePopupContainer.d.ts +1 -1
  39. package/Help/index.js +11 -11
  40. package/HelperText/index.js +11 -12
  41. package/InputLang/index.js +47 -80
  42. package/InputNumber/index.js +65 -100
  43. package/Label/index.js +15 -16
  44. package/Loading/index.js +6 -7
  45. package/Menu/index.js +148 -328
  46. package/Menu/interface.d.ts +2 -2
  47. package/Menu/verticalMenuList.d.ts +1 -1
  48. package/Message/index.d.ts +1 -1
  49. package/Message/index.js +45 -64
  50. package/Modal/Confirm/index.d.ts +2 -2
  51. package/Modal/index.d.ts +1 -1
  52. package/Modal/index.js +119 -152
  53. package/MultiBox/index.js +43 -75
  54. package/Notification/index.d.ts +2 -2
  55. package/Notification/index.js +51 -72
  56. package/OperateBtn/index.js +42 -70
  57. package/PageHeader/index.js +120 -286
  58. package/PageHeader/interface.d.ts +1 -1
  59. package/Pagination/index.d.ts +2 -2
  60. package/Pagination/index.js +79 -131
  61. package/ParauiProvider/index.js +2 -3
  62. package/PasswordRules/index.js +12 -30
  63. package/PopConfirm/index.d.ts +1 -1
  64. package/PopConfirm/index.js +52 -59
  65. package/Popover/index.js +8 -9
  66. package/Progress/index.d.ts +6 -6
  67. package/Progress/index.js +50 -89
  68. package/Querying/index.js +14 -17
  69. package/README.md +6 -0
  70. package/Radio/index.js +21 -33
  71. package/RadioGroup/index.js +32 -47
  72. package/Search/index.js +44 -66
  73. package/Select/index.js +176 -343
  74. package/SelectInput/index.js +8 -9
  75. package/Selector/index.js +285 -681
  76. package/SelectorPicker/index.js +62 -97
  77. package/SingleBox/index.js +29 -54
  78. package/Slider/index.d.ts +1 -1
  79. package/Slider/index.js +29 -41
  80. package/Slider/interface.d.ts +2 -2
  81. package/Split/index.js +10 -23
  82. package/Status/index.js +8 -7
  83. package/Stepper/index.d.ts +1 -1
  84. package/Stepper/index.js +20 -25
  85. package/Switch/index.d.ts +2 -2
  86. package/Switch/index.js +19 -20
  87. package/Table/index.js +568 -1019
  88. package/Table/interface.d.ts +5 -5
  89. package/Tabs/index.d.ts +3 -3
  90. package/Tabs/index.js +47 -65
  91. package/Tag/TagGroup.d.ts +1 -1
  92. package/Tag/index.d.ts +2 -2
  93. package/Tag/index.js +72 -107
  94. package/TextEditor/index.d.ts +2 -2
  95. package/TextEditor/index.js +81 -105
  96. package/TextField/index.js +141 -220
  97. package/TimePicker/index.d.ts +1 -1
  98. package/TimePicker/index.js +12 -15
  99. package/Timeline/index.js +42 -52
  100. package/Title/index.js +10 -9
  101. package/ToggleButton/ToggleButtonGroup.d.ts +1 -1
  102. package/ToggleButton/index.js +50 -70
  103. package/Tooltip/index.js +64 -98
  104. package/Tooltip/interface.d.ts +1 -1
  105. package/Transfer/index.d.ts +1 -1
  106. package/Transfer/index.js +77 -106
  107. package/Transfer/useClick.d.ts +1 -1
  108. package/Tree/index.js +10 -10
  109. package/Tree/interface.d.ts +6 -6
  110. package/Upload/Dragger/index.d.ts +1 -1
  111. package/Upload/ImageUpload/index.d.ts +1 -1
  112. package/Upload/ImgCrop/EasyCrop.d.ts +1 -1
  113. package/Upload/index.d.ts +1 -1
  114. package/Upload/index.js +283 -475
  115. package/Upload/interface.d.ts +2 -2
  116. package/_verture/{constant-bf34e6fa.js → constant-66aa48a1.js} +0 -1
  117. package/_verture/defineProperty-62acccfc.js +34 -0
  118. package/_verture/{index-342379c6.js → index-06fea29b.js} +79 -124
  119. package/_verture/{index-48875ffd.js → index-131f8fe5.js} +80 -181
  120. package/_verture/{index-31ce5a11.js → index-92144ad3.js} +238 -445
  121. package/_verture/{index-bbed73a3.js → index-be4faaee.js} +19 -61
  122. package/_verture/{intl-336570e4.js → intl-5cbb940c.js} +4 -12
  123. package/_verture/{modalContext-d646d9db.js → modalContext-c749e1c6.js} +18 -43
  124. package/_verture/{slicedToArray-d7722f4b.js → slicedToArray-77980792.js} +23 -25
  125. package/_verture/{toConsumableArray-f8047a75.js → toConsumableArray-87c7d895.js} +1 -1
  126. package/_verture/{useFormatMessage-f4452258.js → useFormatMessage-703f8b20.js} +1 -3
  127. package/_verture/{useGlobalProps-af9a2af6.js → useGlobalProps-1b846a65.js} +1 -2
  128. package/_verture/{usePopupContainer-b8ab7cab.js → usePopupContainer-87febeb9.js} +10 -25
  129. package/_verture/{util-a77b261e.js → util-7e1fb1e2.js} +2 -3
  130. package/index.js +14 -14
  131. package/package.json +4 -5
  132. package/_verture/defineProperty-0590dc61.js +0 -16
package/Tooltip/index.js CHANGED
@@ -1,42 +1,41 @@
1
- import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
1
+ import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
2
2
  import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
3
3
  import { jsx } from 'react/jsx-runtime';
4
4
  import React__default from 'react';
5
5
  import RcTooltip from 'rc-tooltip';
6
6
  import { placements } from 'rc-tooltip/lib/placements';
7
7
  import clsx from 'clsx';
8
- import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
8
+ import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
9
9
  import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
10
10
 
11
+ //自动调整位置
11
12
  var autoAdjustOverflowEnabled = {
12
13
  adjustX: 1,
13
14
  adjustY: 1
14
- }; //非自动调整位置
15
-
15
+ };
16
+ //非自动调整位置
16
17
  var autoAdjustOverflowDisabled = {
17
18
  adjustX: 0,
18
19
  adjustY: 0
19
20
  };
20
- var targetOffset = [0, 0]; //获得调整位置选项
21
-
21
+ var targetOffset = [0, 0];
22
+ //获得调整位置选项
22
23
  function getOverflowOptions(autoAdjustOverflow) {
23
24
  if (typeof autoAdjustOverflow === 'boolean') {
24
25
  return autoAdjustOverflow ? autoAdjustOverflowEnabled : autoAdjustOverflowDisabled;
25
26
  }
26
-
27
27
  return Object.assign(Object.assign({}, autoAdjustOverflowDisabled), autoAdjustOverflow);
28
- } //tooltip placement
29
-
30
-
28
+ }
29
+ //tooltip placement
31
30
  function getPlacements(config) {
32
31
  var _config$arrowWidth = config.arrowWidth,
33
- arrowWidth = _config$arrowWidth === void 0 ? 4 : _config$arrowWidth,
34
- _config$horizontalArr = config.horizontalArrowShift,
35
- horizontalArrowShift = _config$horizontalArr === void 0 ? 16 : _config$horizontalArr,
36
- _config$verticalArrow = config.verticalArrowShift,
37
- verticalArrowShift = _config$verticalArrow === void 0 ? 8 : _config$verticalArrow,
38
- autoAdjustOverflow = config.autoAdjustOverflow,
39
- arrowPointAtCenter = config.arrowPointAtCenter;
32
+ arrowWidth = _config$arrowWidth === void 0 ? 4 : _config$arrowWidth,
33
+ _config$horizontalArr = config.horizontalArrowShift,
34
+ horizontalArrowShift = _config$horizontalArr === void 0 ? 16 : _config$horizontalArr,
35
+ _config$verticalArrow = config.verticalArrowShift,
36
+ verticalArrowShift = _config$verticalArrow === void 0 ? 8 : _config$verticalArrow,
37
+ autoAdjustOverflow = config.autoAdjustOverflow,
38
+ arrowPointAtCenter = config.arrowPointAtCenter;
40
39
  var placementMap = {
41
40
  left: {
42
41
  points: ['cr', 'cl'],
@@ -99,7 +98,6 @@ function getPlacements(config) {
99
98
  });
100
99
  return placementMap;
101
100
  }
102
-
103
101
  var splitObject = function splitObject(obj, keys) {
104
102
  var picked = {};
105
103
  var omitted = Object.assign({}, obj);
@@ -113,19 +111,16 @@ var splitObject = function splitObject(obj, keys) {
113
111
  picked: picked,
114
112
  omitted: omitted
115
113
  };
116
- }; //兼容禁用title
117
-
118
-
114
+ };
115
+ //兼容禁用title
119
116
  function getDisabledCompatibleChildren(child) {
120
117
  var element = /*#__PURE__*/React__default.isValidElement(child) ? child : jsx("span", {
121
118
  children: child
122
119
  });
123
-
124
120
  if (element.type === 'button' && element.props.disabled) {
125
121
  var _splitObject = splitObject(element.props.style, ['position', 'left', 'right', 'top', 'bottom', 'float', 'display', 'zIndex']),
126
- picked = _splitObject.picked,
127
- omitted = _splitObject.omitted;
128
-
122
+ picked = _splitObject.picked,
123
+ omitted = _splitObject.omitted;
129
124
  var spanStyle = Object.assign(Object.assign({
130
125
  display: 'inline-block'
131
126
  }, picked), {
@@ -135,12 +130,10 @@ function getDisabledCompatibleChildren(child) {
135
130
  var buttonStyle = Object.assign(Object.assign({}, omitted), {
136
131
  pointerEvents: 'none'
137
132
  });
138
-
139
133
  var _child = /*#__PURE__*/React__default.cloneElement(element, {
140
134
  style: buttonStyle,
141
135
  className: null
142
136
  });
143
-
144
137
  return jsx("span", Object.assign({
145
138
  style: spanStyle,
146
139
  className: clsx(element.props.className, "".concat($rcPrefixCls, "-tooltip-disabled-compatible-wrapper"))
@@ -148,10 +141,9 @@ function getDisabledCompatibleChildren(child) {
148
141
  children: _child
149
142
  }));
150
143
  }
151
-
152
144
  return element;
153
- } //映射placement
154
-
145
+ }
146
+ //映射placement
155
147
  function mapLegacyPlacement(place) {
156
148
  var legacyPlacement = {
157
149
  'bottom-end': 'bottomRight',
@@ -164,8 +156,8 @@ function mapLegacyPlacement(place) {
164
156
  'top-start': 'topLeft'
165
157
  };
166
158
  return legacyPlacement[place] || place;
167
- } //浮层偏移量
168
-
159
+ }
160
+ //浮层偏移量
169
161
  function getAlignOffset(place) {
170
162
  var mPlace = mapLegacyPlacement(place);
171
163
  var offsetMap = {
@@ -212,108 +204,88 @@ function getAlignOffset(place) {
212
204
  var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/25 下午7:17\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-tooltip {\n color: rgb(255, 255, 255);\n font-size: 14px;\n line-height: 1.5715;\n position: absolute;\n z-index: 1500;\n display: block;\n width: max-content;\n visibility: visible;\n}\n.paraui-v3-tooltip .component-tooltip-content {\n position: relative;\n}\n.paraui-v3-tooltip.component-tooltip-hidden {\n display: none;\n}\n.paraui-v3-tooltip.paraui-v3-tooltip-hide-arrow .component-tooltip-arrow {\n display: none;\n}\n.paraui-v3-tooltip .component-tooltip-inner {\n min-width: 30px;\n min-height: 32px;\n padding: 5px 12px;\n color: rgb(255, 255, 255);\n text-align: left;\n text-decoration: none;\n word-wrap: break-word;\n background-color: rgba(46, 55, 67, 0.7);\n border-radius: 4px;\n line-height: 22px;\n}\n.paraui-v3-tooltip .component-tooltip-arrow {\n position: absolute;\n z-index: 2;\n display: block;\n width: 22px;\n height: 22px;\n overflow: hidden;\n background: transparent;\n pointer-events: none;\n}\n.paraui-v3-tooltip .component-tooltip-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 content: \"\";\n border-radius: 0 0 2px;\n pointer-events: none;\n background: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-tooltip .component-tooltip-arrow-content::before {\n position: absolute;\n top: -11.3137085px;\n left: -11.3137085px;\n width: 33.9411255px;\n height: 33.9411255px;\n background-repeat: no-repeat;\n background-position: -10px -10px;\n content: \"\";\n clip-path: path(\"M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z\");\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow {\n bottom: 0;\n transform: translateY(100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow-content {\n box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);\n transform: translateY(-11px) rotate(45deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-top .component-tooltip-arrow {\n left: 50%;\n transform: translateY(100%) translateX(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-topLeft .component-tooltip-arrow {\n left: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-topRight .component-tooltip-arrow {\n right: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow {\n left: 0;\n transform: translateX(-100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow-content {\n box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);\n transform: translateX(11px) rotate(135deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-right .component-tooltip-arrow {\n top: 50%;\n transform: translateX(-100%) translateY(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-rightTop .component-tooltip-arrow {\n top: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-rightBottom .component-tooltip-arrow {\n bottom: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow {\n right: 0;\n transform: translateX(100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow-content {\n box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);\n transform: translateX(-11px) rotate(315deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-left .component-tooltip-arrow {\n top: 50%;\n transform: translateX(100%) translateY(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-leftTop .component-tooltip-arrow {\n top: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-leftBottom .component-tooltip-arrow {\n bottom: 5px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow, .paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow {\n top: 0;\n transform: translateY(-100%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow-content, .paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow-content {\n box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);\n transform: translateY(11px) rotate(225deg);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottom .component-tooltip-arrow {\n left: 50%;\n transform: translateY(-100%) translateX(-50%);\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottomLeft .component-tooltip-arrow {\n left: 13px;\n}\n.paraui-v3-tooltip.component-tooltip-placement-bottomRight .component-tooltip-arrow {\n right: 13px;\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-appear {\n animation-duration: 0.1s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n animation-duration: 0.1s;\n animation-fill-mode: both;\n animation-play-state: paused;\n}\n\n.component-tooltip-zoom-big-fast-enter.component-tooltip-zoom-big-fast-enter-active,\n.component-tooltip-zoom-big-fast-appear.component-tooltip-zoom-big-fast-appear-active {\n animation-name: componentTooltipZoomBigIn;\n animation-play-state: running;\n}\n\n.component-tooltip-zoom-big-fast-leave.component-tooltip-zoom-big-fast-leave-active {\n animation-name: componentTooltipZoomBigOut;\n animation-play-state: running;\n pointer-events: none;\n}\n\n.component-tooltip-zoom-big-fast-enter,\n.component-tooltip-zoom-big-fast-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-tooltip-zoom-big-fast-enter-prepare,\n.component-tooltip-zoom-big-fast-appear-prepare {\n transform: none;\n}\n\n.component-tooltip-zoom-big-fast-leave {\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\n}\n\n@keyframes componentTooltipZoomBigIn {\n 0% {\n transform: scale(0.8);\n opacity: 0;\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n}\n@keyframes componentTooltipZoomBigOut {\n 0% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0.8);\n opacity: 0;\n }\n}";
213
205
  styleInject(css_248z);
214
206
 
207
+ //tooltip
215
208
  var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
216
209
  var _a;
217
-
218
210
  var _React$useState = React__default.useState(props.defaultVisible),
219
- _React$useState2 = _slicedToArray(_React$useState, 2),
220
- visible = _React$useState2[0],
221
- setVisible = _React$useState2[1]; //是否显示
222
-
223
-
211
+ _React$useState2 = _slicedToArray(_React$useState, 2),
212
+ visible = _React$useState2[0],
213
+ setVisible = _React$useState2[1]; //是否显示
224
214
  var wrapRef = React__default.useRef(); //锚点
225
-
226
215
  var tRef = React__default.useRef(); //实例
227
-
228
216
  var _React$useState3 = React__default.useState([0, 0]),
229
- _React$useState4 = _slicedToArray(_React$useState3, 2),
230
- targetOffset = _React$useState4[0],
231
- setTargetOffset = _React$useState4[1];
232
-
217
+ _React$useState4 = _slicedToArray(_React$useState3, 2),
218
+ targetOffset = _React$useState4[0],
219
+ setTargetOffset = _React$useState4[1];
233
220
  React__default.useEffect(function () {
234
221
  var _a;
235
-
236
222
  if ('visible' in props || 'open' in props) {
237
223
  setVisible(!!((_a = props.visible) !== null && _a !== void 0 ? _a : props.open));
238
224
  }
239
- }, [(_a = props.visible) !== null && _a !== void 0 ? _a : props.open]); //no title
240
-
225
+ }, [(_a = props.visible) !== null && _a !== void 0 ? _a : props.open]);
226
+ //no title
241
227
  var isUntitled = function isUntitled() {
242
228
  var title = props.title;
243
229
  return !title && title !== 0;
244
- }; //浮层切换时回调
245
-
246
-
230
+ };
231
+ //浮层切换时回调
247
232
  var onVisibleChange = function onVisibleChange(vis) {
248
233
  var _a;
249
-
250
234
  if (!('visible' in props || 'open' in props)) {
251
235
  setVisible(isUntitled() ? false : vis);
252
236
  }
253
-
254
237
  if (!isUntitled()) {
255
238
  (_a = props.onVisibleChange) === null || _a === void 0 ? void 0 : _a.call(props, vis);
256
239
  }
257
- }; //tooltip 弹出位置
258
-
259
-
240
+ };
241
+ //tooltip 弹出位置
260
242
  var getTooltipPlacements = function getTooltipPlacements() {
261
243
  var builtinPlacements = props.builtinPlacements,
262
- arrowPointAtCenter = props.arrowPointAtCenter,
263
- autoAdjustOverflow = props.autoAdjustOverflow;
244
+ arrowPointAtCenter = props.arrowPointAtCenter,
245
+ autoAdjustOverflow = props.autoAdjustOverflow;
264
246
  return builtinPlacements || getPlacements({
265
247
  arrowPointAtCenter: arrowPointAtCenter,
266
248
  autoAdjustOverflow: autoAdjustOverflow
267
249
  });
268
- }; // 动态设置动画点
269
-
270
-
250
+ };
251
+ // 动态设置动画点
271
252
  var onPopupAlign = function onPopupAlign(domNode, align) {
272
- var placements = getTooltipPlacements(); // 当前返回的位置
273
-
253
+ var placements = getTooltipPlacements();
254
+ // 当前返回的位置
274
255
  var placement = Object.keys(placements).find(function (key) {
275
256
  return placements[key].points[0] === align.points[0] && placements[key].points[1] === align.points[1];
276
257
  });
277
-
278
258
  if (!placement) {
279
259
  return;
280
- } // 根据当前坐标设置动画点
281
-
282
-
260
+ }
261
+ // 根据当前坐标设置动画点
283
262
  var rect = domNode.getBoundingClientRect();
284
263
  var transformOrigin = {
285
264
  top: '50%',
286
265
  left: '50%'
287
266
  };
288
-
289
267
  if (placement.indexOf('top') >= 0 || placement.indexOf('Bottom') >= 0) {
290
268
  transformOrigin.top = "".concat(rect.height - align.offset[1], "px");
291
269
  } else if (placement.indexOf('Top') >= 0 || placement.indexOf('bottom') >= 0) {
292
270
  transformOrigin.top = "".concat(-align.offset[1], "px");
293
271
  }
294
-
295
272
  if (placement.indexOf('left') >= 0 || placement.indexOf('Right') >= 0) {
296
273
  transformOrigin.left = "".concat(rect.width - align.offset[0], "px");
297
274
  } else if (placement.indexOf('right') >= 0 || placement.indexOf('Left') >= 0) {
298
275
  transformOrigin.left = "".concat(-align.offset[0], "px");
299
276
  }
300
-
301
277
  domNode.style.transformOrigin = "".concat(transformOrigin.left, " ").concat(transformOrigin.top);
302
- }; //跟随光标
303
-
304
-
278
+ };
279
+ //跟随光标
305
280
  var handleMouseMove = function handleMouseMove(e) {
306
281
  var _a, _b, _c, _d;
307
-
308
282
  if (wrapRef.current) {
309
283
  var popupHeight = ((_d = (_c = (_b = (_a = tRef.current) === null || _a === void 0 ? void 0 : _a.popupRef) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.getElement()) === null || _d === void 0 ? void 0 : _d.offsetHeight) || 0;
310
284
  var cursorSpace = popupHeight === 0 ? 60 : 30;
311
-
312
285
  var _wrapRef$current$getB = wrapRef.current.getBoundingClientRect(),
313
- x = _wrapRef$current$getB.x,
314
- y = _wrapRef$current$getB.y,
315
- width = _wrapRef$current$getB.width;
316
-
286
+ x = _wrapRef$current$getB.x,
287
+ y = _wrapRef$current$getB.y,
288
+ width = _wrapRef$current$getB.width;
317
289
  var newX = e.clientX - (x + width / 2);
318
290
  var newY = e.clientY - y + popupHeight + cursorSpace;
319
291
  setTimeout(function () {
@@ -321,36 +293,30 @@ var Tooltip = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
321
293
  });
322
294
  }
323
295
  };
324
-
325
296
  var _props$prefixCls = props.prefixCls,
326
- prefixCls = _props$prefixCls === void 0 ? "".concat($rcPrefixCls, "-tooltip") : _props$prefixCls,
327
- getPopupContainer = props.getPopupContainer,
328
- overlayClassName = props.overlayClassName,
329
- overlayInnerStyle = props.overlayInnerStyle,
330
- overlayStyle = props.overlayStyle,
331
- children = props.children,
332
- title = props.title,
333
- placement = props.placement,
334
- isPopover = props.isPopover,
335
- followCursor = props.followCursor,
336
- maxWidth = props.maxWidth,
337
- restProps = __rest(props, ["prefixCls", "getPopupContainer", "overlayClassName", "overlayInnerStyle", "overlayStyle", "children", "title", "placement", "isPopover", "followCursor", "maxWidth"]);
338
-
297
+ prefixCls = _props$prefixCls === void 0 ? "".concat($rcPrefixCls, "-tooltip") : _props$prefixCls,
298
+ getPopupContainer = props.getPopupContainer,
299
+ overlayClassName = props.overlayClassName,
300
+ overlayInnerStyle = props.overlayInnerStyle,
301
+ overlayStyle = props.overlayStyle,
302
+ children = props.children,
303
+ title = props.title,
304
+ placement = props.placement,
305
+ isPopover = props.isPopover,
306
+ followCursor = props.followCursor,
307
+ maxWidth = props.maxWidth,
308
+ restProps = __rest(props, ["prefixCls", "getPopupContainer", "overlayClassName", "overlayInnerStyle", "overlayStyle", "children", "title", "placement", "isPopover", "followCursor", "maxWidth"]);
339
309
  var tempVisible = visible;
340
-
341
310
  if (!('visible' in props || 'open' in props) && isUntitled()) {
342
311
  //没有title必然不可见
343
312
  tempVisible = false;
344
- } //overlayCls
345
-
346
-
313
+ }
314
+ //overlayCls
347
315
  var overlayCls = clsx(!isPopover && "".concat($prefixCls, "-tooltip"), overlayClassName, !props.arrow && "".concat($prefixCls, "-tooltip-hide-arrow"));
348
316
  var mergeOverlayStyle = Object.assign({}, overlayStyle);
349
-
350
317
  if (maxWidth) {
351
318
  mergeOverlayStyle.maxWidth = maxWidth;
352
319
  }
353
-
354
320
  return jsx(RcTooltip, Object.assign({}, restProps, {
355
321
  prefixCls: prefixCls,
356
322
  placement: followCursor ? 'top' : mapLegacyPlacement(placement),
@@ -5,7 +5,7 @@
5
5
  */
6
6
  import React from "react";
7
7
  import { TooltipProps as RcTooltipProps } from "rc-tooltip/lib/Tooltip";
8
- export declare type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | 'bottom-end' | 'bottom-start' | 'left-end' | 'left-start' | 'right-end' | 'right-start' | 'top-end' | 'top-start';
8
+ export type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | 'bottom-end' | 'bottom-start' | 'left-end' | 'left-start' | 'right-end' | 'right-start' | 'top-end' | 'top-start';
9
9
  export interface TooltipProps extends Partial<Omit<RcTooltipProps, 'children'>> {
10
10
  /** 提示文字 */
11
11
  title?: React.ReactNode;
@@ -28,5 +28,5 @@ interface TransferProps {
28
28
  }
29
29
  export declare const Transfer: (props: TransferProps) => JSX.Element;
30
30
  export default Transfer;
31
- export declare type IItemDataProps = ItemDataProps;
31
+ export type IItemDataProps = ItemDataProps;
32
32
  export declare const SSortablejs: typeof import("sortablejs");
package/Transfer/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { _ as _toConsumableArray } from '../_verture/toConsumableArray-f8047a75.js';
2
- import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
1
+ import { _ as _toConsumableArray } from '../_verture/toConsumableArray-87c7d895.js';
2
+ import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
3
3
  import { jsxs, jsx } from 'react/jsx-runtime';
4
4
  import { useRef, useState, useEffect, useCallback } from 'react';
5
5
  import clsx from 'clsx';
@@ -8,8 +8,8 @@ import NavigateBefore from '@para-ui/icons/Left';
8
8
  import Right from '@para-ui/icons/Right';
9
9
  import ExpandLess from '@para-ui/icons/Up';
10
10
  import Down from '@para-ui/icons/Down';
11
- import { u as useFormatMessage } from '../_verture/useFormatMessage-f4452258.js';
12
- import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
11
+ import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
12
+ import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
13
13
  import { Search } from '../Search/index.js';
14
14
  import SearchIcon from '@para-ui/icons/Search';
15
15
  import AutoTips from '../AutoTips/index.js';
@@ -22,9 +22,9 @@ import '@para-ui/icons/Forbid';
22
22
  import '../Tooltip/index.js';
23
23
  import 'rc-tooltip';
24
24
  import 'rc-tooltip/lib/placements';
25
- import '../_verture/index-bbed73a3.js';
25
+ import '../_verture/index-be4faaee.js';
26
26
  import 'rc-dropdown';
27
- import '../_verture/usePopupContainer-b8ab7cab.js';
27
+ import '../_verture/usePopupContainer-87febeb9.js';
28
28
  import 'dayjs';
29
29
  import '@paraview/lib';
30
30
  import '@para-ui/core/GlobalContext';
@@ -37,7 +37,7 @@ import '@para-ui/icons/PreviewOpen';
37
37
  import '@para-ui/icons/CloseCircle';
38
38
  import '../Loading/index.js';
39
39
  import '../HelperText/index.js';
40
- import '../_verture/useGlobalProps-af9a2af6.js';
40
+ import '../_verture/useGlobalProps-1b846a65.js';
41
41
 
42
42
  var en = {
43
43
  left: 'Left',
@@ -74,18 +74,15 @@ var useClick = function useClick(callback, doubleCallback) {
74
74
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
75
75
  args[_key] = arguments[_key];
76
76
  }
77
-
78
77
  clickRef.current.clickCount += 1;
79
78
  clickRef.current.time = Date.now();
80
79
  clickRef.current.timer = setTimeout(function () {
81
80
  if (Date.now() - clickRef.current.time <= 200 && clickRef.current.clickCount === 2) {
82
81
  doubleCallback && doubleCallback.apply(null, args);
83
82
  }
84
-
85
83
  if (clickRef.current.clickCount === 1) {
86
84
  callback && callback.apply(null, args);
87
85
  }
88
-
89
86
  clearTimeout(clickRef.current.timer);
90
87
  clickRef.current.clickCount = 0;
91
88
  }, 200);
@@ -3114,32 +3111,29 @@ Sortable.mount(Remove, Revert);
3114
3111
 
3115
3112
  var Box = function Box(props) {
3116
3113
  var title = props.title,
3117
- data = props.data,
3118
- onSearch = props.onSearch,
3119
- onchange = props.onchange,
3120
- onMove = props.onMove,
3121
- queryAll = props.queryAll,
3122
- inverse = props.inverse,
3123
- direction = props.direction,
3124
- fluctuationPosition = props.fluctuationPosition,
3125
- fluctuationOrther = props.fluctuationOrther,
3126
- onEndSort = props.onEndSort,
3127
- multiple = props.multiple,
3128
- rightIcon = props.rightIcon,
3129
- style = props.style,
3130
- customKey = props.customKey;
3114
+ data = props.data,
3115
+ onSearch = props.onSearch,
3116
+ onchange = props.onchange,
3117
+ onMove = props.onMove,
3118
+ queryAll = props.queryAll,
3119
+ inverse = props.inverse,
3120
+ direction = props.direction,
3121
+ fluctuationPosition = props.fluctuationPosition,
3122
+ fluctuationOrther = props.fluctuationOrther,
3123
+ onEndSort = props.onEndSort,
3124
+ multiple = props.multiple,
3125
+ rightIcon = props.rightIcon,
3126
+ style = props.style,
3127
+ customKey = props.customKey;
3131
3128
  var intl = useFormatMessage('Transfer', localeJson);
3132
-
3133
3129
  var _useState = useState([]),
3134
- _useState2 = _slicedToArray(_useState, 2),
3135
- checkCount = _useState2[0],
3136
- setCheckCount = _useState2[1];
3137
-
3130
+ _useState2 = _slicedToArray(_useState, 2),
3131
+ checkCount = _useState2[0],
3132
+ setCheckCount = _useState2[1];
3138
3133
  var _useState3 = useState(0),
3139
- _useState4 = _slicedToArray(_useState3, 2),
3140
- disabledCount = _useState4[0],
3141
- setDisabledCount = _useState4[1];
3142
-
3134
+ _useState4 = _slicedToArray(_useState3, 2),
3135
+ disabledCount = _useState4[0],
3136
+ setDisabledCount = _useState4[1];
3143
3137
  var ref = useRef();
3144
3138
  useEffect(function () {
3145
3139
  var arr = [];
@@ -3148,7 +3142,6 @@ var Box = function Box(props) {
3148
3142
  if (item.checked && !item.hide) {
3149
3143
  arr.push(index);
3150
3144
  }
3151
-
3152
3145
  if (item.disabled || item.hide) {
3153
3146
  count++;
3154
3147
  }
@@ -3267,74 +3260,64 @@ styleInject(css_248z);
3267
3260
 
3268
3261
  var Transfer = function Transfer(props) {
3269
3262
  var _a, _b, _c, _d;
3270
-
3271
3263
  var intl = useFormatMessage('Transfer', localeJson);
3272
3264
  var _props$data = props.data,
3273
- data = _props$data === void 0 ? [] : _props$data,
3274
- value = props.value,
3275
- _props$customKey = props.customKey,
3276
- customKey = _props$customKey === void 0 ? 'key' : _props$customKey,
3277
- onChange = props.onChange,
3278
- _props$titles = props.titles,
3279
- titles = _props$titles === void 0 ? [intl({
3280
- id: 'left'
3281
- }), intl({
3282
- id: 'right'
3283
- })] : _props$titles,
3284
- className = props.className,
3285
- _props$style = props.style,
3286
- style = _props$style === void 0 ? {
3287
- width: '298px'
3288
- } : _props$style,
3289
- onSort = props.onSort,
3290
- _props$trim = props.trim,
3291
- trim = _props$trim === void 0 ? false : _props$trim,
3292
- _props$multiple = props.multiple,
3293
- multiple = _props$multiple === void 0 ? true : _props$multiple,
3294
- rightIcon = props.rightIcon,
3295
- _props$render = props.render,
3296
- render = _props$render === void 0 ? function (item) {} : _props$render;
3297
-
3265
+ data = _props$data === void 0 ? [] : _props$data,
3266
+ value = props.value,
3267
+ _props$customKey = props.customKey,
3268
+ customKey = _props$customKey === void 0 ? 'key' : _props$customKey,
3269
+ onChange = props.onChange,
3270
+ _props$titles = props.titles,
3271
+ titles = _props$titles === void 0 ? [intl({
3272
+ id: 'left'
3273
+ }), intl({
3274
+ id: 'right'
3275
+ })] : _props$titles,
3276
+ className = props.className,
3277
+ _props$style = props.style,
3278
+ style = _props$style === void 0 ? {
3279
+ width: '298px'
3280
+ } : _props$style,
3281
+ onSort = props.onSort,
3282
+ _props$trim = props.trim,
3283
+ trim = _props$trim === void 0 ? false : _props$trim,
3284
+ _props$multiple = props.multiple,
3285
+ multiple = _props$multiple === void 0 ? true : _props$multiple,
3286
+ rightIcon = props.rightIcon,
3287
+ _props$render = props.render,
3288
+ render = _props$render === void 0 ? function (item) {} : _props$render;
3298
3289
  var _useState = useState({}),
3299
- _useState2 = _slicedToArray(_useState, 2),
3300
- transData = _useState2[0],
3301
- setTransData = _useState2[1];
3302
-
3290
+ _useState2 = _slicedToArray(_useState, 2),
3291
+ transData = _useState2[0],
3292
+ setTransData = _useState2[1];
3303
3293
  var _useState3 = useState([]),
3304
- _useState4 = _slicedToArray(_useState3, 2),
3305
- leftData = _useState4[0],
3306
- setLeftData = _useState4[1];
3307
-
3294
+ _useState4 = _slicedToArray(_useState3, 2),
3295
+ leftData = _useState4[0],
3296
+ setLeftData = _useState4[1];
3308
3297
  var _useState5 = useState([]),
3309
- _useState6 = _slicedToArray(_useState5, 2),
3310
- rightData = _useState6[0],
3311
- setRightData = _useState6[1];
3312
-
3298
+ _useState6 = _slicedToArray(_useState5, 2),
3299
+ rightData = _useState6[0],
3300
+ setRightData = _useState6[1];
3313
3301
  var _useState7 = useState([]),
3314
- _useState8 = _slicedToArray(_useState7, 2),
3315
- leftCount = _useState8[0],
3316
- setLeftCount = _useState8[1];
3317
-
3302
+ _useState8 = _slicedToArray(_useState7, 2),
3303
+ leftCount = _useState8[0],
3304
+ setLeftCount = _useState8[1];
3318
3305
  var _useState9 = useState([]),
3319
- _useState10 = _slicedToArray(_useState9, 2),
3320
- rightCount = _useState10[0],
3321
- setRightCount = _useState10[1];
3322
-
3306
+ _useState10 = _slicedToArray(_useState9, 2),
3307
+ rightCount = _useState10[0],
3308
+ setRightCount = _useState10[1];
3323
3309
  var _useState11 = useState(),
3324
- _useState12 = _slicedToArray(_useState11, 2),
3325
- fluctuationPosition = _useState12[0],
3326
- setFluctuationPosition = _useState12[1];
3327
-
3310
+ _useState12 = _slicedToArray(_useState11, 2),
3311
+ fluctuationPosition = _useState12[0],
3312
+ setFluctuationPosition = _useState12[1];
3328
3313
  var _useState13 = useState(),
3329
- _useState14 = _slicedToArray(_useState13, 2),
3330
- fluctuationOrther = _useState14[0],
3331
- setFluctuationOrther = _useState14[1];
3332
-
3314
+ _useState14 = _slicedToArray(_useState13, 2),
3315
+ fluctuationOrther = _useState14[0],
3316
+ setFluctuationOrther = _useState14[1];
3333
3317
  var _useState15 = useState(false),
3334
- _useState16 = _slicedToArray(_useState15, 2),
3335
- animationsLock = _useState16[0],
3336
- setAnimationLock = _useState16[1];
3337
-
3318
+ _useState16 = _slicedToArray(_useState15, 2),
3319
+ animationsLock = _useState16[0],
3320
+ setAnimationLock = _useState16[1];
3338
3321
  var onchange = useCallback(function (e, bol, index, direction, multiple) {
3339
3322
  if (direction === 'left') {
3340
3323
  !multiple && leftData.forEach(function (item) {
@@ -3376,10 +3359,8 @@ var Transfer = function Transfer(props) {
3376
3359
  setRightData(_toConsumableArray(rightData));
3377
3360
  }
3378
3361
  }, [leftData, rightData]);
3379
-
3380
3362
  var onMove = function onMove(direction) {
3381
3363
  var newData = [];
3382
-
3383
3364
  if (direction === 'left') {
3384
3365
  newData = _toConsumableArray(rightData);
3385
3366
  newData.forEach(function (item) {
@@ -3399,7 +3380,6 @@ var Transfer = function Transfer(props) {
3399
3380
  }
3400
3381
  });
3401
3382
  }
3402
-
3403
3383
  setLeftData(_toConsumableArray(leftData));
3404
3384
  setRightData(_toConsumableArray(rightData));
3405
3385
  var rArr = [];
@@ -3407,12 +3387,10 @@ var Transfer = function Transfer(props) {
3407
3387
  rArr.push(item[customKey]);
3408
3388
  });
3409
3389
  onChange === null || onChange === void 0 ? void 0 : onChange(rArr);
3410
- }; // 上下移动
3411
-
3412
-
3390
+ };
3391
+ // 上下移动
3413
3392
  var fluctuation = function fluctuation(direction) {
3414
3393
  setAnimationLock(true);
3415
-
3416
3394
  if (direction == 'up') {
3417
3395
  setFluctuationPosition(rightCount[0] - 1);
3418
3396
  setFluctuationOrther(rightCount[0]);
@@ -3451,16 +3429,13 @@ var Transfer = function Transfer(props) {
3451
3429
  }, 400);
3452
3430
  }
3453
3431
  };
3454
-
3455
3432
  var onSearch = function onSearch(e, direction) {
3456
3433
  var str = trim ? e.toUpperCase().trim() : e.toUpperCase();
3457
-
3458
3434
  if (direction === 'left') {
3459
3435
  leftData.forEach(function (item) {
3460
3436
  item.hide = false;
3461
3437
  var name = (item.name || '').toUpperCase();
3462
3438
  var description = (item.description || '').toUpperCase();
3463
-
3464
3439
  if (!(name.indexOf(str) !== -1 || description.indexOf(str) !== -1)) {
3465
3440
  item.hide = true;
3466
3441
  }
@@ -3471,7 +3446,6 @@ var Transfer = function Transfer(props) {
3471
3446
  item.hide = false;
3472
3447
  var name = (item.name || '').toUpperCase();
3473
3448
  var description = (item.description || '').toUpperCase();
3474
-
3475
3449
  if (!(name.indexOf(str) !== -1 || description.indexOf(str) !== -1)) {
3476
3450
  item.hide = true;
3477
3451
  }
@@ -3479,7 +3453,6 @@ var Transfer = function Transfer(props) {
3479
3453
  setRightData(_toConsumableArray(rightData));
3480
3454
  }
3481
3455
  };
3482
-
3483
3456
  var onEndSort = useCallback(function (oldIndex, newIndex) {
3484
3457
  setRightData(function (pre) {
3485
3458
  pre.splice.apply(pre, [newIndex, 0].concat(_toConsumableArray(pre.splice(oldIndex, 1))));
@@ -3512,11 +3485,9 @@ var Transfer = function Transfer(props) {
3512
3485
  delete transData[item];
3513
3486
  }
3514
3487
  });
3515
-
3516
3488
  for (var key in transData) {
3517
3489
  lData.push(transData[key]);
3518
3490
  }
3519
-
3520
3491
  setRightData([].concat(rData));
3521
3492
  setLeftData([].concat(lData));
3522
3493
  }, [value, transData]);
@@ -1,3 +1,3 @@
1
- declare type Iclick = Function;
1
+ type Iclick = Function;
2
2
  export declare const useClick: (callback: Iclick, doubleCallback: Function) => (...args: unknown[]) => void;
3
3
  export {};