@cloud-app-dev/vidc 4.0.14 → 4.0.17
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/.dumirc.ts +2 -18
- package/.fatherrc.ts +0 -1
- package/.prettierrc.js +1 -1
- package/package.json +41 -33
- package/release-build.sh +1 -2
- package/es/AppContext/Sync.d.ts +0 -8
- package/es/AppContext/Sync.js +0 -44
- package/es/AppContext/index.d.ts +0 -10
- package/es/AppContext/index.js +0 -144
- package/es/AppContext/interface.d.ts +0 -41
- package/es/AppContext/static.d.ts +0 -8
- package/es/AppContext/static.js +0 -9
- package/es/Auth/index.d.ts +0 -8
- package/es/Auth/index.js +0 -18
- package/es/AutoExit/index.d.ts +0 -6
- package/es/AutoExit/index.js +0 -23
- package/es/CheckGroupFixed/demo.d.ts +0 -3
- package/es/CheckGroupFixed/demo.js +0 -25
- package/es/CheckGroupFixed/index.d.ts +0 -18
- package/es/CheckGroupFixed/index.js +0 -150
- package/es/CheckGroupFixed/index.less +0 -53
- package/es/Config/index.d.ts +0 -4
- package/es/Config/index.js +0 -77
- package/es/Config/interface.d.ts +0 -65
- package/es/Config/utils.d.ts +0 -4
- package/es/Config/utils.js +0 -33
- package/es/ConfigContext/index.d.ts +0 -22
- package/es/ConfigContext/index.js +0 -25
- package/es/CustomRenderSelect/index.d.ts +0 -12
- package/es/CustomRenderSelect/index.js +0 -83
- package/es/CustomRenderSelect/index.less +0 -25
- package/es/DBTools/index.d.ts +0 -25
- package/es/DBTools/index.js +0 -337
- package/es/DisableMark/index.d.ts +0 -9
- package/es/DisableMark/index.js +0 -22
- package/es/DisableMark/index.less +0 -9
- package/es/DomMove/demo.d.ts +0 -2
- package/es/DomMove/demo.js +0 -20
- package/es/DomMove/index.d.ts +0 -16
- package/es/DomMove/index.js +0 -149
- package/es/DomMove/utils.d.ts +0 -8
- package/es/DomMove/utils.js +0 -33
- package/es/Drag/DragAndDropItem.d.ts +0 -4
- package/es/Drag/DragAndDropItem.js +0 -133
- package/es/Drag/DropItem.d.ts +0 -4
- package/es/Drag/DropItem.js +0 -50
- package/es/Drag/index.d.ts +0 -7
- package/es/Drag/index.js +0 -7
- package/es/Drag/interface.d.ts +0 -16
- package/es/DynamicGridList/Demo.d.ts +0 -3
- package/es/DynamicGridList/Demo.js +0 -86
- package/es/DynamicGridList/index.d.ts +0 -27
- package/es/DynamicGridList/index.js +0 -71
- package/es/DynamicList/demo.d.ts +0 -2
- package/es/DynamicList/demo.js +0 -50
- package/es/DynamicList/index.d.ts +0 -31
- package/es/DynamicList/index.js +0 -96
- package/es/DynamicList/index.less +0 -17
- package/es/DynamicList/interface.d.ts +0 -19
- package/es/DynamicList/utils.d.ts +0 -4
- package/es/DynamicList/utils.js +0 -6
- package/es/ErrorFallback/index.d.ts +0 -9
- package/es/ErrorFallback/index.js +0 -38
- package/es/ErrorFallback/inerface.d.ts +0 -48
- package/es/EventTools/index.d.ts +0 -3
- package/es/EventTools/index.js +0 -12
- package/es/FrontendPlayer/index.d.ts +0 -4
- package/es/FrontendPlayer/index.js +0 -2
- package/es/FullScreen/index.d.ts +0 -22
- package/es/FullScreen/index.js +0 -36
- package/es/FullScreen/index.less +0 -18
- package/es/GridList/Demo.d.ts +0 -3
- package/es/GridList/Demo.js +0 -89
- package/es/GridList/data.d.ts +0 -16
- package/es/GridList/data.js +0 -609
- package/es/GridList/hook.d.ts +0 -13
- package/es/GridList/hook.js +0 -270
- package/es/GridList/index.d.ts +0 -15
- package/es/GridList/index.js +0 -48
- package/es/GridList/index.less +0 -8
- package/es/GridList/interface.d.ts +0 -59
- package/es/GridList/utils.d.ts +0 -9
- package/es/GridList/utils.js +0 -42
- package/es/HightLevel/index.d.ts +0 -9
- package/es/HightLevel/index.js +0 -21
- package/es/HightLevel/index.less +0 -3
- package/es/IconFont/index.d.ts +0 -12
- package/es/IconFont/index.js +0 -63
- package/es/ImageView/index.d.ts +0 -17
- package/es/ImageView/index.js +0 -58
- package/es/ImageView/index.less +0 -11
- package/es/InstanceHistory/index.d.ts +0 -3
- package/es/InstanceHistory/index.js +0 -7
- package/es/LabelPlayer/111.png +0 -0
- package/es/LabelPlayer/demo.d.ts +0 -2
- package/es/LabelPlayer/demo.js +0 -123
- package/es/LabelPlayer/index.d.ts +0 -21
- package/es/LabelPlayer/index.js +0 -169
- package/es/LabelPlayer/index.less +0 -24
- package/es/LabelValue/index.d.ts +0 -15
- package/es/LabelValue/index.js +0 -32
- package/es/LabelValue/index.less +0 -23
- package/es/List/demo.d.ts +0 -3
- package/es/List/demo.js +0 -26
- package/es/List/index.d.ts +0 -28
- package/es/List/index.js +0 -30
- package/es/List/index.less +0 -13
- package/es/ListWithSizeAnimate/demo.d.ts +0 -2
- package/es/ListWithSizeAnimate/demo.js +0 -128
- package/es/ListWithSizeAnimate/index.d.ts +0 -14
- package/es/ListWithSizeAnimate/index.js +0 -97
- package/es/ListWithSizeAnimate/index.less +0 -23
- package/es/LoaderScript/index.d.ts +0 -47
- package/es/LoaderScript/index.js +0 -38
- package/es/LoaderScript/utils.d.ts +0 -13
- package/es/LoaderScript/utils.js +0 -179
- package/es/Map/AMap.d.ts +0 -7109
- package/es/Map/BasicMap/AMapInstance.d.ts +0 -19
- package/es/Map/BasicMap/AMapInstance.js +0 -98
- package/es/Map/BasicMap/LeafletInstance.d.ts +0 -18
- package/es/Map/BasicMap/LeafletInstance.js +0 -111
- package/es/Map/BasicMap/index.d.ts +0 -9
- package/es/Map/BasicMap/index.js +0 -98
- package/es/Map/BasicMap/index.less +0 -29
- package/es/Map/ClusterLayer/demo.d.ts +0 -3
- package/es/Map/ClusterLayer/demo.js +0 -22
- package/es/Map/ClusterLayer/hook.d.ts +0 -5
- package/es/Map/ClusterLayer/hook.js +0 -124
- package/es/Map/ClusterLayer/index.d.ts +0 -6
- package/es/Map/ClusterLayer/index.js +0 -32
- package/es/Map/ClusterLayer/index.less +0 -29
- package/es/Map/ClusterLayer/props.d.ts +0 -8
- package/es/Map/Config/index.d.ts +0 -9
- package/es/Map/Config/index.js +0 -52
- package/es/Map/Config/utils.d.ts +0 -2
- package/es/Map/Config/utils.js +0 -65
- package/es/Map/Context/index.d.ts +0 -11
- package/es/Map/Context/index.js +0 -56
- package/es/Map/FindPio/index.d.ts +0 -4
- package/es/Map/FindPio/index.js +0 -14
- package/es/Map/FindPio/index.less +0 -7
- package/es/Map/InfoWindow/MakerLikeWindow.d.ts +0 -4
- package/es/Map/InfoWindow/MakerLikeWindow.js +0 -113
- package/es/Map/InfoWindow/demo.d.ts +0 -3
- package/es/Map/InfoWindow/demo.js +0 -76
- package/es/Map/InfoWindow/index.d.ts +0 -11
- package/es/Map/InfoWindow/index.js +0 -67
- package/es/Map/LevelCenter/DragMarker/index.d.ts +0 -10
- package/es/Map/LevelCenter/DragMarker/index.js +0 -44
- package/es/Map/LevelCenter/demo.d.ts +0 -3
- package/es/Map/LevelCenter/demo.js +0 -46
- package/es/Map/LevelCenter/index.d.ts +0 -15
- package/es/Map/LevelCenter/index.js +0 -71
- package/es/Map/LoaderMap/index.d.ts +0 -12
- package/es/Map/LoaderMap/index.js +0 -71
- package/es/Map/MapDrawSelect/demo.d.ts +0 -3
- package/es/Map/MapDrawSelect/demo.js +0 -79
- package/es/Map/MapDrawSelect/index.d.ts +0 -15
- package/es/Map/MapDrawSelect/index.js +0 -62
- package/es/Map/MouseTool/index.d.ts +0 -10
- package/es/Map/MouseTool/index.js +0 -44
- package/es/Map/MouseTool/useMouseTools.d.ts +0 -7
- package/es/Map/MouseTool/useMouseTools.js +0 -83
- package/es/Map/ResetTools/index.d.ts +0 -10
- package/es/Map/ResetTools/index.js +0 -67
- package/es/Map/ResetTools/index.less +0 -39
- package/es/Map/SinglePoint/demo.d.ts +0 -3
- package/es/Map/SinglePoint/demo.js +0 -16
- package/es/Map/SinglePoint/index.d.ts +0 -27
- package/es/Map/SinglePoint/index.js +0 -57
- package/es/Map/SinglePoint/index.less +0 -41
- package/es/Map/hook/useMapEvent.d.ts +0 -2
- package/es/Map/hook/useMapEvent.js +0 -19
- package/es/Map/hook/useMapType.d.ts +0 -4
- package/es/Map/hook/useMapType.js +0 -12
- package/es/Map/icon.d.ts +0 -2
- package/es/Map/icon.js +0 -10
- package/es/Map/index.d.ts +0 -24
- package/es/Map/index.js +0 -25
- package/es/Map/interface.d.ts +0 -74
- package/es/Map/points.d.ts +0 -74
- package/es/Map/points.js +0 -1
- package/es/Map/useMarker/index.d.ts +0 -10
- package/es/Map/useMarker/index.js +0 -71
- package/es/Map/withMap/index.d.ts +0 -3
- package/es/Map/withMap/index.js +0 -18
- package/es/Map3D/demo.d.ts +0 -3
- package/es/Map3D/demo.js +0 -13
- package/es/Map3D/index.d.ts +0 -4
- package/es/Map3D/index.js +0 -84
- package/es/Map3D/index.less +0 -4
- package/es/Picture/component/DefaultRects/RectInfo.d.ts +0 -8
- package/es/Picture/component/DefaultRects/RectInfo.js +0 -88
- package/es/Picture/component/DefaultRects/index.d.ts +0 -13
- package/es/Picture/component/DefaultRects/index.js +0 -58
- package/es/Picture/component/DefaultRects/index.less +0 -211
- package/es/Picture/component/DefaultRects/utils.d.ts +0 -2
- package/es/Picture/component/DefaultRects/utils.js +0 -11
- package/es/Picture/component/DrawRect/index.d.ts +0 -13
- package/es/Picture/component/DrawRect/index.js +0 -51
- package/es/Picture/component/DrawRect/index.less +0 -8
- package/es/Picture/component/RectMenu/index.d.ts +0 -12
- package/es/Picture/component/RectMenu/index.js +0 -79
- package/es/Picture/component/RectMenu/index.less +0 -36
- package/es/Picture/component/RectMenu/utils.d.ts +0 -12
- package/es/Picture/component/RectMenu/utils.js +0 -19
- package/es/Picture/component/Tools/index.d.ts +0 -12
- package/es/Picture/component/Tools/index.js +0 -93
- package/es/Picture/component/Tools/index.less +0 -49
- package/es/Picture/component/WheelScale/index.d.ts +0 -7
- package/es/Picture/component/WheelScale/index.js +0 -29
- package/es/Picture/demo.d.ts +0 -2
- package/es/Picture/demo.js +0 -113
- package/es/Picture/index.d.ts +0 -19
- package/es/Picture/index.js +0 -354
- package/es/Picture/index.less +0 -20
- package/es/Picture/interface.d.ts +0 -196
- package/es/Picture/loadCaptureRectImage.d.ts +0 -3
- package/es/Picture/loadCaptureRectImage.js +0 -99
- package/es/Picture/useDraw.d.ts +0 -1
- package/es/Picture/useDraw.js +0 -103
- package/es/Picture/utils.d.ts +0 -26
- package/es/Picture/utils.js +0 -143
- package/es/Player/api/index.d.ts +0 -68
- package/es/Player/api/index.js +0 -283
- package/es/Player/context.d.ts +0 -21
- package/es/Player/context.js +0 -25
- package/es/Player/contraller_bar/bar.d.ts +0 -8
- package/es/Player/contraller_bar/bar.js +0 -28
- package/es/Player/contraller_bar/contraller_event.d.ts +0 -6
- package/es/Player/contraller_bar/contraller_event.js +0 -53
- package/es/Player/contraller_bar/index.d.ts +0 -14
- package/es/Player/contraller_bar/index.js +0 -33
- package/es/Player/contraller_bar/left_bar.d.ts +0 -10
- package/es/Player/contraller_bar/left_bar.js +0 -88
- package/es/Player/contraller_bar/right_bar.d.ts +0 -8
- package/es/Player/contraller_bar/right_bar.js +0 -37
- package/es/Player/contraller_bar/time.d.ts +0 -3
- package/es/Player/contraller_bar/time.js +0 -21
- package/es/Player/contraller_bar/useBarStatus.d.ts +0 -2
- package/es/Player/contraller_bar/useBarStatus.js +0 -43
- package/es/Player/contraller_bar/volume.d.ts +0 -9
- package/es/Player/contraller_bar/volume.js +0 -65
- package/es/Player/demo.d.ts +0 -3
- package/es/Player/demo.js +0 -277
- package/es/Player/empty.d.ts +0 -2
- package/es/Player/empty.js +0 -6
- package/es/Player/event/errorEvent.d.ts +0 -14
- package/es/Player/event/errorEvent.js +0 -88
- package/es/Player/event/eventName.d.ts +0 -18
- package/es/Player/event/eventName.js +0 -30
- package/es/Player/event/index.d.ts +0 -24
- package/es/Player/event/index.js +0 -204
- package/es/Player/fps_play.d.ts +0 -11
- package/es/Player/fps_play.js +0 -84
- package/es/Player/frontend_player.d.ts +0 -8
- package/es/Player/frontend_player.js +0 -72
- package/es/Player/frontend_timeline.d.ts +0 -10
- package/es/Player/frontend_timeline.js +0 -145
- package/es/Player/iconfont.d.ts +0 -5
- package/es/Player/iconfont.js +0 -22
- package/es/Player/index.d.ts +0 -2
- package/es/Player/index.js +0 -2
- package/es/Player/live_heart.d.ts +0 -8
- package/es/Player/live_heart.js +0 -46
- package/es/Player/message.d.ts +0 -5
- package/es/Player/message.js +0 -138
- package/es/Player/player.d.ts +0 -231
- package/es/Player/segment_player.d.ts +0 -9
- package/es/Player/segment_player.js +0 -230
- package/es/Player/segment_timeline.d.ts +0 -12
- package/es/Player/segment_timeline.js +0 -190
- package/es/Player/single_player.d.ts +0 -5
- package/es/Player/single_player.js +0 -290
- package/es/Player/style/bar.less +0 -43
- package/es/Player/style/iconfont.js +0 -43
- package/es/Player/style/index.less +0 -34
- package/es/Player/style/message.less +0 -56
- package/es/Player/style/slider.less +0 -106
- package/es/Player/style/timeline.less +0 -116
- package/es/Player/style/volume.less +0 -24
- package/es/Player/timeline.d.ts +0 -5
- package/es/Player/timeline.js +0 -98
- package/es/Player/util.d.ts +0 -42
- package/es/Player/util.js +0 -172
- package/es/PlayerExt/demo.d.ts +0 -3
- package/es/PlayerExt/demo.js +0 -170
- package/es/PlayerExt/index.d.ts +0 -48
- package/es/PlayerExt/index.js +0 -207
- package/es/PlayerExt/index.less +0 -10
- package/es/Progress/index.d.ts +0 -12
- package/es/Progress/index.js +0 -56
- package/es/Progress/index.less +0 -21
- package/es/ROI/demo.d.ts +0 -3
- package/es/ROI/demo.js +0 -18
- package/es/ROI/index.d.ts +0 -33
- package/es/ROI/index.js +0 -57
- package/es/ROI/index.less +0 -33
- package/es/RefDrawer/Footer.d.ts +0 -9
- package/es/RefDrawer/Footer.js +0 -27
- package/es/RefDrawer/demo.d.ts +0 -3
- package/es/RefDrawer/demo.js +0 -32
- package/es/RefDrawer/index.d.ts +0 -26
- package/es/RefDrawer/index.js +0 -73
- package/es/RefModal/demo.d.ts +0 -3
- package/es/RefModal/demo.js +0 -32
- package/es/RefModal/index.d.ts +0 -17
- package/es/RefModal/index.js +0 -71
- package/es/ScreenPlayer/Live.d.ts +0 -10
- package/es/ScreenPlayer/Live.js +0 -220
- package/es/ScreenPlayer/LiveTools.d.ts +0 -29
- package/es/ScreenPlayer/LiveTools.js +0 -167
- package/es/ScreenPlayer/PlayerWithExt.d.ts +0 -34
- package/es/ScreenPlayer/PlayerWithExt.js +0 -240
- package/es/ScreenPlayer/RatePick.d.ts +0 -8
- package/es/ScreenPlayer/RatePick.js +0 -30
- package/es/ScreenPlayer/Record.d.ts +0 -10
- package/es/ScreenPlayer/Record.js +0 -447
- package/es/ScreenPlayer/RecordTools.d.ts +0 -38
- package/es/ScreenPlayer/RecordTools.js +0 -216
- package/es/ScreenPlayer/ScreenSelect.d.ts +0 -7
- package/es/ScreenPlayer/ScreenSelect.js +0 -51
- package/es/ScreenPlayer/SegmentTimeLine.d.ts +0 -17
- package/es/ScreenPlayer/SegmentTimeLine.js +0 -38
- package/es/ScreenPlayer/TimeMode.d.ts +0 -7
- package/es/ScreenPlayer/TimeMode.js +0 -30
- package/es/ScreenPlayer/TimeSelect.d.ts +0 -7
- package/es/ScreenPlayer/TimeSelect.js +0 -94
- package/es/ScreenPlayer/demo.d.ts +0 -2
- package/es/ScreenPlayer/demo.js +0 -24
- package/es/ScreenPlayer/demo2.d.ts +0 -2
- package/es/ScreenPlayer/demo2.js +0 -200
- package/es/ScreenPlayer/index.d.ts +0 -6
- package/es/ScreenPlayer/index.js +0 -9
- package/es/ScreenPlayer/index.less +0 -335
- package/es/ScreenPlayer/interface.d.ts +0 -216
- package/es/ScreenPlayer/useTimeSlider.d.ts +0 -25
- package/es/ScreenPlayer/useTimeSlider.js +0 -450
- package/es/ScreenPlayer/useVideoFit.d.ts +0 -5
- package/es/ScreenPlayer/useVideoFit.js +0 -35
- package/es/ScreenPlayer/utils.d.ts +0 -17
- package/es/ScreenPlayer/utils.js +0 -85
- package/es/SegmentPlayer/index.d.ts +0 -2
- package/es/SegmentPlayer/index.js +0 -2
- package/es/Service/http.d.ts +0 -6
- package/es/Service/http.js +0 -125
- package/es/Service/index.d.ts +0 -3
- package/es/Service/index.js +0 -10
- package/es/Service/interface.d.ts +0 -22
- package/es/Service/middleware.d.ts +0 -5
- package/es/Service/middleware.js +0 -15
- package/es/SocketEmitter/eventEmitter.d.ts +0 -27
- package/es/SocketEmitter/eventEmitter.js +0 -88
- package/es/SocketEmitter/index.d.ts +0 -24
- package/es/SocketEmitter/index.js +0 -125
- package/es/SocketEmitter/interface.d.ts +0 -4
- package/es/TableLayout/index.d.ts +0 -10
- package/es/TableLayout/index.js +0 -29
- package/es/TableLayout/index.less +0 -4
- package/es/ThemeAntd/demo.d.ts +0 -4
- package/es/ThemeAntd/demo.js +0 -129
- package/es/ThemeAntd/demo.less +0 -20
- package/es/ThemeAntd/index.d.ts +0 -7
- package/es/ThemeAntd/index.js +0 -23
- package/es/ThemeAntd/index.less +0 -4
- package/es/Timeout/index.d.ts +0 -32
- package/es/Timeout/index.js +0 -70
- package/es/VList/index.d.ts +0 -11
- package/es/VList/index.js +0 -42
- package/es/VList/index.less +0 -6
- package/es/VList/utils.d.ts +0 -14
- package/es/VList/utils.js +0 -17
- package/es/bigNumberTransformCN/index.d.ts +0 -5
- package/es/bigNumberTransformCN/index.js +0 -60
- package/es/cache/index.d.ts +0 -34
- package/es/cache/index.js +0 -94
- package/es/copy/index.d.ts +0 -1
- package/es/copy/index.js +0 -9
- package/es/core.d.ts +0 -0
- package/es/getThemeStyle/index.d.ts +0 -2
- package/es/getThemeStyle/index.js +0 -5
- package/es/index.d.ts +0 -61
- package/es/index.js +0 -61
- package/es/logger/index.d.ts +0 -7
- package/es/logger/index.js +0 -30
- package/es/nextTick/index.d.ts +0 -1
- package/es/nextTick/index.js +0 -7
- package/es/submidstr/index.d.ts +0 -5
- package/es/submidstr/index.js +0 -14
- package/es/treeHelper/index.d.ts +0 -11
- package/es/treeHelper/index.js +0 -189
- package/es/typings.d.ts +0 -2
- package/es/useDrawROI/index.d.ts +0 -16
- package/es/useDrawROI/index.js +0 -322
- package/es/useEventEmitterHandle/index.d.ts +0 -2
- package/es/useEventEmitterHandle/index.js +0 -17
- package/es/useFullscreen/demo.d.ts +0 -2
- package/es/useFullscreen/demo.js +0 -48
- package/es/useFullscreen/index.d.ts +0 -12
- package/es/useFullscreen/index.js +0 -76
- package/es/useHistory/index.d.ts +0 -3
- package/es/useHistory/index.js +0 -9
- package/es/useHistory/interface.d.ts +0 -3
- package/es/useInfiniteScroll/index.d.ts +0 -16
- package/es/useInfiniteScroll/index.js +0 -101
- package/es/useRafInterval/index.d.ts +0 -5
- package/es/useRafInterval/index.js +0 -70
- package/es/useSimpleState/index.d.ts +0 -3
- package/es/useSimpleState/index.js +0 -36
- package/es/useVirtualList/index.d.ts +0 -13
- package/es/useVirtualList/index.js +0 -139
- package/es/utils.d.ts +0 -14
- package/es/utils.js +0 -75
- package/es/uuid/index.d.ts +0 -4
- package/es/uuid/index.js +0 -15
package/es/useDrawROI/index.js
DELETED
|
@@ -1,322 +0,0 @@
|
|
|
1
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
import _useEventListener from "ahooks/es/useEventListener";
|
|
3
|
-
import _useUpdateEffect from "ahooks/es/useUpdateEffect";
|
|
4
|
-
import _usePrevious from "ahooks/es/usePrevious";
|
|
5
|
-
import _useSize from "ahooks/es/useSize";
|
|
6
|
-
import _useLatest from "ahooks/es/useLatest";
|
|
7
|
-
function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
|
|
8
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
9
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
10
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
11
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
12
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
13
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
14
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
15
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
16
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
17
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
18
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
20
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
21
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
22
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
|
-
import booleanDisjoint from '@turf/boolean-disjoint';
|
|
24
|
-
import { lineString } from '@turf/helpers';
|
|
25
|
-
import lineToPolygon from '@turf/line-to-polygon';
|
|
26
|
-
import { getTargetElement } from 'ahooks/lib/utils/domTarget';
|
|
27
|
-
import { useEffect, useMemo } from 'react';
|
|
28
|
-
import { useHotkeys } from 'react-hotkeys-hook';
|
|
29
|
-
import useSimpleState from "../useSimpleState";
|
|
30
|
-
function useDrawROI(target, _ref) {
|
|
31
|
-
var row = _ref.row,
|
|
32
|
-
rowItems = _ref.rowItems,
|
|
33
|
-
defaultAreas = _ref.defaultAreas;
|
|
34
|
-
var _useSimpleState = useSimpleState({
|
|
35
|
-
pos: [],
|
|
36
|
-
tempPos: [],
|
|
37
|
-
saveArea: defaultAreas !== null && defaultAreas !== void 0 ? defaultAreas : [],
|
|
38
|
-
isOpen: false
|
|
39
|
-
}),
|
|
40
|
-
_useSimpleState2 = _slicedToArray(_useSimpleState, 3),
|
|
41
|
-
state = _useSimpleState2[0],
|
|
42
|
-
updateState = _useSimpleState2[1],
|
|
43
|
-
setState = _useSimpleState2[2];
|
|
44
|
-
var isOpenRef = _useLatest(state.isOpen);
|
|
45
|
-
var size = _useSize(target);
|
|
46
|
-
var oldSize = _usePrevious(size);
|
|
47
|
-
useEffect(function () {
|
|
48
|
-
if (!(size !== null && size !== void 0 && size.width)) {
|
|
49
|
-
return;
|
|
50
|
-
}
|
|
51
|
-
var canvas = getTargetElement(target);
|
|
52
|
-
canvas.width = size === null || size === void 0 ? void 0 : size.width;
|
|
53
|
-
canvas.height = size === null || size === void 0 ? void 0 : size.height;
|
|
54
|
-
console.warn('canvas,size变化!');
|
|
55
|
-
if (!(oldSize !== null && oldSize !== void 0 && oldSize.width)) {
|
|
56
|
-
return;
|
|
57
|
-
}
|
|
58
|
-
var scale = size.width / oldSize.width;
|
|
59
|
-
setState(function (old) {
|
|
60
|
-
return _objectSpread(_objectSpread({}, old), {}, {
|
|
61
|
-
pos: [],
|
|
62
|
-
tempPos: [],
|
|
63
|
-
saveArea: old.saveArea.map(function (area) {
|
|
64
|
-
return area.map(function (v) {
|
|
65
|
-
return [v[0] * scale, v[1] * scale];
|
|
66
|
-
});
|
|
67
|
-
})
|
|
68
|
-
});
|
|
69
|
-
});
|
|
70
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
71
|
-
}, [size === null || size === void 0 ? void 0 : size.height, size === null || size === void 0 ? void 0 : size.width]);
|
|
72
|
-
_useUpdateEffect(function () {
|
|
73
|
-
if (state.saveArea.length === 0 && defaultAreas && defaultAreas.length > 0) {
|
|
74
|
-
updateState({
|
|
75
|
-
saveArea: defaultAreas
|
|
76
|
-
});
|
|
77
|
-
}
|
|
78
|
-
}, [defaultAreas, state.saveArea]);
|
|
79
|
-
_useEventListener('click', function (event) {
|
|
80
|
-
if (!isOpenRef.current) {
|
|
81
|
-
return;
|
|
82
|
-
}
|
|
83
|
-
var p_x = event.offsetX;
|
|
84
|
-
var p_y = event.offsetY;
|
|
85
|
-
setState(function (old) {
|
|
86
|
-
var pos = old.pos;
|
|
87
|
-
|
|
88
|
-
// 去掉重复点位,dbclick导致重复触发
|
|
89
|
-
if (!pos.find(function (_ref2) {
|
|
90
|
-
var _ref3 = _slicedToArray(_ref2, 2),
|
|
91
|
-
x = _ref3[0],
|
|
92
|
-
y = _ref3[1];
|
|
93
|
-
return x === p_x && y === p_y;
|
|
94
|
-
})) {
|
|
95
|
-
pos = [].concat(_toConsumableArray(pos), [[p_x, p_y]]);
|
|
96
|
-
}
|
|
97
|
-
return _objectSpread(_objectSpread({}, old), {}, {
|
|
98
|
-
pos: pos
|
|
99
|
-
});
|
|
100
|
-
});
|
|
101
|
-
}, {
|
|
102
|
-
target: target
|
|
103
|
-
});
|
|
104
|
-
_useEventListener('dblclick', function (event) {
|
|
105
|
-
var p_x = event.offsetX;
|
|
106
|
-
var p_y = event.offsetY;
|
|
107
|
-
setState(function (old) {
|
|
108
|
-
var saveArea = old.saveArea;
|
|
109
|
-
var pos = old.pos;
|
|
110
|
-
var tempPos = old.tempPos;
|
|
111
|
-
if (pos.length > 2) {
|
|
112
|
-
// 去掉重复点位
|
|
113
|
-
if (!pos.find(function (_ref4) {
|
|
114
|
-
var _ref5 = _slicedToArray(_ref4, 2),
|
|
115
|
-
x = _ref5[0],
|
|
116
|
-
y = _ref5[1];
|
|
117
|
-
return x === p_x && y === p_y;
|
|
118
|
-
})) {
|
|
119
|
-
pos = [].concat(_toConsumableArray(pos), [[p_x, p_y]]);
|
|
120
|
-
}
|
|
121
|
-
saveArea = [].concat(_toConsumableArray(saveArea), [pos]);
|
|
122
|
-
pos = [];
|
|
123
|
-
tempPos = [];
|
|
124
|
-
}
|
|
125
|
-
return _objectSpread(_objectSpread({}, old), {}, {
|
|
126
|
-
pos: pos,
|
|
127
|
-
saveArea: saveArea,
|
|
128
|
-
tempPos: tempPos
|
|
129
|
-
});
|
|
130
|
-
});
|
|
131
|
-
}, {
|
|
132
|
-
target: target
|
|
133
|
-
});
|
|
134
|
-
_useEventListener('mousemove', function (event) {
|
|
135
|
-
if (!isOpenRef.current || state.pos.length === 0) {
|
|
136
|
-
return;
|
|
137
|
-
}
|
|
138
|
-
var p_x = event.offsetX;
|
|
139
|
-
var p_y = event.offsetY;
|
|
140
|
-
setState(function (old) {
|
|
141
|
-
return _objectSpread(_objectSpread({}, old), {}, {
|
|
142
|
-
tempPos: [p_x, p_y]
|
|
143
|
-
});
|
|
144
|
-
});
|
|
145
|
-
}, {
|
|
146
|
-
target: target
|
|
147
|
-
});
|
|
148
|
-
var clearCanvas = function clearCanvas() {
|
|
149
|
-
var canvas = getTargetElement(target);
|
|
150
|
-
var ctx = canvas.getContext('2d');
|
|
151
|
-
// 重置画布
|
|
152
|
-
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
|
153
|
-
};
|
|
154
|
-
var drawSavaArea = function drawSavaArea(area) {
|
|
155
|
-
var canvas = getTargetElement(target);
|
|
156
|
-
var ctx = canvas.getContext('2d');
|
|
157
|
-
// 绘制已完成的图形
|
|
158
|
-
area.forEach(function (item) {
|
|
159
|
-
// 绘制坐标线
|
|
160
|
-
var _item = _toArray(item),
|
|
161
|
-
startPos = _item[0],
|
|
162
|
-
pos = _item.slice(1);
|
|
163
|
-
ctx.beginPath();
|
|
164
|
-
ctx.moveTo.apply(ctx, _toConsumableArray(startPos));
|
|
165
|
-
pos.forEach(function (_ref6) {
|
|
166
|
-
var _ref7 = _slicedToArray(_ref6, 2),
|
|
167
|
-
x = _ref7[0],
|
|
168
|
-
y = _ref7[1];
|
|
169
|
-
return ctx.lineTo(x, y);
|
|
170
|
-
});
|
|
171
|
-
ctx.lineTo.apply(ctx, _toConsumableArray(startPos));
|
|
172
|
-
ctx.strokeStyle = '#f32d37';
|
|
173
|
-
ctx.lineWidth = 2;
|
|
174
|
-
ctx.fillStyle = 'rgba(243,45,55,0.5)';
|
|
175
|
-
ctx.fill();
|
|
176
|
-
ctx.stroke();
|
|
177
|
-
});
|
|
178
|
-
};
|
|
179
|
-
var canvasRendering = function canvasRendering(points, tempPos) {
|
|
180
|
-
if (points.length === 0) {
|
|
181
|
-
return;
|
|
182
|
-
}
|
|
183
|
-
var canvas = getTargetElement(target);
|
|
184
|
-
var ctx = canvas.getContext('2d');
|
|
185
|
-
// 绘制坐标点
|
|
186
|
-
points.forEach(function (_ref8) {
|
|
187
|
-
var _ref9 = _slicedToArray(_ref8, 2),
|
|
188
|
-
x = _ref9[0],
|
|
189
|
-
y = _ref9[1];
|
|
190
|
-
ctx.beginPath();
|
|
191
|
-
ctx.arc(x, y, 4, 0, 2 * Math.PI);
|
|
192
|
-
ctx.fillStyle = 'red';
|
|
193
|
-
ctx.fill();
|
|
194
|
-
});
|
|
195
|
-
|
|
196
|
-
// 绘制坐标线
|
|
197
|
-
var _points = _toArray(points),
|
|
198
|
-
startPos = _points[0],
|
|
199
|
-
pos = _points.slice(1);
|
|
200
|
-
ctx.beginPath();
|
|
201
|
-
ctx.moveTo.apply(ctx, _toConsumableArray(startPos));
|
|
202
|
-
pos.forEach(function (_ref10) {
|
|
203
|
-
var _ref11 = _slicedToArray(_ref10, 2),
|
|
204
|
-
x = _ref11[0],
|
|
205
|
-
y = _ref11[1];
|
|
206
|
-
return ctx.lineTo(x, y);
|
|
207
|
-
});
|
|
208
|
-
var _tempPos = _slicedToArray(tempPos, 2),
|
|
209
|
-
x = _tempPos[0],
|
|
210
|
-
y = _tempPos[1];
|
|
211
|
-
if (typeof x === 'number' && typeof y === 'number') {
|
|
212
|
-
ctx.lineTo(x, y);
|
|
213
|
-
}
|
|
214
|
-
ctx.lineTo.apply(ctx, _toConsumableArray(startPos));
|
|
215
|
-
ctx.strokeStyle = '#f32d37';
|
|
216
|
-
ctx.lineWidth = 2;
|
|
217
|
-
ctx.fillStyle = 'rgba(243,45,55,0.5)';
|
|
218
|
-
ctx.fill();
|
|
219
|
-
ctx.stroke();
|
|
220
|
-
};
|
|
221
|
-
|
|
222
|
-
//绘制hook
|
|
223
|
-
useEffect(function () {
|
|
224
|
-
clearCanvas();
|
|
225
|
-
drawSavaArea(state.saveArea);
|
|
226
|
-
canvasRendering(state.pos, state.tempPos);
|
|
227
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
228
|
-
}, [state.pos, state.saveArea, state.tempPos]);
|
|
229
|
-
var status = useMemo(function () {
|
|
230
|
-
return state.isOpen ? 'open' : 'close';
|
|
231
|
-
}, [state.isOpen]);
|
|
232
|
-
var open = function open() {
|
|
233
|
-
return setState(function (old) {
|
|
234
|
-
return _objectSpread(_objectSpread({}, old), {}, {
|
|
235
|
-
isOpen: true
|
|
236
|
-
});
|
|
237
|
-
});
|
|
238
|
-
};
|
|
239
|
-
var close = function close() {
|
|
240
|
-
return setState(function (old) {
|
|
241
|
-
return _objectSpread(_objectSpread({}, old), {}, {
|
|
242
|
-
isOpen: false
|
|
243
|
-
});
|
|
244
|
-
});
|
|
245
|
-
};
|
|
246
|
-
var clear = function clear() {
|
|
247
|
-
return setState(function (old) {
|
|
248
|
-
return _objectSpread(_objectSpread({}, old), {}, {
|
|
249
|
-
pos: [],
|
|
250
|
-
saveArea: [],
|
|
251
|
-
tempPos: []
|
|
252
|
-
});
|
|
253
|
-
});
|
|
254
|
-
};
|
|
255
|
-
|
|
256
|
-
//快捷键处理
|
|
257
|
-
useHotkeys('esc', function () {
|
|
258
|
-
return setState(function (old) {
|
|
259
|
-
return _objectSpread(_objectSpread({}, old), {}, {
|
|
260
|
-
pos: [],
|
|
261
|
-
tempPos: []
|
|
262
|
-
});
|
|
263
|
-
});
|
|
264
|
-
});
|
|
265
|
-
var rio = useMemo(function () {
|
|
266
|
-
var rioArr = [];
|
|
267
|
-
var canvas = getTargetElement(target);
|
|
268
|
-
if (!canvas) {
|
|
269
|
-
rioArr = new Array(row).fill(new Array(rowItems).fill(0));
|
|
270
|
-
return rioArr;
|
|
271
|
-
}
|
|
272
|
-
var _canvas$getBoundingCl = canvas.getBoundingClientRect(),
|
|
273
|
-
width = _canvas$getBoundingCl.width,
|
|
274
|
-
height = _canvas$getBoundingCl.height;
|
|
275
|
-
var itemWidth = width / rowItems;
|
|
276
|
-
var itemHeight = height / row;
|
|
277
|
-
|
|
278
|
-
// 转换当前绘制完成的区域为多边形
|
|
279
|
-
var areas = state.saveArea.map(function (item) {
|
|
280
|
-
return lineToPolygon(lineString(item));
|
|
281
|
-
});
|
|
282
|
-
for (var i = 0; i < row; i++) {
|
|
283
|
-
var arr = [];
|
|
284
|
-
var _loop = function _loop() {
|
|
285
|
-
// x表示当地的纬度,y表示当地的经度
|
|
286
|
-
var lines = lineString([[k * itemWidth, i * itemHeight], [(k + 1) * itemWidth, i * itemHeight], [(k + 1) * itemWidth, (i + 1) * itemHeight], [k * itemWidth, (i + 1) * itemHeight], [k * itemWidth, i * itemHeight]]);
|
|
287
|
-
// 转换每格为多边形
|
|
288
|
-
var rect = lineToPolygon(lines);
|
|
289
|
-
//标记当前rect 是否与绘制的图形相交
|
|
290
|
-
var flag = areas.findIndex(function (area) {
|
|
291
|
-
return !booleanDisjoint(rect, area);
|
|
292
|
-
}) > -1;
|
|
293
|
-
arr.push(flag ? 1 : 0);
|
|
294
|
-
};
|
|
295
|
-
for (var k = 0; k < rowItems; k++) {
|
|
296
|
-
_loop();
|
|
297
|
-
}
|
|
298
|
-
rioArr.push(arr);
|
|
299
|
-
}
|
|
300
|
-
return rioArr;
|
|
301
|
-
}, [row, rowItems, state.saveArea, target]);
|
|
302
|
-
var deleteArea = function deleteArea(area) {
|
|
303
|
-
setState(function (old) {
|
|
304
|
-
var newArea = old.saveArea.filter(function (v) {
|
|
305
|
-
return v.join('-') !== area.join('-');
|
|
306
|
-
});
|
|
307
|
-
return _objectSpread(_objectSpread({}, old), {}, {
|
|
308
|
-
saveArea: _toConsumableArray(newArea)
|
|
309
|
-
});
|
|
310
|
-
});
|
|
311
|
-
};
|
|
312
|
-
return {
|
|
313
|
-
open: open,
|
|
314
|
-
close: close,
|
|
315
|
-
clear: clear,
|
|
316
|
-
rio: rio,
|
|
317
|
-
status: status,
|
|
318
|
-
areas: state.saveArea,
|
|
319
|
-
deleteArea: deleteArea
|
|
320
|
-
};
|
|
321
|
-
}
|
|
322
|
-
export default useDrawROI;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import _useLatest from "ahooks/es/useLatest";
|
|
2
|
-
import { useEffect } from 'react';
|
|
3
|
-
import SocketEmitter from "../SocketEmitter";
|
|
4
|
-
function useEventEmitterHandle(eventName, handle) {
|
|
5
|
-
var handlerRef = _useLatest(handle);
|
|
6
|
-
useEffect(function () {
|
|
7
|
-
var eventListener = function eventListener(event) {
|
|
8
|
-
return handlerRef.current(event);
|
|
9
|
-
};
|
|
10
|
-
SocketEmitter.on(eventName, eventListener);
|
|
11
|
-
return function () {
|
|
12
|
-
return SocketEmitter.off(eventName, eventListener);
|
|
13
|
-
};
|
|
14
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
15
|
-
}, [eventName]);
|
|
16
|
-
}
|
|
17
|
-
export default useEventEmitterHandle;
|
package/es/useFullscreen/demo.js
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import _useFullscreen3 from "ahooks/es/useFullscreen";
|
|
2
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
3
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
5
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
6
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
7
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
8
|
-
import React, { useRef } from 'react';
|
|
9
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
-
export default function App() {
|
|
12
|
-
var ref1 = useRef();
|
|
13
|
-
var ref2 = useRef();
|
|
14
|
-
var _useFullscreen = _useFullscreen3(ref1),
|
|
15
|
-
_useFullscreen2 = _slicedToArray(_useFullscreen, 2),
|
|
16
|
-
fullscreen1 = _useFullscreen2[0],
|
|
17
|
-
options1 = _useFullscreen2[1];
|
|
18
|
-
var _useFullscreen4 = _useFullscreen3(ref2),
|
|
19
|
-
_useFullscreen5 = _slicedToArray(_useFullscreen4, 2),
|
|
20
|
-
fullscreen2 = _useFullscreen5[0],
|
|
21
|
-
options2 = _useFullscreen5[1];
|
|
22
|
-
return /*#__PURE__*/_jsxs("div", {
|
|
23
|
-
className: "App",
|
|
24
|
-
children: [/*#__PURE__*/_jsxs("div", {
|
|
25
|
-
style: {
|
|
26
|
-
width: 400,
|
|
27
|
-
height: 400,
|
|
28
|
-
background: 'blue'
|
|
29
|
-
},
|
|
30
|
-
ref: ref1,
|
|
31
|
-
children: [/*#__PURE__*/_jsxs("button", {
|
|
32
|
-
onClick: options1.toggleFullscreen,
|
|
33
|
-
children: ["\u7236\u5143\u7D20", fullscreen1 ? '退出全屏' : '全屏']
|
|
34
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
35
|
-
style: {
|
|
36
|
-
width: 200,
|
|
37
|
-
height: 200,
|
|
38
|
-
background: 'red'
|
|
39
|
-
},
|
|
40
|
-
ref: ref2,
|
|
41
|
-
children: /*#__PURE__*/_jsxs("button", {
|
|
42
|
-
onClick: options2.toggleFullscreen,
|
|
43
|
-
children: ["\u5B50\u5143\u7D20", fullscreen2 ? '退出全屏' : '全屏']
|
|
44
|
-
})
|
|
45
|
-
})]
|
|
46
|
-
}), /*#__PURE__*/_jsx("div", {})]
|
|
47
|
-
});
|
|
48
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { BasicTarget } from 'ahooks/es/utils/domTarget';
|
|
2
|
-
export interface Options {
|
|
3
|
-
onExit?: () => void;
|
|
4
|
-
onEnter?: () => void;
|
|
5
|
-
}
|
|
6
|
-
declare const useFullscreen: (target: BasicTarget, options?: Options) => readonly [boolean, {
|
|
7
|
-
readonly enterFullscreen: () => void;
|
|
8
|
-
readonly exitFullscreen: () => void;
|
|
9
|
-
readonly toggleFullscreen: () => void;
|
|
10
|
-
readonly isEnabled: boolean;
|
|
11
|
-
}];
|
|
12
|
-
export default useFullscreen;
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
4
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
5
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
6
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
-
import { useState } from 'react';
|
|
8
|
-
import useLatest from 'ahooks/es/useLatest';
|
|
9
|
-
import useMemoizedFn from 'ahooks/es/useMemoizedFn';
|
|
10
|
-
import useUnmount from 'ahooks/es/useUnmount';
|
|
11
|
-
import { getTargetElement } from 'ahooks/es/utils/domTarget';
|
|
12
|
-
import screenfull from 'screenfull';
|
|
13
|
-
var useFullscreen = function useFullscreen(target, options) {
|
|
14
|
-
var _ref = options || {},
|
|
15
|
-
onExit = _ref.onExit,
|
|
16
|
-
onEnter = _ref.onEnter;
|
|
17
|
-
var onExitRef = useLatest(onExit);
|
|
18
|
-
var onEnterRef = useLatest(onEnter);
|
|
19
|
-
var _useState = useState(false),
|
|
20
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
21
|
-
state = _useState2[0],
|
|
22
|
-
setState = _useState2[1];
|
|
23
|
-
var onChange = function onChange() {
|
|
24
|
-
if (screenfull.isEnabled) {
|
|
25
|
-
var el = getTargetElement(target);
|
|
26
|
-
var isFullscreen = document.fullscreenElement === el;
|
|
27
|
-
if (isFullscreen) {
|
|
28
|
-
var _onEnterRef$current;
|
|
29
|
-
(_onEnterRef$current = onEnterRef.current) === null || _onEnterRef$current === void 0 ? void 0 : _onEnterRef$current.call(onEnterRef);
|
|
30
|
-
} else {
|
|
31
|
-
var _onExitRef$current;
|
|
32
|
-
screenfull.off('change', onChange);
|
|
33
|
-
(_onExitRef$current = onExitRef.current) === null || _onExitRef$current === void 0 ? void 0 : _onExitRef$current.call(onExitRef);
|
|
34
|
-
}
|
|
35
|
-
setState(isFullscreen);
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
var enterFullscreen = function enterFullscreen() {
|
|
39
|
-
var el = getTargetElement(target);
|
|
40
|
-
if (!el) {
|
|
41
|
-
return;
|
|
42
|
-
}
|
|
43
|
-
if (screenfull.isEnabled) {
|
|
44
|
-
try {
|
|
45
|
-
screenfull.request(el);
|
|
46
|
-
screenfull.on('change', onChange);
|
|
47
|
-
} catch (error) {
|
|
48
|
-
console.error(error);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
var exitFullscreen = function exitFullscreen() {
|
|
53
|
-
if (screenfull.isEnabled) {
|
|
54
|
-
screenfull.exit();
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
var toggleFullscreen = function toggleFullscreen() {
|
|
58
|
-
if (state) {
|
|
59
|
-
exitFullscreen();
|
|
60
|
-
} else {
|
|
61
|
-
enterFullscreen();
|
|
62
|
-
}
|
|
63
|
-
};
|
|
64
|
-
useUnmount(function () {
|
|
65
|
-
if (screenfull.isEnabled) {
|
|
66
|
-
screenfull.off('change', onChange);
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
return [state, {
|
|
70
|
-
enterFullscreen: useMemoizedFn(enterFullscreen),
|
|
71
|
-
exitFullscreen: useMemoizedFn(exitFullscreen),
|
|
72
|
-
toggleFullscreen: useMemoizedFn(toggleFullscreen),
|
|
73
|
-
isEnabled: screenfull.isEnabled
|
|
74
|
-
}];
|
|
75
|
-
};
|
|
76
|
-
export default useFullscreen;
|
package/es/useHistory/index.d.ts
DELETED
package/es/useHistory/index.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { BasicTarget } from 'ahooks/lib/utils/domTarget';
|
|
2
|
-
export declare type TData<T> = {
|
|
3
|
-
list: T[];
|
|
4
|
-
[key: string]: any;
|
|
5
|
-
};
|
|
6
|
-
declare function useInfiniteScroll<T>(fetcher: (currentData?: TData<T>) => Promise<TData<T>>, options: {
|
|
7
|
-
target?: BasicTarget;
|
|
8
|
-
isNoMore?: (data?: TData<T>) => boolean;
|
|
9
|
-
threshold?: number;
|
|
10
|
-
reloadDeps?: any[];
|
|
11
|
-
}): {
|
|
12
|
-
noMore: boolean;
|
|
13
|
-
data: TData<T>;
|
|
14
|
-
loading: boolean;
|
|
15
|
-
};
|
|
16
|
-
export default useInfiniteScroll;
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
-
import _useUpdateEffect from "ahooks/es/useUpdateEffect";
|
|
3
|
-
import _useEventListener from "ahooks/es/useEventListener";
|
|
4
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
7
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
8
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
9
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
11
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
12
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
13
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
14
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
|
-
import { getTargetElement } from 'ahooks/es/utils/domTarget';
|
|
16
|
-
import { getClientHeight, getScrollHeight, getScrollTop } from 'ahooks/es/utils/rect';
|
|
17
|
-
import { useEffect, useMemo, useState } from 'react';
|
|
18
|
-
function useInfiniteScroll(fetcher, options) {
|
|
19
|
-
var target = options.target,
|
|
20
|
-
isNoMore = options.isNoMore,
|
|
21
|
-
threshold = options.threshold,
|
|
22
|
-
reloadDeps = options.reloadDeps;
|
|
23
|
-
var _useState = useState({
|
|
24
|
-
data: {
|
|
25
|
-
list: []
|
|
26
|
-
},
|
|
27
|
-
loadding: false
|
|
28
|
-
}),
|
|
29
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
30
|
-
state = _useState2[0],
|
|
31
|
-
setState = _useState2[1];
|
|
32
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
33
|
-
var noMore = useMemo(function () {
|
|
34
|
-
return !isNoMore ? false : isNoMore(state.data);
|
|
35
|
-
}, [state.data]);
|
|
36
|
-
var loadMore = function loadMore(flag) {
|
|
37
|
-
var _isNoMore;
|
|
38
|
-
if (!flag && ((_isNoMore = isNoMore === null || isNoMore === void 0 ? void 0 : isNoMore(state.data)) !== null && _isNoMore !== void 0 ? _isNoMore : false)) {
|
|
39
|
-
return;
|
|
40
|
-
}
|
|
41
|
-
if (state.loadding) {
|
|
42
|
-
return;
|
|
43
|
-
}
|
|
44
|
-
setState(function (old) {
|
|
45
|
-
return _objectSpread(_objectSpread({}, old), {}, {
|
|
46
|
-
loadding: true
|
|
47
|
-
});
|
|
48
|
-
});
|
|
49
|
-
fetcher(flag ? {
|
|
50
|
-
list: []
|
|
51
|
-
} : state.data).then(function (res) {
|
|
52
|
-
return setState(function (old) {
|
|
53
|
-
return _objectSpread(_objectSpread({}, old), {}, {
|
|
54
|
-
data: _objectSpread({}, res),
|
|
55
|
-
loadding: false
|
|
56
|
-
});
|
|
57
|
-
});
|
|
58
|
-
});
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
62
|
-
useEffect(function () {
|
|
63
|
-
return loadMore(true);
|
|
64
|
-
}, reloadDeps ? reloadDeps : [reloadDeps]);
|
|
65
|
-
var scrollMethod = function scrollMethod() {
|
|
66
|
-
var el = getTargetElement(target);
|
|
67
|
-
if (!el) {
|
|
68
|
-
return;
|
|
69
|
-
}
|
|
70
|
-
var scrollTop = getScrollTop(el);
|
|
71
|
-
var scrollHeight = getScrollHeight(el);
|
|
72
|
-
var clientHeight = getClientHeight(el);
|
|
73
|
-
if (scrollHeight - scrollTop <= clientHeight + (threshold || 50)) {
|
|
74
|
-
loadMore();
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
_useEventListener('scroll', function () {
|
|
78
|
-
if (state.loadding) {
|
|
79
|
-
return;
|
|
80
|
-
}
|
|
81
|
-
scrollMethod();
|
|
82
|
-
}, {
|
|
83
|
-
target: target
|
|
84
|
-
});
|
|
85
|
-
_useUpdateEffect(function () {
|
|
86
|
-
var el = getTargetElement(target);
|
|
87
|
-
if (!el) {
|
|
88
|
-
return;
|
|
89
|
-
}
|
|
90
|
-
el.scrollTo({
|
|
91
|
-
left: 0,
|
|
92
|
-
top: 0
|
|
93
|
-
});
|
|
94
|
-
}, reloadDeps ? reloadDeps : []);
|
|
95
|
-
return {
|
|
96
|
-
noMore: noMore,
|
|
97
|
-
data: state.data,
|
|
98
|
-
loading: state.loadding
|
|
99
|
-
};
|
|
100
|
-
}
|
|
101
|
-
export default useInfiniteScroll;
|