@unicom-cloud/ui 0.8.95 → 0.8.97

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 (326) hide show
  1. package/Affix.js +1 -1
  2. package/Carousel.js +1 -1
  3. package/LiquidFill.js +4 -0
  4. package/Message.js +1 -1
  5. package/Notification.js +1 -1
  6. package/OverflowEllipsis.js +1 -1
  7. package/PageHeader.js +1 -1
  8. package/QrCode.js +57 -0
  9. package/Switch.js +1 -1
  10. package/Tour.js +63 -0
  11. package/Trigger.js +2 -2
  12. package/_virtual/_commonjsHelpers.js +6 -0
  13. package/_virtual/index.js +7 -0
  14. package/_virtual/index2.js +4 -0
  15. package/affix/index.js +70 -72
  16. package/alert/index.js +52 -51
  17. package/anchor/Anchor.js +55 -55
  18. package/anchor/Link.js +34 -34
  19. package/anchor/util.js +5 -5
  20. package/auto-complete/index.js +116 -122
  21. package/avatar/Avatar.js +33 -33
  22. package/avatar/Group.js +26 -26
  23. package/back-top/index.js +58 -61
  24. package/badge/index.js +46 -46
  25. package/breadcrumb/Item.js +42 -43
  26. package/breadcrumb/index.js +47 -47
  27. package/button/Group.js +6 -6
  28. package/button/index.js +91 -91
  29. package/calendar/Month.js +75 -75
  30. package/calendar/Year.js +35 -35
  31. package/calendar/header/index.js +25 -25
  32. package/calendar/index.js +103 -103
  33. package/card/Grid.js +8 -8
  34. package/card/Meta.js +16 -16
  35. package/card/index.js +49 -49
  36. package/carousel/Arrow.js +19 -19
  37. package/carousel/Indicator.js +26 -26
  38. package/carousel/index.js +108 -108
  39. package/cascader/Cascader.js +178 -191
  40. package/cascader/base/node.js +133 -136
  41. package/cascader/base/store.js +82 -85
  42. package/cascader/panel/List.js +126 -130
  43. package/cascader/panel/Search.js +79 -81
  44. package/cascader/util.js +13 -13
  45. package/checkbox/Checkbox.js +94 -96
  46. package/checkbox/Group.js +54 -56
  47. package/checkbox/GroupBlock.js +28 -29
  48. package/collapse/Collapse.js +45 -45
  49. package/collapse/Item.js +53 -55
  50. package/color-picker/ControlBar.js +43 -43
  51. package/color-picker/InputAlpha.js +12 -12
  52. package/color-picker/InputHex.js +30 -31
  53. package/color-picker/InputRgb.js +24 -24
  54. package/color-picker/Palette.js +18 -18
  55. package/color-picker/Panel.js +122 -125
  56. package/color-picker/hooks/useColorPicker.js +85 -88
  57. package/color-picker/hooks/useControlBlock.js +38 -40
  58. package/color-picker/index.js +47 -47
  59. package/comment/index.js +29 -29
  60. package/components/common/higher-order/with-speech-synthesis/index.js +37 -40
  61. package/components/common/hooks/useForceUpdate.js +6 -2
  62. package/components/common/hooks/useId.js +4 -4
  63. package/components/common/hooks/useInView.js +16 -16
  64. package/components/common/hooks/useIntersectionObserver.js +1 -1
  65. package/components/common/hooks/useKeyboardEvent.js +9 -10
  66. package/components/common/hooks/useOverflowHidden.js +1 -4
  67. package/components/common/hooks/usePersistCallback.js +7 -7
  68. package/components/common/hooks/useStateCallback.js +9 -10
  69. package/components/common/hooks/useWindowSize.js +8 -8
  70. package/components/common/space/index.js +11 -10
  71. package/components/common/utils/PqbCSSTransition.js +1 -1
  72. package/components/common/utils/convertToDurationBasedOnTimeUnits.js +6 -0
  73. package/components/common/utils/dom.js +27 -29
  74. package/components/common/utils/findScrollParent.js +17 -0
  75. package/components/common/utils/intersectionObserver.js +21 -0
  76. package/components/common/utils/is.js +99 -109
  77. package/components/common/utils/mutationObserver.js +19 -0
  78. package/components/common/utils/reactDOM.js +34 -34
  79. package/components/common/utils/resizeObserver.js +21 -0
  80. package/copy/index.js +38 -40
  81. package/date-picker/Picker.js +290 -295
  82. package/date-picker/RangePicker.js +367 -372
  83. package/date-picker/index.js +33 -35
  84. package/date-picker/panel/Body.js +46 -47
  85. package/date-picker/panel/Header.js +33 -33
  86. package/date-picker/panel/Shortcut.js +31 -31
  87. package/date-picker/panel/date/index.js +85 -85
  88. package/date-picker/panel/month/index.js +59 -59
  89. package/date-picker/panel/quarter/index.js +67 -70
  90. package/date-picker/panel/range/index.js +101 -101
  91. package/date-picker/panel/year/index.js +39 -39
  92. package/date-picker/util.js +17 -18
  93. package/descriptions/index.js +62 -62
  94. package/details/index.js +55 -56
  95. package/development/index.js +9 -9
  96. package/dist/react-transition-group/src/CSSTransition.js +1 -1
  97. package/dist/react-transition-group/src/SwitchTransition.js +1 -1
  98. package/dist/tinycolor/chunk/BOzCVdr0.js +1 -1
  99. package/dist/tween/src/tween.js +24 -25
  100. package/dist/validate/src/index.js +5 -5
  101. package/dist/validate/src/util.js +1 -1
  102. package/divider/index.js +21 -21
  103. package/draggable/Item.js +35 -35
  104. package/draggable/index.js +22 -22
  105. package/drawer/Drawer.js +142 -147
  106. package/dropdown/Button.js +48 -48
  107. package/dropdown/index.js +88 -92
  108. package/empty/index.js +16 -16
  109. package/form/Control.js +211 -225
  110. package/form/Form.js +109 -113
  111. package/form/FormItem.js +118 -120
  112. package/form/FormList.js +60 -66
  113. package/form/FormProvider.js +31 -34
  114. package/form/hook/useContext.js +17 -19
  115. package/form/hook/useState.js +22 -23
  116. package/form/hook/useWatch.js +26 -27
  117. package/form/promisify.js +14 -18
  118. package/form/store.js +304 -316
  119. package/form/util.js +14 -15
  120. package/grid/Col.js +64 -64
  121. package/grid/Grid.js +51 -51
  122. package/grid/GridItem.js +48 -48
  123. package/grid/Row.js +39 -39
  124. package/hooks/index.js +50 -52
  125. package/hooks/useVerificationCode.js +41 -43
  126. package/hooks/useWatermark.js +89 -92
  127. package/icon/index.js +23 -24
  128. package/icon-hover/index.js +16 -16
  129. package/icons/file.js +11 -11
  130. package/image/Image.js +140 -141
  131. package/image/ImagePreview.js +252 -255
  132. package/image/ImagePreviewArrow.js +25 -25
  133. package/image/ImagePreviewGroup.js +62 -62
  134. package/image/util/getScale.js +25 -28
  135. package/index.js +682 -679
  136. package/input/Button.js +48 -50
  137. package/input/Group.js +9 -9
  138. package/input/Input.js +145 -154
  139. package/input/InputElement.js +108 -115
  140. package/input/Password.js +38 -38
  141. package/input/Search.js +51 -55
  142. package/input/Textarea.js +80 -81
  143. package/input/useComposition.js +23 -23
  144. package/input-number/decimal.js +59 -62
  145. package/input-number/index.js +139 -141
  146. package/input-tag/InputTag.js +223 -231
  147. package/layout/Content.js +6 -6
  148. package/layout/Footer.js +8 -8
  149. package/layout/Header.js +7 -7
  150. package/layout/Sider.js +88 -90
  151. package/layout/index.js +30 -30
  152. package/link/index.js +45 -46
  153. package/liquid-fill/LiquidFill.js +189 -0
  154. package/liquid-fill/LiquidFill2.js +3 -0
  155. package/liquid-fill/index.js +4 -0
  156. package/liquid-fill/interface.js +1 -0
  157. package/list/Item.js +28 -28
  158. package/list/Meta.js +12 -12
  159. package/list/index.js +146 -148
  160. package/mentions/index.js +75 -76
  161. package/menu/Item.js +58 -58
  162. package/menu/Menu.js +125 -127
  163. package/menu/OverflowWrap.js +39 -40
  164. package/menu/sub-menu/Inline.js +45 -45
  165. package/menu/util.js +26 -28
  166. package/message/index.js +97 -100
  167. package/message/useMessage.js +26 -27
  168. package/modal/Confirm.js +47 -49
  169. package/modal/Modal.js +250 -257
  170. package/modal/use-modal/Hook.js +26 -28
  171. package/modal/use-modal/index.js +46 -49
  172. package/notice/index.js +89 -90
  173. package/notification/index.js +61 -66
  174. package/notification/withNotification.js +35 -35
  175. package/overflow-ellipsis/OverflowItem.js +19 -20
  176. package/overflow-ellipsis/index.js +45 -46
  177. package/package.json +1 -1
  178. package/page-header/index.js +45 -45
  179. package/pagination/PageItem.js +87 -91
  180. package/pagination/PageJumper.js +40 -41
  181. package/pagination/PageOption.js +31 -35
  182. package/pagination/Pagination.js +162 -163
  183. package/picker/Input.js +90 -96
  184. package/picker/InputRange.js +115 -122
  185. package/popconfirm/index.js +98 -100
  186. package/popover/index.js +28 -28
  187. package/portal/Portal.js +10 -11
  188. package/progress/index.js +36 -36
  189. package/qr-code/index.js +99 -0
  190. package/qr-code/interface.js +1 -0
  191. package/radio/Group.js +48 -48
  192. package/radio/GroupBlock.js +32 -33
  193. package/radio/Radio.js +62 -64
  194. package/rate/index.js +88 -88
  195. package/resize-box/ResizeTrigger.js +39 -39
  196. package/resize-box/Split.js +92 -96
  197. package/resize-box/SplitGroup.js +116 -122
  198. package/resize-box/index.js +112 -115
  199. package/result/index.js +44 -44
  200. package/select/Option.js +53 -56
  201. package/select/Select.js +365 -381
  202. package/select/util.js +95 -99
  203. package/select-view/Core.js +159 -160
  204. package/skeleton/index.js +23 -23
  205. package/slider/Button.js +84 -92
  206. package/slider/Input.js +47 -49
  207. package/slider/Tick.js +28 -31
  208. package/slider/index.js +108 -108
  209. package/slider/util.js +1 -1
  210. package/space/index.js +26 -26
  211. package/space-/index.js +51 -51
  212. package/spin/DotLoading.js +8 -8
  213. package/spin/index.js +47 -47
  214. package/statistic/Countdown.js +37 -37
  215. package/statistic/index.js +61 -61
  216. package/steps/Step.js +42 -42
  217. package/steps/index.js +54 -54
  218. package/style.css +1 -1
  219. package/switch/index.js +78 -79
  220. package/table/ColGroup.js +36 -37
  221. package/table/Table.js +447 -450
  222. package/table/hook/useExpand.js +24 -24
  223. package/table/hook/useRowSelection.js +62 -62
  224. package/table/summary/Row.js +16 -17
  225. package/table/tbody/Td.js +119 -118
  226. package/table/tbody/Tr.js +119 -121
  227. package/table/tbody/index.js +62 -63
  228. package/table/th-resizable/index.js +30 -30
  229. package/table/thead/Column.js +148 -148
  230. package/table/thead/index.js +87 -88
  231. package/tabs/Tab.js +55 -55
  232. package/tabs/TabContent.js +8 -8
  233. package/tabs/TabPane.js +15 -15
  234. package/tabs/hook/useHeaderScroll.js +36 -36
  235. package/tabs/tab-header/TabInk.js +31 -33
  236. package/tabs/tab-header/TabNavIcon.js +34 -35
  237. package/tabs/tab-header/index.js +192 -195
  238. package/tag/index.js +94 -97
  239. package/time-picker/Picker.js +167 -172
  240. package/time-picker/RangePicker.js +28 -28
  241. package/time-picker/TimePicker.js +146 -146
  242. package/time-picker/util.js +4 -4
  243. package/timeline/Item.js +46 -46
  244. package/timeline/Timeline.js +52 -52
  245. package/tooltip/index.js +89 -95
  246. package/tour/index.js +289 -0
  247. package/transfer/Item.js +54 -54
  248. package/transfer/List.js +134 -136
  249. package/transfer/index.js +91 -91
  250. package/tree/Animation.js +49 -52
  251. package/tree/Node.js +114 -122
  252. package/tree/NodeList.js +51 -51
  253. package/tree/Tree.js +386 -393
  254. package/tree-select/List.js +71 -72
  255. package/tree-select/Select.js +135 -143
  256. package/tree-select/hook/useKeyCache.js +39 -39
  257. package/tree-select/hook/useStateValue.js +12 -12
  258. package/trigger/getPopupStyle.js +60 -61
  259. package/trigger/index.js +338 -347
  260. package/types/common/space/interface.d.ts +1 -1
  261. package/types/common/utils/convertToDurationBasedOnTimeUnits.d.ts +3 -0
  262. package/types/common/utils/findScrollParent.d.ts +2 -0
  263. package/types/common/utils/index.d.ts +5 -0
  264. package/types/common/utils/intersectionObserver.d.ts +2 -0
  265. package/types/common/utils/math.d.ts +1 -1
  266. package/types/common/utils/mutationObserver.d.ts +2 -0
  267. package/types/common/utils/resizeObserver.d.ts +2 -0
  268. package/types/pc/alert/interface.d.ts +2 -2
  269. package/types/pc/details/interface.d.ts +2 -2
  270. package/types/pc/hooks/index.d.ts +0 -1
  271. package/types/pc/index.d.ts +3 -0
  272. package/types/pc/liquid-fill/LiquidFill.d.ts +30 -0
  273. package/types/pc/liquid-fill/LiquidFill2.d.ts +1 -0
  274. package/types/pc/liquid-fill/index.d.ts +4 -0
  275. package/types/pc/liquid-fill/interface.d.ts +0 -0
  276. package/types/pc/qr-code/index.d.ts +34 -0
  277. package/types/pc/qr-code/interface.d.ts +39 -0
  278. package/types/pc/table/interface.d.ts +2 -2
  279. package/types/pc/tour/index.d.ts +42 -0
  280. package/types/pc/utils/convertToDurationBasedOnTimeUnits.d.ts +3 -0
  281. package/types/pc/utils/findScrollParent.d.ts +2 -0
  282. package/types/pc/utils/index.d.ts +5 -0
  283. package/types/pc/utils/intersectionObserver.d.ts +2 -0
  284. package/types/pc/utils/math.d.ts +1 -1
  285. package/types/pc/utils/mutationObserver.d.ts +2 -0
  286. package/types/pc/utils/names.d.ts +18 -0
  287. package/types/pc/utils/resizeObserver.d.ts +2 -0
  288. package/typography/Base.js +79 -81
  289. package/typography/EditContent.js +30 -33
  290. package/typography/Ellipsis.js +78 -75
  291. package/typography/Operations.js +50 -52
  292. package/typography/Paragraph.js +7 -7
  293. package/typography/Typography.js +7 -7
  294. package/typography/useEllipsis.js +105 -106
  295. package/upload/TriggerNode.js +69 -76
  296. package/upload/Upload.js +84 -87
  297. package/upload/Uploader.js +115 -118
  298. package/upload/list/PictureItem.js +61 -71
  299. package/upload/list/TextItem.js +61 -67
  300. package/upload/list/UploadProgress.js +42 -49
  301. package/upload/list/index.js +49 -50
  302. package/upload/request_.js +37 -38
  303. package/upload/util.js +39 -39
  304. package/utils/convertToDurationBasedOnTimeUnits.js +6 -0
  305. package/utils/findScrollParent.js +4 -0
  306. package/utils/index.js +274 -275
  307. package/utils/intersectionObserver.js +4 -0
  308. package/utils/math.js +7 -11
  309. package/utils/mutationObserver.js +4 -0
  310. package/utils/names.js +12 -0
  311. package/utils/reactTransitionGroup.js +1 -1
  312. package/utils/resizeObserver.js +4 -0
  313. package/verification-code/VerificationCode.js +50 -51
  314. package/version/index.js +1 -1
  315. package/virtual-list/VirtualList.js +243 -244
  316. package/virtual-list/util/item.js +3 -4
  317. package/watermark/Watermark.js +27 -31
  318. package/components/common/hooks/useComputedState.js +0 -11
  319. package/components/common/utils/resizeObserverEffect.js +0 -23
  320. package/hooks/useComputedState.js +0 -4
  321. package/types/common/hooks/useComputedState.d.ts +0 -4
  322. package/types/common/utils/resizeObserverEffect.d.ts +0 -2
  323. package/types/pc/hooks/useComputedState.d.ts +0 -1
  324. package/types/pc/utils/resizeObserverEffect.d.ts +0 -2
  325. package/utils/resizeObserverEffect.js +0 -4
  326. /package/dist/react-transition-group/chunk/{C6QwjD4L.js → CPfP7aNL.js} +0 -0
