@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/hooks/index.js
CHANGED
|
@@ -1,60 +1,58 @@
|
|
|
1
1
|
import { useVerificationCode as t } from "./useVerificationCode.js";
|
|
2
2
|
import { useWatermark as o } from "./useWatermark.js";
|
|
3
|
-
import { default as f } from "../components/common/hooks/
|
|
4
|
-
import { default as d } from "../components/common/hooks/
|
|
5
|
-
import { default as m } from "../components/common/hooks/
|
|
6
|
-
import { default as x } from "../components/common/hooks/
|
|
7
|
-
import { default as n } from "../components/common/hooks/
|
|
8
|
-
import { default as v } from "../components/common/hooks/
|
|
9
|
-
import { default as I } from "../components/common/hooks/useInView.js";
|
|
3
|
+
import { default as f } from "../components/common/hooks/useCreate.js";
|
|
4
|
+
import { default as d } from "../components/common/hooks/useForceUpdate.js";
|
|
5
|
+
import { default as m } from "../components/common/hooks/useId.js";
|
|
6
|
+
import { default as x } from "../components/common/hooks/useIntersectionObserver.js";
|
|
7
|
+
import { default as n } from "../components/common/hooks/useInterval.js";
|
|
8
|
+
import { default as v } from "../components/common/hooks/useInView.js";
|
|
10
9
|
import { default as b } from "../components/common/hooks/useIsFirstRender.js";
|
|
11
|
-
import { default as
|
|
12
|
-
import { default as
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as
|
|
18
|
-
import { default as
|
|
19
|
-
import { default as
|
|
20
|
-
import { default as
|
|
21
|
-
import { default as
|
|
22
|
-
import { default as
|
|
23
|
-
import { default as
|
|
24
|
-
import { default as
|
|
25
|
-
import { default as
|
|
26
|
-
import { default as
|
|
27
|
-
import { default as
|
|
28
|
-
import { default as
|
|
29
|
-
import { default as
|
|
10
|
+
import { default as O } from "../components/common/hooks/useIsomorphicLayoutEffect.js";
|
|
11
|
+
import { default as R } from "../components/common/hooks/useKeyboardEvent.js";
|
|
12
|
+
import { default as h } from "../components/common/hooks/useListenResize.js";
|
|
13
|
+
import { default as W } from "../components/common/hooks/useMedia.js";
|
|
14
|
+
import { default as z } from "../components/common/hooks/useMergeProps.js";
|
|
15
|
+
import { default as M } from "../components/common/hooks/useMergeValue.js";
|
|
16
|
+
import { default as g } from "../components/common/hooks/useOnlineStatus.js";
|
|
17
|
+
import { default as F } from "../components/common/hooks/useOverflowHidden.js";
|
|
18
|
+
import { default as U } from "../components/common/hooks/useOverrideRef.js";
|
|
19
|
+
import { default as H } from "../components/common/hooks/usePersistCallback.js";
|
|
20
|
+
import { default as j } from "../components/common/hooks/usePrefersColorSchemeDark.js";
|
|
21
|
+
import { default as A } from "../components/common/hooks/usePrevious.js";
|
|
22
|
+
import { default as G } from "../components/common/hooks/useRefs.js";
|
|
23
|
+
import { default as N } from "../components/common/hooks/useResizeObserver.js";
|
|
24
|
+
import { default as T } from "../components/common/hooks/useStateCallback.js";
|
|
25
|
+
import { default as Y } from "../components/common/hooks/useStateWithPromise.js";
|
|
26
|
+
import { default as _ } from "../components/common/hooks/useUpdateEffect.js";
|
|
27
|
+
import { default as ee } from "../components/common/hooks/useWatch.js";
|
|
28
|
+
import { default as te } from "../components/common/hooks/useWindowSize.js";
|
|
30
29
|
export {
|
|
31
|
-
f as
|
|
32
|
-
d as
|
|
33
|
-
m as
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
n as
|
|
37
|
-
v as useInterval,
|
|
30
|
+
f as useCreate,
|
|
31
|
+
d as useForceUpdate,
|
|
32
|
+
m as useId,
|
|
33
|
+
v as useInView,
|
|
34
|
+
x as useIntersectionObserver,
|
|
35
|
+
n as useInterval,
|
|
38
36
|
b as useIsFirstRender,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
37
|
+
O as useIsomorphicLayoutEffect,
|
|
38
|
+
R as useKeyboardEvent,
|
|
39
|
+
h as useListenResize,
|
|
40
|
+
W as useMedia,
|
|
41
|
+
z as useMergeProps,
|
|
42
|
+
M as useMergeValue,
|
|
43
|
+
g as useOnlineStatus,
|
|
44
|
+
F as useOverflowHidden,
|
|
45
|
+
U as useOverrideRef,
|
|
46
|
+
H as usePersistCallback,
|
|
47
|
+
j as usePrefersColorSchemeDark,
|
|
48
|
+
A as usePrevious,
|
|
49
|
+
G as useRefs,
|
|
50
|
+
N as useResizeObserver,
|
|
51
|
+
T as useStateCallback,
|
|
52
|
+
Y as useStateWithPromise,
|
|
53
|
+
_ as useUpdateEffect,
|
|
56
54
|
t as useVerificationCode,
|
|
57
|
-
|
|
55
|
+
ee as useWatch,
|
|
58
56
|
o as useWatermark,
|
|
59
|
-
|
|
57
|
+
te as useWindowSize
|
|
60
58
|
};
|
|
@@ -1,73 +1,71 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { useMemo as
|
|
3
|
-
import
|
|
4
|
-
import { isExist as
|
|
5
|
-
import { Backspace as
|
|
6
|
-
const
|
|
7
|
-
function
|
|
8
|
-
const [
|
|
9
|
-
const t =
|
|
10
|
-
return new Array(
|
|
11
|
-
}, [
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
if ((t == null ? void 0 : t.indexOf(document.activeElement)) === -1)
|
|
1
|
+
import g from "lodash/isEqualWith";
|
|
2
|
+
import { useMemo as p, useEffect as h } from "react";
|
|
3
|
+
import d from "../components/common/hooks/useMergeValue.js";
|
|
4
|
+
import { isExist as y } from "../components/common/utils/is.js";
|
|
5
|
+
import { Backspace as D } from "@unicom-cloud/utils/constant/keyboardCode";
|
|
6
|
+
const v = 6;
|
|
7
|
+
function S(a) {
|
|
8
|
+
const [r, u] = d("", a), l = +a.length > 0 ? +a.length : v, n = p(() => {
|
|
9
|
+
const t = r ? String(r).split("") : [];
|
|
10
|
+
return new Array(l).fill("").map((o, e) => y(t[e]) ? String(t[e]) : "");
|
|
11
|
+
}, [r, l]), f = () => {
|
|
12
|
+
const t = a.getInputRefList?.() || [];
|
|
13
|
+
if (t?.indexOf(document.activeElement) === -1)
|
|
15
14
|
return;
|
|
16
|
-
const
|
|
17
|
-
if (
|
|
18
|
-
const
|
|
19
|
-
|
|
15
|
+
const o = n.findIndex((e) => !e);
|
|
16
|
+
if (o > -1) {
|
|
17
|
+
const e = Math.min(o, t.length - 1);
|
|
18
|
+
t[e]?.focus?.();
|
|
20
19
|
}
|
|
21
20
|
};
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}, [JSON.stringify(
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}, g = (t, a) => {
|
|
21
|
+
h(() => {
|
|
22
|
+
f();
|
|
23
|
+
}, [JSON.stringify(n)]);
|
|
24
|
+
const c = (t) => {
|
|
25
|
+
g(t, r) || (u(t), a.onChange?.(t), t.length === l && a.onFinish?.(t));
|
|
26
|
+
}, m = (t, o) => {
|
|
29
27
|
t.preventDefault();
|
|
30
28
|
const i = t.clipboardData.getData("text");
|
|
31
|
-
i &&
|
|
32
|
-
|
|
29
|
+
i && c(
|
|
30
|
+
n.slice(0, o).concat(i.split("")).join("")
|
|
33
31
|
);
|
|
34
32
|
};
|
|
35
33
|
return {
|
|
36
|
-
value:
|
|
37
|
-
filledValue:
|
|
38
|
-
setValue:
|
|
34
|
+
value: r,
|
|
35
|
+
filledValue: n,
|
|
36
|
+
setValue: c,
|
|
39
37
|
getInputProps: (t) => {
|
|
40
|
-
const
|
|
38
|
+
const o = String(n[t]);
|
|
41
39
|
return {
|
|
42
40
|
key: t,
|
|
43
|
-
value:
|
|
41
|
+
value: o,
|
|
44
42
|
onClick: (e) => {
|
|
45
|
-
e.preventDefault(),
|
|
43
|
+
e.preventDefault(), n[t] || f();
|
|
46
44
|
},
|
|
47
45
|
onKeyDown: (e) => {
|
|
48
|
-
if (e.key ===
|
|
49
|
-
if (
|
|
46
|
+
if (e.key === D.key) {
|
|
47
|
+
if (n[t + 1]) {
|
|
50
48
|
e.preventDefault();
|
|
51
49
|
return;
|
|
52
50
|
}
|
|
53
51
|
let i = t;
|
|
54
|
-
|
|
55
|
-
const
|
|
56
|
-
|
|
52
|
+
n[t] || (i -= 1);
|
|
53
|
+
const s = [...n];
|
|
54
|
+
s[i] = "", c(s.join(""));
|
|
57
55
|
}
|
|
58
56
|
},
|
|
59
57
|
onChange: (e) => {
|
|
60
|
-
const i =
|
|
61
|
-
|
|
58
|
+
const i = e?.trim() || "", s = [...n];
|
|
59
|
+
s[t] = i.replace(o, "").split("").pop() || "", c(s.join(""));
|
|
62
60
|
},
|
|
63
61
|
onPaste: (e) => {
|
|
64
|
-
|
|
62
|
+
m(e, t);
|
|
65
63
|
}
|
|
66
64
|
};
|
|
67
65
|
}
|
|
68
66
|
};
|
|
69
67
|
}
|
|
70
68
|
export {
|
|
71
|
-
|
|
72
|
-
|
|
69
|
+
S as default,
|
|
70
|
+
S as useVerificationCode
|
|
73
71
|
};
|
package/hooks/useWatermark.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import
|
|
1
|
+
import z from "lodash/isNumber";
|
|
2
2
|
import A from "lodash/merge";
|
|
3
|
-
import { useState as E, useRef as
|
|
3
|
+
import { useState as E, useRef as N, useEffect as W } from "react";
|
|
4
4
|
import { isServerRendering as P } from "../components/common/utils/dom.js";
|
|
5
5
|
import { getPixelRatio as R } from "./use-watermark/utils.js";
|
|
6
|
-
const
|
|
7
|
-
if (
|
|
8
|
-
return
|
|
9
|
-
const
|
|
10
|
-
return
|
|
11
|
-
},
|
|
6
|
+
const w = (a, n) => {
|
|
7
|
+
if (z(a))
|
|
8
|
+
return a;
|
|
9
|
+
const r = parseFloat(a);
|
|
10
|
+
return z(r) && !isNaN(r) ? r : n;
|
|
11
|
+
}, v = {
|
|
12
12
|
width: 100,
|
|
13
13
|
gap: [100, 100],
|
|
14
14
|
fontStyle: {
|
|
@@ -18,106 +18,103 @@ const y = (h, n) => {
|
|
|
18
18
|
fontWeight: "normal"
|
|
19
19
|
},
|
|
20
20
|
getContainer: () => document.body
|
|
21
|
-
}, I = (
|
|
22
|
-
let
|
|
23
|
-
const
|
|
24
|
-
n.forEach((
|
|
21
|
+
}, I = (a, n, r) => {
|
|
22
|
+
let s = 0, g = 0;
|
|
23
|
+
const d = [];
|
|
24
|
+
n.forEach((c) => {
|
|
25
25
|
const {
|
|
26
26
|
width: e,
|
|
27
|
-
fontBoundingBoxAscent:
|
|
28
|
-
fontBoundingBoxDescent:
|
|
29
|
-
} =
|
|
30
|
-
e >
|
|
27
|
+
fontBoundingBoxAscent: f,
|
|
28
|
+
fontBoundingBoxDescent: m
|
|
29
|
+
} = a.measureText(c), p = f + m;
|
|
30
|
+
e > s && (s = e), g += p, d.push({ height: p, width: e });
|
|
31
31
|
});
|
|
32
|
-
const
|
|
32
|
+
const h = r * Math.PI / 180;
|
|
33
33
|
return {
|
|
34
|
-
originWidth:
|
|
34
|
+
originWidth: s,
|
|
35
35
|
// 原始宽度
|
|
36
36
|
originHeight: g,
|
|
37
37
|
// 原始高度
|
|
38
38
|
// rotate 旋转后的实际占位宽度
|
|
39
39
|
width: Math.ceil(
|
|
40
|
-
Math.abs(Math.sin(
|
|
40
|
+
Math.abs(Math.sin(h) * g) + Math.abs(Math.cos(h) * s)
|
|
41
41
|
),
|
|
42
42
|
// rotate 旋转后的实际占位高度
|
|
43
43
|
height: Math.ceil(
|
|
44
|
-
Math.abs(Math.sin(
|
|
44
|
+
Math.abs(Math.sin(h) * s) + Math.abs(g * Math.cos(h))
|
|
45
45
|
),
|
|
46
|
-
lineSize:
|
|
46
|
+
lineSize: d
|
|
47
47
|
};
|
|
48
|
-
}, B = async (
|
|
49
|
-
const { offset: n, rotate:
|
|
50
|
-
const t = 2 * n[0] +
|
|
51
|
-
|
|
52
|
-
const
|
|
53
|
-
|
|
54
|
-
},
|
|
55
|
-
const { fontSize:
|
|
56
|
-
|
|
57
|
-
const
|
|
58
|
-
return
|
|
59
|
-
const { height:
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
48
|
+
}, B = async (a) => {
|
|
49
|
+
const { offset: n, rotate: r, image: s, content: g, fontStyle: d } = a, h = document.createElement("canvas"), c = h.getContext("2d"), e = R(c), f = [].concat(g || ""), m = ({ height: u, width: o }) => {
|
|
50
|
+
const t = 2 * n[0] + o, i = 2 * n[1] + u;
|
|
51
|
+
h.setAttribute("width", `${t * e}px`), h.setAttribute("height", `${i * e}px`), h.style.width = `${t}px`, h.style.height = `${i}px`, c.translate(t * e / 2, i * e / 2), c.scale(e, e);
|
|
52
|
+
const l = r * Math.PI / 180;
|
|
53
|
+
c.rotate(l);
|
|
54
|
+
}, p = () => {
|
|
55
|
+
const { fontSize: u, color: o, fontWeight: t, fontFamily: i } = d, l = w(u, 0) || d.fontSize;
|
|
56
|
+
c.font = `${t} ${l}px ${i}`;
|
|
57
|
+
const b = I(c, f, r), M = a.width || b.width, C = a.height || b.height;
|
|
58
|
+
return m({ width: M, height: C }), c.fillStyle = o, c.font = `${t} ${l}px ${i}`, c.textBaseline = "top", f.forEach((x, y) => {
|
|
59
|
+
const { height: $, width: S } = b.lineSize[y], k = -S / 2, O = -(a.height || b.originHeight) / 2 + $ * y;
|
|
60
|
+
c.fillText(
|
|
61
|
+
x,
|
|
62
|
+
k,
|
|
63
63
|
O,
|
|
64
|
-
|
|
64
|
+
a.width || b.originWidth
|
|
65
65
|
);
|
|
66
|
-
}), { base64Url:
|
|
66
|
+
}), { base64Url: h.toDataURL(), height: C, width: M };
|
|
67
67
|
};
|
|
68
|
-
return
|
|
69
|
-
const
|
|
70
|
-
|
|
71
|
-
let { width: t, height:
|
|
72
|
-
return (!t || !
|
|
73
|
-
},
|
|
74
|
-
}) :
|
|
75
|
-
}, D = (
|
|
76
|
-
|
|
77
|
-
const n = h || {}, i = {
|
|
68
|
+
return s ? new Promise((u) => {
|
|
69
|
+
const o = new Image();
|
|
70
|
+
o.crossOrigin = "anonymous", o.referrerPolicy = "no-referrer", o.src = s, o.onload = () => {
|
|
71
|
+
let { width: t, height: i } = a;
|
|
72
|
+
return (!t || !i) && (t ? i = o.height / o.width * t : t = o.width / o.height * i), m({ width: t, height: i }), c.drawImage(o, -t / 2, -i / 2, t, i), u({ base64Url: h.toDataURL(), width: t, height: i });
|
|
73
|
+
}, o.onerror = () => p();
|
|
74
|
+
}) : p();
|
|
75
|
+
}, D = (a) => {
|
|
76
|
+
const n = a || {}, r = {
|
|
78
77
|
rotate: -20,
|
|
79
78
|
zIndex: 1,
|
|
80
79
|
...n,
|
|
81
|
-
fontStyle: { ...
|
|
82
|
-
width:
|
|
80
|
+
fontStyle: { ...v.fontStyle, ...n.fontStyle },
|
|
81
|
+
width: w(
|
|
83
82
|
n.width,
|
|
84
|
-
n.image ?
|
|
83
|
+
n.image ? v.width : void 0
|
|
85
84
|
),
|
|
86
|
-
height:
|
|
85
|
+
height: w(n.height, void 0),
|
|
87
86
|
getContainer: n.getContainer,
|
|
88
87
|
gap: [
|
|
89
|
-
|
|
90
|
-
|
|
88
|
+
w(n.gap?.[0], v.gap[0]),
|
|
89
|
+
w(n.gap?.[1] || n.gap?.[0], v.gap[1])
|
|
91
90
|
]
|
|
92
91
|
};
|
|
93
|
-
return
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
],
|
|
92
|
+
return r.offset = [
|
|
93
|
+
w(r.offset?.[0], r.gap[0] / 2),
|
|
94
|
+
w(r.offset?.[1] || r.offset?.[0], r.gap[0] / 2)
|
|
95
|
+
], r;
|
|
97
96
|
};
|
|
98
|
-
function q(
|
|
99
|
-
const [n,
|
|
100
|
-
var f, m;
|
|
97
|
+
function q(a) {
|
|
98
|
+
const [n, r] = E(a || {}), s = N(), g = N(), d = D(n), { zIndex: h, gap: c } = d, e = P ? null : n?.getContainer ? n.getContainer() : v.getContainer(), f = (t, i) => {
|
|
101
99
|
if (!e || !t)
|
|
102
100
|
return;
|
|
103
|
-
const
|
|
104
|
-
|
|
105
|
-
},
|
|
101
|
+
const l = "data-pqb-watermark-origin-position";
|
|
102
|
+
i === "set" ? (e.append(t), e.setAttribute(l, e.style?.position || ""), e.style.position = "relative") : (t.parentNode?.removeChild(t), e.style.position = e.getAttribute(l), e.removeAttribute(l));
|
|
103
|
+
}, m = () => {
|
|
106
104
|
g.current && g.current.disconnect(), g.current = null;
|
|
107
|
-
},
|
|
105
|
+
}, p = () => {
|
|
108
106
|
if (e) {
|
|
109
107
|
const t = document.createElement("div");
|
|
110
|
-
return
|
|
108
|
+
return s.current = t, f(s.current, "set"), t;
|
|
111
109
|
}
|
|
112
|
-
},
|
|
113
|
-
|
|
114
|
-
const t =
|
|
115
|
-
|
|
116
|
-
},
|
|
117
|
-
e && B(
|
|
118
|
-
|
|
119
|
-
b
|
|
120
|
-
const f = `
|
|
110
|
+
}, u = () => {
|
|
111
|
+
m();
|
|
112
|
+
const t = s.current;
|
|
113
|
+
s.current = null, f(t, "reset");
|
|
114
|
+
}, o = () => {
|
|
115
|
+
e && B(d).then(({ base64Url: t, width: i, height: l }) => {
|
|
116
|
+
m();
|
|
117
|
+
const b = `
|
|
121
118
|
width:100%;
|
|
122
119
|
height:100%;
|
|
123
120
|
position:absolute;
|
|
@@ -126,25 +123,25 @@ function q(h) {
|
|
|
126
123
|
bottom:0;
|
|
127
124
|
right:0;
|
|
128
125
|
pointer-events: none;
|
|
129
|
-
z-index:${
|
|
126
|
+
z-index:${h};
|
|
130
127
|
background-position: 0 0;
|
|
131
|
-
background-size:${
|
|
128
|
+
background-size:${c[0] + i}px ${c[1] + l}px;
|
|
132
129
|
background-repeat: repeat;
|
|
133
130
|
background-image:url(${t})`;
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
const
|
|
137
|
-
if (
|
|
138
|
-
if (
|
|
131
|
+
s.current || p(), s.current?.setAttribute("style", b.trim()), e && (g.current = new MutationObserver((M) => {
|
|
132
|
+
M.some((x) => {
|
|
133
|
+
const y = x.target;
|
|
134
|
+
if (y) {
|
|
135
|
+
if (y.isSameNode(e))
|
|
139
136
|
return [].slice.call(x.removedNodes).concat(
|
|
140
|
-
[].slice.call(x.addedNodes).map((
|
|
137
|
+
[].slice.call(x.addedNodes).map((S) => S.parentNode)
|
|
141
138
|
).some(
|
|
142
|
-
(
|
|
139
|
+
(S) => S === s.current
|
|
143
140
|
);
|
|
144
|
-
if (
|
|
141
|
+
if (y.isSameNode(s.current) && x.type === "attributes")
|
|
145
142
|
return !0;
|
|
146
143
|
}
|
|
147
|
-
}) && (
|
|
144
|
+
}) && (u(), o());
|
|
148
145
|
}), g.current.observe(e, {
|
|
149
146
|
attributes: !0,
|
|
150
147
|
subtree: !0,
|
|
@@ -152,16 +149,16 @@ function q(h) {
|
|
|
152
149
|
}));
|
|
153
150
|
});
|
|
154
151
|
};
|
|
155
|
-
return
|
|
156
|
-
|
|
157
|
-
}, [n]),
|
|
158
|
-
|
|
152
|
+
return W(() => {
|
|
153
|
+
o();
|
|
154
|
+
}, [n]), W(() => (u(), o(), () => {
|
|
155
|
+
u();
|
|
159
156
|
}), [e]), {
|
|
160
157
|
setWatermark: (t) => {
|
|
161
|
-
|
|
158
|
+
r(A({}, n, t));
|
|
162
159
|
},
|
|
163
160
|
destroy: () => {
|
|
164
|
-
|
|
161
|
+
u();
|
|
165
162
|
}
|
|
166
163
|
};
|
|
167
164
|
}
|
package/icon/index.js
CHANGED
|
@@ -1,36 +1,35 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { default as
|
|
3
|
-
import { default as
|
|
4
|
-
import
|
|
5
|
-
import { ConfigConsumer as
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
const
|
|
9
|
-
return /* @__PURE__ */
|
|
10
|
-
|
|
11
|
-
const { className: a, spin: m, children: f, type: i, ...l } = c, r = {
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { default as j } from "@unicom-cloud/icons/context";
|
|
3
|
+
import { default as b } from "@unicom-cloud/icons/useProps";
|
|
4
|
+
import d from "react";
|
|
5
|
+
import { ConfigConsumer as p } from "../config-provider/ConfigProvider.js";
|
|
6
|
+
import u from "@unicom-cloud/utils/class-name";
|
|
7
|
+
import I from "./addFromIconFontCn.js";
|
|
8
|
+
const n = d.forwardRef(function(s, x) {
|
|
9
|
+
return /* @__PURE__ */ e(p, { children: (t) => {
|
|
10
|
+
const { className: c, spin: a, children: m, type: f, ...i } = s, o = {
|
|
12
11
|
...{
|
|
13
12
|
width: "1em",
|
|
14
13
|
height: "1em",
|
|
15
14
|
fill: "currentColor"
|
|
16
15
|
},
|
|
17
|
-
...
|
|
18
|
-
},
|
|
19
|
-
|
|
20
|
-
|
|
16
|
+
...i
|
|
17
|
+
}, r = t?.getPrefixCls?.("icon"), l = u(
|
|
18
|
+
r,
|
|
19
|
+
f,
|
|
21
20
|
{
|
|
22
|
-
[`${
|
|
21
|
+
[`${r}-loading`]: a
|
|
23
22
|
},
|
|
24
|
-
|
|
23
|
+
c
|
|
25
24
|
);
|
|
26
|
-
return
|
|
25
|
+
return o.className = l, /* @__PURE__ */ e("svg", { ...o, children: m });
|
|
27
26
|
} });
|
|
28
27
|
});
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
n.displayName = "Icon";
|
|
29
|
+
n.addFromIconFontCn = I;
|
|
31
30
|
export {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
31
|
+
j as IconContext,
|
|
32
|
+
I as addFromIconFontCn,
|
|
33
|
+
n as default,
|
|
34
|
+
b as useIconProps
|
|
36
35
|
};
|
package/icon-hover/index.js
CHANGED
|
@@ -3,37 +3,37 @@ import d, { useContext as u, useRef as p, useImperativeHandle as C } from "react
|
|
|
3
3
|
import "../config-provider/ConfigProvider.js";
|
|
4
4
|
import x from "@unicom-cloud/utils/class-name";
|
|
5
5
|
import N from "../config-provider/context.js";
|
|
6
|
-
function $(
|
|
6
|
+
function $(r, n) {
|
|
7
7
|
const {
|
|
8
|
-
children:
|
|
9
|
-
className:
|
|
10
|
-
disabled:
|
|
11
|
-
prefix:
|
|
8
|
+
children: i,
|
|
9
|
+
className: a,
|
|
10
|
+
disabled: c,
|
|
11
|
+
prefix: t,
|
|
12
12
|
size: e = "default",
|
|
13
13
|
...f
|
|
14
|
-
} =
|
|
15
|
-
return C(
|
|
14
|
+
} = r, { getPrefixCls: m } = u(N), o = m?.("icon-hover"), s = p();
|
|
15
|
+
return C(n, () => ({
|
|
16
16
|
getRootDOMNode: () => s.current
|
|
17
17
|
})), /* @__PURE__ */ l(
|
|
18
18
|
"span",
|
|
19
19
|
{
|
|
20
20
|
ref: s,
|
|
21
21
|
className: x(
|
|
22
|
-
|
|
22
|
+
o,
|
|
23
23
|
{
|
|
24
|
-
[`${
|
|
25
|
-
[`${
|
|
26
|
-
[`${
|
|
24
|
+
[`${t}-icon-hover`]: t,
|
|
25
|
+
[`${o}-size-${e}`]: e && e !== "default",
|
|
26
|
+
[`${o}-disabled`]: c
|
|
27
27
|
},
|
|
28
|
-
|
|
28
|
+
a
|
|
29
29
|
),
|
|
30
|
-
onClick:
|
|
30
|
+
onClick: r.onClick,
|
|
31
31
|
...f,
|
|
32
|
-
children:
|
|
32
|
+
children: i
|
|
33
33
|
}
|
|
34
34
|
);
|
|
35
35
|
}
|
|
36
|
-
const
|
|
36
|
+
const k = d.forwardRef($);
|
|
37
37
|
export {
|
|
38
|
-
|
|
38
|
+
k as default
|
|
39
39
|
};
|
package/icons/file.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as i, useContext as l } from "react";
|
|
3
|
+
import a from "../components/common/icons/file/index.js";
|
|
4
4
|
import "../config-provider/ConfigProvider.js";
|
|
5
|
-
import
|
|
5
|
+
import c from "@unicom-cloud/utils/class-name";
|
|
6
6
|
import f from "../config-provider/context.js";
|
|
7
|
-
function p(
|
|
7
|
+
function p(o, e) {
|
|
8
8
|
const {
|
|
9
|
-
getPrefixCls:
|
|
10
|
-
locale:
|
|
11
|
-
componentConfig:
|
|
12
|
-
} =
|
|
13
|
-
return /* @__PURE__ */
|
|
9
|
+
getPrefixCls: t,
|
|
10
|
+
locale: x,
|
|
11
|
+
componentConfig: N
|
|
12
|
+
} = l(f), { className: s, ...n } = o, r = t?.("icons-file");
|
|
13
|
+
return /* @__PURE__ */ m(a, { ref: e, ...n, className: c(r, s) });
|
|
14
14
|
}
|
|
15
|
-
const C =
|
|
15
|
+
const C = i(p);
|
|
16
16
|
C.displayName = "IconFile";
|
|
17
17
|
export {
|
|
18
18
|
C as default
|