@cloud-app-dev/vidc 3.2.11 → 3.2.13
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/.dumi/tmp/core/EmptyRoute.tsx +9 -0
- package/.dumi/tmp/core/defineApp.ts +16 -0
- package/.dumi/tmp/core/history.ts +61 -0
- package/.dumi/tmp/core/plugin.ts +42 -0
- package/.dumi/tmp/core/pluginConfig.d.ts +276 -0
- package/.dumi/tmp/core/polyfill.ts +202 -0
- package/.dumi/tmp/core/route.tsx +38 -0
- package/.dumi/tmp/core/terminal.ts +38 -0
- package/.dumi/tmp/dumi/exports.ts +5 -0
- package/.dumi/tmp/dumi/locales/config.ts +56 -0
- package/.dumi/tmp/dumi/locales/runtime.tsx +38 -0
- package/.dumi/tmp/dumi/meta/atoms.ts +4 -0
- package/.dumi/tmp/dumi/meta/index.ts +186 -0
- package/.dumi/tmp/dumi/meta/runtime.ts +18 -0
- package/.dumi/tmp/dumi/meta/tabs.ts +8 -0
- package/.dumi/tmp/dumi/theme/ContextWrapper.tsx +41 -0
- package/.dumi/tmp/dumi/theme/builtins/API.ts +4 -0
- package/.dumi/tmp/dumi/theme/builtins/Badge.ts +4 -0
- package/.dumi/tmp/dumi/theme/builtins/Container.ts +4 -0
- package/.dumi/tmp/dumi/theme/builtins/Previewer.ts +4 -0
- package/.dumi/tmp/dumi/theme/builtins/SourceCode.ts +4 -0
- package/.dumi/tmp/dumi/theme/builtins/Table.ts +4 -0
- package/.dumi/tmp/dumi/theme/layouts/DocLayout.ts +4 -0
- package/.dumi/tmp/dumi/theme/slots/Content.ts +4 -0
- package/.dumi/tmp/dumi/theme/slots/ContentTabs.ts +4 -0
- package/.dumi/tmp/dumi/theme/slots/Features.ts +4 -0
- package/.dumi/tmp/dumi/theme/slots/Footer.ts +4 -0
- package/.dumi/tmp/dumi/theme/slots/Header.ts +4 -0
- package/.dumi/tmp/dumi/theme/slots/Hero.ts +4 -0
- package/.dumi/tmp/dumi/theme/slots/HeroTitle.ts +4 -0
- package/.dumi/tmp/dumi/theme/slots/LangSwitch.ts +4 -0
- package/.dumi/tmp/dumi/theme/slots/Logo.ts +4 -0
- package/.dumi/tmp/dumi/theme/slots/Navbar.ts +4 -0
- package/.dumi/tmp/dumi/theme/slots/NotFound.ts +4 -0
- package/.dumi/tmp/dumi/theme/slots/PreviewerActions.ts +4 -0
- package/.dumi/tmp/dumi/theme/slots/PreviewerActionsExtra.ts +4 -0
- package/.dumi/tmp/dumi/theme/slots/RtlSwitch.ts +4 -0
- package/.dumi/tmp/dumi/theme/slots/SearchBar.ts +4 -0
- package/.dumi/tmp/dumi/theme/slots/SearchResult.ts +4 -0
- package/.dumi/tmp/dumi/theme/slots/Sidebar.ts +4 -0
- package/.dumi/tmp/dumi/theme/slots/Toc.ts +4 -0
- package/.dumi/tmp/exports.ts +15 -0
- package/.dumi/tmp/testBrowser.tsx +82 -0
- package/.dumi/tmp/tsconfig.json +35 -0
- package/.dumi/tmp/typings.d.ts +136 -0
- package/.dumi/tmp/umi.ts +77 -0
- package/.dumi/tmp-production/core/EmptyRoute.tsx +9 -0
- package/.dumi/tmp-production/core/defineApp.ts +16 -0
- package/.dumi/tmp-production/core/history.ts +61 -0
- package/.dumi/tmp-production/core/plugin.ts +42 -0
- package/.dumi/tmp-production/core/pluginConfig.d.ts +276 -0
- package/.dumi/tmp-production/core/polyfill.ts +202 -0
- package/.dumi/tmp-production/core/route.tsx +38 -0
- package/.dumi/tmp-production/core/terminal.ts +38 -0
- package/.dumi/tmp-production/dumi/exports.ts +5 -0
- package/.dumi/tmp-production/dumi/locales/config.ts +56 -0
- package/.dumi/tmp-production/dumi/locales/runtime.tsx +38 -0
- package/.dumi/tmp-production/dumi/meta/atoms.ts +4 -0
- package/.dumi/tmp-production/dumi/meta/index.ts +178 -0
- package/.dumi/tmp-production/dumi/meta/runtime.ts +18 -0
- package/.dumi/tmp-production/dumi/meta/tabs.ts +5 -0
- package/.dumi/tmp-production/dumi/theme/ContextWrapper.tsx +41 -0
- package/.dumi/tmp-production/dumi/theme/builtins/API.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/builtins/Badge.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/builtins/Container.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/builtins/Previewer.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/builtins/SourceCode.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/builtins/Table.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/layouts/DocLayout.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/slots/Content.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/slots/ContentTabs.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/slots/Features.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/slots/Footer.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/slots/Header.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/slots/Hero.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/slots/HeroTitle.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/slots/LangSwitch.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/slots/Logo.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/slots/Navbar.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/slots/NotFound.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/slots/PreviewerActions.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/slots/PreviewerActionsExtra.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/slots/RtlSwitch.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/slots/SearchBar.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/slots/SearchResult.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/slots/Sidebar.ts +4 -0
- package/.dumi/tmp-production/dumi/theme/slots/Toc.ts +4 -0
- package/.dumi/tmp-production/exports.ts +14 -0
- package/.dumi/tmp-production/testBrowser.tsx +82 -0
- package/.dumi/tmp-production/tsconfig.json +35 -0
- package/.dumi/tmp-production/typings.d.ts +136 -0
- package/.dumi/tmp-production/umi.ts +77 -0
- package/.dumirc.ts +71 -0
- package/.editorconfig +0 -3
- package/.eslintrc.js +3 -0
- package/.fatherrc.ts +19 -0
- package/.husky/commit-msg +5 -0
- package/.husky/pre-commit +4 -0
- package/.prettierrc.js +16 -0
- package/.stylelintrc +3 -0
- package/README.md +14 -26
- package/es/Api/index.js +100 -30
- package/es/AppContext/Sync.js +19 -3
- package/es/AppContext/index.js +86 -42
- package/es/AppContext/static.js +7 -0
- package/es/Auth/index.js +11 -4
- package/es/AutoExit/index.js +11 -3
- package/es/Box/BetweenBox/index.js +19 -10
- package/es/Box/BetweenBox/{index.css → index.less} +0 -0
- package/es/Box/InfoBox/index.js +24 -18
- package/es/Box/InfoBox/index.less +22 -0
- package/es/Box/TwoColumnBox/index.js +42 -25
- package/es/Box/TwoColumnBox/index.less +70 -0
- package/es/Box/deps/grid-factory.d.ts +2 -2
- package/es/Box/deps/grid-factory.js +12 -0
- package/es/Box/index.js +29 -16
- package/es/Box/{index.css → index.less} +5 -4
- package/es/CheckGroupFixed/demo.d.ts +3 -0
- package/es/CheckGroupFixed/demo.js +28 -0
- package/es/CheckGroupFixed/index.js +117 -82
- package/es/CheckGroupFixed/index.less +50 -0
- package/es/Config/index.js +5 -1
- package/es/Config/utils.js +18 -3
- package/es/ConfigContext/index.js +8 -4
- package/es/CustomRenderSelect/index.js +71 -36
- package/es/CustomRenderSelect/index.less +25 -0
- package/es/DisableMark/index.js +14 -11
- package/es/DisableMark/{index.css → index.less} +0 -0
- package/es/DomMove/demo.js +14 -10
- package/es/DomMove/index.js +52 -30
- package/es/DomMove/utils.js +8 -3
- package/es/Drag/DragAndDropItem.js +44 -20
- package/es/Drag/DropItem.js +22 -6
- package/es/Drag/index.js +2 -2
- package/es/Drag/{index.css → index.less} +0 -0
- package/es/Drawer/Footer.js +22 -15
- package/es/Drawer/{Demo.d.ts → demo.d.ts} +0 -0
- package/es/Drawer/demo.js +109 -0
- package/es/Drawer/index.js +98 -60
- package/es/Drawer/index.less +42 -0
- package/es/ErrorFallback/index.js +23 -14
- package/es/FrontendPlayer/index.js +1 -1
- package/es/FullScreen/index.js +30 -17
- package/es/FullScreen/index.less +16 -0
- package/es/HightLevel/index.js +11 -4
- package/es/HightLevel/{index.css → index.less} +0 -0
- package/es/IconFont/index.js +39 -18
- package/es/ImageView/index.js +37 -13
- package/es/ImageView/index.less +10 -0
- package/es/Input/demo.d.ts +3 -0
- package/es/Input/demo.js +16 -0
- package/es/Input/index.js +46 -22
- package/es/Input/index.less +12 -0
- package/es/InstanceHistory/index.js +2 -0
- package/es/LabelValue/index.js +25 -18
- package/es/LabelValue/index.less +20 -0
- package/es/List/DynamicGridList/Demo.d.ts +1 -0
- package/es/List/DynamicGridList/Demo.js +52 -32
- package/es/List/DynamicGridList/index.js +37 -22
- package/es/List/DynamicList/index.js +76 -56
- package/es/List/DynamicList/index.less +15 -0
- package/es/List/GridList/Demo.d.ts +1 -0
- package/es/List/GridList/Demo.js +60 -38
- package/es/List/GridList/hook.d.ts +1 -1
- package/es/List/GridList/hook.js +66 -35
- package/es/List/GridList/index.js +33 -29
- package/es/List/GridList/{index.css → index.less} +0 -0
- package/es/List/GridList/utils.d.ts +2 -2
- package/es/List/GridList/utils.js +1 -0
- package/es/List/VList/index.d.ts +1 -1
- package/es/List/VList/index.js +32 -19
- package/es/List/VList/{index.css → index.less} +0 -0
- package/es/List/VList/utils.d.ts +2 -2
- package/es/List/VList/utils.js +8 -6
- package/es/List/demo.d.ts +3 -0
- package/es/List/demo.js +26 -0
- package/es/List/index.d.ts +1 -1
- package/es/List/index.js +31 -23
- package/es/List/{index.css → index.less} +5 -4
- package/es/LoaderApp/index.js +59 -25
- package/es/LoaderApp/{index.css → index.less} +0 -0
- package/es/LoaderApp/loader.js +40 -23
- package/es/LoaderApp/sandbox.back.js +101 -24
- package/es/LoaderApp/sandbox.js +26 -9
- package/es/LoaderApp/utils.d.ts +1 -1
- package/es/LoaderApp/utils.js +68 -25
- package/es/LoaderScript/index.js +25 -10
- package/es/LoaderScript/utils.js +151 -87
- package/es/Map/BasicMap/AMapInstance.d.ts +1 -1
- package/es/Map/BasicMap/AMapInstance.js +25 -3
- package/es/Map/BasicMap/LeafletInstance.js +28 -11
- package/es/Map/BasicMap/index.js +67 -27
- package/es/Map/BasicMap/index.less +24 -0
- package/es/Map/ClusterLayer/hook.d.ts +2 -2
- package/es/Map/ClusterLayer/hook.js +51 -23
- package/es/Map/ClusterLayer/index.d.ts +1 -1
- package/es/Map/ClusterLayer/index.js +14 -6
- package/es/Map/ClusterLayer/index.less +27 -0
- package/es/Map/Config/index.js +44 -16
- package/es/Map/Config/utils.js +17 -3
- package/es/Map/Context/index.js +43 -9
- package/es/Map/FindPio/index.js +5 -2
- package/es/Map/FindPio/{index.css → index.less} +0 -0
- package/es/Map/InfoWindow/MakerLikeWindow.d.ts +1 -1
- package/es/Map/InfoWindow/MakerLikeWindow.js +41 -18
- package/es/Map/InfoWindow/demo.d.ts +1 -0
- package/es/Map/InfoWindow/demo.js +51 -29
- package/es/Map/InfoWindow/index.d.ts +1 -1
- package/es/Map/InfoWindow/index.js +39 -18
- package/es/Map/LevelCenter/DragMarker/index.js +16 -10
- package/es/Map/LevelCenter/demo.d.ts +1 -0
- package/es/Map/LevelCenter/demo.js +41 -22
- package/es/Map/LevelCenter/index.js +41 -29
- package/es/Map/LevelCenter/index.less +2 -0
- package/es/Map/LoaderMap/index.js +38 -22
- package/es/Map/MapDrawSelect/demo.d.ts +1 -0
- package/es/Map/MapDrawSelect/demo.js +65 -46
- package/es/Map/MapDrawSelect/index.js +43 -31
- package/es/Map/MapDrawSelect/index.less +2 -0
- package/es/Map/MouseTool/index.js +32 -18
- package/es/Map/MouseTool/useMouseTools.js +37 -8
- package/es/Map/ResetTools/index.js +58 -44
- package/es/Map/ResetTools/index.less +35 -0
- package/es/Map/SinglePoint/index.js +39 -27
- package/es/Map/SinglePoint/index.less +41 -0
- package/es/Map/hook/useMapEvent.js +8 -4
- package/es/Map/hook/useMapType.js +3 -2
- package/es/Map/index.d.ts +1 -0
- package/es/Map/index.js +11 -11
- package/es/Map/useMarker/index.d.ts +1 -1
- package/es/Map/useMarker/index.js +33 -13
- package/es/Map/{LevelCenter/index.css → useMarker/index.less} +0 -0
- package/es/Map/withMap/index.d.ts +1 -0
- package/es/Map/withMap/index.js +14 -4
- package/es/Modal/demo.d.ts +3 -0
- package/es/Modal/demo.js +106 -0
- package/es/Modal/index.js +94 -57
- package/es/Modal/index.less +45 -0
- package/es/Picture/component/DefaultRects/RectInfo.js +59 -37
- package/es/Picture/component/DefaultRects/index.js +46 -32
- package/es/Picture/component/DefaultRects/index.less +188 -0
- package/es/Picture/component/DrawRect/index.js +37 -24
- package/es/Picture/component/DrawRect/{index.css → index.less} +0 -0
- package/es/Picture/component/RectMenu/index.js +35 -26
- package/es/Picture/component/RectMenu/index.less +31 -0
- package/es/Picture/component/RectMenu/utils.js +6 -3
- package/es/Picture/component/Tools/index.js +91 -69
- package/es/Picture/component/Tools/index.less +43 -0
- package/es/Picture/component/WheelScale/index.js +9 -4
- package/es/Picture/demo.js +14 -11
- package/es/Picture/dragBound.d.ts +1 -1
- package/es/Picture/dragBound.js +17 -4
- package/es/Picture/index.d.ts +2 -2
- package/es/Picture/index.js +201 -137
- package/es/Picture/index.less +14 -0
- package/es/Picture/loadCaptureRectImage.d.ts +1 -1
- package/es/Picture/loadCaptureRectImage.js +39 -14
- package/es/Picture/useDraw.js +40 -20
- package/es/Picture/utils.d.ts +9 -9
- package/es/Picture/utils.js +18 -3
- package/es/Player/api/index.d.ts +3 -3
- package/es/Player/api/index.js +117 -82
- package/es/Player/context.js +21 -7
- package/es/Player/contraller_bar/bar.d.ts +1 -1
- package/es/Player/contraller_bar/bar.js +28 -10
- package/es/Player/contraller_bar/contraller_event.js +34 -12
- package/es/Player/contraller_bar/index.js +30 -22
- package/es/Player/contraller_bar/left_bar.js +62 -39
- package/es/Player/contraller_bar/right_bar.js +34 -18
- package/es/Player/contraller_bar/time.js +19 -8
- package/es/Player/contraller_bar/useBarStatus.js +29 -11
- package/es/Player/contraller_bar/volume.js +43 -21
- package/es/Player/demo.d.ts +1 -0
- package/es/Player/demo.js +258 -215
- package/es/Player/event/errorEvent.js +41 -16
- package/es/Player/event/eventName.js +12 -1
- package/es/Player/event/index.js +66 -24
- package/es/Player/fps_play.js +33 -15
- package/es/Player/frontend_player.js +42 -20
- package/es/Player/frontend_timeline.js +95 -55
- package/es/Player/iconfont.js +23 -8
- package/es/Player/index.js +1 -1
- package/es/Player/live_heart.js +15 -3
- package/es/Player/message.js +68 -37
- package/es/Player/segment_player.js +113 -62
- package/es/Player/segment_timeline.js +145 -97
- package/es/Player/single_player.js +153 -111
- package/es/Player/style/bar.less +39 -0
- package/es/Player/style/iconfont.js +17 -10
- package/es/Player/style/index.less +30 -0
- package/es/Player/style/message.less +50 -0
- package/es/Player/style/slider.less +103 -0
- package/es/Player/style/timeline.less +106 -0
- package/es/Player/style/volume.less +21 -0
- package/es/Player/timeline.d.ts +1 -1
- package/es/Player/timeline.js +59 -32
- package/es/Player/util.js +46 -7
- package/es/PlayerExt/demo.d.ts +1 -0
- package/es/PlayerExt/demo.js +145 -112
- package/es/PlayerExt/index.d.ts +1 -1
- package/es/PlayerExt/index.js +135 -82
- package/es/PlayerExt/{index.css → index.less} +0 -0
- package/es/Progress/index.js +18 -5
- package/es/Progress/index.less +20 -0
- package/es/ROI/demo.d.ts +1 -0
- package/es/ROI/demo.js +12 -8
- package/es/ROI/index.js +45 -35
- package/es/ROI/index.less +29 -0
- package/es/ScreenPlayer/Live.d.ts +1 -1
- package/es/ScreenPlayer/Live.js +159 -103
- package/es/ScreenPlayer/LiveTools.js +153 -116
- package/es/ScreenPlayer/PlayerWithExt.js +168 -113
- package/es/ScreenPlayer/RatePick.js +35 -22
- package/es/ScreenPlayer/Record.js +291 -185
- package/es/ScreenPlayer/RecordTools.js +192 -148
- package/es/ScreenPlayer/ScreenSelect.js +33 -26
- package/es/ScreenPlayer/SegmentTimeLine.js +23 -16
- package/es/ScreenPlayer/TimeMode.js +22 -16
- package/es/ScreenPlayer/TimeSelect.js +84 -63
- package/es/ScreenPlayer/demo.js +16 -18
- package/es/ScreenPlayer/demo2.js +192 -177
- package/es/ScreenPlayer/index.d.ts +1 -0
- package/es/ScreenPlayer/index.js +3 -3
- package/es/ScreenPlayer/index.less +178 -0
- package/es/ScreenPlayer/useTimeSlider.js +148 -49
- package/es/ScreenPlayer/useVideoFit.js +18 -5
- package/es/ScreenPlayer/utils.js +6 -0
- package/es/SegmentPlayer/index.js +1 -1
- package/es/Service/fetch-adapter.d.ts +1 -1
- package/es/Service/fetch-adapter.js +48 -5
- package/es/Service/http.js +46 -16
- package/es/Service/index.js +2 -2
- package/es/TableLayout/index.js +18 -12
- package/es/TableLayout/{index.css → index.less} +0 -0
- package/es/ThemeAntd/demo.d.ts +1 -0
- package/es/ThemeAntd/demo.js +126 -76
- package/es/ThemeAntd/{demo.css → demo.less} +4 -3
- package/es/ThemeAntd/index.js +6 -2
- package/es/ThemeAntd/index.less +16 -0
- package/es/ThemeAntd/style/button.less +67 -0
- package/es/ThemeAntd/style/checkbox.less +72 -0
- package/es/ThemeAntd/style/form.less +12 -0
- package/es/ThemeAntd/style/input.less +83 -0
- package/es/ThemeAntd/style/pagination.less +95 -0
- package/es/ThemeAntd/style/picker.less +106 -0
- package/es/ThemeAntd/style/popover.less +5 -0
- package/es/ThemeAntd/style/radio.less +87 -0
- package/es/ThemeAntd/style/{scrollbar.css → scrollbar.less} +4 -2
- package/es/ThemeAntd/style/select.less +81 -0
- package/es/ThemeAntd/style/table.less +57 -0
- package/es/ThemeAntd/style/tree.less +18 -0
- package/es/Timeout/index.js +36 -12
- package/es/Tree/demo.js +26 -21
- package/es/Tree/index.js +51 -30
- package/es/Tree/index.less +59 -0
- package/es/index.js +47 -47
- package/es/useDrawROI/index.js +130 -65
- package/es/useEventEmitterHandle/index.js +6 -2
- package/es/useFullscreen/demo.js +44 -27
- package/es/useFullscreen/index.js +30 -8
- package/es/useHistory/index.js +3 -1
- package/es/useInfiniteScroll/index.js +50 -19
- package/es/useRafInterval/index.js +28 -4
- package/es/useSimpleState/index.js +23 -6
- package/es/useVirtualList/index.js +58 -20
- package/es/utils.d.ts +1 -1
- package/es/utils.js +53 -14
- package/package.json +42 -32
- package/tsconfig.json +8 -32
- package/.eslintrc +0 -4
- package/.fatherrc.js +0 -25
- package/.prettierrc +0 -11
- package/.umirc.ts +0 -55
- package/es/Box/InfoBox/index.css +0 -22
- package/es/Box/TwoColumnBox/index.css +0 -70
- package/es/CheckGroupFixed/index.css +0 -49
- package/es/CustomRenderSelect/index.css +0 -20
- package/es/Drawer/Demo.js +0 -59
- package/es/Drawer/index.css +0 -40
- package/es/FullScreen/index.css +0 -16
- package/es/ImageView/index.css +0 -10
- package/es/Input/index.css +0 -8
- package/es/LabelValue/index.css +0 -18
- package/es/List/DynamicList/index.css +0 -15
- package/es/Map/BasicMap/index.css +0 -24
- package/es/Map/ClusterLayer/index.css +0 -26
- package/es/Map/MapDrawSelect/index.css +0 -0
- package/es/Map/ResetTools/index.css +0 -32
- package/es/Map/SinglePoint/icon/Place_icon_OnLine_Hover.svg +0 -15
- package/es/Map/SinglePoint/icon/Place_icon_OnLine_Normal.svg +0 -15
- package/es/Map/SinglePoint/icon/Place_icon_OutLine_Hover.svg +0 -15
- package/es/Map/SinglePoint/icon/Place_icon_OutLine_Normal.svg +0 -15
- package/es/Map/SinglePoint/index.css +0 -29
- package/es/Map/useMarker/index.css +0 -0
- package/es/Modal/index.css +0 -43
- package/es/Picture/component/DefaultRects/index.css +0 -247
- package/es/Picture/component/RectMenu/index.css +0 -31
- package/es/Picture/component/Tools/index.css +0 -42
- package/es/Picture/index.css +0 -12
- package/es/Player/style/bar.css +0 -38
- package/es/Player/style/index.css +0 -30
- package/es/Player/style/message.css +0 -49
- package/es/Player/style/slider.css +0 -96
- package/es/Player/style/timeline.css +0 -99
- package/es/Player/style/volume.css +0 -19
- package/es/Progress/index.css +0 -20
- package/es/ROI/index.css +0 -29
- package/es/ScreenPlayer/index.css +0 -166
- package/es/ThemeAntd/index.css +0 -620
- package/es/ThemeAntd/style/button.css +0 -55
- package/es/ThemeAntd/style/checkbox.css +0 -64
- package/es/ThemeAntd/style/form.css +0 -10
- package/es/ThemeAntd/style/input.css +0 -68
- package/es/ThemeAntd/style/pagination.css +0 -82
- package/es/ThemeAntd/style/picker.css +0 -98
- package/es/ThemeAntd/style/popover.css +0 -3
- package/es/ThemeAntd/style/radio.css +0 -80
- package/es/ThemeAntd/style/select.css +0 -76
- package/es/ThemeAntd/style/table.css +0 -46
- package/es/ThemeAntd/style/tree.css +0 -16
- package/es/Tree/index.css +0 -64
|
@@ -1,39 +1,58 @@
|
|
|
1
1
|
import _useUpdateEffect from "ahooks/es/useUpdateEffect";
|
|
2
2
|
import _useEventListener from "ahooks/es/useEventListener";
|
|
3
|
+
|
|
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
|
+
|
|
6
|
+
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; }
|
|
7
|
+
|
|
8
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
9
|
+
|
|
3
10
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
11
|
+
|
|
4
12
|
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."); }
|
|
13
|
+
|
|
5
14
|
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); }
|
|
15
|
+
|
|
6
16
|
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; }
|
|
17
|
+
|
|
7
18
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
19
|
+
|
|
8
20
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
21
|
+
|
|
9
22
|
import { useEffect, useMemo, useState } from 'react';
|
|
10
23
|
import { getTargetElement } from 'ahooks/es/utils/domTarget';
|
|
11
24
|
import { getClientHeight, getScrollHeight, getScrollTop } from 'ahooks/es/utils/rect';
|
|
25
|
+
|
|
12
26
|
function useInfiniteScroll(fetcher, options) {
|
|
13
27
|
var target = options.target,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
28
|
+
isNoMore = options.isNoMore,
|
|
29
|
+
threshold = options.threshold,
|
|
30
|
+
reloadDeps = options.reloadDeps;
|
|
31
|
+
|
|
17
32
|
var _useState = useState({
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
33
|
+
data: {
|
|
34
|
+
list: []
|
|
35
|
+
},
|
|
36
|
+
loadding: false
|
|
37
|
+
}),
|
|
38
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
39
|
+
state = _useState2[0],
|
|
40
|
+
setState = _useState2[1]; // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
41
|
+
|
|
42
|
+
|
|
27
43
|
var noMore = useMemo(function () {
|
|
28
44
|
return !isNoMore ? false : isNoMore(state.data);
|
|
29
45
|
}, [state.data]);
|
|
46
|
+
|
|
30
47
|
var loadMore = function loadMore(flag) {
|
|
31
|
-
var
|
|
32
|
-
|
|
48
|
+
var _isNoMore;
|
|
49
|
+
|
|
50
|
+
if (!flag && ((_isNoMore = isNoMore === null || isNoMore === void 0 ? void 0 : isNoMore(state.data)) !== null && _isNoMore !== void 0 ? _isNoMore : false)) {
|
|
33
51
|
return;
|
|
34
52
|
}
|
|
53
|
+
|
|
35
54
|
setState(function (old) {
|
|
36
|
-
return
|
|
55
|
+
return _objectSpread(_objectSpread({}, old), {}, {
|
|
37
56
|
loadding: true
|
|
38
57
|
});
|
|
39
58
|
});
|
|
@@ -41,51 +60,63 @@ function useInfiniteScroll(fetcher, options) {
|
|
|
41
60
|
list: []
|
|
42
61
|
} : state.data).then(function (res) {
|
|
43
62
|
return setState(function (old) {
|
|
44
|
-
return
|
|
45
|
-
data:
|
|
63
|
+
return _objectSpread(_objectSpread({}, old), {}, {
|
|
64
|
+
data: _objectSpread({}, res),
|
|
46
65
|
loadding: false
|
|
47
66
|
});
|
|
48
67
|
});
|
|
49
68
|
});
|
|
50
|
-
};
|
|
51
|
-
|
|
69
|
+
}; // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
70
|
+
|
|
71
|
+
|
|
52
72
|
useEffect(function () {
|
|
53
73
|
return loadMore(true);
|
|
54
74
|
}, reloadDeps ? reloadDeps : [reloadDeps]);
|
|
75
|
+
|
|
55
76
|
var scrollMethod = function scrollMethod() {
|
|
56
77
|
var el = getTargetElement(target);
|
|
78
|
+
|
|
57
79
|
if (!el) {
|
|
58
80
|
return;
|
|
59
81
|
}
|
|
82
|
+
|
|
60
83
|
var scrollTop = getScrollTop(el);
|
|
61
84
|
var scrollHeight = getScrollHeight(el);
|
|
62
85
|
var clientHeight = getClientHeight(el);
|
|
86
|
+
|
|
63
87
|
if (scrollHeight - scrollTop <= clientHeight + (threshold || 50)) {
|
|
64
88
|
loadMore();
|
|
65
89
|
}
|
|
66
90
|
};
|
|
91
|
+
|
|
67
92
|
_useEventListener('scroll', function () {
|
|
68
93
|
if (state.loadding) {
|
|
69
94
|
return;
|
|
70
95
|
}
|
|
96
|
+
|
|
71
97
|
scrollMethod();
|
|
72
98
|
}, {
|
|
73
99
|
target: target
|
|
74
100
|
});
|
|
101
|
+
|
|
75
102
|
_useUpdateEffect(function () {
|
|
76
103
|
var el = getTargetElement(target);
|
|
104
|
+
|
|
77
105
|
if (!el) {
|
|
78
106
|
return;
|
|
79
107
|
}
|
|
108
|
+
|
|
80
109
|
el.scrollTo({
|
|
81
110
|
left: 0,
|
|
82
111
|
top: 0
|
|
83
112
|
});
|
|
84
113
|
}, reloadDeps ? reloadDeps : []);
|
|
114
|
+
|
|
85
115
|
return {
|
|
86
116
|
noMore: noMore,
|
|
87
117
|
data: state.data,
|
|
88
118
|
loading: state.loadding
|
|
89
119
|
};
|
|
90
120
|
}
|
|
121
|
+
|
|
91
122
|
export default useInfiniteScroll;
|
|
@@ -1,55 +1,79 @@
|
|
|
1
1
|
import _useLatest from "ahooks/es/useLatest";
|
|
2
|
+
|
|
2
3
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
4
|
+
|
|
3
5
|
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."); }
|
|
6
|
+
|
|
4
7
|
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); }
|
|
8
|
+
|
|
5
9
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
10
|
+
|
|
6
11
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
12
|
+
|
|
7
13
|
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; }
|
|
14
|
+
|
|
8
15
|
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); }
|
|
16
|
+
|
|
9
17
|
import { useCallback, useEffect, useRef } from 'react';
|
|
10
18
|
import { isNumber } from 'lodash-es';
|
|
19
|
+
|
|
11
20
|
var setRafInterval = function setRafInterval(callback) {
|
|
12
21
|
var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
22
|
+
|
|
13
23
|
if ((typeof requestAnimationFrame === "undefined" ? "undefined" : _typeof(requestAnimationFrame)) === (typeof undefined === "undefined" ? "undefined" : _typeof(undefined))) {
|
|
14
24
|
return {
|
|
15
25
|
id: setInterval(callback, delay)
|
|
16
26
|
};
|
|
17
27
|
}
|
|
28
|
+
|
|
18
29
|
var start = new Date().getTime();
|
|
19
30
|
var handle = {
|
|
20
31
|
id: 0
|
|
21
32
|
};
|
|
33
|
+
|
|
22
34
|
var loop = function loop() {
|
|
23
35
|
var current = new Date().getTime();
|
|
36
|
+
|
|
24
37
|
if (current - start >= delay) {
|
|
25
38
|
callback();
|
|
26
39
|
start = new Date().getTime();
|
|
27
40
|
}
|
|
41
|
+
|
|
28
42
|
handle.id = requestAnimationFrame(loop);
|
|
29
43
|
};
|
|
44
|
+
|
|
30
45
|
handle.id = requestAnimationFrame(loop);
|
|
31
46
|
return handle;
|
|
32
47
|
};
|
|
48
|
+
|
|
33
49
|
function cancelAnimationFrameIsNotDefined(t) {
|
|
34
50
|
return (typeof cancelAnimationFrame === "undefined" ? "undefined" : _typeof(cancelAnimationFrame)) === (typeof undefined === "undefined" ? "undefined" : _typeof(undefined));
|
|
35
51
|
}
|
|
52
|
+
|
|
36
53
|
var clearRafInterval = function clearRafInterval(handle) {
|
|
37
54
|
if (cancelAnimationFrameIsNotDefined(handle.id)) {
|
|
38
55
|
return clearInterval(handle.id);
|
|
39
56
|
}
|
|
57
|
+
|
|
40
58
|
cancelAnimationFrame(handle.id);
|
|
41
59
|
};
|
|
60
|
+
|
|
42
61
|
function useRafInterval(fn, delay, options) {
|
|
43
|
-
var
|
|
62
|
+
var _options$deps;
|
|
63
|
+
|
|
44
64
|
var immediate = options === null || options === void 0 ? void 0 : options.immediate;
|
|
45
|
-
var deps = (
|
|
65
|
+
var deps = (_options$deps = options === null || options === void 0 ? void 0 : options.deps) !== null && _options$deps !== void 0 ? _options$deps : [];
|
|
66
|
+
|
|
46
67
|
var fnRef = _useLatest(fn);
|
|
68
|
+
|
|
47
69
|
var timerRef = useRef();
|
|
48
70
|
useEffect(function () {
|
|
49
71
|
if (!isNumber(delay) || delay < 0) return undefined;
|
|
72
|
+
|
|
50
73
|
if (immediate) {
|
|
51
74
|
fnRef.current();
|
|
52
75
|
}
|
|
76
|
+
|
|
53
77
|
timerRef.current = setRafInterval(function () {
|
|
54
78
|
fnRef.current();
|
|
55
79
|
}, delay);
|
|
@@ -57,8 +81,7 @@ function useRafInterval(fn, delay, options) {
|
|
|
57
81
|
if (timerRef.current) {
|
|
58
82
|
clearRafInterval(timerRef.current);
|
|
59
83
|
}
|
|
60
|
-
};
|
|
61
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
84
|
+
}; // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
62
85
|
}, [delay].concat(_toConsumableArray(deps)));
|
|
63
86
|
var clear = useCallback(function () {
|
|
64
87
|
if (timerRef.current) {
|
|
@@ -67,4 +90,5 @@ function useRafInterval(fn, delay, options) {
|
|
|
67
90
|
}, []);
|
|
68
91
|
return clear;
|
|
69
92
|
}
|
|
93
|
+
|
|
70
94
|
export default useRafInterval;
|
|
@@ -1,24 +1,40 @@
|
|
|
1
1
|
import _useMemoizedFn from "ahooks/es/useMemoizedFn";
|
|
2
2
|
import _useSafeState3 from "ahooks/es/useSafeState";
|
|
3
|
+
|
|
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
|
+
|
|
6
|
+
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; }
|
|
7
|
+
|
|
8
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
9
|
+
|
|
3
10
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
11
|
+
|
|
4
12
|
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."); }
|
|
13
|
+
|
|
5
14
|
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); }
|
|
15
|
+
|
|
6
16
|
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; }
|
|
17
|
+
|
|
7
18
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
19
|
+
|
|
8
20
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
21
|
+
|
|
9
22
|
import { isFunction, isObjectLike } from 'lodash-es';
|
|
10
23
|
import { useMemo } from 'react';
|
|
24
|
+
|
|
11
25
|
function useSimpleState(s) {
|
|
12
26
|
var _useSafeState = _useSafeState3(s),
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
27
|
+
_useSafeState2 = _slicedToArray(_useSafeState, 2),
|
|
28
|
+
state = _useSafeState2[0],
|
|
29
|
+
setState = _useSafeState2[1];
|
|
30
|
+
|
|
16
31
|
var stateChange = _useMemoizedFn(function (d) {
|
|
17
32
|
return setState(function (old) {
|
|
18
|
-
return
|
|
33
|
+
return _objectSpread(_objectSpread({}, old), d);
|
|
19
34
|
});
|
|
20
|
-
});
|
|
21
|
-
|
|
35
|
+
}); // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
36
|
+
|
|
37
|
+
|
|
22
38
|
var isObject = useMemo(function () {
|
|
23
39
|
return isObjectLike(s) || isFunction(s);
|
|
24
40
|
}, []);
|
|
@@ -27,4 +43,5 @@ function useSimpleState(s) {
|
|
|
27
43
|
}, [isObject, setState, state, stateChange]);
|
|
28
44
|
return result;
|
|
29
45
|
}
|
|
46
|
+
|
|
30
47
|
export default useSimpleState;
|
|
@@ -2,103 +2,134 @@ import _useMemoizedFn from "ahooks/es/useMemoizedFn";
|
|
|
2
2
|
import _useEventListener from "ahooks/es/useEventListener";
|
|
3
3
|
import _useSize from "ahooks/es/useSize";
|
|
4
4
|
import _useLatest from "ahooks/es/useLatest";
|
|
5
|
+
|
|
5
6
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
7
|
+
|
|
6
8
|
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."); }
|
|
9
|
+
|
|
7
10
|
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); }
|
|
11
|
+
|
|
8
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
|
+
|
|
9
14
|
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
15
|
+
|
|
10
16
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
17
|
+
|
|
11
18
|
import { useEffect, useMemo, useState, useRef, useLayoutEffect } from 'react';
|
|
12
19
|
import { getTargetElement } from 'ahooks/es/utils/domTarget';
|
|
13
20
|
import { isNumber } from 'ahooks/es/utils';
|
|
21
|
+
|
|
14
22
|
var useVirtualList = function useVirtualList(list, options) {
|
|
15
23
|
var containerTarget = options.containerTarget,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
24
|
+
wrapperTarget = options.wrapperTarget,
|
|
25
|
+
itemHeight = options.itemHeight,
|
|
26
|
+
_options$overscan = options.overscan,
|
|
27
|
+
overscan = _options$overscan === void 0 ? 5 : _options$overscan;
|
|
28
|
+
|
|
20
29
|
var itemHeightRef = _useLatest(itemHeight);
|
|
30
|
+
|
|
21
31
|
var size = _useSize(containerTarget);
|
|
32
|
+
|
|
22
33
|
var scrollTriggerByScrollToFunc = useRef(false);
|
|
34
|
+
|
|
23
35
|
var _useState = useState([]),
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
36
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
37
|
+
targetList = _useState2[0],
|
|
38
|
+
setTargetList = _useState2[1];
|
|
39
|
+
|
|
27
40
|
var _useState3 = useState(0),
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
41
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
42
|
+
offsetTop = _useState4[0],
|
|
43
|
+
setOffsetTop = _useState4[1];
|
|
44
|
+
|
|
31
45
|
var getVisibleCount = function getVisibleCount(containerHeight, fromIndex) {
|
|
32
46
|
if (isNumber(itemHeightRef.current)) {
|
|
33
47
|
return Math.ceil(containerHeight / itemHeightRef.current);
|
|
34
48
|
}
|
|
49
|
+
|
|
35
50
|
var sum = 0;
|
|
36
51
|
var endIndex = 0;
|
|
52
|
+
|
|
37
53
|
for (var i = fromIndex; i < list.length; i++) {
|
|
38
54
|
var height = itemHeightRef.current(i, list[i]);
|
|
39
55
|
sum += height;
|
|
40
56
|
endIndex = i;
|
|
57
|
+
|
|
41
58
|
if (sum >= containerHeight) {
|
|
42
59
|
break;
|
|
43
60
|
}
|
|
44
61
|
}
|
|
62
|
+
|
|
45
63
|
return endIndex - fromIndex;
|
|
46
64
|
};
|
|
65
|
+
|
|
47
66
|
var getOffset = function getOffset(scrollTop) {
|
|
48
67
|
if (isNumber(itemHeightRef.current)) {
|
|
49
68
|
return Math.floor(scrollTop / itemHeightRef.current) + 1;
|
|
50
69
|
}
|
|
70
|
+
|
|
51
71
|
var sum = 0;
|
|
52
72
|
var offset = 0;
|
|
73
|
+
|
|
53
74
|
for (var i = 0; i < list.length; i++) {
|
|
54
75
|
var height = itemHeightRef.current(i, list[i]);
|
|
55
76
|
sum += height;
|
|
77
|
+
|
|
56
78
|
if (sum >= scrollTop) {
|
|
57
79
|
offset = i;
|
|
58
80
|
break;
|
|
59
81
|
}
|
|
60
82
|
}
|
|
83
|
+
|
|
61
84
|
return offset + 1;
|
|
62
|
-
};
|
|
63
|
-
|
|
85
|
+
}; // 获取上部高度
|
|
86
|
+
|
|
87
|
+
|
|
64
88
|
var getDistanceTop = function getDistanceTop(index) {
|
|
65
89
|
if (isNumber(itemHeightRef.current)) {
|
|
66
90
|
var _height = index * itemHeightRef.current;
|
|
91
|
+
|
|
67
92
|
return _height;
|
|
68
93
|
}
|
|
94
|
+
|
|
69
95
|
var height = list.slice(0, index).reduce(function (sum, _, i) {
|
|
70
96
|
return sum + itemHeightRef.current(i, list[i]);
|
|
71
97
|
}, 0);
|
|
72
98
|
return height;
|
|
73
99
|
};
|
|
100
|
+
|
|
74
101
|
var totalHeight = useMemo(function () {
|
|
75
102
|
if (isNumber(itemHeightRef.current)) {
|
|
76
103
|
return list.length * itemHeightRef.current;
|
|
77
104
|
}
|
|
105
|
+
|
|
78
106
|
return list.reduce(function (sum, _, index) {
|
|
79
107
|
return sum + itemHeightRef.current(index, list[index]);
|
|
80
|
-
}, 0);
|
|
81
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
108
|
+
}, 0); // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
82
109
|
}, [list]);
|
|
83
110
|
useLayoutEffect(function () {
|
|
84
111
|
var wrapper = getTargetElement(wrapperTarget);
|
|
85
112
|
wrapper.style.height = totalHeight - offsetTop + 'px';
|
|
86
113
|
wrapper.style.marginTop = offsetTop + 'px';
|
|
87
114
|
}, [totalHeight, wrapperTarget, offsetTop]);
|
|
115
|
+
|
|
88
116
|
var calculateRange = function calculateRange() {
|
|
89
117
|
var container = getTargetElement(containerTarget);
|
|
90
118
|
var wrapper = getTargetElement(wrapperTarget);
|
|
119
|
+
|
|
91
120
|
if (container && wrapper) {
|
|
92
121
|
var scrollTop = container.scrollTop,
|
|
93
|
-
|
|
122
|
+
clientHeight = container.clientHeight;
|
|
94
123
|
var offset = getOffset(scrollTop);
|
|
95
124
|
var visibleCount = getVisibleCount(clientHeight, offset);
|
|
96
125
|
var start = Math.max(0, offset - overscan);
|
|
97
126
|
var end = Math.min(list.length, offset + visibleCount + overscan);
|
|
127
|
+
|
|
98
128
|
var _offsetTop = getDistanceTop(start);
|
|
99
|
-
|
|
100
|
-
// wrapper.style.height = totalHeight - offsetTop + 'px';
|
|
129
|
+
|
|
130
|
+
setOffsetTop(_offsetTop); // wrapper.style.height = totalHeight - offsetTop + 'px';
|
|
101
131
|
// wrapper.style.marginTop = offsetTop + 'px';
|
|
132
|
+
|
|
102
133
|
setTargetList(list.slice(start, end).map(function (ele, index) {
|
|
103
134
|
return {
|
|
104
135
|
data: ele,
|
|
@@ -107,31 +138,38 @@ var useVirtualList = function useVirtualList(list, options) {
|
|
|
107
138
|
}));
|
|
108
139
|
}
|
|
109
140
|
};
|
|
141
|
+
|
|
110
142
|
useEffect(function () {
|
|
111
|
-
if (!(size
|
|
143
|
+
if (!(size !== null && size !== void 0 && size.width) || !(size !== null && size !== void 0 && size.height)) {
|
|
112
144
|
return;
|
|
113
145
|
}
|
|
114
|
-
|
|
115
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
146
|
+
|
|
147
|
+
calculateRange(); // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
116
148
|
}, [size === null || size === void 0 ? void 0 : size.width, size === null || size === void 0 ? void 0 : size.height, list]);
|
|
149
|
+
|
|
117
150
|
_useEventListener('scroll', function (e) {
|
|
118
151
|
if (scrollTriggerByScrollToFunc.current) {
|
|
119
152
|
scrollTriggerByScrollToFunc.current = false;
|
|
120
153
|
return;
|
|
121
154
|
}
|
|
155
|
+
|
|
122
156
|
e.preventDefault();
|
|
123
157
|
calculateRange();
|
|
124
158
|
}, {
|
|
125
159
|
target: containerTarget
|
|
126
160
|
});
|
|
161
|
+
|
|
127
162
|
var scrollTo = function scrollTo(index) {
|
|
128
163
|
var container = getTargetElement(containerTarget);
|
|
164
|
+
|
|
129
165
|
if (container) {
|
|
130
166
|
scrollTriggerByScrollToFunc.current = true;
|
|
131
167
|
container.scrollTop = getDistanceTop(index);
|
|
132
168
|
calculateRange();
|
|
133
169
|
}
|
|
134
170
|
};
|
|
171
|
+
|
|
135
172
|
return [targetList, _useMemoizedFn(scrollTo)];
|
|
136
173
|
};
|
|
174
|
+
|
|
137
175
|
export default useVirtualList;
|
package/es/utils.d.ts
CHANGED
|
@@ -17,7 +17,7 @@ export declare function tryCatch(resolveFn: () => Promise<any>, rejectFn?: (e: u
|
|
|
17
17
|
declare type TargetValue<T> = T | undefined | null;
|
|
18
18
|
declare type TargetType = HTMLElement | Element | Window | Document;
|
|
19
19
|
export declare type BasicTarget<T extends TargetType = Element> = (() => TargetValue<T>) | TargetValue<T> | MutableRefObject<TargetValue<T>>;
|
|
20
|
-
export declare function getTargetElement<T extends TargetType>(target: BasicTarget<T>, defaultElement?: T): T
|
|
20
|
+
export declare function getTargetElement<T extends TargetType>(target: BasicTarget<T>, defaultElement?: T): TargetValue<T>;
|
|
21
21
|
declare const getScrollTop: (el: Document | Element) => number;
|
|
22
22
|
declare const getScrollHeight: (el: Document | Element) => number;
|
|
23
23
|
declare const getClientHeight: (el: Document | Element) => number;
|