@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.
- package/Affix.js +1 -1
- package/Carousel.js +1 -1
- package/LiquidFill.js +4 -0
- package/Message.js +1 -1
- package/Notification.js +1 -1
- package/OverflowEllipsis.js +1 -1
- package/PageHeader.js +1 -1
- package/QrCode.js +57 -0
- package/Switch.js +1 -1
- package/Tour.js +63 -0
- package/Trigger.js +2 -2
- 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 +52 -51
- 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 +126 -130
- 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/useForceUpdate.js +6 -2
- package/components/common/hooks/useId.js +4 -4
- 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 +11 -10
- package/components/common/utils/PqbCSSTransition.js +1 -1
- 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 +55 -56
- package/development/index.js +9 -9
- package/dist/react-transition-group/src/CSSTransition.js +1 -1
- package/dist/react-transition-group/src/SwitchTransition.js +1 -1
- package/dist/tinycolor/chunk/BOzCVdr0.js +1 -1
- package/dist/tween/src/tween.js +24 -25
- 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/index.js +50 -52
- 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 +682 -679
- 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 +223 -231
- 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 +189 -0
- package/liquid-fill/LiquidFill2.js +3 -0
- package/liquid-fill/index.js +4 -0
- package/liquid-fill/interface.js +1 -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 +97 -100
- 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 +61 -66
- 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 +108 -108
- package/slider/util.js +1 -1
- 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 +61 -61
- package/steps/Step.js +42 -42
- package/steps/index.js +54 -54
- package/style.css +1 -1
- package/switch/index.js +78 -79
- 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/time-picker/util.js +4 -4
- 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 +338 -347
- 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/math.d.ts +1 -1
- package/types/common/utils/mutationObserver.d.ts +2 -0
- package/types/common/utils/resizeObserver.d.ts +2 -0
- package/types/pc/alert/interface.d.ts +2 -2
- package/types/pc/details/interface.d.ts +2 -2
- package/types/pc/hooks/index.d.ts +0 -1
- package/types/pc/index.d.ts +3 -0
- package/types/pc/liquid-fill/LiquidFill.d.ts +30 -0
- package/types/pc/liquid-fill/LiquidFill2.d.ts +1 -0
- package/types/pc/liquid-fill/index.d.ts +4 -0
- package/types/pc/liquid-fill/interface.d.ts +0 -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/math.d.ts +1 -1
- 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 +78 -75
- 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 +49 -50
- 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 +274 -275
- package/utils/intersectionObserver.js +4 -0
- package/utils/math.js +7 -11
- package/utils/mutationObserver.js +4 -0
- package/utils/names.js +12 -0
- package/utils/reactTransitionGroup.js +1 -1
- 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/hooks/useComputedState.js +0 -11
- package/components/common/utils/resizeObserverEffect.js +0 -23
- package/hooks/useComputedState.js +0 -4
- package/types/common/hooks/useComputedState.d.ts +0 -4
- package/types/common/utils/resizeObserverEffect.d.ts +0 -2
- package/types/pc/hooks/useComputedState.d.ts +0 -1
- package/types/pc/utils/resizeObserverEffect.d.ts +0 -2
- package/utils/resizeObserverEffect.js +0 -4
- /package/dist/react-transition-group/chunk/{C6QwjD4L.js → CPfP7aNL.js} +0 -0
package/menu/util.js
CHANGED
|
@@ -1,54 +1,52 @@
|
|
|
1
1
|
import u from "react";
|
|
2
|
-
const
|
|
2
|
+
const M = [
|
|
3
3
|
"popup",
|
|
4
4
|
"triggerProps",
|
|
5
5
|
"selectable"
|
|
6
|
-
],
|
|
6
|
+
], f = (s) => {
|
|
7
7
|
let r = [];
|
|
8
|
-
return u.Children.forEach(
|
|
9
|
-
|
|
10
|
-
const o = (p = e == null ? void 0 : e.type) == null ? void 0 : p.menuType;
|
|
8
|
+
return u.Children.forEach(s, (e) => {
|
|
9
|
+
const o = e?.type?.menuType;
|
|
11
10
|
o === "MenuItem" || o === "SubMenu" ? r.push(e) : o === "MenuGroup" && (r = r.concat(
|
|
12
|
-
|
|
11
|
+
f(e.props.children)
|
|
13
12
|
));
|
|
14
13
|
}), r;
|
|
15
|
-
},
|
|
16
|
-
const o =
|
|
14
|
+
}, i = (s, r = [], e = {}) => {
|
|
15
|
+
const o = f(s);
|
|
17
16
|
return o.forEach((p, n) => {
|
|
18
|
-
|
|
19
|
-
const s = p.key, l = p.type.menuType, c = [s, ...r], y = {
|
|
17
|
+
const t = p.key, l = p.type.menuType, c = [t, ...r], y = {
|
|
20
18
|
keyPath: [],
|
|
21
|
-
prev:
|
|
22
|
-
next:
|
|
19
|
+
prev: o[n - 1]?.key || null,
|
|
20
|
+
next: o[n + 1]?.key || null
|
|
23
21
|
};
|
|
24
22
|
if (n === 0 || n === o.length - 1) {
|
|
25
|
-
const a = c[1],
|
|
23
|
+
const a = c[1], h = n === 0 ? "firstChild" : "lastChild";
|
|
26
24
|
a && (e[a] = {
|
|
27
25
|
...e[a],
|
|
28
|
-
[
|
|
26
|
+
[h]: t
|
|
29
27
|
});
|
|
30
28
|
}
|
|
31
29
|
switch (l) {
|
|
32
30
|
case "SubMenu":
|
|
33
|
-
y.keyPath = c,
|
|
31
|
+
y.keyPath = c, i(p.props.children, c, e);
|
|
34
32
|
break;
|
|
35
33
|
case "MenuItem":
|
|
36
34
|
y.keyPath = c, y.disabled = p.props.disabled;
|
|
37
35
|
break;
|
|
38
36
|
}
|
|
39
|
-
e[
|
|
40
|
-
...e[
|
|
37
|
+
e[t] = {
|
|
38
|
+
...e[t],
|
|
41
39
|
...y
|
|
42
40
|
};
|
|
43
41
|
}), e;
|
|
44
|
-
},
|
|
42
|
+
}, d = (s, r) => u.Children.map(s, (e, o) => {
|
|
45
43
|
if (!e || !e.props)
|
|
46
44
|
return e;
|
|
47
45
|
const p = typeof e.type == "string";
|
|
48
46
|
if (!(e.type && e.type.menuType) && e.props.children) {
|
|
49
|
-
const
|
|
47
|
+
const t = p ? {} : r, l = d(e.props.children, r);
|
|
50
48
|
return u.cloneElement(e, {
|
|
51
|
-
...
|
|
49
|
+
...t,
|
|
52
50
|
_key: e.key,
|
|
53
51
|
children: l.length === 1 ? l[0] : l
|
|
54
52
|
});
|
|
@@ -60,21 +58,21 @@ const C = [
|
|
|
60
58
|
_key: e.key || `$menu-${o}`
|
|
61
59
|
});
|
|
62
60
|
});
|
|
63
|
-
function
|
|
61
|
+
function b(s, r) {
|
|
64
62
|
let e = !1;
|
|
65
63
|
function o(p) {
|
|
66
64
|
!p || e || u.Children.forEach(p, (n) => {
|
|
67
65
|
if (n && n.props && n.type && !e) {
|
|
68
|
-
const
|
|
69
|
-
(
|
|
66
|
+
const t = n.type.menuType, l = n.props.selectable;
|
|
67
|
+
(t === "MenuItem" || t === "SubMenu" && l) && (e = r.indexOf(n.key) !== -1), !e && n.props.children && o(n.props.children);
|
|
70
68
|
}
|
|
71
69
|
});
|
|
72
70
|
}
|
|
73
|
-
return o(
|
|
71
|
+
return o(s), e;
|
|
74
72
|
}
|
|
75
73
|
export {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
74
|
+
M as PROPS_NEED_TO_BE_PASSED_IN_SUBMENU,
|
|
75
|
+
i as generateInfoMap,
|
|
76
|
+
b as isChildrenSelected,
|
|
77
|
+
d as processChildren
|
|
80
78
|
};
|
package/message/index.js
CHANGED
|
@@ -2,148 +2,145 @@ import { jsx as u } from "react/jsx-runtime";
|
|
|
2
2
|
import "../dist/react-transition-group/src/CSSTransition.js";
|
|
3
3
|
import "../dist/react-transition-group/src/ReplaceTransition.js";
|
|
4
4
|
import "../dist/react-transition-group/src/SwitchTransition.js";
|
|
5
|
-
import "../dist/react-transition-group/chunk/
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import { useEffect as
|
|
10
|
-
import { createRoot as
|
|
11
|
-
import
|
|
12
|
-
import { notificationTypes as
|
|
13
|
-
import
|
|
14
|
-
import { PqbCSSTransition as
|
|
15
|
-
import
|
|
16
|
-
import
|
|
17
|
-
const
|
|
18
|
-
let
|
|
19
|
-
function
|
|
5
|
+
import "../dist/react-transition-group/chunk/CPfP7aNL.js";
|
|
6
|
+
import w from "../dist/react-transition-group/src/TransitionGroup.js";
|
|
7
|
+
import x from "lodash/isNumber";
|
|
8
|
+
import b from "lodash/isUndefined";
|
|
9
|
+
import { useEffect as q } from "react";
|
|
10
|
+
import { createRoot as O } from "react-dom/client";
|
|
11
|
+
import P from "../notice/index.js";
|
|
12
|
+
import { notificationTypes as R } from "../notification/index.js";
|
|
13
|
+
import S from "../notification/withNotification.js";
|
|
14
|
+
import { PqbCSSTransition as k } from "../components/common/utils/PqbCSSTransition.js";
|
|
15
|
+
import H from "@unicom-cloud/utils/class-name";
|
|
16
|
+
import Q from "./useMessage.js";
|
|
17
|
+
const U = [...R];
|
|
18
|
+
let a = {}, g = [], N, T, E, y, _, M;
|
|
19
|
+
function z(e) {
|
|
20
20
|
const {
|
|
21
|
-
transitionClassNames:
|
|
22
|
-
transitionTimeout:
|
|
23
|
-
prefixCls:
|
|
24
|
-
rtl:
|
|
21
|
+
transitionClassNames: i,
|
|
22
|
+
transitionTimeout: o,
|
|
23
|
+
prefixCls: C,
|
|
24
|
+
rtl: p,
|
|
25
25
|
closable: d,
|
|
26
|
-
notices:
|
|
27
|
-
position:
|
|
26
|
+
notices: r,
|
|
27
|
+
position: v
|
|
28
28
|
} = e;
|
|
29
|
-
function
|
|
30
|
-
const
|
|
31
|
-
|
|
32
|
-
...
|
|
33
|
-
style: { ...
|
|
29
|
+
function n(f) {
|
|
30
|
+
const t = e.notices.find((j) => j.id === f);
|
|
31
|
+
t && e.update({
|
|
32
|
+
...t,
|
|
33
|
+
style: { ...t.style, opacity: 0 }
|
|
34
34
|
}), setTimeout(() => {
|
|
35
|
-
e.remove(
|
|
35
|
+
e.remove(f);
|
|
36
36
|
}, 100);
|
|
37
37
|
}
|
|
38
|
-
|
|
38
|
+
q(() => (e.add(e), () => {
|
|
39
39
|
e.clear();
|
|
40
40
|
}), []);
|
|
41
|
-
const
|
|
42
|
-
enter:
|
|
43
|
-
exit:
|
|
44
|
-
},
|
|
45
|
-
`${
|
|
46
|
-
`${
|
|
41
|
+
const s = C || T, l = b(p) ? _ : p, c = b(d) ? M : d, h = s ? `${s}-message` : "pqb-message", $ = {
|
|
42
|
+
enter: x(o?.enter) ? o?.enter : 100,
|
|
43
|
+
exit: x(o?.exit) ? o?.exit : 300
|
|
44
|
+
}, I = H(
|
|
45
|
+
`${h}-wrapper`,
|
|
46
|
+
`${h}-wrapper-${v}`
|
|
47
47
|
);
|
|
48
|
-
return /* @__PURE__ */ u("div", { className:
|
|
49
|
-
|
|
48
|
+
return /* @__PURE__ */ u("div", { className: I, children: /* @__PURE__ */ u(w, { component: null, children: r.map((f) => /* @__PURE__ */ u(
|
|
49
|
+
k,
|
|
50
50
|
{
|
|
51
|
-
timeout:
|
|
52
|
-
classNames:
|
|
53
|
-
onExit: (
|
|
54
|
-
|
|
51
|
+
timeout: $,
|
|
52
|
+
classNames: i || "fadeMessage",
|
|
53
|
+
onExit: (t) => {
|
|
54
|
+
t && (t.style.height = `${t.scrollHeight}px`);
|
|
55
55
|
},
|
|
56
|
-
onExiting: (
|
|
57
|
-
|
|
56
|
+
onExiting: (t) => {
|
|
57
|
+
t && (t.style.height = 0);
|
|
58
58
|
},
|
|
59
|
-
onExited: (
|
|
60
|
-
|
|
61
|
-
l && (l.style.height = 0, (p = a.onClose) == null || p.call(a));
|
|
59
|
+
onExited: (t) => {
|
|
60
|
+
t && (t.style.height = 0, f.onClose?.());
|
|
62
61
|
},
|
|
63
62
|
children: /* @__PURE__ */ u(
|
|
64
|
-
|
|
63
|
+
P,
|
|
65
64
|
{
|
|
66
|
-
...
|
|
67
|
-
prefixCls:
|
|
68
|
-
classPrefixCls:
|
|
69
|
-
iconPrefix:
|
|
70
|
-
onClose:
|
|
65
|
+
...f,
|
|
66
|
+
prefixCls: h,
|
|
67
|
+
classPrefixCls: s,
|
|
68
|
+
iconPrefix: s,
|
|
69
|
+
onClose: n,
|
|
71
70
|
noticeType: "message",
|
|
72
|
-
rtl:
|
|
73
|
-
...
|
|
71
|
+
rtl: l,
|
|
72
|
+
...b(c) ? {} : { closable: c }
|
|
74
73
|
}
|
|
75
74
|
)
|
|
76
75
|
},
|
|
77
|
-
|
|
76
|
+
f.id
|
|
78
77
|
)) }) });
|
|
79
78
|
}
|
|
80
|
-
const
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
C(e.maxCount) && (E = e.maxCount), e.prefixCls && (M = e.prefixCls), C(e.duration) && ($ = e.duration), typeof e.rtl == "boolean" && (I = e.rtl), typeof e.closable == "boolean" && (j = e.closable), ((s = e.getContainer) == null ? void 0 : s.call(e)) !== v && (v = e.getContainer(), Object.values(m).forEach((t) => t == null ? void 0 : t.clear()), m = {});
|
|
79
|
+
const m = S(z);
|
|
80
|
+
m.config = (e = {}) => {
|
|
81
|
+
x(e.maxCount) && (N = e.maxCount), e.prefixCls && (T = e.prefixCls), x(e.duration) && (E = e.duration), typeof e.rtl == "boolean" && (_ = e.rtl), typeof e.closable == "boolean" && (M = e.closable), e.getContainer?.() !== y && (y = e.getContainer(), Object.values(a).forEach((i) => i?.clear()), a = {});
|
|
84
82
|
};
|
|
85
|
-
|
|
86
|
-
Object.values(
|
|
87
|
-
e
|
|
83
|
+
m.clear = () => {
|
|
84
|
+
Object.values(a).forEach((e) => {
|
|
85
|
+
e?.clear();
|
|
88
86
|
});
|
|
89
87
|
};
|
|
90
|
-
|
|
91
|
-
const
|
|
88
|
+
m.addInstance = (e) => {
|
|
89
|
+
const i = {
|
|
92
90
|
position: "top",
|
|
93
|
-
duration:
|
|
91
|
+
duration: E,
|
|
94
92
|
...e
|
|
95
|
-
}, { position:
|
|
93
|
+
}, { position: o, transitionClassNames: C, transitionTimeout: p } = i;
|
|
96
94
|
let d;
|
|
97
|
-
const
|
|
98
|
-
if (
|
|
99
|
-
const
|
|
100
|
-
(
|
|
101
|
-
),
|
|
102
|
-
...
|
|
103
|
-
update:
|
|
95
|
+
const r = a[o];
|
|
96
|
+
if (r) {
|
|
97
|
+
const n = r.notices.find(
|
|
98
|
+
(l) => l.id === e.id
|
|
99
|
+
), s = {
|
|
100
|
+
...i,
|
|
101
|
+
update: n
|
|
104
102
|
};
|
|
105
|
-
|
|
106
|
-
...
|
|
107
|
-
id:
|
|
108
|
-
}) : (
|
|
103
|
+
r.notices.length >= N ? n ? r.add({
|
|
104
|
+
...s,
|
|
105
|
+
id: n.id
|
|
106
|
+
}) : (r.shift(), r.add(s)) : d = r.add(s);
|
|
109
107
|
}
|
|
110
|
-
if (
|
|
111
|
-
const
|
|
112
|
-
(
|
|
108
|
+
if (r === null && g.push(e), r === void 0) {
|
|
109
|
+
const n = document.createElement("div");
|
|
110
|
+
(y || document.body).appendChild(n), O(n).render(
|
|
113
111
|
/* @__PURE__ */ u(
|
|
114
|
-
|
|
112
|
+
m,
|
|
115
113
|
{
|
|
116
|
-
transitionClassNames:
|
|
117
|
-
transitionTimeout:
|
|
118
|
-
...
|
|
119
|
-
ref: (
|
|
120
|
-
if (
|
|
121
|
-
for (let c = 0; c <
|
|
122
|
-
|
|
123
|
-
|
|
114
|
+
transitionClassNames: C,
|
|
115
|
+
transitionTimeout: p,
|
|
116
|
+
...i,
|
|
117
|
+
ref: (l) => {
|
|
118
|
+
if (l) {
|
|
119
|
+
for (let c = 0; c < g.length; c++)
|
|
120
|
+
l.add(g[c]);
|
|
121
|
+
g = [], a[o] = l;
|
|
124
122
|
}
|
|
125
123
|
}
|
|
126
124
|
}
|
|
127
125
|
)
|
|
128
|
-
),
|
|
126
|
+
), a[o] = null;
|
|
129
127
|
}
|
|
130
128
|
return () => {
|
|
131
|
-
|
|
132
|
-
(o = (r = m[t]) == null ? void 0 : r.remove) == null || o.call(r, d);
|
|
129
|
+
a[o]?.remove?.(d);
|
|
133
130
|
};
|
|
134
131
|
};
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
const
|
|
138
|
-
return
|
|
139
|
-
...
|
|
132
|
+
U.forEach((e) => {
|
|
133
|
+
m[e] = (i) => {
|
|
134
|
+
const o = typeof i == "string" ? { content: i } : i;
|
|
135
|
+
return m.addInstance({
|
|
136
|
+
...o,
|
|
140
137
|
type: e
|
|
141
138
|
});
|
|
142
139
|
};
|
|
143
140
|
});
|
|
144
|
-
|
|
141
|
+
m.useMessage = Q;
|
|
145
142
|
export {
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
143
|
+
m as default,
|
|
144
|
+
U as messageTypes,
|
|
145
|
+
Q as useMessage
|
|
149
146
|
};
|
package/message/useMessage.js
CHANGED
|
@@ -1,58 +1,57 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import { useRef as
|
|
4
|
-
import
|
|
5
|
-
import { ContextHolderElement as
|
|
6
|
-
function q(
|
|
7
|
-
const { maxCount:
|
|
8
|
-
() => /* @__PURE__ */
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import _ from "lodash/isString";
|
|
3
|
+
import { useRef as H, useMemo as I } from "react";
|
|
4
|
+
import N, { messageTypes as P } from "./index.js";
|
|
5
|
+
import { ContextHolderElement as R } from "../utils/contextHolder.js";
|
|
6
|
+
function q(p = {}) {
|
|
7
|
+
const { maxCount: u, duration: x = 3e3, prefixCls: C } = p, s = H(), g = I(
|
|
8
|
+
() => /* @__PURE__ */ m(R, { ref: s }),
|
|
9
9
|
[]
|
|
10
10
|
), f = {};
|
|
11
|
-
let
|
|
12
|
-
function
|
|
11
|
+
let a;
|
|
12
|
+
function h(n) {
|
|
13
13
|
let t, r;
|
|
14
14
|
if (s.current) {
|
|
15
15
|
const e = s.current.getContextConfig();
|
|
16
16
|
r = e.rtl, t = e.prefixCls;
|
|
17
17
|
}
|
|
18
|
-
const
|
|
18
|
+
const E = C || t, i = {
|
|
19
19
|
position: "top",
|
|
20
|
-
duration:
|
|
20
|
+
duration: x,
|
|
21
21
|
...n
|
|
22
|
-
}, { position: l, transitionClassNames:
|
|
22
|
+
}, { position: l, transitionClassNames: M } = i;
|
|
23
23
|
let c;
|
|
24
24
|
const o = f[l];
|
|
25
25
|
if (o) {
|
|
26
26
|
const e = o.notices;
|
|
27
|
-
e.length >=
|
|
27
|
+
e.length >= u ? (c = e[0].id, o.shift(), o.add({ ...i, id: c })) : c = o.add(i);
|
|
28
28
|
} else
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
a = /* @__PURE__ */ m(
|
|
30
|
+
N,
|
|
31
31
|
{
|
|
32
32
|
...i,
|
|
33
|
-
transitionClassNames:
|
|
34
|
-
prefixCls:
|
|
33
|
+
transitionClassNames: M,
|
|
34
|
+
prefixCls: E,
|
|
35
35
|
rtl: r,
|
|
36
36
|
ref: (e) => {
|
|
37
37
|
f[l] = e;
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
|
-
), s.current.addInstance(
|
|
40
|
+
), s.current.addInstance(a);
|
|
41
41
|
return () => {
|
|
42
|
-
|
|
43
|
-
(a = (e = f[l]) == null ? void 0 : e.remove) == null || a.call(e, c);
|
|
42
|
+
f[l]?.remove?.(c);
|
|
44
43
|
};
|
|
45
44
|
}
|
|
46
|
-
const
|
|
47
|
-
return
|
|
48
|
-
|
|
49
|
-
const r =
|
|
50
|
-
return
|
|
45
|
+
const d = {};
|
|
46
|
+
return P.forEach((n) => {
|
|
47
|
+
d[n] = (t) => {
|
|
48
|
+
const r = _(t) ? { content: t } : t;
|
|
49
|
+
return h({
|
|
51
50
|
...r,
|
|
52
51
|
type: n
|
|
53
52
|
});
|
|
54
53
|
};
|
|
55
|
-
}), [
|
|
54
|
+
}), [d, g];
|
|
56
55
|
}
|
|
57
56
|
export {
|
|
58
57
|
q as default
|
package/modal/Confirm.js
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as n, jsxs as x } from "react/jsx-runtime";
|
|
2
2
|
import P from "@unicom-cloud/icons/IconUiCheckCircleFill";
|
|
3
3
|
import y from "@unicom-cloud/icons/IconUiCloseCircleFill";
|
|
4
|
-
import
|
|
4
|
+
import u from "@unicom-cloud/icons/IconUiExclamationCircleFill";
|
|
5
5
|
import F from "@unicom-cloud/icons/IconUiInfoCircleFill";
|
|
6
6
|
import { createRoot as I } from "react-dom/client";
|
|
7
7
|
import M from "../config-provider/ConfigProvider.js";
|
|
8
8
|
import N from "./Modal.js";
|
|
9
|
-
import { destroyList as
|
|
9
|
+
import { destroyList as f, getConfigProviderProps as O, getModalConfig as U } from "./config.js";
|
|
10
10
|
function w(e) {
|
|
11
|
-
const { prefixCls: r, simple:
|
|
12
|
-
return /* @__PURE__ */
|
|
11
|
+
const { prefixCls: r, simple: i } = U();
|
|
12
|
+
return /* @__PURE__ */ n(N, { prefixCls: r, simple: i, ...e, children: e.content });
|
|
13
13
|
}
|
|
14
14
|
const p = (e) => {
|
|
15
15
|
let r = e.icon;
|
|
16
16
|
if (!r) {
|
|
17
17
|
if (r !== null) {
|
|
18
|
-
if (r = /* @__PURE__ */
|
|
18
|
+
if (r = /* @__PURE__ */ n(u, {}), e.isNotice)
|
|
19
19
|
switch (e.noticeType) {
|
|
20
20
|
case "info":
|
|
21
|
-
r = /* @__PURE__ */
|
|
21
|
+
r = /* @__PURE__ */ n(F, {});
|
|
22
22
|
break;
|
|
23
23
|
case "success":
|
|
24
|
-
r = /* @__PURE__ */
|
|
24
|
+
r = /* @__PURE__ */ n(P, {});
|
|
25
25
|
break;
|
|
26
26
|
case "warning":
|
|
27
|
-
r = /* @__PURE__ */
|
|
27
|
+
r = /* @__PURE__ */ n(u, {});
|
|
28
28
|
break;
|
|
29
29
|
case "error":
|
|
30
|
-
r = /* @__PURE__ */
|
|
30
|
+
r = /* @__PURE__ */ n(y, {});
|
|
31
31
|
break;
|
|
32
32
|
}
|
|
33
33
|
}
|
|
@@ -38,72 +38,70 @@ const p = (e) => {
|
|
|
38
38
|
] }), e;
|
|
39
39
|
};
|
|
40
40
|
function D(e, r) {
|
|
41
|
-
let
|
|
42
|
-
const
|
|
43
|
-
|
|
41
|
+
let i;
|
|
42
|
+
const l = document.createElement("div");
|
|
43
|
+
l.className = "pqb-modal-root", document.body.appendChild(l);
|
|
44
44
|
const C = O();
|
|
45
|
-
function h(
|
|
46
|
-
const
|
|
45
|
+
function h(t) {
|
|
46
|
+
const c = /* @__PURE__ */ n(M, { ...C, childrenName: "ModalConfirm", children: /* @__PURE__ */ n(
|
|
47
47
|
w,
|
|
48
48
|
{
|
|
49
|
-
getPopupContainer: () =>
|
|
50
|
-
...
|
|
51
|
-
onCancel:
|
|
49
|
+
getPopupContainer: () => l,
|
|
50
|
+
...t,
|
|
51
|
+
onCancel: a
|
|
52
52
|
}
|
|
53
53
|
) });
|
|
54
|
-
|
|
54
|
+
i ||= I(l), i.render(c);
|
|
55
55
|
}
|
|
56
|
-
const
|
|
57
|
-
let
|
|
56
|
+
const s = r || h;
|
|
57
|
+
let o = {
|
|
58
58
|
...e,
|
|
59
59
|
visible: !1
|
|
60
60
|
};
|
|
61
61
|
const b = () => {
|
|
62
|
-
let
|
|
63
|
-
const
|
|
64
|
-
|
|
62
|
+
let t;
|
|
63
|
+
const c = e.onOk;
|
|
64
|
+
c && (t = c(a)), t && t.then && (o.confirmLoading = !0, s(o), t.then(
|
|
65
65
|
() => {
|
|
66
|
-
|
|
66
|
+
a(!0);
|
|
67
67
|
},
|
|
68
68
|
(v) => {
|
|
69
|
-
console.error(v),
|
|
69
|
+
console.error(v), o.confirmLoading = !1, s(o);
|
|
70
70
|
}
|
|
71
|
-
)),
|
|
71
|
+
)), t || a(!0);
|
|
72
72
|
};
|
|
73
|
-
|
|
74
|
-
function
|
|
75
|
-
|
|
76
|
-
for (let
|
|
77
|
-
if (
|
|
78
|
-
|
|
73
|
+
o.onOk = b, o = p(o), o.visible = !0, s(o);
|
|
74
|
+
function d() {
|
|
75
|
+
l.remove();
|
|
76
|
+
for (let t = 0; t < f.length; t++)
|
|
77
|
+
if (f[t] === m) {
|
|
78
|
+
f.splice(t, 1);
|
|
79
79
|
break;
|
|
80
80
|
}
|
|
81
|
-
|
|
82
|
-
|
|
81
|
+
i && setTimeout(() => {
|
|
82
|
+
i.unmount(), i = null;
|
|
83
83
|
}, 7);
|
|
84
84
|
}
|
|
85
|
-
function
|
|
86
|
-
|
|
87
|
-
!o && ((n = e.onCancel) == null || n.call(e)), m();
|
|
85
|
+
function a(t) {
|
|
86
|
+
!t && e.onCancel?.(), m();
|
|
88
87
|
}
|
|
89
|
-
function k(
|
|
90
|
-
|
|
91
|
-
...
|
|
88
|
+
function k(t) {
|
|
89
|
+
o = {
|
|
90
|
+
...o,
|
|
92
91
|
title: e.title,
|
|
93
92
|
// 避免 newConfig 未传递 title 时,icon 出现多个的问题
|
|
94
|
-
...
|
|
95
|
-
},
|
|
93
|
+
...t
|
|
94
|
+
}, o = p(o), s(o);
|
|
96
95
|
}
|
|
97
96
|
function m() {
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
}, a(t);
|
|
97
|
+
o.visible = !1, o.afterClose = () => {
|
|
98
|
+
e.afterClose?.(), d();
|
|
99
|
+
}, s(o);
|
|
102
100
|
}
|
|
103
|
-
return
|
|
101
|
+
return f.push(m), {
|
|
104
102
|
close: m,
|
|
105
103
|
update: k,
|
|
106
|
-
destroy:
|
|
104
|
+
destroy: d
|
|
107
105
|
};
|
|
108
106
|
}
|
|
109
107
|
export {
|