@unicom-cloud/ui 0.8.44 → 0.8.46
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 +54 -51
- package/Alert.js +46 -43
- package/Anchor.js +5 -4
- package/AutoComplete.js +60 -55
- package/Avatar.js +10 -155
- package/BackTop.js +41 -38
- package/Badge.js +63 -93
- package/Breadcrumb.js +63 -118
- package/Button.js +105 -109
- package/Calendar.js +139 -536
- package/Card.js +65 -101
- package/Carousel.js +169 -270
- package/Cascader.js +9 -8
- package/Checkbox.js +4 -3
- package/Collapse.js +4 -3
- package/ColorPicker.js +95 -546
- package/Comment.js +14 -12
- package/ConfigProvider.js +6 -5
- package/Copy.js +33 -31
- package/DatePicker.js +35 -1993
- package/Descriptions.js +30 -28
- package/Divider.js +8 -6
- package/Draggable.js +28 -85
- package/Drawer.js +5 -4
- package/Dropdown.js +107 -167
- package/Empty.js +28 -8
- package/Form.js +30 -1418
- package/Grid.js +13 -250
- package/Icon.js +19 -45
- package/IconHover.js +39 -6
- package/Image.js +3 -3
- package/Input.js +4 -4
- package/InputNumber.js +213 -17
- package/InputTag.js +5 -4
- package/Layout.js +35 -48
- package/Link.js +16 -14
- package/List.js +191 -228
- package/Loading.js +18 -17
- package/Mentions.js +99 -115
- package/Menu.js +8 -7
- package/Message.js +147 -10
- package/Modal.js +5 -4
- package/Notice.js +196 -13
- package/Notification.js +136 -11
- package/NotificationBase.js +5 -4
- package/OverflowEllipsis.js +48 -71
- package/PageHeader.js +52 -52
- package/Pagination.js +12 -11
- package/Picker.js +6 -4
- package/Popconfirm.js +47 -44
- package/Popover.js +25 -23
- package/Portal.js +12 -32
- package/Progress.js +65 -328
- package/Radio.js +6 -5
- package/Rate.js +48 -45
- package/ResizeBox.js +127 -505
- package/Result.js +60 -1417
- package/Select.js +9 -8
- package/SelectView.js +49 -328
- package/Skeleton.js +41 -78
- package/Slider.js +228 -702
- package/Space.js +53 -57
- package/Spin.js +57 -72
- package/Statistic.js +84 -153
- package/Steps.js +64 -123
- package/SuspenseFallbackTest.js +4 -3
- package/Switch.js +41 -38
- package/Table.js +20 -1999
- package/Tabs.js +9 -8
- package/Tag.js +24 -21
- package/TimePicker.js +19 -272
- package/Timeline.js +4 -3
- package/Tooltip.js +79 -72
- package/Transfer.js +138 -402
- package/Tree.js +5 -4
- package/TreeSelect.js +8 -7
- package/Trigger.js +407 -571
- package/Typography.js +11 -722
- package/Upload.js +9 -8
- package/VerificationCode.js +6 -5
- package/Version.js +1 -1
- package/VirtualList.js +4 -3
- package/Watermark.js +3 -2
- package/anchor/Anchor.js +193 -0
- package/anchor/Link.js +54 -0
- package/anchor/context.js +14 -0
- package/anchor/util.js +41 -0
- package/avatar/Avatar.js +85 -0
- package/avatar/Group.js +84 -0
- package/avatar/context.js +5 -0
- package/badge/Count.js +35 -0
- package/breadcrumb/Item.js +67 -0
- package/button/Group.js +15 -0
- package/calendar/Month.js +142 -0
- package/calendar/WeekList.js +24 -0
- package/calendar/Year.js +75 -0
- package/calendar/header/Panel.js +57 -0
- package/calendar/header/index.js +118 -0
- package/calendar/hook/useCellClassName.js +41 -0
- package/card/Grid.js +27 -0
- package/card/Meta.js +32 -0
- package/carousel/Arrow.js +57 -0
- package/carousel/Indicator.js +68 -0
- package/cascader/Cascader.js +300 -0
- package/cascader/base/node.js +142 -0
- package/cascader/base/store.js +93 -0
- package/cascader/hook/useRefCurrent.js +12 -0
- package/cascader/panel/List.js +275 -0
- package/cascader/panel/Option.js +35 -0
- package/cascader/panel/Search.js +171 -0
- package/cascader/util.js +66 -0
- package/checkbox/Checkbox.js +111 -0
- package/checkbox/Group.js +97 -0
- package/checkbox/useCheckbox.js +45 -0
- package/collapse/Collapse.js +90 -0
- package/collapse/Item.js +165 -0
- package/color-picker/ControlBar.js +64 -0
- package/color-picker/InputAlpha.js +24 -0
- package/color-picker/InputHex.js +59 -0
- package/color-picker/InputRgb.js +66 -0
- package/color-picker/Palette.js +36 -0
- package/color-picker/Panel.js +165 -0
- package/color-picker/colors.js +37 -0
- package/color-picker/hooks/useColorPicker.js +63 -0
- package/color-picker/hooks/useControlBlock.js +40 -0
- package/config-provider/ConfigProvider.js +94 -0
- package/config-provider/context.js +24 -0
- package/date-picker/Picker.js +399 -0
- package/date-picker/PickerRange.js +568 -0
- package/date-picker/context.js +5 -0
- package/date-picker/hook/useCellClassName.js +58 -0
- package/date-picker/panel/Body.js +78 -0
- package/date-picker/panel/Footer.js +71 -0
- package/date-picker/panel/Header.js +74 -0
- package/date-picker/panel/Shortcut.js +45 -0
- package/date-picker/panel/WeekList.js +19 -0
- package/date-picker/panel/date/index.js +194 -0
- package/date-picker/panel/month/index.js +113 -0
- package/date-picker/panel/quarter/index.js +93 -0
- package/date-picker/panel/range/index.js +251 -0
- package/date-picker/panel/week/index.js +35 -0
- package/date-picker/panel/year/index.js +74 -0
- package/date-picker/util.js +69 -0
- package/draggable/Item.js +66 -0
- package/drawer/Drawer.js +226 -0
- package/dropdown/Button.js +91 -0
- package/form/Control.js +264 -0
- package/form/Form.js +156 -0
- package/form/FormItem.js +241 -0
- package/form/FormLabel.js +54 -0
- package/form/FormList.js +96 -0
- package/form/FormProvider.js +48 -0
- package/form/IconSymbol.js +20 -0
- package/form/context.js +43 -0
- package/form/hook/useContext.js +32 -0
- package/form/hook/useState.js +31 -0
- package/form/hook/useWatch.js +36 -0
- package/form/interface.js +11 -0
- package/form/promisify.js +23 -0
- package/form/store.js +354 -0
- package/form/useForm.js +53 -0
- package/form/util.js +72 -0
- package/grid/Col.js +87 -0
- package/grid/Row.js +88 -0
- package/grid/context.js +9 -0
- package/grid/grid-item.js +77 -0
- package/grid/grid.js +104 -0
- package/grid/hook/useResponsiveState.js +38 -0
- package/grid/util.js +51 -0
- package/{chunk/I4RV9SKZ.js → hooks/factory/createHTMLMediaHook.js} +35 -43
- package/hooks/index.js +246 -4
- package/{chunk/BdYAMaw9.js → hooks/misc/hookState.js} +1 -1
- package/hooks/misc/parseTimeRanges.js +12 -0
- package/{chunk/TXCrI0jN.js → hooks/misc/util.js} +6 -6
- package/hooks/use-watermark/utils.js +8 -0
- package/hooks/use-watermark.js +71 -76
- package/hooks/useAudio.js +3 -3
- package/hooks/useBeforeUnload.js +2 -2
- package/hooks/useClickAway.js +10 -10
- package/hooks/useCounter.js +1 -1
- package/hooks/useCreation.js +2 -4
- package/hooks/useDrop.js +12 -12
- package/hooks/useDropArea.js +5 -5
- package/hooks/useEvent.js +6 -6
- package/hooks/useEventListener.js +2 -4
- package/hooks/useFavicon.js +1 -2
- package/hooks/useFullscreen.js +11 -13
- package/hooks/useGetSet.js +5 -5
- package/hooks/useHash.js +6 -6
- package/hooks/useHover.js +6 -6
- package/hooks/useHoverDirty.js +7 -7
- package/hooks/useIdle.js +17 -17
- package/hooks/useIsomorphicLayoutEffect2.js +3 -3
- package/hooks/useKey.js +5 -5
- package/hooks/useList.js +1 -1
- package/hooks/useLocalStorage.js +2 -3
- package/hooks/useLocation.js +1 -1
- package/hooks/useLockBodyScroll.js +13 -14
- package/hooks/useLongPress.js +7 -7
- package/hooks/useMeasure.js +3 -3
- package/hooks/useMedia.js +4 -4
- package/hooks/useMediaDevices.js +10 -10
- package/hooks/useMotion.js +11 -11
- package/hooks/useMouse.js +9 -9
- package/hooks/useMouseWheel.js +7 -7
- package/hooks/useNetworkState.js +7 -7
- package/hooks/useOrientation.js +10 -11
- package/hooks/useOverrideRef.js +14 -0
- package/hooks/usePageLeave.js +4 -4
- package/hooks/usePermission.js +9 -9
- package/hooks/usePersistCallback.js +15 -0
- package/hooks/useScroll.js +6 -6
- package/hooks/useScrolling.js +7 -7
- package/hooks/useSearchParam.js +5 -5
- package/hooks/useSessionStorage.js +9 -9
- package/hooks/useSize.js +1 -1
- package/hooks/useSlider.js +6 -6
- package/hooks/useStartTyping.js +4 -4
- package/hooks/useStateList.js +4 -5
- package/hooks/useStateWithHistory.js +1 -1
- package/hooks/useTimeout.js +1 -2
- package/hooks/useVibrate.js +5 -5
- package/hooks/useVideo.js +3 -3
- package/hooks/useWindowScroll.js +13 -13
- package/hooks/useWindowSize.js +6 -6
- package/icon/addFromIconFontCn.js +33 -0
- package/image/Image.js +189 -0
- package/image/ImageFooter.js +45 -0
- package/image/ImagePreview.js +473 -0
- package/image/ImagePreviewArrow.js +40 -0
- package/image/ImagePreviewGroup.js +125 -0
- package/image/ImagePreviewToolbar.js +98 -0
- package/image/TriggerForToolbar.js +10 -0
- package/image/previewGroupContext.js +17 -0
- package/image/util/getFixTranslate.js +7 -0
- package/image/util/getScale.js +72 -0
- package/image/util/hook/useImageStatus.js +16 -0
- package/image/util/hook/useShowFooter.js +7 -0
- package/index.js +440 -398
- package/input/Group.js +20 -0
- package/input/Input.js +185 -0
- package/input/InputElement.js +233 -0
- package/input/Number.js +4 -0
- package/input/Password.js +72 -0
- package/input/Search.js +80 -0
- package/input/Tag.js +7 -0
- package/input/Textarea.js +168 -0
- package/input/autoSizeTextAreaHeight.js +65 -0
- package/input/useComposition.js +39 -0
- package/input-number/decimal.js +154 -0
- package/input-number/useSelectionRange.js +26 -0
- package/input-number/util.js +57 -0
- package/input-tag/InputTag.js +381 -0
- package/layout/Content.js +15 -0
- package/layout/Footer.js +15 -0
- package/layout/Header.js +15 -0
- package/{chunk/B9asjXwm.js → layout/Sider.js} +23 -22
- package/list/Item.js +46 -0
- package/list/Meta.js +21 -0
- package/loading/style/index.module.less.js +4 -0
- package/mentions/util.js +26 -0
- package/menu/Indent.js +17 -0
- package/menu/Item.js +125 -0
- package/menu/ItemGroup.js +39 -0
- package/menu/Menu.js +181 -0
- package/menu/OverflowWrap.js +85 -0
- package/menu/context.js +5 -0
- package/menu/sub-menu/Inline.js +111 -0
- package/menu/sub-menu/Pop.js +126 -0
- package/menu/sub-menu/index.js +17 -0
- package/menu/util.js +80 -0
- package/message/useMessage.js +53 -0
- package/modal/Confirm.js +98 -0
- package/modal/Modal.js +419 -0
- package/modal/config.js +25 -0
- package/modal/use-modal/Hook.js +55 -0
- package/modal/use-modal/index.js +68 -0
- package/notification/useNotification.js +55 -0
- package/overflow-ellipsis/OverflowItem.js +34 -0
- package/package.json +1 -1
- package/pagination/PageItem.js +121 -0
- package/pagination/PageJumper.js +64 -0
- package/pagination/PageOption.js +55 -0
- package/pagination/Pagination.js +245 -0
- package/picker/Input.js +124 -0
- package/picker/InputRange.js +155 -0
- package/portal/Portal.js +25 -0
- package/progress/CircleProgress.js +117 -0
- package/progress/LineProgess.js +103 -0
- package/progress/StepProgress.js +74 -0
- package/radio/Group.js +91 -0
- package/radio/Radio.js +90 -0
- package/resize-box/ResizeTrigger.js +78 -0
- package/resize-box/Split.js +132 -0
- package/resize-box/SplitGroup.js +204 -0
- package/result/403.js +695 -0
- package/result/404.js +513 -0
- package/result/500.js +166 -0
- package/select/OptGroup.js +20 -0
- package/select/Option.js +97 -0
- package/select/Select.js +544 -0
- package/select/util.js +140 -0
- package/select-view/Core.js +309 -0
- package/skeleton/Image.js +24 -0
- package/skeleton/Text.js +27 -0
- package/slider/Button.js +159 -0
- package/slider/Dot.js +43 -0
- package/slider/Input.js +75 -0
- package/slider/Mark.js +28 -0
- package/slider/Tick.js +44 -0
- package/slider/hook/useInterval.js +73 -0
- package/slider/hook/useLegalValue.js +70 -0
- package/slider/util.js +63 -0
- package/space/toArray.js +11 -0
- package/spin/DotLoading.js +26 -0
- package/statistic/Countdown.js +57 -0
- package/statistic/util.js +33 -0
- package/steps/Step.js +68 -0
- package/style.css +1 -1
- package/table/ColGroup.js +59 -0
- package/table/Table.js +634 -0
- package/table/constant.js +5 -0
- package/table/hook/useColumns.js +141 -0
- package/table/hook/useComponent.js +64 -0
- package/table/hook/useExpand.js +36 -0
- package/table/hook/useRowSelection.js +92 -0
- package/table/hook/useSorter.js +54 -0
- package/table/hook/useStickyClassNames.js +30 -0
- package/table/hook/useStickyOffsets.js +30 -0
- package/table/summary/Cell.js +10 -0
- package/table/summary/Row.js +26 -0
- package/table/summary/context.js +5 -0
- package/table/summary/index.js +10 -0
- package/table/tbody/Td.js +168 -0
- package/table/tbody/Tr.js +168 -0
- package/table/tbody/index.js +156 -0
- package/table/tfoot/index.js +16 -0
- package/table/thead/Column.js +250 -0
- package/table/thead/index.js +131 -0
- package/table/util.js +121 -0
- package/tabs/Tab.js +170 -0
- package/tabs/TabContent.js +54 -0
- package/tabs/TabPane.js +26 -0
- package/tabs/hook/useDomSize.js +17 -0
- package/tabs/hook/useHeaderScroll.js +64 -0
- package/tabs/tab-header/DropdownIcon.js +71 -0
- package/tabs/tab-header/TabInk.js +65 -0
- package/tabs/tab-header/TabNavIcon.js +65 -0
- package/tabs/tab-header/TabTitle.js +78 -0
- package/tabs/tab-header/index.js +335 -0
- package/tabs/util.js +22 -0
- package/time-picker/Picker.js +221 -0
- package/time-picker/RangePicker.js +56 -0
- package/time-picker/TimeColumn.js +65 -0
- package/time-picker/TimePicker.js +242 -0
- package/time-picker/context.js +5 -0
- package/time-picker/util.js +43 -0
- package/timeline/Item.js +94 -0
- package/timeline/Timeline.js +80 -0
- package/transfer/Item.js +107 -0
- package/transfer/List.js +192 -0
- package/tree/Animation.js +104 -0
- package/tree/Context.js +5 -0
- package/tree/Node.js +215 -0
- package/tree/NodeList.js +84 -0
- package/tree/Tree.js +549 -0
- package/tree/util.js +76 -0
- package/tree-select/List.js +127 -0
- package/tree-select/Select.js +260 -0
- package/tree-select/hook/useKeyCache.js +56 -0
- package/tree-select/hook/useStateValue.js +98 -0
- package/tree-select/hook/useTreeData.js +13 -0
- package/tree-select/interface.js +13 -0
- package/tree-select/util.js +9 -0
- package/trigger/Portal.js +14 -0
- package/trigger/getPopupStyle.js +190 -0
- package/types/badge/Count.d.ts +2 -1
- package/types/badge/index.d.ts +2 -2
- package/types/button/index.d.ts +2 -2
- package/types/carousel/index.d.ts +1 -1
- package/types/color-picker/colors.d.ts +1 -1
- package/types/color-picker/style/index.d.ts +1 -1
- package/types/drawer/Drawer.d.ts +1 -1
- package/types/dropdown/interface.d.ts +1 -0
- package/types/hooks/index.d.ts +122 -0
- package/types/hooks/use-verification-code/interface.d.ts +1 -1
- package/types/hooks/useAsync.d.ts +1 -1
- package/types/hooks/useDropArea.d.ts +1 -0
- package/types/hooks/useOverrideRef.d.ts +5 -0
- package/types/hooks/usePersistCallback.d.ts +1 -0
- package/types/hooks/useUpsert.d.ts +1 -1
- package/types/icon-hover/index.d.ts +5 -3
- package/types/index.d.ts +2 -120
- package/types/input-tag/InputTag.d.ts +1 -1
- package/types/link/interface.d.ts +1 -1
- package/types/list/index.d.ts +1 -1
- package/types/modal/interface.d.ts +1 -0
- package/types/notice/index.d.ts +3 -0
- package/types/notification/index.d.ts +1 -1
- package/types/page-header/index.d.ts +1 -1
- package/types/select/Select.d.ts +1 -1
- package/types/select-view/Core.d.ts +3 -2
- package/types/select-view/index.d.ts +1 -0
- package/types/statistic/index.d.ts +1 -1
- package/types/switch/index.d.ts +1 -1
- package/types/switch/interface.d.ts +1 -1
- package/types/table/interface.d.ts +2 -1
- package/types/tooltip/index.d.ts +1 -1
- package/types/trigger/index.d.ts +12 -8
- package/types/trigger/interface.d.ts +1 -0
- package/types/typography/Base.d.ts +8 -7
- package/types/typography/EditContent.d.ts +3 -2
- package/types/typography/Paragraph.d.ts +2 -5
- package/types/typography/Text.d.ts +1 -5
- package/types/typography/Title.d.ts +2 -5
- package/types/upload/TriggerNode.d.ts +5 -3
- package/types/upload/list/PictureItem.d.ts +3 -3
- package/types/upload/list/TextItem.d.ts +3 -3
- package/types/utils/CSSTransition.d.ts +2 -0
- package/types/utils/constant.d.ts +1 -1
- package/types/utils/is.d.ts +4 -0
- package/types/utils/reactDOM.d.ts +3 -1
- package/types/utils/warning.d.ts +1 -1
- package/types/version/index.d.ts +1 -1
- package/typography/Base.js +184 -0
- package/typography/EditContent.js +49 -0
- package/typography/Ellipsis.js +293 -0
- package/typography/Operations.js +78 -0
- package/typography/Paragraph.js +26 -0
- package/typography/Text.js +11 -0
- package/typography/Title.js +12 -0
- package/typography/Typography.js +15 -0
- package/typography/useCssEllipsis.js +37 -0
- package/typography/useEllipsis.js +150 -0
- package/upload/TriggerNode.js +118 -0
- package/upload/Upload.js +205 -0
- package/upload/Uploader.js +205 -0
- package/upload/interface.js +9 -0
- package/upload/list/PictureItem.js +91 -0
- package/upload/list/TextItem.js +99 -0
- package/upload/list/UploadProgress.js +97 -0
- package/upload/list/index.js +120 -0
- package/upload/request.js +51 -0
- package/upload/util.js +61 -0
- package/utils/CSSTransition.js +27 -0
- package/utils/contextHolder.js +29 -4
- package/utils/getHighlightText.js +1 -2
- package/utils/is.js +81 -68
- package/utils/reactDOM.js +33 -22
- package/utils/style.js +1 -2
- package/utils/warning.js +7 -3
- package/verification-code/VerificationCode.js +83 -0
- package/virtual-list/Filler.js +31 -0
- package/virtual-list/VirtualList.js +378 -0
- package/virtual-list/util/algorithm.js +32 -0
- package/virtual-list/util/item.js +99 -0
- package/{chunk/BCEX3Acw.js → watermark/Watermark.js} +13 -11
- package/chunk/B1P8u7kB.js +0 -798
- package/chunk/B2ufZjjd.js +0 -1000
- package/chunk/B7QOJqps.js +0 -162
- package/chunk/BBz3S3zo.js +0 -966
- package/chunk/BGzBxiWE.js +0 -517
- package/chunk/BNRfcEHj.js +0 -984
- package/chunk/BSs6uXmc.js +0 -946
- package/chunk/BTjUAV8T.js +0 -277
- package/chunk/BYQeEcKe.js +0 -375
- package/chunk/Ba4UXIST.js +0 -605
- package/chunk/BfaXVcik.js +0 -271
- package/chunk/Bs11tCU6.js +0 -240
- package/chunk/C7FC7dzS.js +0 -516
- package/chunk/CLzbve11.js +0 -694
- package/chunk/CN4zXU4b.js +0 -877
- package/chunk/CYTPZUHD.js +0 -769
- package/chunk/CcCo_dK0.js +0 -335
- package/chunk/CoCXcpQd.js +0 -261
- package/chunk/D4yH4UKK.js +0 -80
- package/chunk/DiSLYN2-.js +0 -167
- package/chunk/Dr0iXIXO.js +0 -736
- package/chunk/G3-2uJao.js +0 -229
- package/chunk/RnTpOC5-.js +0 -1
- package/chunk/Z-mtdHUQ.js +0 -226
- package/chunk/ZISxNnaR.js +0 -165
- package/chunk/aPJXnDSb.js +0 -450
- package/chunk/i605JRmI.js +0 -232
- package/chunk/l0sNRNKZ.js +0 -1
- package/types/form/FormItemTip.d.ts +0 -8
- /package/{chunk/C6Kfwj0f.js → loading/style/index.less.js} +0 -0
- /package/{chunk/DP2rzg_V.js → suspense-fallback-test/style/index.less.js} +0 -0
- /package/{chunk/K6Dvbx-E.js → virtual-list/style/index.less.js} +0 -0
package/hooks/useDrop.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { useState as b, useCallback as E, useMemo as O, useEffect as F } from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { on as a, off as n, noop as l } from "./misc/util.js";
|
|
3
3
|
const P = (o) => (r, t) => {
|
|
4
|
-
const
|
|
5
|
-
if (
|
|
6
|
-
(o.onUri || l)(
|
|
4
|
+
const c = r.getData("text/uri-list");
|
|
5
|
+
if (c) {
|
|
6
|
+
(o.onUri || l)(c, t);
|
|
7
7
|
return;
|
|
8
8
|
}
|
|
9
9
|
if (r.files && r.files.length) {
|
|
@@ -16,25 +16,25 @@ const P = (o) => (r, t) => {
|
|
|
16
16
|
return;
|
|
17
17
|
}
|
|
18
18
|
}, k = (o = {}, r = []) => {
|
|
19
|
-
const { onFiles: t, onText:
|
|
19
|
+
const { onFiles: t, onText: c, onUri: u } = o, [x, v] = b(!1), s = E(v, []), d = O(
|
|
20
20
|
() => P(o),
|
|
21
|
-
[t,
|
|
21
|
+
[t, c, u]
|
|
22
22
|
);
|
|
23
23
|
return F(() => {
|
|
24
24
|
const f = (e) => {
|
|
25
|
-
e.preventDefault(),
|
|
25
|
+
e.preventDefault(), s(!0);
|
|
26
26
|
}, i = (e) => {
|
|
27
|
-
e.preventDefault(),
|
|
27
|
+
e.preventDefault(), s(!0);
|
|
28
28
|
}, m = () => {
|
|
29
|
-
|
|
29
|
+
s(!1);
|
|
30
30
|
}, g = () => {
|
|
31
|
-
|
|
31
|
+
s(!1);
|
|
32
32
|
}, p = (e) => {
|
|
33
|
-
e.preventDefault(),
|
|
33
|
+
e.preventDefault(), s(!1), d(e.dataTransfer, e);
|
|
34
34
|
}, D = (e) => {
|
|
35
35
|
d(e.clipboardData, e);
|
|
36
36
|
};
|
|
37
|
-
return a(document, "dragover", f), a(document, "dragenter", i), a(document, "dragleave", m), a(document, "dragexit", g), a(document, "drop", p),
|
|
37
|
+
return a(document, "dragover", f), a(document, "dragenter", i), a(document, "dragleave", m), a(document, "dragexit", g), a(document, "drop", p), c && a(document, "paste", D), () => {
|
|
38
38
|
n(document, "dragover", f), n(document, "dragenter", i), n(document, "dragleave", m), n(document, "dragexit", g), n(document, "drop", p), n(document, "paste", D);
|
|
39
39
|
};
|
|
40
40
|
}, [d, ...r]), { over: x };
|
package/hooks/useDropArea.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useState as f, useMemo as c } from "react";
|
|
2
|
+
import { noop as n } from "./misc/util.js";
|
|
2
3
|
import m from "./useMountedState.js";
|
|
3
|
-
|
|
4
|
-
const a = (o, t) => (e, r) => {
|
|
4
|
+
const p = (o, t) => (e, r) => {
|
|
5
5
|
const s = e.getData("text/uri-list");
|
|
6
6
|
if (s) {
|
|
7
7
|
(o.onUri || n)(s, r);
|
|
@@ -14,7 +14,7 @@ const a = (o, t) => (e, r) => {
|
|
|
14
14
|
e.items && e.items.length && e.items[0].getAsString((i) => {
|
|
15
15
|
t && (o.onText || n)(i, r);
|
|
16
16
|
});
|
|
17
|
-
},
|
|
17
|
+
}, D = (o, t) => ({
|
|
18
18
|
onDragOver: (e) => {
|
|
19
19
|
e.preventDefault();
|
|
20
20
|
},
|
|
@@ -32,11 +32,11 @@ const a = (o, t) => (e, r) => {
|
|
|
32
32
|
}
|
|
33
33
|
}), A = (o = {}) => {
|
|
34
34
|
const { onFiles: t, onText: e, onUri: r } = o, s = m(), [i, l] = f(!1), u = c(
|
|
35
|
-
() =>
|
|
35
|
+
() => p(o, s()),
|
|
36
36
|
[t, e, r]
|
|
37
37
|
);
|
|
38
38
|
return [c(
|
|
39
|
-
() =>
|
|
39
|
+
() => D(u, l),
|
|
40
40
|
[u, l]
|
|
41
41
|
), { over: i }];
|
|
42
42
|
};
|
package/hooks/useEvent.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { useEffect as r } from "react";
|
|
2
|
-
import {
|
|
3
|
-
const y = w ? window : null, e = (
|
|
2
|
+
import { on as n, off as c, isBrowser as w } from "./misc/util.js";
|
|
3
|
+
const y = w ? window : null, e = (i) => !!i.addEventListener, o = (i) => !!i.on, T = (i, s, f = y, u) => {
|
|
4
4
|
r(() => {
|
|
5
|
-
if (
|
|
6
|
-
return e(f) ? n(f,
|
|
7
|
-
e(f) ? c(f,
|
|
5
|
+
if (s && f)
|
|
6
|
+
return e(f) ? n(f, i, s, u) : o(f) && f.on(i, s, u), () => {
|
|
7
|
+
e(f) ? c(f, i, s, u) : o(f) && f.off(i, s, u);
|
|
8
8
|
};
|
|
9
|
-
}, [
|
|
9
|
+
}, [i, s, f, JSON.stringify(u)]);
|
|
10
10
|
};
|
|
11
11
|
export {
|
|
12
12
|
T as default
|
|
@@ -3,8 +3,7 @@ import d from "./useLatest.js";
|
|
|
3
3
|
import l from "./useUnmount.js";
|
|
4
4
|
const m = (t, c) => {
|
|
5
5
|
for (let r = 0; r < t.length; r++)
|
|
6
|
-
if (!Object.is(t[r], c[r]))
|
|
7
|
-
return !1;
|
|
6
|
+
if (!Object.is(t[r], c[r])) return !1;
|
|
8
7
|
return !0;
|
|
9
8
|
}, E = (t, c, r) => {
|
|
10
9
|
const i = o(!1), n = o([]), s = o([]), e = o();
|
|
@@ -25,8 +24,7 @@ const m = (t, c) => {
|
|
|
25
24
|
E(
|
|
26
25
|
() => {
|
|
27
26
|
const n = "current" in r ? r.current : window;
|
|
28
|
-
if (!(n != null && n.addEventListener))
|
|
29
|
-
return;
|
|
27
|
+
if (!(n != null && n.addEventListener)) return;
|
|
30
28
|
const s = (e) => i.current(e);
|
|
31
29
|
return n.addEventListener(t, s), () => {
|
|
32
30
|
n.removeEventListener(t, s);
|
package/hooks/useFavicon.js
CHANGED
|
@@ -6,8 +6,7 @@ const t = {
|
|
|
6
6
|
PNG: "image/png"
|
|
7
7
|
}, a = (e) => {
|
|
8
8
|
o(() => {
|
|
9
|
-
if (!e)
|
|
10
|
-
return;
|
|
9
|
+
if (!e) return;
|
|
11
10
|
const n = e.split(".").at(-1).toLocaleUpperCase(), i = window.document.querySelector("link[rel*='icon']") || window.document.createElement("link");
|
|
12
11
|
i.type = t[n], i.href = e, i.rel = "shortcut icon", window.document.head.appendChild(i);
|
|
13
12
|
}, [e]);
|
package/hooks/useFullscreen.js
CHANGED
|
@@ -1,39 +1,37 @@
|
|
|
1
1
|
import r from "@unicom-cloud/utils/screenfull";
|
|
2
2
|
import { useState as F } from "react";
|
|
3
|
-
import {
|
|
3
|
+
import { on as b, off as o, noop as m } from "./misc/util.js";
|
|
4
4
|
import E from "./useIsomorphicLayoutEffect.js";
|
|
5
|
-
const d = (
|
|
5
|
+
const d = (s, l, f = {}) => {
|
|
6
6
|
const { video: e, onClose: t = m } = f, [a, n] = F(l);
|
|
7
7
|
return E(() => {
|
|
8
|
-
if (!l || !
|
|
8
|
+
if (!l || !s.current)
|
|
9
9
|
return;
|
|
10
10
|
const u = () => {
|
|
11
11
|
e != null && e.current && o(e.current, "webkitendfullscreen", u), t();
|
|
12
12
|
}, i = () => {
|
|
13
13
|
if (r.isEnabled) {
|
|
14
|
-
const
|
|
15
|
-
n(
|
|
14
|
+
const c = r.isFullscreen;
|
|
15
|
+
n(c), c || t();
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
18
|
if (r.isEnabled) {
|
|
19
19
|
try {
|
|
20
|
-
r.request(
|
|
21
|
-
} catch (
|
|
22
|
-
t(
|
|
20
|
+
r.request(s.current), n(!0);
|
|
21
|
+
} catch (c) {
|
|
22
|
+
t(c), n(!1);
|
|
23
23
|
}
|
|
24
24
|
r.on("change", i);
|
|
25
|
-
} else
|
|
26
|
-
e && e.current && e.current.webkitEnterFullscreen ? (e.current.webkitEnterFullscreen(), b(e.current, "webkitendfullscreen", u), n(!0)) : (t(), n(!1));
|
|
25
|
+
} else e && e.current && e.current.webkitEnterFullscreen ? (e.current.webkitEnterFullscreen(), b(e.current, "webkitendfullscreen", u), n(!0)) : (t(), n(!1));
|
|
27
26
|
return () => {
|
|
28
27
|
if (n(!1), r.isEnabled)
|
|
29
28
|
try {
|
|
30
29
|
r.off("change", i), r.exit();
|
|
31
30
|
} catch {
|
|
32
31
|
}
|
|
33
|
-
else
|
|
34
|
-
e && e.current && e.current.webkitExitFullscreen && (o(e.current, "webkitendfullscreen", u), e.current.webkitExitFullscreen());
|
|
32
|
+
else e && e.current && e.current.webkitExitFullscreen && (o(e.current, "webkitendfullscreen", u), e.current.webkitExitFullscreen());
|
|
35
33
|
};
|
|
36
|
-
}, [l, e,
|
|
34
|
+
}, [l, e, s]), a;
|
|
37
35
|
};
|
|
38
36
|
export {
|
|
39
37
|
d as default
|
package/hooks/useGetSet.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { useRef as
|
|
2
|
-
import {
|
|
1
|
+
import { useRef as s, useMemo as c } from "react";
|
|
2
|
+
import { resolveHookState as t } from "./misc/hookState.js";
|
|
3
3
|
import n from "./useForceUpdate.js";
|
|
4
4
|
function p(r) {
|
|
5
|
-
const e =
|
|
5
|
+
const e = s(t(r)), o = n();
|
|
6
6
|
return c(
|
|
7
7
|
() => [
|
|
8
8
|
() => e.current,
|
|
9
|
-
(
|
|
10
|
-
e.current = t(
|
|
9
|
+
(u) => {
|
|
10
|
+
e.current = t(u, e.current), o();
|
|
11
11
|
}
|
|
12
12
|
],
|
|
13
13
|
[]
|
package/hooks/useHash.js
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { useState as e, useCallback as h } from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { off as i, on as c } from "./misc/util.js";
|
|
3
3
|
import r from "./useLifecycles.js";
|
|
4
4
|
const d = () => {
|
|
5
|
-
const [o, n] = e(() => window.location.hash),
|
|
5
|
+
const [o, n] = e(() => window.location.hash), s = h(() => {
|
|
6
6
|
n(window.location.hash);
|
|
7
7
|
}, []);
|
|
8
8
|
r(
|
|
9
9
|
() => {
|
|
10
|
-
c(window, "hashchange",
|
|
10
|
+
c(window, "hashchange", s);
|
|
11
11
|
},
|
|
12
12
|
() => {
|
|
13
|
-
i(window, "hashchange",
|
|
13
|
+
i(window, "hashchange", s);
|
|
14
14
|
}
|
|
15
15
|
);
|
|
16
16
|
const t = h(
|
|
17
|
-
(
|
|
18
|
-
|
|
17
|
+
(a) => {
|
|
18
|
+
a !== o && (window.location.hash = a);
|
|
19
19
|
},
|
|
20
20
|
[o]
|
|
21
21
|
);
|
package/hooks/useHover.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
const { useState: p } =
|
|
4
|
-
const [e, n] = p(!1),
|
|
1
|
+
import u from "react";
|
|
2
|
+
import { noop as r } from "./misc/util.js";
|
|
3
|
+
const { useState: p } = u, v = (o) => {
|
|
4
|
+
const [e, n] = p(!1), a = (s) => (t) => {
|
|
5
5
|
(s || r)(t), n(!0);
|
|
6
6
|
}, c = (s) => (t) => {
|
|
7
7
|
(s || r)(t), n(!1);
|
|
8
8
|
};
|
|
9
|
-
return typeof o == "function" && (o = o(e)), [
|
|
10
|
-
onMouseEnter:
|
|
9
|
+
return typeof o == "function" && (o = o(e)), [u.cloneElement(o, {
|
|
10
|
+
onMouseEnter: a(o.props.onMouseEnter),
|
|
11
11
|
onMouseLeave: c(o.props.onMouseLeave)
|
|
12
12
|
}), e];
|
|
13
13
|
};
|
package/hooks/useHoverDirty.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { useState as
|
|
2
|
-
import {
|
|
3
|
-
const
|
|
1
|
+
import { useState as i, useEffect as m } from "react";
|
|
2
|
+
import { on as n, off as c } from "./misc/util.js";
|
|
3
|
+
const a = (e, o = !0) => {
|
|
4
4
|
process.env.NODE_ENV === "development" && (typeof e != "object" || typeof e.current > "u") && console.error("useHoverDirty expects a single ref argument.");
|
|
5
|
-
const [
|
|
6
|
-
return
|
|
5
|
+
const [f, r] = i(!1);
|
|
6
|
+
return m(() => {
|
|
7
7
|
const u = () => r(!0), s = () => r(!1);
|
|
8
8
|
o && e && e.current && (n(e.current, "mouseover", u), n(e.current, "mouseout", s));
|
|
9
9
|
const { current: t } = e;
|
|
10
10
|
return () => {
|
|
11
11
|
o && t && (c(t, "mouseover", u), c(t, "mouseout", s));
|
|
12
12
|
};
|
|
13
|
-
}, [o, e]),
|
|
13
|
+
}, [o, e]), f;
|
|
14
14
|
};
|
|
15
15
|
export {
|
|
16
|
-
|
|
16
|
+
a as default
|
|
17
17
|
};
|
package/hooks/useIdle.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import g from "
|
|
3
|
-
import {
|
|
1
|
+
import h from "lodash/throttle";
|
|
2
|
+
import { useState as w, useEffect as g } from "react";
|
|
3
|
+
import { on as c, off as m } from "./misc/util.js";
|
|
4
4
|
const p = [
|
|
5
5
|
"mousemove",
|
|
6
6
|
"mousedown",
|
|
@@ -8,26 +8,26 @@ const p = [
|
|
|
8
8
|
"keydown",
|
|
9
9
|
"touchstart",
|
|
10
10
|
"wheel"
|
|
11
|
-
], y = 6e4, S = (o = y,
|
|
12
|
-
const [
|
|
13
|
-
return
|
|
14
|
-
let
|
|
11
|
+
], y = 6e4, S = (o = y, a = !1, e = p) => {
|
|
12
|
+
const [l, d] = w(a);
|
|
13
|
+
return g(() => {
|
|
14
|
+
let s = !0, i, r = l;
|
|
15
15
|
const n = (t) => {
|
|
16
|
-
|
|
17
|
-
},
|
|
16
|
+
s && (r = t, d(t));
|
|
17
|
+
}, u = h(() => {
|
|
18
18
|
r && n(!1), clearTimeout(i), i = setTimeout(() => n(!0), o);
|
|
19
|
-
}, 50),
|
|
20
|
-
document.hidden ||
|
|
19
|
+
}, 50), f = () => {
|
|
20
|
+
document.hidden || u();
|
|
21
21
|
};
|
|
22
22
|
for (let t = 0; t < e.length; t++)
|
|
23
|
-
|
|
24
|
-
return
|
|
25
|
-
|
|
23
|
+
c(window, e[t], u);
|
|
24
|
+
return c(document, "visibilitychange", f), i = setTimeout(() => n(!0), o), () => {
|
|
25
|
+
s = !1;
|
|
26
26
|
for (let t = 0; t < e.length; t++)
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
m(window, e[t], u);
|
|
28
|
+
m(document, "visibilitychange", f);
|
|
29
29
|
};
|
|
30
|
-
}, [o, e]),
|
|
30
|
+
}, [o, e]), l;
|
|
31
31
|
};
|
|
32
32
|
export {
|
|
33
33
|
S as default
|
package/hooks/useKey.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { useMemo as u } from "react";
|
|
2
|
-
import m from "./
|
|
3
|
-
import
|
|
4
|
-
const i = (o) => typeof o == "function" ? o : typeof o == "string" ? (t) => t.key === o : o ? () => !0 : () => !1, v = (o, t =
|
|
5
|
-
const { event: s = "keydown", target:
|
|
2
|
+
import { noop as m } from "./misc/util.js";
|
|
3
|
+
import d from "./useEvent.js";
|
|
4
|
+
const i = (o) => typeof o == "function" ? o : typeof o == "string" ? (t) => t.key === o : o ? () => !0 : () => !1, v = (o, t = m, n = {}, r = [o]) => {
|
|
5
|
+
const { event: s = "keydown", target: c, options: a } = n, f = u(() => {
|
|
6
6
|
const p = i(o);
|
|
7
7
|
return (e) => {
|
|
8
8
|
if (p(e))
|
|
9
9
|
return t(e);
|
|
10
10
|
};
|
|
11
11
|
}, r);
|
|
12
|
-
|
|
12
|
+
d(s, f, c, a);
|
|
13
13
|
};
|
|
14
14
|
export {
|
|
15
15
|
v as default
|
package/hooks/useList.js
CHANGED
package/hooks/useLocalStorage.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useRef as m, useState as w, useLayoutEffect as z, useCallback as n } from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { isBrowser as d, noop as S } from "./misc/util.js";
|
|
3
3
|
const N = (s, c, e) => {
|
|
4
4
|
if (!d)
|
|
5
5
|
return [c, S, S];
|
|
@@ -20,8 +20,7 @@ const N = (s, c, e) => {
|
|
|
20
20
|
(a) => {
|
|
21
21
|
try {
|
|
22
22
|
const t = typeof a == "function" ? a(i) : a;
|
|
23
|
-
if (typeof t > "u")
|
|
24
|
-
return;
|
|
23
|
+
if (typeof t > "u") return;
|
|
25
24
|
let r;
|
|
26
25
|
e ? e.raw ? typeof t == "string" ? r = t : r = JSON.stringify(t) : e.serializer ? r = e.serializer(t) : r = JSON.stringify(t) : r = JSON.stringify(t), localStorage.setItem(s, r), f(o(r));
|
|
27
26
|
} catch {
|
package/hooks/useLocation.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useState as v, useEffect as y } from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { isBrowser as w, on as c, off as i } from "./misc/util.js";
|
|
3
3
|
const p = (o) => {
|
|
4
4
|
const t = window.history, e = t[o];
|
|
5
5
|
t[o] = function(s) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useRef as m, useEffect as c } from "react";
|
|
2
|
-
import {
|
|
3
|
-
function
|
|
2
|
+
import { on as p, off as g, isBrowser as h } from "./misc/util.js";
|
|
3
|
+
function f(t) {
|
|
4
4
|
if (t) {
|
|
5
5
|
if (t.tagName === "BODY")
|
|
6
6
|
return t;
|
|
@@ -9,16 +9,15 @@ function u(t) {
|
|
|
9
9
|
return o ? o.body : null;
|
|
10
10
|
} else if (!t.offsetParent)
|
|
11
11
|
return null;
|
|
12
|
-
} else
|
|
13
|
-
|
|
14
|
-
return u(t.offsetParent);
|
|
12
|
+
} else return null;
|
|
13
|
+
return f(t.offsetParent);
|
|
15
14
|
}
|
|
16
15
|
function l(t) {
|
|
17
16
|
const o = t || window.event;
|
|
18
17
|
return o.touches.length > 1 ? !0 : (o.preventDefault && o.preventDefault(), !1);
|
|
19
18
|
}
|
|
20
19
|
const a = h && window.navigator && window.navigator.platform && /iP(ad|hone|od)/.test(window.navigator.platform), i = /* @__PURE__ */ new Map(), d = typeof document == "object" ? document : void 0;
|
|
21
|
-
let
|
|
20
|
+
let u = !1;
|
|
22
21
|
const k = d ? function(o = !0, r) {
|
|
23
22
|
const v = m(d.body);
|
|
24
23
|
r = r || v;
|
|
@@ -30,27 +29,27 @@ const k = d ? function(o = !0, r) {
|
|
|
30
29
|
}) : (i.set(e, {
|
|
31
30
|
counter: 1,
|
|
32
31
|
initialOverflow: e.style.overflow
|
|
33
|
-
}), a ?
|
|
34
|
-
},
|
|
32
|
+
}), a ? u || (p(document, "touchmove", l, { passive: !1 }), u = !0) : e.style.overflow = "hidden");
|
|
33
|
+
}, s = (e) => {
|
|
35
34
|
const n = i.get(e);
|
|
36
|
-
n && (n.counter === 1 ? (i.delete(e), a ? (e.ontouchmove = null,
|
|
35
|
+
n && (n.counter === 1 ? (i.delete(e), a ? (e.ontouchmove = null, u && (g(document, "touchmove", l), u = !1)) : e.style.overflow = n.initialOverflow) : i.set(e, {
|
|
37
36
|
counter: n.counter - 1,
|
|
38
37
|
initialOverflow: n.initialOverflow
|
|
39
38
|
}));
|
|
40
39
|
};
|
|
41
40
|
c(() => {
|
|
42
|
-
const e =
|
|
43
|
-
e && (o ? w(e) :
|
|
41
|
+
const e = f(r.current);
|
|
42
|
+
e && (o ? w(e) : s(e));
|
|
44
43
|
}, [o, r.current]), c(() => {
|
|
45
|
-
const e =
|
|
44
|
+
const e = f(r.current);
|
|
46
45
|
if (e)
|
|
47
46
|
return () => {
|
|
48
|
-
|
|
47
|
+
s(e);
|
|
49
48
|
};
|
|
50
49
|
}, []);
|
|
51
50
|
} : function(o = !0, r) {
|
|
52
51
|
};
|
|
53
52
|
export {
|
|
54
53
|
k as default,
|
|
55
|
-
|
|
54
|
+
f as getClosestBody
|
|
56
55
|
};
|
package/hooks/useLongPress.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { useRef as a, useCallback as f } from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { on as h, off as p } from "./misc/util.js";
|
|
3
3
|
const m = (t) => "touches" in t, i = (t) => {
|
|
4
4
|
m(t) && t.touches.length < 2 && t.preventDefault && t.preventDefault();
|
|
5
|
-
}, l = (t, { isPreventDefault: r = !0, delay:
|
|
6
|
-
const e = a(), n = a(),
|
|
5
|
+
}, l = (t, { isPreventDefault: r = !0, delay: c = 300 } = {}) => {
|
|
6
|
+
const e = a(), n = a(), s = f(
|
|
7
7
|
(o) => {
|
|
8
|
-
r && o.target && (h(o.target, "touchend", i, { passive: !1 }), n.current = o.target), e.current = setTimeout(() => t(o),
|
|
8
|
+
r && o.target && (h(o.target, "touchend", i, { passive: !1 }), n.current = o.target), e.current = setTimeout(() => t(o), c);
|
|
9
9
|
},
|
|
10
|
-
[t,
|
|
10
|
+
[t, c, r]
|
|
11
11
|
), u = f(() => {
|
|
12
12
|
e.current && clearTimeout(e.current), r && n.current && p(n.current, "touchend", i);
|
|
13
13
|
}, [r]);
|
|
14
14
|
return {
|
|
15
|
-
onMouseDown: (o) =>
|
|
16
|
-
onTouchStart: (o) =>
|
|
15
|
+
onMouseDown: (o) => s(o),
|
|
16
|
+
onTouchStart: (o) => s(o),
|
|
17
17
|
onMouseUp: u,
|
|
18
18
|
onMouseLeave: u,
|
|
19
19
|
onTouchEnd: u
|
package/hooks/useMeasure.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useState as r, useMemo as l } from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { isBrowser as b, noop as g } from "./misc/util.js";
|
|
3
3
|
import v from "./useIsomorphicLayoutEffect.js";
|
|
4
4
|
const s = {
|
|
5
5
|
x: 0,
|
|
@@ -15,8 +15,8 @@ function y() {
|
|
|
15
15
|
const [e, n] = r(null), [i, u] = r(s), t = l(
|
|
16
16
|
() => new window.ResizeObserver((o) => {
|
|
17
17
|
if (o[0]) {
|
|
18
|
-
const { x: c, y: f, width: m, height:
|
|
19
|
-
u({ x: c, y: f, width: m, height:
|
|
18
|
+
const { x: c, y: f, width: m, height: d, top: h, left: p, bottom: a, right: w } = o[0].contentRect;
|
|
19
|
+
u({ x: c, y: f, width: m, height: d, top: h, left: p, bottom: a, right: w });
|
|
20
20
|
}
|
|
21
21
|
}),
|
|
22
22
|
[]
|
package/hooks/useMedia.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { useState as
|
|
2
|
-
import {
|
|
1
|
+
import { useState as i, useEffect as d } from "react";
|
|
2
|
+
import { isBrowser as c } from "./misc/util.js";
|
|
3
3
|
const m = (e, t) => t !== void 0 ? t : c ? window.matchMedia(e).matches : (process.env.NODE_ENV !== "production" && console.warn(
|
|
4
4
|
"`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches."
|
|
5
5
|
), !1), h = (e, t) => {
|
|
6
|
-
const [
|
|
6
|
+
const [o, r] = i(m(e, t));
|
|
7
7
|
return d(() => {
|
|
8
8
|
let s = !0;
|
|
9
9
|
const n = window.matchMedia(e), a = () => {
|
|
@@ -12,7 +12,7 @@ const m = (e, t) => t !== void 0 ? t : c ? window.matchMedia(e).matches : (proce
|
|
|
12
12
|
return n.addEventListener("change", a), r(n.matches), () => {
|
|
13
13
|
s = !1, n.removeEventListener("change", a);
|
|
14
14
|
};
|
|
15
|
-
}, [e]),
|
|
15
|
+
}, [e]), o;
|
|
16
16
|
};
|
|
17
17
|
export {
|
|
18
18
|
h as default
|
package/hooks/useMediaDevices.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { useState as v, useEffect as d } from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { isNavigator as m, on as u, off as f, noop as g } from "./misc/util.js";
|
|
3
3
|
const D = () => {
|
|
4
|
-
const [
|
|
4
|
+
const [a, i] = v({});
|
|
5
5
|
return d(() => {
|
|
6
|
-
let
|
|
6
|
+
let t = !0;
|
|
7
7
|
const e = () => {
|
|
8
|
-
navigator.mediaDevices.enumerateDevices().then((
|
|
9
|
-
|
|
10
|
-
devices:
|
|
11
|
-
deviceId:
|
|
12
|
-
groupId:
|
|
8
|
+
navigator.mediaDevices.enumerateDevices().then((s) => {
|
|
9
|
+
t && i({
|
|
10
|
+
devices: s.map(({ deviceId: c, groupId: o, kind: n, label: r }) => ({
|
|
11
|
+
deviceId: c,
|
|
12
|
+
groupId: o,
|
|
13
13
|
kind: n,
|
|
14
14
|
label: r
|
|
15
15
|
}))
|
|
@@ -17,9 +17,9 @@ const D = () => {
|
|
|
17
17
|
}).catch(g);
|
|
18
18
|
};
|
|
19
19
|
return u(navigator.mediaDevices, "devicechange", e), e(), () => {
|
|
20
|
-
|
|
20
|
+
t = !1, f(navigator.mediaDevices, "devicechange", e);
|
|
21
21
|
};
|
|
22
|
-
}, []),
|
|
22
|
+
}, []), a;
|
|
23
23
|
}, h = () => ({}), l = m && navigator.mediaDevices ? D : h;
|
|
24
24
|
export {
|
|
25
25
|
l as default
|
package/hooks/useMotion.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { useState as u, useEffect as
|
|
2
|
-
import {
|
|
1
|
+
import { useState as u, useEffect as m } from "react";
|
|
2
|
+
import { on as s, off as d } from "./misc/util.js";
|
|
3
3
|
const y = {
|
|
4
4
|
acceleration: {
|
|
5
5
|
x: null,
|
|
@@ -19,25 +19,25 @@ const y = {
|
|
|
19
19
|
interval: 16
|
|
20
20
|
}, x = (l = y) => {
|
|
21
21
|
const [o, i] = u(l);
|
|
22
|
-
return
|
|
22
|
+
return m(() => {
|
|
23
23
|
const e = (r) => {
|
|
24
24
|
const {
|
|
25
|
-
acceleration:
|
|
26
|
-
accelerationIncludingGravity:
|
|
25
|
+
acceleration: t,
|
|
26
|
+
accelerationIncludingGravity: a,
|
|
27
27
|
rotationRate: n,
|
|
28
28
|
interval: c
|
|
29
29
|
} = r;
|
|
30
30
|
i({
|
|
31
31
|
acceleration: {
|
|
32
|
-
x: a.x,
|
|
33
|
-
y: a.y,
|
|
34
|
-
z: a.z
|
|
35
|
-
},
|
|
36
|
-
accelerationIncludingGravity: {
|
|
37
32
|
x: t.x,
|
|
38
33
|
y: t.y,
|
|
39
34
|
z: t.z
|
|
40
35
|
},
|
|
36
|
+
accelerationIncludingGravity: {
|
|
37
|
+
x: a.x,
|
|
38
|
+
y: a.y,
|
|
39
|
+
z: a.z
|
|
40
|
+
},
|
|
41
41
|
rotationRate: {
|
|
42
42
|
alpha: n.alpha,
|
|
43
43
|
beta: n.beta,
|
|
@@ -46,7 +46,7 @@ const y = {
|
|
|
46
46
|
interval: c
|
|
47
47
|
});
|
|
48
48
|
};
|
|
49
|
-
return
|
|
49
|
+
return s(window, "devicemotion", e), () => {
|
|
50
50
|
d(window, "devicemotion", e);
|
|
51
51
|
};
|
|
52
52
|
}, []), o;
|