package/modal/Modal.js CHANGED
@@ -1,39 +1,39 @@
1
- import { jsxs as k, jsx as o, Fragment as Ge } from "react/jsx-runtime";
2
- import Je from "@unicom-cloud/icons/IconUiClose";
3
- import be from "lodash/isFunction";
4
- import Qe, { forwardRef as en, useRef as u, useContext as nn, useState as R, useCallback as I, useEffect as A } from "react";
5
- import he from "../button/index.js";
6
- import tn from "../config-provider/ConfigProvider.js";
7
- import rn from "../components/common/hooks/useIsFirstRender.js";
8
- import on from "../components/common/hooks/useMergeProps.js";
9
- import ln from "../components/common/hooks/useMergeValue.js";
10
- import sn from "../components/common/hooks/useOverflowHidden.js";
11
- import an from "../icon-hover/index.js";
12
- import cn from "../portal/index.js";
13
- import { PqbCSSTransition as xe } from "../components/common/utils/PqbCSSTransition.js";
14
- import ve from "@unicom-cloud/utils/class-name";
15
- import { contains as un, isServerRendering as dn } from "../components/common/utils/dom.js";
16
- import { Esc as mn } from "@unicom-cloud/utils/constant/keyboardCode";
17
- import { omit as fn } from "../components/common/utils/omit.js";
18
- import { findDOMNode_ as pn } from "../components/common/utils/reactDOM.js";
19
- import _ from "./Confirm.js";
20
- import { setModalConfig as gn, destroyList as Me } from "./config.js";
21
- import Cn from "./use-modal/index.js";
22
- import bn from "../config-provider/context.js";
23
- let K = null, hn = 0;
24
- dn || document.documentElement.addEventListener(
1
+ import { jsxs as T, jsx as r, Fragment as Ke } from "react/jsx-runtime";
2
+ import _e from "@unicom-cloud/icons/IconUiClose";
3
+ import ue from "lodash/isFunction";
4
+ import Ge, { forwardRef as Je, useRef as a, useContext as Qe, useState as k, useCallback as y, useEffect as q } from "react";
5
+ import de from "../button/index.js";
6
+ import en from "../config-provider/ConfigProvider.js";
7
+ import nn from "../components/common/hooks/useIsFirstRender.js";
8
+ import tn from "../components/common/hooks/useMergeProps.js";
9
+ import on from "../components/common/hooks/useMergeValue.js";
10
+ import rn from "../components/common/hooks/useOverflowHidden.js";
11
+ import ln from "../icon-hover/index.js";
12
+ import sn from "../portal/index.js";
13
+ import { PqbCSSTransition as me } from "../components/common/utils/PqbCSSTransition.js";
14
+ import fe from "@unicom-cloud/utils/class-name";
15
+ import { contains as an, isServerRendering as cn } from "../components/common/utils/dom.js";
16
+ import { Esc as un } from "@unicom-cloud/utils/constant/keyboardCode";
17
+ import { omit as dn } from "../components/common/utils/omit.js";
18
+ import { findDOMNode_ as mn } from "../components/common/utils/reactDOM.js";
19
+ import W from "./Confirm.js";
20
+ import { setModalConfig as fn, destroyList as pe } from "./config.js";
21
+ import pn from "./use-modal/index.js";
22
+ import gn from "../config-provider/context.js";
23
+ let U = null, Cn = 0;
24
+ cn || document.documentElement.addEventListener(
25
25
  "click",
26
- (s) => {
27
- K = {
28
- left: s.clientX,
29
- top: s.clientY
26
+ (l) => {
27
+ U = {
28
+ left: l.clientX,
29
+ top: l.clientY
30
30
  }, setTimeout(() => {
31
- K = null;
31
+ U = null;
32
32
  }, 100);
33
33
  },
34
34
  !0
35
35
  );
36
- const xn = {
36
+ const bn = {
37
37
  mask: !0,
38
38
  maskClosable: !0,
39
39
  mountOnEnter: !0,
@@ -41,161 +41,154 @@ const xn = {
41
41
  getPopupContainer: () => document.body,
42
42
  alignCenter: !0
43
43
  };
44
- function vn(s, w) {
45
- var ge, Ce;
46
- w || (w = u());
47
- const C = nn(bn), t = on(
48
- s,
49
- xn,
50
- (ge = C.componentConfig) == null ? void 0 : ge.Modal
44
+ function xn(l, b) {
45
+ b ||= a();
46
+ const d = Qe(gn), o = tn(
47
+ l,
48
+ bn,
49
+ d.componentConfig?.Modal
51
50
  ), {
52
- className: we,
53
- style: Ee,
54
- visible: a,
55
- simple: G,
56
- title: E,
57
- subtitle: X,
58
- children: Te,
59
- cancelText: ye,
60
- okText: Ne,
61
- okButtonProps: De,
62
- cancelButtonProps: $e,
63
- getPopupContainer: Y = () => document.body,
64
- footer: T,
65
- afterClose: O,
66
- confirmLoading: Pe,
67
- mountOnEnter: L,
68
- unmountOnExit: B,
69
- afterOpen: S,
51
+ className: ge,
52
+ style: Ce,
53
+ visible: s,
54
+ simple: Z,
55
+ title: x,
56
+ subtitle: N,
57
+ children: be,
58
+ cancelText: xe,
59
+ okText: he,
60
+ okButtonProps: ve,
61
+ cancelButtonProps: Me,
62
+ getPopupContainer: D = () => document.body,
63
+ footer: h,
64
+ afterClose: we,
65
+ confirmLoading: Ee,
66
+ mountOnEnter: $,
67
+ unmountOnExit: P,
68
+ afterOpen: Te,
70
69
  hideCancel: ke,
71
- maskClosable: Re,
72
- mask: y,
73
- alignCenter: Ie,
74
- getChildrenPopupContainer: J,
75
- wrapClassName: Xe,
76
- escToExit: H,
77
- modalRender: Q,
78
- maskStyle: Ye,
79
- wrapStyle: Oe,
80
- closeIcon: ee,
81
- fullscreenable: Mn,
82
- okButton: l,
83
- ...ne
84
- } = t, v = u(null), te = u(null), d = u(null), [re, oe] = R(), [le, Le] = R(), N = u(null), M = u(!1), [Be, se] = R(""), [ie, ae] = R("");
85
- rn();
86
- const F = u(!0);
87
- a && F.current && (F.current = !1);
88
- const D = u();
89
- D.current || (D.current = hn++);
90
- const [Se, V] = ln(!1, {
70
+ maskClosable: ye,
71
+ mask: v,
72
+ alignCenter: Ne,
73
+ getChildrenPopupContainer: j,
74
+ wrapClassName: De,
75
+ escToExit: R,
76
+ modalRender: A,
77
+ maskStyle: $e,
78
+ wrapStyle: Pe,
79
+ closeIcon: K,
80
+ fullscreenable: hn,
81
+ okButton: m,
82
+ ..._
83
+ } = o, f = a(null), G = a(null), i = a(null), [J, Q] = k(), [ee, Re] = k(), M = a(null), p = a(!1), [Be, ne] = k(""), [te, oe] = k("");
84
+ nn();
85
+ const B = a(!0);
86
+ s && B.current && (B.current = !1);
87
+ const w = a();
88
+ w.current || (w.current = Cn++);
89
+ const [Ie, I] = on(!1, {
91
90
  defaultValue: !1,
92
- value: Pe
93
- }), r = (Ce = C.getPrefixCls) == null ? void 0 : Ce.call(C, "modal", t.prefixCls), { locale: b, rtl: ce } = C, He = !G || ne.noticeType === "show", Fe = "closable" in t ? t.closable : He, Ve = I(() => pn(Y()), [Y]);
94
- sn(Ve, { hidden: a && y });
95
- function z(e) {
96
- e.stopPropagation(), q();
91
+ value: Ee
92
+ }), t = d.getPrefixCls?.("modal", o.prefixCls), { locale: O, rtl: re } = d, Oe = !Z || _.noticeType === "show", Xe = "closable" in o ? o.closable : Oe, Ye = y(() => mn(D()), [D]);
93
+ rn(Ye, { hidden: s && v });
94
+ function X(e) {
95
+ e.stopPropagation(), Y();
97
96
  }
98
- function q() {
99
- var e;
100
- (e = t.onCancel) == null || e.call(t);
97
+ function Y() {
98
+ o.onCancel?.();
101
99
  }
102
- const ze = (e) => {
103
- H && a && e.key === mn.key && (e.stopPropagation(), q());
104
- }, U = u(!1), qe = (e) => {
105
- M.current && (M.current = !1, !U.current && Re && y && e.target === e.currentTarget && setTimeout(() => {
106
- q();
100
+ const Le = (e) => {
101
+ R && s && e.key === un.key && (e.stopPropagation(), Y());
102
+ }, L = a(!1), Se = (e) => {
103
+ p.current && (p.current = !1, !L.current && ye && v && e.target === e.currentTarget && setTimeout(() => {
104
+ Y();
107
105
  }, 100));
108
- }, Ue = (e) => {
109
- var i;
110
- const n = (i = t.onOk ?? t.onConfirm) == null ? void 0 : i(e);
111
- n != null && n.then && (V(!0), n.then(
106
+ }, He = (e) => {
107
+ const n = (o.onOk ?? o.onConfirm)?.(e);
108
+ n?.then && (I(!0), n.then(
112
109
  () => {
113
- V(!1);
110
+ I(!1);
114
111
  },
115
112
  (c) => {
116
- V(!1), console.error(c);
113
+ I(!1), console.error(c);
117
114
  }
118
115
  ));
119
116
  };
120
- A(() => {
117
+ q(() => {
121
118
  let e = null;
122
- return H && (e = setTimeout(() => {
123
- var n;
124
- un(document.body, v.current) && ((n = v.current) == null || n.focus());
119
+ return R && (e = setTimeout(() => {
120
+ an(document.body, f.current) && f.current?.focus();
125
121
  })), () => {
126
122
  e && clearTimeout(e);
127
123
  };
128
- }, [a, H]);
129
- const We = () => {
130
- var e;
131
- if (a && le === void 0 && v.current) {
132
- const n = +((e = window.getComputedStyle(v.current, null)) == null ? void 0 : e.zIndex);
133
- isNaN(n) || Le(n + 1);
124
+ }, [s, R]);
125
+ const Fe = () => {
126
+ if (s && ee === void 0 && f.current) {
127
+ const e = +window.getComputedStyle(f.current, null)?.zIndex;
128
+ isNaN(e) || Re(e + 1);
134
129
  }
135
- }, Ze = () => {
136
- var c, m, f, h, P, p, g;
137
- if (T === null)
130
+ }, Ve = () => {
131
+ if (h === null)
138
132
  return;
139
- const e = ((c = t.cancelButton) == null ? void 0 : c.visible) !== !1 && /* @__PURE__ */ o(
140
- he,
133
+ const e = o.cancelButton?.visible !== !1 && /* @__PURE__ */ r(
134
+ de,
141
135
  {
142
- onClick: z,
143
- ...$e,
144
- ...(m = t.cancelButton) == null ? void 0 : m.props,
145
- children: ((h = (f = t.cancelButton) == null ? void 0 : f.props) == null ? void 0 : h.children) || ((P = t.cancelButton) == null ? void 0 : P.label) || ((p = t.cancelButton) == null ? void 0 : p.text) || ye || (b == null ? void 0 : b.Modal.cancelText)
136
+ onClick: X,
137
+ ...Me,
138
+ ...o.cancelButton?.props,
139
+ children: o.cancelButton?.props?.children || o.cancelButton?.label || o.cancelButton?.text || xe || O?.Modal.cancelText
146
140
  }
147
- ), n = (l == null ? void 0 : l.visible) !== !1 && /* @__PURE__ */ o(
148
- he,
141
+ ), n = m?.visible !== !1 && /* @__PURE__ */ r(
142
+ de,
149
143
  {
150
- loading: Se,
151
- onClick: Ue,
144
+ loading: Ie,
145
+ onClick: He,
152
146
  type: "primary",
153
- ...De,
154
- ...l == null ? void 0 : l.props,
155
- children: ((g = l == null ? void 0 : l.props) == null ? void 0 : g.children) || (l == null ? void 0 : l.label) || (l == null ? void 0 : l.text) || Ne || (b == null ? void 0 : b.Modal.okText)
147
+ ...ve,
148
+ ...m?.props,
149
+ children: m?.props?.children || m?.label || m?.text || he || O?.Modal.okText
156
150
  }
157
- ), i = be(T) ? T(e, n) : T || /* @__PURE__ */ k(Ge, { children: [
151
+ ), c = ue(h) ? h(e, n) : h || /* @__PURE__ */ T(Ke, { children: [
158
152
  !ke && e,
159
153
  n
160
154
  ] });
161
- return /* @__PURE__ */ o("div", { className: `${r}-footer`, children: i });
162
- }, W = u(
163
- me()
164
- ), je = I((e) => {
165
- var i, c, m, f, h;
166
- if (!d.current) return;
155
+ return /* @__PURE__ */ r("div", { className: `${t}-footer`, children: c });
156
+ }, S = a(
157
+ ae()
158
+ ), ze = y((e) => {
159
+ if (!i.current) return;
167
160
  e.preventDefault();
168
- const n = W.current;
169
- n.screenX = e.screenX, n.screenY = e.screenY, n.prewTranslateX = n.translateX, n.prewTranslateY = n.translateY, n.boundingClientRect = ((c = (i = d.current) == null ? void 0 : i.getBoundingClientRect) == null ? void 0 : c.call(i)) ?? {}, n.offsetParentBoundingClientRect = ((h = (f = (m = d.current) == null ? void 0 : m.offsetParent) == null ? void 0 : f.getBoundingClientRect) == null ? void 0 : h.call(f)) ?? {}, $(), Ae();
170
- }, []), ue = I((e) => {
161
+ const n = S.current;
162
+ n.screenX = e.screenX, n.screenY = e.screenY, n.prewTranslateX = n.translateX, n.prewTranslateY = n.translateY, n.boundingClientRect = i.current?.getBoundingClientRect?.() ?? {}, n.offsetParentBoundingClientRect = i.current?.offsetParent?.getBoundingClientRect?.() ?? {}, E(), qe();
163
+ }, []), le = y((e) => {
171
164
  e.preventDefault();
172
- const n = W.current, { left: i, right: c, top: m, bottom: f } = n.boundingClientRect ?? {}, { width: h, height: P } = n.offsetParentBoundingClientRect ?? {};
173
- let p = Math.max(e.screenX - n.screenX, -i);
174
- p = Math.min(p, h - c);
175
- let g = Math.max(e.screenY - n.screenY, -m);
176
- g = Math.min(g, P - f), p += n.prewTranslateX, g += n.prewTranslateY, n.translateX = p, n.translateY = g, se(`translate(${p}px, ${g}px)`);
177
- }, []), de = I((e) => {
178
- e.preventDefault(), $();
165
+ const n = S.current, { left: c, right: V, top: z, bottom: Ze } = n.boundingClientRect ?? {}, { width: je, height: Ae } = n.offsetParentBoundingClientRect ?? {};
166
+ let g = Math.max(e.screenX - n.screenX, -c);
167
+ g = Math.min(g, je - V);
168
+ let C = Math.max(e.screenY - n.screenY, -z);
169
+ C = Math.min(C, Ae - Ze), g += n.prewTranslateX, C += n.prewTranslateY, n.translateX = g, n.translateY = C, ne(`translate(${g}px, ${C}px)`);
170
+ }, []), se = y((e) => {
171
+ e.preventDefault(), E();
179
172
  }, []);
180
- function Ae() {
173
+ function qe() {
181
174
  document.documentElement.addEventListener(
182
175
  "mousemove",
183
- ue
176
+ le
184
177
  ), document.documentElement.addEventListener(
185
178
  "mouseup",
186
- de
179
+ se
187
180
  );
188
181
  }
189
- function $() {
182
+ function E() {
190
183
  document.documentElement.removeEventListener(
191
184
  "mousemove",
192
- ue
185
+ le
193
186
  ), document.documentElement.removeEventListener(
194
187
  "mouseup",
195
- de
188
+ se
196
189
  );
197
190
  }
198
- function me() {
191
+ function ae() {
199
192
  return {
200
193
  screenX: 0,
201
194
  screenY: 0,
@@ -207,138 +200,138 @@ function vn(s, w) {
207
200
  offsetParentBoundingClientRect: null
208
201
  };
209
202
  }
210
- function Z() {
211
- W.current = me(), se(""), ae("");
203
+ function H() {
204
+ S.current = ae(), ne(""), oe("");
212
205
  }
213
- A(() => () => {
214
- Z(), $();
215
- }, []), A(() => (d.current || (Z(), $()), () => {
216
- }), [d.current]);
217
- const Ke = /* @__PURE__ */ k(
218
- tn,
206
+ q(() => () => {
207
+ H(), E();
208
+ }, []), q(() => (i.current || (H(), E()), () => {
209
+ }), [i.current]);
210
+ const Ue = /* @__PURE__ */ T(
211
+ en,
219
212
  {
220
- ...C,
213
+ ...d,
221
214
  childrenName: "Modal",
222
- prefixCls: t.prefixCls || C.prefixCls,
223
- locale: b,
224
- zIndex: le || 1050,
225
- getPopupContainer: (e) => typeof J == "function" ? J(e) : te.current,
215
+ prefixCls: o.prefixCls || d.prefixCls,
216
+ locale: O,
217
+ zIndex: ee || 1050,
218
+ getPopupContainer: (e) => typeof j == "function" ? j(e) : G.current,
226
219
  children: [
227
- (!!E || !!X) && /* @__PURE__ */ k("div", { className: `${r}-header`, children: [
228
- !!E && /* @__PURE__ */ o(
220
+ (!!x || !!N) && /* @__PURE__ */ T("div", { className: `${t}-header`, children: [
221
+ !!x && /* @__PURE__ */ r(
229
222
  "div",
230
223
  {
231
- className: `${r}-title`,
232
- id: `pqb-dialog-${D.current}`,
233
- children: E
224
+ className: `${t}-title`,
225
+ id: `pqb-dialog-${w.current}`,
226
+ children: x
234
227
  }
235
228
  ),
236
- !!X && /* @__PURE__ */ o("div", { className: `${r}-subtitle`, children: X })
229
+ !!N && /* @__PURE__ */ r("div", { className: `${t}-subtitle`, children: N })
237
230
  ] }),
238
- /* @__PURE__ */ o("div", { ref: te, className: `${r}-content`, children: Te }),
239
- Ze(),
240
- !t.fullscreenable && t.draggable !== !1 && /* @__PURE__ */ o(
231
+ /* @__PURE__ */ r("div", { ref: G, className: `${t}-content`, children: be }),
232
+ Ve(),
233
+ !o.fullscreenable && o.draggable !== !1 && /* @__PURE__ */ r(
241
234
  "div",
242
235
  {
243
- className: `${r}-drag-icon`,
244
- onMouseDown: je,
245
- onDoubleClick: Z
236
+ className: `${t}-drag-icon`,
237
+ onMouseDown: ze,
238
+ onDoubleClick: H
246
239
  }
247
240
  ),
248
- (Fe || !!t.fullscreenable) && (ee !== void 0 ? /* @__PURE__ */ o(
241
+ (Xe || !!o.fullscreenable) && (K !== void 0 ? /* @__PURE__ */ r(
249
242
  "span",
250
243
  {
251
- className: `${r}-close-icon`,
252
- onClick: z,
253
- children: ee
244
+ className: `${t}-close-icon`,
245
+ onClick: X,
246
+ children: K
254
247
  }
255
- ) : /* @__PURE__ */ o(
256
- an,
248
+ ) : /* @__PURE__ */ r(
249
+ ln,
257
250
  {
258
251
  tabIndex: -1,
259
- className: `${r}-close-icon`,
260
- onClick: z,
252
+ className: `${t}-close-icon`,
253
+ onClick: X,
261
254
  role: "button",
262
255
  "aria-label": "Close",
263
- children: /* @__PURE__ */ o(Je, {})
256
+ children: /* @__PURE__ */ r(_e, {})
264
257
  }
265
258
  ))
266
259
  ]
267
260
  }
268
- ), _e = E ? { "aria-labelledby": `pqb-dialog-${D.current}` } : {}, fe = /* @__PURE__ */ o(
261
+ ), We = x ? { "aria-labelledby": `pqb-dialog-${w.current}` } : {}, ie = /* @__PURE__ */ r(
269
262
  "div",
270
263
  {
271
264
  role: "dialog",
272
265
  "aria-modal": "true",
273
- ..._e,
274
- className: ve(
275
- r,
266
+ ...We,
267
+ className: fe(
268
+ t,
276
269
  {
277
- [`${r}-simple`]: G,
278
- [`${r}-rtl`]: ce,
279
- [`${r}-fullscreenable`]: t.fullscreenable
270
+ [`${t}-simple`]: Z,
271
+ [`${t}-rtl`]: re,
272
+ [`${t}-fullscreenable`]: o.fullscreenable
280
273
  },
281
- we
274
+ ge
282
275
  ),
283
276
  style: {
284
- ...Ee,
277
+ ...Ce,
285
278
  transform: Be,
286
- transformOrigin: ie
279
+ transformOrigin: te
287
280
  },
288
- ref: d,
289
- children: Ke
281
+ ref: i,
282
+ children: Ue
290
283
  }
291
- ), j = (e) => {
292
- if (ie)
284
+ ), F = (e) => {
285
+ if (te)
293
286
  return;
294
287
  let n = "";
295
- if (N.current) {
296
- const i = e.getBoundingClientRect(), { left: c, top: m } = N.current;
297
- n = `${c - i.left}px ${m - i.top}px`;
288
+ if (M.current) {
289
+ const c = e.getBoundingClientRect(), { left: V, top: z } = M.current;
290
+ n = `${V - c.left}px ${z - c.top}px`;
298
291
  }
299
- ae(n);
300
- }, pe = F.current ? !L : !!d.current;
301
- return a || pe ? /* @__PURE__ */ o(
302
- cn,
292
+ oe(n);
293
+ }, ce = B.current ? !$ : !!i.current;
294
+ return s || ce ? /* @__PURE__ */ r(
295
+ sn,
303
296
  {
304
- visible: a,
305
- forceRender: pe,
306
- getContainer: Y,
307
- children: /* @__PURE__ */ k(
297
+ visible: s,
298
+ forceRender: ce,
299
+ getContainer: D,
300
+ children: /* @__PURE__ */ T(
308
301
  "div",
309
302
  {
310
- ref: w,
311
- className: `${r}-container`,
303
+ ref: b,
304
+ className: `${t}-container`,
312
305
  children: [
313
- y ? /* @__PURE__ */ o(
314
- xe,
306
+ v ? /* @__PURE__ */ r(
307
+ me,
315
308
  {
316
- in: a,
309
+ in: s,
317
310
  timeout: 400,
318
311
  appear: !0,
319
- mountOnEnter: L,
312
+ mountOnEnter: $,
320
313
  classNames: "fadeModal",
321
- unmountOnExit: B,
314
+ unmountOnExit: P,
322
315
  onEnter: (e) => {
323
316
  e && (e.style.display = "block");
324
317
  },
325
318
  onExited: (e) => {
326
319
  e && (e.style.display = "none");
327
320
  },
328
- children: /* @__PURE__ */ o(
321
+ children: /* @__PURE__ */ r(
329
322
  "div",
330
323
  {
331
324
  "aria-hidden": !0,
332
- className: `${r}-mask`,
333
- style: Ye
325
+ className: `${t}-mask`,
326
+ style: $e
334
327
  }
335
328
  )
336
329
  }
337
330
  ) : null,
338
- /* @__PURE__ */ o(
331
+ /* @__PURE__ */ r(
339
332
  "div",
340
333
  {
341
- ...fn(ne, [
334
+ ...dn(_, [
342
335
  "content",
343
336
  "icon",
344
337
  "showIcon",
@@ -352,57 +345,57 @@ function vn(s, w) {
352
345
  ]),
353
346
  tabIndex: -1,
354
347
  ref: (e) => {
355
- v.current = e, We();
348
+ f.current = e, Fe();
356
349
  },
357
- className: ve(
358
- `${r}-wrapper`,
350
+ className: fe(
351
+ `${t}-wrapper`,
359
352
  {
360
- [`${r}-wrapper-no-mask`]: !y,
361
- [`${r}-wrapper-align-center`]: Ie,
362
- [`${r}-wrapper-rtl`]: ce
353
+ [`${t}-wrapper-no-mask`]: !v,
354
+ [`${t}-wrapper-align-center`]: Ne,
355
+ [`${t}-wrapper-rtl`]: re
363
356
  },
364
- Xe
357
+ De
365
358
  ),
366
359
  style: {
367
- ...Oe || {},
360
+ ...Pe || {},
368
361
  // 必须 visible=false,立即设置display:none,否则modal加载react-monaco-editor的时候,编辑器显示异常
369
- display: a || re ? "block" : "none",
370
- overflow: !a && re ? "hidden" : ""
362
+ display: s || J ? "block" : "none",
363
+ overflow: !s && J ? "hidden" : ""
371
364
  },
372
- onKeyDown: ze,
365
+ onKeyDown: Le,
373
366
  onMouseDown: (e) => {
374
- M.current = e.target === e.currentTarget;
367
+ p.current = e.target === e.currentTarget;
375
368
  },
376
- onClick: qe,
377
- children: /* @__PURE__ */ o(
378
- xe,
369
+ onClick: Se,
370
+ children: /* @__PURE__ */ r(
371
+ me,
379
372
  {
380
- in: a,
373
+ in: s,
381
374
  timeout: 400,
382
375
  appear: !0,
383
376
  classNames: "zoomModal",
384
- unmountOnExit: B,
385
- mountOnEnter: L,
377
+ unmountOnExit: P,
378
+ mountOnEnter: $,
386
379
  onEnter: (e) => {
387
- e && (oe(!0), N.current = K, j(e), d.current = e);
380
+ e && (Q(!0), M.current = U, F(e), i.current = e);
388
381
  },
389
382
  onEntered: (e) => {
390
- e && (j(e), N.current = null, S == null || S());
383
+ e && (F(e), M.current = null, Te?.());
391
384
  },
392
385
  onExit: () => {
393
- U.current = !0;
386
+ L.current = !0;
394
387
  },
395
388
  onExited: (e) => {
396
- e && (oe(!1), j(e), O == null || O(), U.current = !1, B && (d.current = null));
389
+ e && (Q(!1), F(e), we?.(), L.current = !1, P && (i.current = null));
397
390
  },
398
- children: Qe.cloneElement(
399
- be(Q) ? Q(fe) : fe,
391
+ children: Ge.cloneElement(
392
+ ue(A) ? A(ie) : ie,
400
393
  {
401
394
  onMouseDown: () => {
402
- M.current = !1;
395
+ p.current = !1;
403
396
  },
404
397
  onMouseUp: () => {
405
- M.current = !1;
398
+ p.current = !1;
406
399
  }
407
400
  }
408
401
  )
@@ -416,27 +409,27 @@ function vn(s, w) {
416
409
  }
417
410
  ) : null;
418
411
  }
419
- const x = en(
420
- vn
412
+ const u = Je(
413
+ xn
421
414
  );
422
- x.displayName = "Modal";
423
- x.config = gn;
424
- x.show = (s) => _({ ...s, noticeType: "show" });
425
- x.confirm = (s) => _(s);
426
- x.useModal = Cn;
427
- ["info", "success", "warning", "error"].forEach((s) => {
428
- x[s] = (w) => _({
429
- ...w,
415
+ u.displayName = "Modal";
416
+ u.config = fn;
417
+ u.show = (l) => W({ ...l, noticeType: "show" });
418
+ u.confirm = (l) => W(l);
419
+ u.useModal = pn;
420
+ ["info", "success", "warning", "error"].forEach((l) => {
421
+ u[l] = (b) => W({
422
+ ...b,
430
423
  isNotice: !0,
431
- noticeType: s
424
+ noticeType: l
432
425
  });
433
426
  });
434
- x.destroyAll = () => {
435
- for (; Me.length; ) {
436
- const s = Me.pop();
437
- s && s();
427
+ u.destroyAll = () => {
428
+ for (; pe.length; ) {
429
+ const l = pe.pop();
430
+ l && l();
438
431
  }
439
432
  };
440
433
  export {
441
- x as default
434
+ u as default
442
435
  };