@unicom-cloud/ui 0.8.96 → 0.8.98

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 (302) hide show
  1. package/Affix.js +1 -1
  2. package/Carousel.js +1 -1
  3. package/LiquidFill.js +4 -0
  4. package/OverflowEllipsis.js +1 -1
  5. package/PageHeader.js +1 -1
  6. package/QrCode.js +57 -0
  7. package/Tour.js +63 -0
  8. package/Trigger.js +1 -1
  9. package/_virtual/_commonjsHelpers.js +6 -0
  10. package/_virtual/index.js +7 -0
  11. package/_virtual/index2.js +4 -0
  12. package/affix/index.js +70 -72
  13. package/alert/index.js +56 -56
  14. package/anchor/Anchor.js +55 -55
  15. package/anchor/Link.js +34 -34
  16. package/anchor/util.js +5 -5
  17. package/auto-complete/index.js +116 -122
  18. package/avatar/Avatar.js +33 -33
  19. package/avatar/Group.js +26 -26
  20. package/back-top/index.js +58 -61
  21. package/badge/index.js +46 -46
  22. package/breadcrumb/Item.js +42 -43
  23. package/breadcrumb/index.js +47 -47
  24. package/button/Group.js +6 -6
  25. package/button/index.js +91 -91
  26. package/calendar/Month.js +75 -75
  27. package/calendar/Year.js +35 -35
  28. package/calendar/header/index.js +25 -25
  29. package/calendar/index.js +103 -103
  30. package/card/Grid.js +8 -8
  31. package/card/Meta.js +16 -16
  32. package/card/index.js +49 -49
  33. package/carousel/Arrow.js +19 -19
  34. package/carousel/Indicator.js +26 -26
  35. package/carousel/index.js +108 -108
  36. package/cascader/Cascader.js +178 -191
  37. package/cascader/base/node.js +133 -136
  38. package/cascader/base/store.js +82 -85
  39. package/cascader/panel/List.js +125 -129
  40. package/cascader/panel/Search.js +79 -81
  41. package/cascader/util.js +13 -13
  42. package/checkbox/Checkbox.js +94 -96
  43. package/checkbox/Group.js +54 -56
  44. package/checkbox/GroupBlock.js +28 -29
  45. package/collapse/Collapse.js +45 -45
  46. package/collapse/Item.js +53 -55
  47. package/color-picker/ControlBar.js +43 -43
  48. package/color-picker/InputAlpha.js +12 -12
  49. package/color-picker/InputHex.js +30 -31
  50. package/color-picker/InputRgb.js +24 -24
  51. package/color-picker/Palette.js +18 -18
  52. package/color-picker/Panel.js +122 -125
  53. package/color-picker/hooks/useColorPicker.js +85 -88
  54. package/color-picker/hooks/useControlBlock.js +38 -40
  55. package/color-picker/index.js +47 -47
  56. package/comment/index.js +29 -29
  57. package/components/common/higher-order/with-speech-synthesis/index.js +37 -40
  58. package/components/common/hooks/useId.js +8 -8
  59. package/components/common/hooks/useInView.js +16 -16
  60. package/components/common/hooks/useIntersectionObserver.js +1 -1
  61. package/components/common/hooks/useKeyboardEvent.js +9 -10
  62. package/components/common/hooks/useOverflowHidden.js +1 -4
  63. package/components/common/hooks/usePersistCallback.js +7 -7
  64. package/components/common/hooks/useStateCallback.js +9 -10
  65. package/components/common/hooks/useWindowSize.js +8 -8
  66. package/components/common/space/index.js +9 -7
  67. package/components/common/utils/convertToDurationBasedOnTimeUnits.js +6 -0
  68. package/components/common/utils/dom.js +27 -29
  69. package/components/common/utils/findScrollParent.js +17 -0
  70. package/components/common/utils/intersectionObserver.js +21 -0
  71. package/components/common/utils/is.js +99 -109
  72. package/components/common/utils/mutationObserver.js +19 -0
  73. package/components/common/utils/reactDOM.js +34 -34
  74. package/components/common/utils/resizeObserver.js +21 -0
  75. package/copy/index.js +38 -40
  76. package/date-picker/Picker.js +290 -295
  77. package/date-picker/RangePicker.js +367 -372
  78. package/date-picker/index.js +33 -35
  79. package/date-picker/panel/Body.js +46 -47
  80. package/date-picker/panel/Header.js +33 -33
  81. package/date-picker/panel/Shortcut.js +31 -31
  82. package/date-picker/panel/date/index.js +85 -85
  83. package/date-picker/panel/month/index.js +59 -59
  84. package/date-picker/panel/quarter/index.js +67 -70
  85. package/date-picker/panel/range/index.js +101 -101
  86. package/date-picker/panel/year/index.js +39 -39
  87. package/date-picker/util.js +17 -18
  88. package/descriptions/index.js +62 -62
  89. package/details/index.js +53 -55
  90. package/development/index.js +9 -9
  91. package/dist/tinycolor/chunk/BOzCVdr0.js +1 -1
  92. package/dist/validate/src/index.js +5 -5
  93. package/dist/validate/src/util.js +1 -1
  94. package/divider/index.js +21 -21
  95. package/draggable/Item.js +35 -35
  96. package/draggable/index.js +22 -22
  97. package/drawer/Drawer.js +142 -147
  98. package/dropdown/Button.js +48 -48
  99. package/dropdown/index.js +88 -92
  100. package/empty/index.js +16 -16
  101. package/form/Control.js +211 -225
  102. package/form/Form.js +109 -113
  103. package/form/FormItem.js +118 -120
  104. package/form/FormList.js +60 -66
  105. package/form/FormProvider.js +31 -34
  106. package/form/hook/useContext.js +17 -19
  107. package/form/hook/useState.js +22 -23
  108. package/form/hook/useWatch.js +26 -27
  109. package/form/promisify.js +14 -18
  110. package/form/store.js +304 -316
  111. package/form/util.js +14 -15
  112. package/grid/Col.js +64 -64
  113. package/grid/Grid.js +51 -51
  114. package/grid/GridItem.js +48 -48
  115. package/grid/Row.js +39 -39
  116. package/hooks/useVerificationCode.js +41 -43
  117. package/hooks/useWatermark.js +89 -92
  118. package/icon/index.js +23 -24
  119. package/icon-hover/index.js +16 -16
  120. package/icons/file.js +11 -11
  121. package/image/Image.js +140 -141
  122. package/image/ImagePreview.js +252 -255
  123. package/image/ImagePreviewArrow.js +25 -25
  124. package/image/ImagePreviewGroup.js +62 -62
  125. package/image/util/getScale.js +25 -28
  126. package/index.js +684 -675
  127. package/input/Button.js +48 -50
  128. package/input/Group.js +9 -9
  129. package/input/Input.js +145 -154
  130. package/input/InputElement.js +108 -115
  131. package/input/Password.js +38 -38
  132. package/input/Search.js +51 -55
  133. package/input/Textarea.js +80 -81
  134. package/input/useComposition.js +23 -23
  135. package/input-number/decimal.js +59 -62
  136. package/input-number/index.js +139 -141
  137. package/input-tag/InputTag.js +222 -230
  138. package/layout/Content.js +6 -6
  139. package/layout/Footer.js +8 -8
  140. package/layout/Header.js +7 -7
  141. package/layout/Sider.js +88 -90
  142. package/layout/index.js +30 -30
  143. package/link/index.js +45 -46
  144. package/liquid-fill/LiquidFill.js +226 -0
  145. package/liquid-fill/LiquidFill2.js +3 -0
  146. package/liquid-fill/index.js +4 -0
  147. package/list/Item.js +28 -28
  148. package/list/Meta.js +12 -12
  149. package/list/index.js +146 -148
  150. package/mentions/index.js +75 -76
  151. package/menu/Item.js +58 -58
  152. package/menu/Menu.js +125 -127
  153. package/menu/OverflowWrap.js +39 -40
  154. package/menu/sub-menu/Inline.js +45 -45
  155. package/menu/util.js +26 -28
  156. package/message/index.js +96 -99
  157. package/message/useMessage.js +26 -27
  158. package/modal/Confirm.js +47 -49
  159. package/modal/Modal.js +250 -257
  160. package/modal/use-modal/Hook.js +26 -28
  161. package/modal/use-modal/index.js +46 -49
  162. package/notice/index.js +89 -90
  163. package/notification/index.js +60 -65
  164. package/notification/withNotification.js +35 -35
  165. package/overflow-ellipsis/OverflowItem.js +19 -20
  166. package/overflow-ellipsis/index.js +45 -46
  167. package/package.json +1 -1
  168. package/page-header/index.js +45 -45
  169. package/pagination/PageItem.js +87 -91
  170. package/pagination/PageJumper.js +40 -41
  171. package/pagination/PageOption.js +31 -35
  172. package/pagination/Pagination.js +162 -163
  173. package/picker/Input.js +90 -96
  174. package/picker/InputRange.js +115 -122
  175. package/popconfirm/index.js +98 -100
  176. package/popover/index.js +28 -28
  177. package/portal/Portal.js +10 -11
  178. package/progress/index.js +36 -36
  179. package/qr-code/index.js +99 -0
  180. package/qr-code/interface.js +1 -0
  181. package/radio/Group.js +48 -48
  182. package/radio/GroupBlock.js +32 -33
  183. package/radio/Radio.js +62 -64
  184. package/rate/index.js +88 -88
  185. package/resize-box/ResizeTrigger.js +39 -39
  186. package/resize-box/Split.js +92 -96
  187. package/resize-box/SplitGroup.js +116 -122
  188. package/resize-box/index.js +112 -115
  189. package/result/index.js +44 -44
  190. package/select/Option.js +53 -56
  191. package/select/Select.js +365 -381
  192. package/select/util.js +95 -99
  193. package/select-view/Core.js +159 -160
  194. package/skeleton/index.js +23 -23
  195. package/slider/Button.js +84 -92
  196. package/slider/Input.js +47 -49
  197. package/slider/Tick.js +28 -31
  198. package/slider/index.js +107 -107
  199. package/space/index.js +26 -26
  200. package/space-/index.js +51 -51
  201. package/spin/DotLoading.js +8 -8
  202. package/spin/index.js +47 -47
  203. package/statistic/Countdown.js +37 -37
  204. package/statistic/index.js +58 -58
  205. package/steps/Step.js +42 -42
  206. package/steps/index.js +54 -54
  207. package/style.css +1 -1
  208. package/switch/index.js +77 -78
  209. package/table/ColGroup.js +36 -37
  210. package/table/Table.js +447 -450
  211. package/table/hook/useExpand.js +24 -24
  212. package/table/hook/useRowSelection.js +62 -62
  213. package/table/summary/Row.js +16 -17
  214. package/table/tbody/Td.js +119 -118
  215. package/table/tbody/Tr.js +119 -121
  216. package/table/tbody/index.js +62 -63
  217. package/table/th-resizable/index.js +30 -30
  218. package/table/thead/Column.js +148 -148
  219. package/table/thead/index.js +87 -88
  220. package/tabs/Tab.js +55 -55
  221. package/tabs/TabContent.js +8 -8
  222. package/tabs/TabPane.js +15 -15
  223. package/tabs/hook/useHeaderScroll.js +36 -36
  224. package/tabs/tab-header/TabInk.js +31 -33
  225. package/tabs/tab-header/TabNavIcon.js +34 -35
  226. package/tabs/tab-header/index.js +192 -195
  227. package/tag/index.js +94 -97
  228. package/time-picker/Picker.js +167 -172
  229. package/time-picker/RangePicker.js +28 -28
  230. package/time-picker/TimePicker.js +146 -146
  231. package/timeline/Item.js +46 -46
  232. package/timeline/Timeline.js +52 -52
  233. package/tooltip/index.js +89 -95
  234. package/tour/index.js +289 -0
  235. package/transfer/Item.js +54 -54
  236. package/transfer/List.js +134 -136
  237. package/transfer/index.js +91 -91
  238. package/tree/Animation.js +49 -52
  239. package/tree/Node.js +114 -122
  240. package/tree/NodeList.js +51 -51
  241. package/tree/Tree.js +386 -393
  242. package/tree-select/List.js +71 -72
  243. package/tree-select/Select.js +135 -143
  244. package/tree-select/hook/useKeyCache.js +39 -39
  245. package/tree-select/hook/useStateValue.js +12 -12
  246. package/trigger/getPopupStyle.js +60 -61
  247. package/trigger/index.js +337 -346
  248. package/types/common/space/interface.d.ts +1 -1
  249. package/types/common/utils/convertToDurationBasedOnTimeUnits.d.ts +3 -0
  250. package/types/common/utils/findScrollParent.d.ts +2 -0
  251. package/types/common/utils/index.d.ts +5 -0
  252. package/types/common/utils/intersectionObserver.d.ts +2 -0
  253. package/types/common/utils/mutationObserver.d.ts +2 -0
  254. package/types/common/utils/resizeObserver.d.ts +2 -0
  255. package/types/pc/config-provider/interface.d.ts +6 -0
  256. package/types/pc/index.d.ts +3 -0
  257. package/types/pc/liquid-fill/LiquidFill.d.ts +115 -0
  258. package/types/pc/liquid-fill/LiquidFill2.d.ts +1 -0
  259. package/types/pc/liquid-fill/index.d.ts +2 -0
  260. package/types/pc/qr-code/index.d.ts +34 -0
  261. package/types/pc/qr-code/interface.d.ts +39 -0
  262. package/types/pc/table/interface.d.ts +2 -2
  263. package/types/pc/tour/index.d.ts +42 -0
  264. package/types/pc/utils/convertToDurationBasedOnTimeUnits.d.ts +3 -0
  265. package/types/pc/utils/findScrollParent.d.ts +2 -0
  266. package/types/pc/utils/index.d.ts +5 -0
  267. package/types/pc/utils/intersectionObserver.d.ts +2 -0
  268. package/types/pc/utils/mutationObserver.d.ts +2 -0
  269. package/types/pc/utils/names.d.ts +18 -0
  270. package/types/pc/utils/resizeObserver.d.ts +2 -0
  271. package/typography/Base.js +79 -81
  272. package/typography/EditContent.js +30 -33
  273. package/typography/Ellipsis.js +77 -73
  274. package/typography/Operations.js +50 -52
  275. package/typography/Paragraph.js +7 -7
  276. package/typography/Typography.js +7 -7
  277. package/typography/useEllipsis.js +105 -106
  278. package/upload/TriggerNode.js +69 -76
  279. package/upload/Upload.js +84 -87
  280. package/upload/Uploader.js +115 -118
  281. package/upload/list/PictureItem.js +61 -71
  282. package/upload/list/TextItem.js +61 -67
  283. package/upload/list/UploadProgress.js +42 -49
  284. package/upload/list/index.js +48 -49
  285. package/upload/request_.js +37 -38
  286. package/upload/util.js +39 -39
  287. package/utils/convertToDurationBasedOnTimeUnits.js +6 -0
  288. package/utils/findScrollParent.js +4 -0
  289. package/utils/index.js +281 -278
  290. package/utils/intersectionObserver.js +4 -0
  291. package/utils/mutationObserver.js +4 -0
  292. package/utils/names.js +12 -0
  293. package/utils/resizeObserver.js +4 -0
  294. package/verification-code/VerificationCode.js +50 -51
  295. package/version/index.js +1 -1
  296. package/virtual-list/VirtualList.js +243 -244
  297. package/virtual-list/util/item.js +3 -4
  298. package/watermark/Watermark.js +27 -31
  299. package/components/common/utils/resizeObserverEffect.js +0 -23
  300. package/types/common/utils/resizeObserverEffect.d.ts +0 -2
  301. package/types/pc/utils/resizeObserverEffect.d.ts +0 -2
  302. package/utils/resizeObserverEffect.js +0 -4
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
  };