@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/tag/index.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import { forwardRef as
|
|
1
|
+
import { jsx as r, jsxs as y, Fragment as B } from "react/jsx-runtime";
|
|
2
|
+
import D from "@unicom-cloud/icons/IconUiClose";
|
|
3
|
+
import G from "@unicom-cloud/icons/IconUiLoading";
|
|
4
|
+
import C from "lodash/isPlainObject";
|
|
5
|
+
import { forwardRef as J, useContext as Q, useState as b } from "react";
|
|
6
6
|
import "../config-provider/ConfigProvider.js";
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import { omit as
|
|
13
|
-
import
|
|
14
|
-
const
|
|
7
|
+
import W from "../components/common/hooks/useKeyboardEvent.js";
|
|
8
|
+
import X from "../components/common/hooks/useMergeProps.js";
|
|
9
|
+
import Y from "../icon-hover/index.js";
|
|
10
|
+
import Z from "../popconfirm/index.js";
|
|
11
|
+
import ee from "@unicom-cloud/utils/class-name";
|
|
12
|
+
import { omit as oe } from "../components/common/utils/omit.js";
|
|
13
|
+
import ne from "../config-provider/context.js";
|
|
14
|
+
const ce = [
|
|
15
15
|
"red",
|
|
16
16
|
"orangered",
|
|
17
17
|
"orange",
|
|
@@ -24,115 +24,112 @@ const te = [
|
|
|
24
24
|
"purple",
|
|
25
25
|
"magenta",
|
|
26
26
|
"gray"
|
|
27
|
-
],
|
|
27
|
+
], se = {
|
|
28
28
|
size: "default"
|
|
29
29
|
};
|
|
30
|
-
function
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
p == null ? void 0 : p.Tag
|
|
30
|
+
function re(P, I) {
|
|
31
|
+
const { getPrefixCls: O, componentConfig: E, rtl: T } = Q(ne), _ = W(), n = X(
|
|
32
|
+
P,
|
|
33
|
+
se,
|
|
34
|
+
E?.Tag
|
|
36
35
|
), {
|
|
37
|
-
className:
|
|
38
|
-
style:
|
|
39
|
-
children:
|
|
40
|
-
color:
|
|
41
|
-
closable:
|
|
42
|
-
checkable:
|
|
43
|
-
defaultChecked:
|
|
44
|
-
size:
|
|
45
|
-
onClose:
|
|
46
|
-
onCheck:
|
|
47
|
-
icon:
|
|
48
|
-
closeIcon:
|
|
49
|
-
bordered:
|
|
50
|
-
__closeIconProps:
|
|
51
|
-
...
|
|
52
|
-
} =
|
|
53
|
-
"visible" in
|
|
54
|
-
), [
|
|
55
|
-
"checked" in
|
|
56
|
-
), [
|
|
57
|
-
function
|
|
58
|
-
const
|
|
59
|
-
|
|
60
|
-
|
|
36
|
+
className: j,
|
|
37
|
+
style: z,
|
|
38
|
+
children: k,
|
|
39
|
+
color: s,
|
|
40
|
+
closable: c,
|
|
41
|
+
checkable: t,
|
|
42
|
+
defaultChecked: H,
|
|
43
|
+
size: u,
|
|
44
|
+
onClose: L,
|
|
45
|
+
onCheck: S,
|
|
46
|
+
icon: $,
|
|
47
|
+
closeIcon: l,
|
|
48
|
+
bordered: w,
|
|
49
|
+
__closeIconProps: K,
|
|
50
|
+
...R
|
|
51
|
+
} = n, e = O?.("tag"), [U, v] = b(
|
|
52
|
+
"visible" in n ? n.visible : !0
|
|
53
|
+
), [V, F] = b(
|
|
54
|
+
"checked" in n ? n.checked : H
|
|
55
|
+
), [a, m] = b(), x = "checked" in n ? n.checked : V, M = "visible" in n ? n.visible : U;
|
|
56
|
+
function d(o) {
|
|
57
|
+
const g = L?.(o);
|
|
58
|
+
g && g.then ? (m(!0), g.then(() => {
|
|
59
|
+
m(!1), v(!1);
|
|
61
60
|
}).catch(() => {
|
|
62
|
-
|
|
63
|
-
})) :
|
|
61
|
+
m(!1);
|
|
62
|
+
})) : v(!1);
|
|
64
63
|
}
|
|
65
|
-
function
|
|
66
|
-
const
|
|
67
|
-
"checked" in
|
|
64
|
+
function q() {
|
|
65
|
+
const o = !x;
|
|
66
|
+
"checked" in n || F(o), S?.(o);
|
|
68
67
|
}
|
|
69
|
-
const
|
|
70
|
-
|
|
68
|
+
const i = s && ce.indexOf(s) !== -1 ? s : "", p = t ? x : !0, A = ee(
|
|
69
|
+
e,
|
|
71
70
|
{
|
|
72
|
-
[`${
|
|
73
|
-
[`${
|
|
74
|
-
[`${
|
|
75
|
-
[`${
|
|
76
|
-
[`${
|
|
77
|
-
[`${
|
|
78
|
-
[`${
|
|
79
|
-
[`${
|
|
80
|
-
[`${
|
|
71
|
+
[`${e}-loading`]: a,
|
|
72
|
+
[`${e}-hide`]: !M,
|
|
73
|
+
[`${e}-${i}`]: i,
|
|
74
|
+
[`${e}-checkable`]: t,
|
|
75
|
+
[`${e}-checked`]: p,
|
|
76
|
+
[`${e}-size-${u}`]: u,
|
|
77
|
+
[`${e}-bordered`]: w,
|
|
78
|
+
[`${e}-custom-color`]: p && s && !i,
|
|
79
|
+
[`${e}-rtl`]: T
|
|
81
80
|
},
|
|
82
|
-
|
|
83
|
-
),
|
|
84
|
-
...
|
|
81
|
+
j
|
|
82
|
+
), f = {
|
|
83
|
+
...z
|
|
85
84
|
};
|
|
86
|
-
|
|
87
|
-
const
|
|
88
|
-
|
|
89
|
-
let
|
|
90
|
-
|
|
85
|
+
s && !i && p && (f.backgroundColor ||= s, f.borderColor ||= s);
|
|
86
|
+
const N = oe(R, ["visible"]);
|
|
87
|
+
t && (N.onClick = q);
|
|
88
|
+
let h = /* @__PURE__ */ r(
|
|
89
|
+
Y,
|
|
91
90
|
{
|
|
92
|
-
prefix:
|
|
93
|
-
className: `${
|
|
94
|
-
onClick: (
|
|
95
|
-
|
|
91
|
+
prefix: e,
|
|
92
|
+
className: `${e}-close-btn`,
|
|
93
|
+
onClick: (o) => {
|
|
94
|
+
C(c?.popconfirm) || d(o);
|
|
96
95
|
},
|
|
97
96
|
role: "button",
|
|
98
97
|
tabIndex: 0,
|
|
99
|
-
...
|
|
100
|
-
onPressEnter(
|
|
101
|
-
|
|
98
|
+
..._({
|
|
99
|
+
onPressEnter(o) {
|
|
100
|
+
C(c?.popconfirm) || d(o);
|
|
102
101
|
}
|
|
103
102
|
}),
|
|
104
103
|
"aria-label": "Close",
|
|
105
|
-
...
|
|
106
|
-
children:
|
|
104
|
+
...K,
|
|
105
|
+
children: l !== void 0 ? l : /* @__PURE__ */ r(D, {})
|
|
107
106
|
}
|
|
108
107
|
);
|
|
109
|
-
return
|
|
110
|
-
|
|
108
|
+
return C(c?.popconfirm) && (h = /* @__PURE__ */ r(
|
|
109
|
+
Z,
|
|
111
110
|
{
|
|
112
|
-
...
|
|
113
|
-
title:
|
|
111
|
+
...c?.popconfirm,
|
|
112
|
+
title: c?.popconfirm?.title || /* @__PURE__ */ y(B, { children: [
|
|
114
113
|
"确定要关闭 ",
|
|
115
|
-
|
|
114
|
+
k
|
|
116
115
|
] }),
|
|
117
|
-
onCancel: (
|
|
118
|
-
|
|
119
|
-
(a = (i = e == null ? void 0 : e.popconfirm) == null ? void 0 : i.onCancel) == null || a.call(i, n);
|
|
116
|
+
onCancel: (o) => {
|
|
117
|
+
c?.popconfirm?.onCancel?.(o);
|
|
120
118
|
},
|
|
121
|
-
onOk: (
|
|
122
|
-
|
|
123
|
-
C(n), (a = (i = e == null ? void 0 : e.popconfirm) == null ? void 0 : i.onOk) == null || a.call(i, n);
|
|
119
|
+
onOk: (o) => {
|
|
120
|
+
d(o), c?.popconfirm?.onOk?.(o);
|
|
124
121
|
},
|
|
125
|
-
children:
|
|
122
|
+
children: h
|
|
126
123
|
}
|
|
127
|
-
)), /* @__PURE__ */
|
|
128
|
-
|
|
129
|
-
/* @__PURE__ */
|
|
130
|
-
!!
|
|
131
|
-
|
|
124
|
+
)), /* @__PURE__ */ y("div", { ref: I, style: f, className: A, ...N, children: [
|
|
125
|
+
$ && /* @__PURE__ */ r("span", { className: `${e}-icon`, children: $ }),
|
|
126
|
+
/* @__PURE__ */ r("span", { className: `${e}-content`, children: k }),
|
|
127
|
+
!!c && !a && l !== null && h,
|
|
128
|
+
a && /* @__PURE__ */ r("span", { className: `${e}-loading-icon`, children: /* @__PURE__ */ r(G, {}) })
|
|
132
129
|
] });
|
|
133
130
|
}
|
|
134
|
-
const
|
|
135
|
-
|
|
131
|
+
const ie = J(re);
|
|
132
|
+
ie.displayName = "Tag";
|
|
136
133
|
export {
|
|
137
|
-
|
|
134
|
+
ie as default
|
|
138
135
|
};
|
package/time-picker/Picker.js
CHANGED
|
@@ -1,222 +1,217 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import { isDayjs as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
1
|
+
import { jsx as g } from "react/jsx-runtime";
|
|
2
|
+
import Ie from "@unicom-cloud/icons/IconUiClockCircle";
|
|
3
|
+
import { isDayjs as ke } from "dayjs";
|
|
4
|
+
import l from "lodash/isArray";
|
|
5
|
+
import xe, { useContext as ye, useState as v, useRef as Te } from "react";
|
|
6
6
|
import "../config-provider/ConfigProvider.js";
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import { getDayjsValue as
|
|
15
|
-
import { pickDataAttributes as
|
|
16
|
-
import
|
|
17
|
-
import { getFormatTime as
|
|
18
|
-
import
|
|
19
|
-
function
|
|
20
|
-
return
|
|
7
|
+
import De from "../components/common/hooks/useMergeProps.js";
|
|
8
|
+
import J from "../components/common/hooks/usePrevious.js";
|
|
9
|
+
import Se from "../components/common/hooks/useUpdateEffect.js";
|
|
10
|
+
import je from "../picker/Input.js";
|
|
11
|
+
import we from "../picker/InputRange.js";
|
|
12
|
+
import Ae from "../trigger/index.js";
|
|
13
|
+
import Ee from "@unicom-cloud/utils/class-name";
|
|
14
|
+
import { getDayjsValue as y, toLocal as c, toTimezone as K, isValidTimeString as H, getSortedDayjsArray as He, isDayjsArrayChange as Ne, isDayjsChange as ze } from "../components/common/utils/dayjs.js";
|
|
15
|
+
import { pickDataAttributes as Oe } from "../components/common/utils/pick.js";
|
|
16
|
+
import Fe from "./context.js";
|
|
17
|
+
import { getFormatTime as Re } from "./util.js";
|
|
18
|
+
import Ue from "../config-provider/context.js";
|
|
19
|
+
function $e(T) {
|
|
20
|
+
return T.format || "HH:mm:ss";
|
|
21
21
|
}
|
|
22
|
-
const
|
|
22
|
+
const Q = {
|
|
23
23
|
allowClear: !0,
|
|
24
24
|
position: "bl",
|
|
25
25
|
format: "HH:mm:ss",
|
|
26
26
|
editable: !0,
|
|
27
27
|
order: !0,
|
|
28
28
|
scrollSticky: !0
|
|
29
|
-
},
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
A == null ? void 0 : A.TimePicker
|
|
29
|
+
}, Le = { bottom: 4 }, ao = (T) => {
|
|
30
|
+
const { locale: N, getPrefixCls: W, componentConfig: X, rtl: Y } = ye(Ue);
|
|
31
|
+
Y && (Q.position = "br");
|
|
32
|
+
const i = De(
|
|
33
|
+
T,
|
|
34
|
+
Q,
|
|
35
|
+
X?.TimePicker
|
|
37
36
|
), {
|
|
38
|
-
allowClear:
|
|
39
|
-
className:
|
|
40
|
-
disableConfirm:
|
|
41
|
-
style:
|
|
42
|
-
placeholder:
|
|
43
|
-
getPopupContainer:
|
|
44
|
-
disabled:
|
|
45
|
-
position:
|
|
46
|
-
isRangePicker:
|
|
47
|
-
picker:
|
|
48
|
-
error:
|
|
49
|
-
status:
|
|
50
|
-
triggerElement:
|
|
51
|
-
triggerProps:
|
|
52
|
-
value:
|
|
53
|
-
onChange:
|
|
54
|
-
icons:
|
|
55
|
-
size:
|
|
56
|
-
editable:
|
|
57
|
-
unmountOnExit:
|
|
58
|
-
order:
|
|
59
|
-
utcOffset:
|
|
60
|
-
timezone:
|
|
61
|
-
} =
|
|
62
|
-
function
|
|
37
|
+
allowClear: Z = !0,
|
|
38
|
+
className: z,
|
|
39
|
+
disableConfirm: _,
|
|
40
|
+
style: O,
|
|
41
|
+
placeholder: D,
|
|
42
|
+
getPopupContainer: ee,
|
|
43
|
+
disabled: F,
|
|
44
|
+
position: oe,
|
|
45
|
+
isRangePicker: f,
|
|
46
|
+
picker: te,
|
|
47
|
+
error: ie,
|
|
48
|
+
status: ne,
|
|
49
|
+
triggerElement: R,
|
|
50
|
+
triggerProps: re,
|
|
51
|
+
value: ae,
|
|
52
|
+
onChange: S,
|
|
53
|
+
icons: U,
|
|
54
|
+
size: se,
|
|
55
|
+
editable: le,
|
|
56
|
+
unmountOnExit: ue,
|
|
57
|
+
order: ce,
|
|
58
|
+
utcOffset: n,
|
|
59
|
+
timezone: r
|
|
60
|
+
} = i, a = $e(i), pe = W?.("time-picker");
|
|
61
|
+
function fe() {
|
|
63
62
|
let e;
|
|
64
|
-
return
|
|
63
|
+
return i.value ? e = y(i.value, a, n, r) : i.defaultValue && (e = y(i.defaultValue, a, n, r)), e;
|
|
65
64
|
}
|
|
66
|
-
const [
|
|
67
|
-
|
|
68
|
-
if (
|
|
69
|
-
const e =
|
|
70
|
-
(
|
|
71
|
-
) :
|
|
72
|
-
|
|
65
|
+
const [$, L] = v(!1), [m, M] = v(fe()), [t, h] = v(), [C, d] = v(), [b, me] = v(0), u = "value" in i ? y(ae, a, n, r) : m, j = "popupVisible" in i ? i.popupVisible : $, I = J(n), k = J(r);
|
|
66
|
+
Se(() => {
|
|
67
|
+
if (m && (I !== n || r !== k)) {
|
|
68
|
+
const e = l(m) ? m.map(
|
|
69
|
+
(s, P, p) => c(s, I, k)
|
|
70
|
+
) : c(m, I, k), o = l(e) ? e.map((s, P, p) => K(s, n, r)) : K(e, n, r);
|
|
71
|
+
M(o);
|
|
73
72
|
}
|
|
74
|
-
}, [
|
|
75
|
-
const
|
|
76
|
-
function
|
|
77
|
-
|
|
78
|
-
(a = (o = N.current) == null ? void 0 : o.focus) == null || a.call(o, e);
|
|
73
|
+
}, [n, I, r, k]);
|
|
74
|
+
const w = Te(null);
|
|
75
|
+
function A(e) {
|
|
76
|
+
w.current?.focus?.(e);
|
|
79
77
|
}
|
|
80
|
-
function
|
|
81
|
-
|
|
78
|
+
function E(e) {
|
|
79
|
+
me(e), setTimeout(() => A(e));
|
|
82
80
|
}
|
|
83
|
-
function
|
|
84
|
-
e ?
|
|
85
|
-
setTimeout(() =>
|
|
86
|
-
}) :
|
|
81
|
+
function de(e) {
|
|
82
|
+
e ? V(e, () => {
|
|
83
|
+
setTimeout(() => A());
|
|
84
|
+
}) : V(!1);
|
|
87
85
|
}
|
|
88
|
-
function
|
|
89
|
-
|
|
86
|
+
function V(e, o) {
|
|
87
|
+
L(e), d(void 0), o?.(), e || h(void 0);
|
|
90
88
|
}
|
|
91
|
-
function
|
|
92
|
-
const o =
|
|
93
|
-
|
|
89
|
+
function x(e) {
|
|
90
|
+
const o = f && ce && l(e) ? He(e.map((s, P, p) => Re(s))) : e;
|
|
91
|
+
M(o), h(void 0), d(void 0), ge(o), _ || V(!1);
|
|
94
92
|
}
|
|
95
|
-
function
|
|
96
|
-
|
|
97
|
-
e.map((o) =>
|
|
98
|
-
e.map((o) =>
|
|
99
|
-
)
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
)
|
|
93
|
+
function ge(e) {
|
|
94
|
+
l(e) && Ne(u, e) && S?.(
|
|
95
|
+
e.map((o) => c(o, n, r).format(a)),
|
|
96
|
+
e.map((o) => c(o, n, r))
|
|
97
|
+
), ke(e) && ze(u, e) && S?.(
|
|
98
|
+
c(e, n, r).format(a),
|
|
99
|
+
c(e, n, r)
|
|
100
|
+
);
|
|
103
101
|
}
|
|
104
|
-
function
|
|
105
|
-
const o =
|
|
106
|
-
return /* @__PURE__ */
|
|
102
|
+
function q(e) {
|
|
103
|
+
const o = f ? l(t) && t.length ? t : u : t || u;
|
|
104
|
+
return /* @__PURE__ */ g(
|
|
107
105
|
"div",
|
|
108
106
|
{
|
|
109
|
-
className:
|
|
110
|
-
style: e ?
|
|
111
|
-
onClick: () =>
|
|
112
|
-
children:
|
|
113
|
-
...
|
|
114
|
-
format:
|
|
115
|
-
inputValue:
|
|
116
|
-
setInputValue:
|
|
117
|
-
onConfirmValue:
|
|
107
|
+
className: Ee(`${pe}-container`, e ? z : ""),
|
|
108
|
+
style: e ? O : {},
|
|
109
|
+
onClick: () => A(),
|
|
110
|
+
children: xe.cloneElement(te, {
|
|
111
|
+
...i,
|
|
112
|
+
format: a,
|
|
113
|
+
inputValue: C,
|
|
114
|
+
setInputValue: d,
|
|
115
|
+
onConfirmValue: x,
|
|
118
116
|
setValueShow: h,
|
|
119
117
|
valueShow: o,
|
|
120
|
-
value:
|
|
121
|
-
popupVisible:
|
|
122
|
-
focusedInputIndex:
|
|
123
|
-
changeFocusedInputIndex:
|
|
118
|
+
value: u,
|
|
119
|
+
popupVisible: j,
|
|
120
|
+
focusedInputIndex: b,
|
|
121
|
+
changeFocusedInputIndex: E
|
|
124
122
|
})
|
|
125
123
|
}
|
|
126
124
|
);
|
|
127
125
|
}
|
|
128
|
-
function
|
|
126
|
+
function B(e) {
|
|
129
127
|
const o = e.target.value;
|
|
130
|
-
|
|
128
|
+
$ || L(!0), d(o), he(o);
|
|
131
129
|
}
|
|
132
|
-
function
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
...c(i) ? i : g || []
|
|
130
|
+
function he(e) {
|
|
131
|
+
const o = y(e, a);
|
|
132
|
+
if (f) {
|
|
133
|
+
const s = [
|
|
134
|
+
...l(t) ? t : m || []
|
|
138
135
|
];
|
|
139
|
-
if (
|
|
140
|
-
|
|
141
|
-
const
|
|
142
|
-
(
|
|
136
|
+
if (H(e, a)) {
|
|
137
|
+
s[b] = o;
|
|
138
|
+
const P = s.map(
|
|
139
|
+
(p) => c(p, n, r)
|
|
143
140
|
);
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
), h(l), V(void 0);
|
|
141
|
+
i.onSelect?.(
|
|
142
|
+
P.map((p) => p && p.format(a)),
|
|
143
|
+
P
|
|
144
|
+
), h(s), d(void 0);
|
|
149
145
|
}
|
|
150
|
-
} else if (
|
|
151
|
-
const
|
|
152
|
-
|
|
146
|
+
} else if (H(e, a)) {
|
|
147
|
+
const s = c(o, n, r);
|
|
148
|
+
i.onSelect?.(s.format(a), s), h(o), d(void 0);
|
|
153
149
|
}
|
|
154
150
|
}
|
|
155
|
-
function
|
|
156
|
-
|
|
151
|
+
function Ce() {
|
|
152
|
+
f ? l(t) && t.length ? C && !H(C, a) ? V(!1) : t[0] === void 0 || t[1] === void 0 ? E(b === 0 ? 1 : 0) : t.length === 2 && x(t) : V(!1) : x(t || u);
|
|
157
153
|
}
|
|
158
|
-
function
|
|
159
|
-
|
|
160
|
-
e.stopPropagation(), k(void 0), u == null || u(void 0, void 0), (o = t.onClear) == null || o.call(t);
|
|
154
|
+
function Ve(e) {
|
|
155
|
+
e.stopPropagation(), x(void 0), S?.(void 0, void 0), i.onClear?.();
|
|
161
156
|
}
|
|
162
|
-
const
|
|
163
|
-
style:
|
|
164
|
-
className:
|
|
165
|
-
popupVisible:
|
|
166
|
-
format:
|
|
167
|
-
disabled:
|
|
168
|
-
error:
|
|
169
|
-
status:
|
|
170
|
-
size:
|
|
171
|
-
onPressEnter:
|
|
172
|
-
onClear:
|
|
173
|
-
suffixIcon:
|
|
174
|
-
editable:
|
|
175
|
-
allowClear:
|
|
176
|
-
prefix:
|
|
177
|
-
|
|
157
|
+
const Pe = f && l(D) ? D : N?.TimePicker?.placeholders, ve = D || N?.TimePicker?.placeholder, be = U && U.inputSuffix || /* @__PURE__ */ g(Ie, {}), G = {
|
|
158
|
+
style: O,
|
|
159
|
+
className: z,
|
|
160
|
+
popupVisible: j,
|
|
161
|
+
format: a,
|
|
162
|
+
disabled: F,
|
|
163
|
+
error: ie,
|
|
164
|
+
status: ne,
|
|
165
|
+
size: se,
|
|
166
|
+
onPressEnter: Ce,
|
|
167
|
+
onClear: Ve,
|
|
168
|
+
suffixIcon: be,
|
|
169
|
+
editable: le,
|
|
170
|
+
allowClear: Z,
|
|
171
|
+
prefix: i.prefix,
|
|
172
|
+
...Oe(i)
|
|
178
173
|
};
|
|
179
|
-
return /* @__PURE__ */
|
|
180
|
-
|
|
174
|
+
return /* @__PURE__ */ g(Fe.Provider, { value: { utcOffset: n, timezone: r }, children: R === null ? q(!0) : /* @__PURE__ */ g(
|
|
175
|
+
Ae,
|
|
181
176
|
{
|
|
182
|
-
popup: () =>
|
|
177
|
+
popup: () => q(),
|
|
183
178
|
trigger: "click",
|
|
184
179
|
clickToClose: !1,
|
|
185
|
-
position:
|
|
186
|
-
disabled:
|
|
187
|
-
popupAlign:
|
|
188
|
-
getPopupContainer:
|
|
189
|
-
onVisibleChange:
|
|
190
|
-
popupVisible:
|
|
180
|
+
position: oe,
|
|
181
|
+
disabled: F,
|
|
182
|
+
popupAlign: Le,
|
|
183
|
+
getPopupContainer: ee,
|
|
184
|
+
onVisibleChange: de,
|
|
185
|
+
popupVisible: j,
|
|
191
186
|
classNames: "slideDynamicOrigin",
|
|
192
|
-
unmountOnExit: !!
|
|
193
|
-
...
|
|
194
|
-
children:
|
|
195
|
-
|
|
187
|
+
unmountOnExit: !!ue,
|
|
188
|
+
...re,
|
|
189
|
+
children: R || (f ? /* @__PURE__ */ g(
|
|
190
|
+
we,
|
|
196
191
|
{
|
|
197
|
-
...
|
|
198
|
-
ref:
|
|
199
|
-
placeholder:
|
|
200
|
-
value:
|
|
201
|
-
onChange:
|
|
202
|
-
inputValue:
|
|
203
|
-
changeFocusedInputIndex:
|
|
204
|
-
focusedInputIndex:
|
|
192
|
+
...G,
|
|
193
|
+
ref: w,
|
|
194
|
+
placeholder: Pe,
|
|
195
|
+
value: l(t) && t.length ? t : u,
|
|
196
|
+
onChange: B,
|
|
197
|
+
inputValue: C,
|
|
198
|
+
changeFocusedInputIndex: E,
|
|
199
|
+
focusedInputIndex: b
|
|
205
200
|
}
|
|
206
|
-
) : /* @__PURE__ */
|
|
207
|
-
|
|
201
|
+
) : /* @__PURE__ */ g(
|
|
202
|
+
je,
|
|
208
203
|
{
|
|
209
|
-
...
|
|
210
|
-
ref:
|
|
211
|
-
placeholder:
|
|
212
|
-
value:
|
|
213
|
-
inputValue:
|
|
214
|
-
onChange:
|
|
204
|
+
...G,
|
|
205
|
+
ref: w,
|
|
206
|
+
placeholder: ve,
|
|
207
|
+
value: t || u,
|
|
208
|
+
inputValue: C,
|
|
209
|
+
onChange: B
|
|
215
210
|
}
|
|
216
211
|
))
|
|
217
212
|
}
|
|
218
213
|
) });
|
|
219
214
|
};
|
|
220
215
|
export {
|
|
221
|
-
|
|
216
|
+
ao as default
|
|
222
217
|
};
|