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