@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/picker/Input.js
CHANGED
|
@@ -1,132 +1,126 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import { forwardRef as
|
|
1
|
+
import { jsxs as p, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import J from "@unicom-cloud/icons/IconUiClose";
|
|
3
|
+
import Q from "lodash/isArray";
|
|
4
|
+
import { forwardRef as T, useContext as V, useRef as $, useState as X, useImperativeHandle as Y } from "react";
|
|
5
5
|
import "../config-provider/ConfigProvider.js";
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { Enter as
|
|
9
|
-
import { omit as
|
|
10
|
-
import
|
|
11
|
-
function
|
|
12
|
-
style:
|
|
13
|
-
className:
|
|
14
|
-
prefixCls:
|
|
15
|
-
allowClear:
|
|
16
|
-
status:
|
|
17
|
-
error:
|
|
18
|
-
disabled:
|
|
19
|
-
placeholder:
|
|
20
|
-
format:
|
|
21
|
-
size:
|
|
22
|
-
onClear:
|
|
23
|
-
editable:
|
|
24
|
-
value:
|
|
25
|
-
inputValue:
|
|
26
|
-
onPressEnter:
|
|
27
|
-
suffixIcon:
|
|
28
|
-
prefix:
|
|
29
|
-
onChange:
|
|
30
|
-
popupVisible:
|
|
31
|
-
isPlaceholder:
|
|
32
|
-
inputProps:
|
|
33
|
-
...
|
|
34
|
-
},
|
|
6
|
+
import Z from "../icon-hover/index.js";
|
|
7
|
+
import h from "@unicom-cloud/utils/class-name";
|
|
8
|
+
import { Enter as _ } from "@unicom-cloud/utils/constant/keyboardCode";
|
|
9
|
+
import { omit as P } from "../components/common/utils/omit.js";
|
|
10
|
+
import ee from "../config-provider/context.js";
|
|
11
|
+
function oe({
|
|
12
|
+
style: x,
|
|
13
|
+
className: C,
|
|
14
|
+
prefixCls: y,
|
|
15
|
+
allowClear: N,
|
|
16
|
+
status: g,
|
|
17
|
+
error: k,
|
|
18
|
+
disabled: a,
|
|
19
|
+
placeholder: v,
|
|
20
|
+
format: c,
|
|
21
|
+
size: I,
|
|
22
|
+
onClear: z,
|
|
23
|
+
editable: w,
|
|
24
|
+
value: r,
|
|
25
|
+
inputValue: f,
|
|
26
|
+
onPressEnter: D,
|
|
27
|
+
suffixIcon: F,
|
|
28
|
+
prefix: i,
|
|
29
|
+
onChange: R,
|
|
30
|
+
popupVisible: j,
|
|
31
|
+
isPlaceholder: O,
|
|
32
|
+
inputProps: n,
|
|
33
|
+
...S
|
|
34
|
+
}, b) {
|
|
35
35
|
const {
|
|
36
|
-
getPrefixCls:
|
|
37
|
-
size:
|
|
38
|
-
locale:
|
|
39
|
-
rtl:
|
|
40
|
-
} =
|
|
41
|
-
|
|
36
|
+
getPrefixCls: B,
|
|
37
|
+
size: E,
|
|
38
|
+
locale: H,
|
|
39
|
+
rtl: K
|
|
40
|
+
} = V(ee), l = $(null), [A, u] = X(!1), L = I || E, m = $(null);
|
|
41
|
+
Y(b, () => ({
|
|
42
42
|
focus() {
|
|
43
|
-
|
|
44
|
-
(a = (c = $.current) == null ? void 0 : c.focus) == null || a.call(c);
|
|
43
|
+
l.current?.focus?.();
|
|
45
44
|
},
|
|
46
45
|
blur() {
|
|
47
|
-
|
|
48
|
-
(a = (c = $.current) == null ? void 0 : c.blur) == null || a.call(c);
|
|
46
|
+
l.current?.blur?.();
|
|
49
47
|
},
|
|
50
|
-
getRootDOMNode: () =>
|
|
48
|
+
getRootDOMNode: () => m.current
|
|
51
49
|
}));
|
|
52
|
-
function
|
|
53
|
-
|
|
54
|
-
(v = e == null ? void 0 : e.onKeyDown) == null || v.call(e, c), c.key === ee.key && (d == null || d());
|
|
50
|
+
function M(o) {
|
|
51
|
+
n?.onKeyDown?.(o), o.key === _.key && D?.();
|
|
55
52
|
}
|
|
56
|
-
function
|
|
57
|
-
|
|
58
|
-
(a = e == null ? void 0 : e.onChange) == null || a.call(e, c), r == null || r(c);
|
|
53
|
+
function U(o) {
|
|
54
|
+
n?.onChange?.(o), R?.(o);
|
|
59
55
|
}
|
|
60
|
-
let
|
|
61
|
-
|
|
62
|
-
const
|
|
63
|
-
|
|
64
|
-
`${
|
|
56
|
+
let t = "";
|
|
57
|
+
f !== void 0 ? t = f : r && !Q(r) && (t = typeof c == "function" ? c(r) : r.locale(H?.dayjsLocale).format(c));
|
|
58
|
+
const W = w ? {} : { readOnly: !0 }, e = y || B?.("picker"), d = g || (k ? "error" : void 0), q = A || j, G = h(
|
|
59
|
+
e,
|
|
60
|
+
`${e}-size-${L}`,
|
|
65
61
|
{
|
|
66
|
-
[`${
|
|
67
|
-
[`${
|
|
68
|
-
[`${
|
|
69
|
-
[`${
|
|
70
|
-
[`${
|
|
62
|
+
[`${e}-focused`]: q,
|
|
63
|
+
[`${e}-disabled`]: a,
|
|
64
|
+
[`${e}-has-prefix`]: i,
|
|
65
|
+
[`${e}-${d}`]: d,
|
|
66
|
+
[`${e}-rtl`]: K
|
|
71
67
|
},
|
|
72
|
-
|
|
68
|
+
C
|
|
73
69
|
);
|
|
74
|
-
return /* @__PURE__ */
|
|
70
|
+
return /* @__PURE__ */ p(
|
|
75
71
|
"div",
|
|
76
72
|
{
|
|
77
|
-
style:
|
|
78
|
-
className:
|
|
79
|
-
ref:
|
|
80
|
-
...
|
|
73
|
+
style: x,
|
|
74
|
+
className: G,
|
|
75
|
+
ref: m,
|
|
76
|
+
...P(S, ["onChange", "onPressEnter"]),
|
|
81
77
|
children: [
|
|
82
|
-
|
|
83
|
-
/* @__PURE__ */
|
|
78
|
+
i && /* @__PURE__ */ s("div", { className: `${e}-prefix`, children: i }),
|
|
79
|
+
/* @__PURE__ */ s(
|
|
84
80
|
"div",
|
|
85
81
|
{
|
|
86
|
-
className:
|
|
87
|
-
[`${
|
|
82
|
+
className: h(`${e}-input`, {
|
|
83
|
+
[`${e}-input-placeholder`]: O
|
|
88
84
|
}),
|
|
89
|
-
children: /* @__PURE__ */
|
|
85
|
+
children: /* @__PURE__ */ s(
|
|
90
86
|
"input",
|
|
91
87
|
{
|
|
92
|
-
ref:
|
|
93
|
-
...
|
|
94
|
-
disabled:
|
|
95
|
-
placeholder:
|
|
96
|
-
className: `${
|
|
97
|
-
value:
|
|
98
|
-
onKeyDown:
|
|
99
|
-
onChange:
|
|
100
|
-
...
|
|
101
|
-
onFocus: (
|
|
102
|
-
|
|
103
|
-
x(!0), (a = e == null ? void 0 : e.onFocus) == null || a.call(e, c);
|
|
88
|
+
ref: l,
|
|
89
|
+
...n,
|
|
90
|
+
disabled: a,
|
|
91
|
+
placeholder: v,
|
|
92
|
+
className: `${e}-start-time`,
|
|
93
|
+
value: t,
|
|
94
|
+
onKeyDown: M,
|
|
95
|
+
onChange: U,
|
|
96
|
+
...W,
|
|
97
|
+
onFocus: (o) => {
|
|
98
|
+
u(!0), n?.onFocus?.(o);
|
|
104
99
|
},
|
|
105
|
-
onBlur: (
|
|
106
|
-
|
|
107
|
-
x(!1), (a = e == null ? void 0 : e.onBlur) == null || a.call(e, c);
|
|
100
|
+
onBlur: (o) => {
|
|
101
|
+
u(!1), n?.onBlur?.(o);
|
|
108
102
|
}
|
|
109
103
|
}
|
|
110
104
|
)
|
|
111
105
|
}
|
|
112
106
|
),
|
|
113
|
-
/* @__PURE__ */
|
|
114
|
-
|
|
115
|
-
|
|
107
|
+
/* @__PURE__ */ p("div", { className: `${e}-suffix`, children: [
|
|
108
|
+
N && t && /* @__PURE__ */ s(
|
|
109
|
+
Z,
|
|
116
110
|
{
|
|
117
|
-
prefix:
|
|
118
|
-
onClick:
|
|
119
|
-
className: `${
|
|
120
|
-
children: /* @__PURE__ */
|
|
111
|
+
prefix: e,
|
|
112
|
+
onClick: z,
|
|
113
|
+
className: `${e}-clear-icon`,
|
|
114
|
+
children: /* @__PURE__ */ s(J, {})
|
|
121
115
|
}
|
|
122
116
|
),
|
|
123
|
-
/* @__PURE__ */
|
|
117
|
+
/* @__PURE__ */ s("span", { className: `${e}-suffix-icon`, children: F })
|
|
124
118
|
] })
|
|
125
119
|
]
|
|
126
120
|
}
|
|
127
121
|
);
|
|
128
122
|
}
|
|
129
|
-
const
|
|
123
|
+
const de = T(oe);
|
|
130
124
|
export {
|
|
131
|
-
|
|
125
|
+
de as default
|
|
132
126
|
};
|
package/picker/InputRange.js
CHANGED
|
@@ -1,160 +1,153 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import { forwardRef as
|
|
1
|
+
import { jsxs as O, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import so from "@unicom-cloud/icons/IconUiClose";
|
|
3
|
+
import C from "lodash/isArray";
|
|
4
|
+
import { forwardRef as co, useContext as lo, useRef as $, useState as ao, useImperativeHandle as io } from "react";
|
|
5
5
|
import "../config-provider/ConfigProvider.js";
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { Enter as
|
|
9
|
-
import { omit as
|
|
10
|
-
import
|
|
11
|
-
function
|
|
12
|
-
allowClear:
|
|
13
|
-
error:
|
|
14
|
-
status:
|
|
15
|
-
style:
|
|
16
|
-
className:
|
|
17
|
-
disabled:
|
|
18
|
-
placeholder:
|
|
19
|
-
value:
|
|
20
|
-
popupVisible:
|
|
6
|
+
import uo from "../icon-hover/index.js";
|
|
7
|
+
import S from "@unicom-cloud/utils/class-name";
|
|
8
|
+
import { Enter as fo, Tab as mo } from "@unicom-cloud/utils/constant/keyboardCode";
|
|
9
|
+
import { omit as po } from "../components/common/utils/omit.js";
|
|
10
|
+
import ho from "../config-provider/context.js";
|
|
11
|
+
function Co({
|
|
12
|
+
allowClear: T,
|
|
13
|
+
error: H,
|
|
14
|
+
status: A,
|
|
15
|
+
style: L,
|
|
16
|
+
className: M,
|
|
17
|
+
disabled: l,
|
|
18
|
+
placeholder: g = [],
|
|
19
|
+
value: a = [],
|
|
20
|
+
popupVisible: U,
|
|
21
21
|
format: i,
|
|
22
|
-
size:
|
|
23
|
-
onClear:
|
|
24
|
-
editable:
|
|
25
|
-
inputValue:
|
|
26
|
-
onPressEnter:
|
|
27
|
-
onPressTab:
|
|
28
|
-
onChange:
|
|
29
|
-
separator:
|
|
30
|
-
suffixIcon:
|
|
31
|
-
changeFocusedInputIndex:
|
|
22
|
+
size: W,
|
|
23
|
+
onClear: d,
|
|
24
|
+
editable: q,
|
|
25
|
+
inputValue: y,
|
|
26
|
+
onPressEnter: G,
|
|
27
|
+
onPressTab: J,
|
|
28
|
+
onChange: Q,
|
|
29
|
+
separator: V,
|
|
30
|
+
suffixIcon: X,
|
|
31
|
+
changeFocusedInputIndex: N,
|
|
32
32
|
focusedInputIndex: n,
|
|
33
|
-
isPlaceholder:
|
|
34
|
-
prefix:
|
|
35
|
-
inputProps:
|
|
36
|
-
onBlur:
|
|
37
|
-
...
|
|
38
|
-
},
|
|
33
|
+
isPlaceholder: Y,
|
|
34
|
+
prefix: u,
|
|
35
|
+
inputProps: c = [],
|
|
36
|
+
onBlur: Z,
|
|
37
|
+
..._
|
|
38
|
+
}, P) {
|
|
39
39
|
const {
|
|
40
|
-
getPrefixCls:
|
|
41
|
-
size:
|
|
42
|
-
locale:
|
|
43
|
-
rtl:
|
|
44
|
-
} =
|
|
45
|
-
|
|
46
|
-
focus(
|
|
47
|
-
|
|
48
|
-
(n === 0 && !F || n === 1 && !D) && ((r = (t = ((typeof c == "number" ? c : n) === 0 ? k : v).current) == null ? void 0 : t.focus) == null || r.call(t));
|
|
40
|
+
getPrefixCls: I,
|
|
41
|
+
size: x,
|
|
42
|
+
locale: oo,
|
|
43
|
+
rtl: ro
|
|
44
|
+
} = lo(ho), f = $(null), m = $(null), k = $(null), [v, F] = ao([!1, !1]), p = C(l) ? l[0] : l, h = C(l) ? l[1] : l;
|
|
45
|
+
io(P, () => ({
|
|
46
|
+
focus(o) {
|
|
47
|
+
(n === 0 && !p || n === 1 && !h) && ((typeof o == "number" ? o : n) === 0 ? f : m).current?.focus?.();
|
|
49
48
|
},
|
|
50
49
|
blur() {
|
|
51
|
-
|
|
52
|
-
n === 0 && ((o = (c = k.current) == null ? void 0 : c.blur) == null || o.call(c)), n === 1 && ((t = (e = v.current) == null ? void 0 : e.blur) == null || t.call(e));
|
|
50
|
+
n === 0 && f.current?.blur?.(), n === 1 && m.current?.blur?.();
|
|
53
51
|
},
|
|
54
|
-
getRootDOMNode: () =>
|
|
52
|
+
getRootDOMNode: () => k.current
|
|
55
53
|
}));
|
|
56
|
-
function
|
|
57
|
-
|
|
58
|
-
(t = (e = l == null ? void 0 : l[o]) == null ? void 0 : e.onClick) == null || t.call(e, c), n !== o && j(o);
|
|
54
|
+
function D(o, r) {
|
|
55
|
+
c?.[r]?.onClick?.(o), n !== r && N(r);
|
|
59
56
|
}
|
|
60
|
-
function
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
(r = (t = l == null ? void 0 : l[o]) == null ? void 0 : t.onKeyDown) == null || r.call(t, c), e === $c.key && (u == null || u()), e === hc.key && ($ == null || $(c));
|
|
57
|
+
function b(o, r) {
|
|
58
|
+
const t = o.key;
|
|
59
|
+
c?.[r]?.onKeyDown?.(o), t === fo.key && G?.(), t === mo.key && J?.(o);
|
|
64
60
|
}
|
|
65
|
-
function
|
|
66
|
-
|
|
67
|
-
c.stopPropagation(), (t = (e = l == null ? void 0 : l[o]) == null ? void 0 : e.onChange) == null || t.call(e, c), h == null || h(c);
|
|
61
|
+
function w(o, r) {
|
|
62
|
+
o.stopPropagation(), c?.[r]?.onChange?.(o), Q?.(o);
|
|
68
63
|
}
|
|
69
|
-
function
|
|
70
|
-
|
|
71
|
-
H((r) => (r[o] = !1, [...r])), (t = (e = l == null ? void 0 : l[o]) == null ? void 0 : e.onBlur) == null || t.call(e, c), N == null || N(c);
|
|
64
|
+
function z(o, r) {
|
|
65
|
+
F((t) => (t[r] = !1, [...t])), c?.[r]?.onBlur?.(o), Z?.(o);
|
|
72
66
|
}
|
|
73
|
-
function
|
|
74
|
-
|
|
75
|
-
(o === 0 || o === 1) && (H((r) => (r[o] = !0, [...r])), n !== o && j(o, !0)), (t = (e = l == null ? void 0 : l[o]) == null ? void 0 : e.onFocus) == null || t.call(e, c);
|
|
67
|
+
function R(o, r) {
|
|
68
|
+
(r === 0 || r === 1) && (F((t) => (t[r] = !0, [...t])), n !== r && N(r, !0)), c?.[r]?.onFocus?.(o);
|
|
76
69
|
}
|
|
77
|
-
const
|
|
78
|
-
|
|
79
|
-
`${
|
|
80
|
-
`${
|
|
70
|
+
const e = I?.("picker"), eo = W || x, no = v[0] || v[1] || !!U, B = A || (H ? "error" : void 0), to = S(
|
|
71
|
+
e,
|
|
72
|
+
`${e}-range`,
|
|
73
|
+
`${e}-size-${eo}`,
|
|
81
74
|
{
|
|
82
|
-
[`${
|
|
83
|
-
[`${
|
|
84
|
-
[`${
|
|
85
|
-
[`${
|
|
86
|
-
[`${
|
|
75
|
+
[`${e}-focused`]: no,
|
|
76
|
+
[`${e}-disabled`]: p && h,
|
|
77
|
+
[`${e}-${B}`]: B,
|
|
78
|
+
[`${e}-rtl`]: ro,
|
|
79
|
+
[`${e}-has-prefix`]: u
|
|
87
80
|
},
|
|
88
|
-
|
|
89
|
-
),
|
|
90
|
-
const
|
|
91
|
-
return
|
|
92
|
-
},
|
|
93
|
-
function
|
|
94
|
-
return
|
|
95
|
-
[`${
|
|
96
|
-
[`${
|
|
81
|
+
M
|
|
82
|
+
), E = (o) => {
|
|
83
|
+
const r = a[o] ? a[o].locale(oo?.dayjsLocale).format(C(i) ? i[o] : i) : "";
|
|
84
|
+
return y && o === n ? y : r;
|
|
85
|
+
}, K = q ? {} : { readOnly: !0 };
|
|
86
|
+
function j(o) {
|
|
87
|
+
return S(`${e}-input`, {
|
|
88
|
+
[`${e}-input-active`]: n === o,
|
|
89
|
+
[`${e}-input-placeholder`]: Y && n === o
|
|
97
90
|
});
|
|
98
91
|
}
|
|
99
|
-
return /* @__PURE__ */
|
|
92
|
+
return /* @__PURE__ */ O(
|
|
100
93
|
"div",
|
|
101
94
|
{
|
|
102
|
-
style:
|
|
103
|
-
ref:
|
|
104
|
-
className:
|
|
105
|
-
...
|
|
95
|
+
style: L,
|
|
96
|
+
ref: k,
|
|
97
|
+
className: to,
|
|
98
|
+
...po(_, ["onChange", "onPressEnter"]),
|
|
106
99
|
children: [
|
|
107
|
-
|
|
108
|
-
/* @__PURE__ */
|
|
100
|
+
u && /* @__PURE__ */ s("div", { className: `${e}-prefix`, children: u }),
|
|
101
|
+
/* @__PURE__ */ s("div", { className: j(0), children: /* @__PURE__ */ s(
|
|
109
102
|
"input",
|
|
110
103
|
{
|
|
111
|
-
ref:
|
|
112
|
-
...
|
|
113
|
-
disabled:
|
|
114
|
-
placeholder:
|
|
115
|
-
value:
|
|
116
|
-
onChange: (
|
|
117
|
-
onKeyDown: (
|
|
118
|
-
onClick: (
|
|
119
|
-
onBlur: (
|
|
120
|
-
onFocus: (
|
|
121
|
-
...
|
|
104
|
+
ref: f,
|
|
105
|
+
...c[0],
|
|
106
|
+
disabled: p,
|
|
107
|
+
placeholder: g[0],
|
|
108
|
+
value: E(0),
|
|
109
|
+
onChange: (o) => w(o, 0),
|
|
110
|
+
onKeyDown: (o) => b(o, 0),
|
|
111
|
+
onClick: (o) => D(o, 0),
|
|
112
|
+
onBlur: (o) => z(o, 0),
|
|
113
|
+
onFocus: (o) => R(o, 0),
|
|
114
|
+
...K
|
|
122
115
|
}
|
|
123
116
|
) }),
|
|
124
|
-
/* @__PURE__ */
|
|
125
|
-
/* @__PURE__ */
|
|
117
|
+
/* @__PURE__ */ s("span", { className: `${e}-separator`, children: V || "-" }),
|
|
118
|
+
/* @__PURE__ */ s("div", { className: j(1), children: /* @__PURE__ */ s(
|
|
126
119
|
"input",
|
|
127
120
|
{
|
|
128
|
-
ref:
|
|
129
|
-
...
|
|
130
|
-
disabled:
|
|
131
|
-
placeholder:
|
|
132
|
-
value:
|
|
133
|
-
onChange: (
|
|
134
|
-
onKeyDown: (
|
|
135
|
-
onClick: (
|
|
136
|
-
onBlur: (
|
|
137
|
-
onFocus: (
|
|
138
|
-
...
|
|
121
|
+
ref: m,
|
|
122
|
+
...c[1],
|
|
123
|
+
disabled: h,
|
|
124
|
+
placeholder: g[1],
|
|
125
|
+
value: E(1),
|
|
126
|
+
onChange: (o) => w(o, 1),
|
|
127
|
+
onKeyDown: (o) => b(o, 1),
|
|
128
|
+
onClick: (o) => D(o, 1),
|
|
129
|
+
onBlur: (o) => z(o, 1),
|
|
130
|
+
onFocus: (o) => R(o, 1),
|
|
131
|
+
...K
|
|
139
132
|
}
|
|
140
133
|
) }),
|
|
141
|
-
/* @__PURE__ */
|
|
142
|
-
|
|
143
|
-
|
|
134
|
+
/* @__PURE__ */ O("div", { className: `${e}-suffix`, children: [
|
|
135
|
+
T && a.length === 2 && /* @__PURE__ */ s(
|
|
136
|
+
uo,
|
|
144
137
|
{
|
|
145
|
-
prefix:
|
|
146
|
-
onClick:
|
|
147
|
-
className: `${
|
|
148
|
-
children: /* @__PURE__ */
|
|
138
|
+
prefix: e,
|
|
139
|
+
onClick: d,
|
|
140
|
+
className: `${e}-clear-icon`,
|
|
141
|
+
children: /* @__PURE__ */ s(so, {})
|
|
149
142
|
}
|
|
150
143
|
),
|
|
151
|
-
/* @__PURE__ */
|
|
144
|
+
/* @__PURE__ */ s("span", { className: `${e}-suffix-icon`, children: X })
|
|
152
145
|
] })
|
|
153
146
|
]
|
|
154
147
|
}
|
|
155
148
|
);
|
|
156
149
|
}
|
|
157
|
-
const
|
|
150
|
+
const zo = co(Co);
|
|
158
151
|
export {
|
|
159
|
-
|
|
152
|
+
zo as default
|
|
160
153
|
};
|