@pinnacle0/web-ui 0.5.84 → 0.6.0-beta.1
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/admin/AdminApp/Default/NavigatorSide/index.js +14 -50
- package/admin/AdminApp/Default/NavigatorSide/index.js.map +1 -1
- package/admin/AdminApp/Default/SoundSwitch.js +15 -34
- package/admin/AdminApp/Default/SoundSwitch.js.map +1 -1
- package/admin/AdminApp/Default/SquareLogo/index.js +8 -29
- package/admin/AdminApp/Default/SquareLogo/index.js.map +1 -1
- package/admin/AdminApp/Menu.js +40 -82
- package/admin/AdminApp/Menu.js.map +1 -1
- package/admin/AdminApp/Navigator.js +57 -83
- package/admin/AdminApp/Navigator.js.map +1 -1
- package/admin/AdminApp/NotFound.js +8 -30
- package/admin/AdminApp/NotFound.js.map +1 -1
- package/admin/AdminApp/RouteSwitch.js +21 -53
- package/admin/AdminApp/RouteSwitch.js.map +1 -1
- package/admin/AdminApp/WithErrorBoundary.js +13 -33
- package/admin/AdminApp/WithErrorBoundary.js.map +1 -1
- package/admin/AdminApp/context.js +3 -3
- package/admin/AdminApp/context.js.map +1 -1
- package/admin/AdminApp/index.js +26 -43
- package/admin/AdminApp/index.js.map +1 -1
- package/admin/AdminPage/Filter.js +20 -38
- package/admin/AdminPage/Filter.js.map +1 -1
- package/admin/AdminPage/Result.js +15 -62
- package/admin/AdminPage/Result.js.map +1 -1
- package/admin/AdminPage/SaveBar.js +7 -28
- package/admin/AdminPage/SaveBar.js.map +1 -1
- package/admin/AdminPage/Summary.js +6 -27
- package/admin/AdminPage/Summary.js.map +1 -1
- package/admin/AdminPage/TopBar.js +6 -27
- package/admin/AdminPage/TopBar.js.map +1 -1
- package/admin/AdminPage/index.js +11 -32
- package/admin/AdminPage/index.js.map +1 -1
- package/admin/AdminPermissionSelector.js +147 -195
- package/admin/AdminPermissionSelector.js.map +1 -1
- package/core/Amount/AmountPercentage.js +7 -50
- package/core/Amount/AmountPercentage.js.map +1 -1
- package/core/Amount/index.js +15 -36
- package/core/Amount/index.js.map +1 -1
- package/core/AmountConditionInput.js +27 -74
- package/core/AmountConditionInput.js.map +1 -1
- package/core/AmountRangeInput.js +17 -75
- package/core/AmountRangeInput.js.map +1 -1
- package/core/Animated/AnimatePresence.js +35 -87
- package/core/Animated/AnimatePresence.js.map +1 -1
- package/core/Animated/createAnimatedComponent.js +28 -50
- package/core/Animated/createAnimatedComponent.js.map +1 -1
- package/core/Animated/index.js +5 -5
- package/core/Animated/index.js.map +1 -1
- package/core/AuthenticationCodeInput/index.js +48 -136
- package/core/AuthenticationCodeInput/index.js.map +1 -1
- package/core/AutoCompleteInput.js +6 -38
- package/core/AutoCompleteInput.js.map +1 -1
- package/core/Badge.js +2 -13
- package/core/Badge.js.map +1 -1
- package/core/BoolRadio.js +16 -64
- package/core/BoolRadio.js.map +1 -1
- package/core/BoolSelect.js +16 -63
- package/core/BoolSelect.js.map +1 -1
- package/core/BoolSwitch.js +16 -48
- package/core/BoolSwitch.js.map +1 -1
- package/core/Breadcrumb/index.js +18 -66
- package/core/Breadcrumb/index.js.map +1 -1
- package/core/Button.js +2 -25
- package/core/Button.js.map +1 -1
- package/core/Card.js +6 -38
- package/core/Card.js.map +1 -1
- package/core/Carousel.js +6 -49
- package/core/Carousel.js.map +1 -1
- package/core/Carousel3D/index.js +64 -83
- package/core/Carousel3D/index.js.map +1 -1
- package/core/Cascader/InitialNullable.js +7 -50
- package/core/Cascader/InitialNullable.js.map +1 -1
- package/core/Cascader/Nullable.js +11 -81
- package/core/Cascader/Nullable.js.map +1 -1
- package/core/Cascader/index.js +38 -109
- package/core/Cascader/index.js.map +1 -1
- package/core/Checkbox.js +9 -67
- package/core/Checkbox.js.map +1 -1
- package/core/Collapse.js +5 -37
- package/core/Collapse.js.map +1 -1
- package/core/Countdown/SlidingDigit.js +12 -32
- package/core/Countdown/SlidingDigit.js.map +1 -1
- package/core/Countdown/index.js +56 -74
- package/core/Countdown/index.js.map +1 -1
- package/core/DarkOverlay/index.js +6 -27
- package/core/DarkOverlay/index.js.map +1 -1
- package/core/DateCalendar.js +48 -96
- package/core/DateCalendar.js.map +1 -1
- package/core/DatePicker.js +26 -73
- package/core/DatePicker.js.map +1 -1
- package/core/DateRangePicker.js +44 -64
- package/core/DateRangePicker.js.map +1 -1
- package/core/DateTimePicker.js +30 -78
- package/core/DateTimePicker.js.map +1 -1
- package/core/DateTimeRangePicker/index.js +48 -68
- package/core/DateTimeRangePicker/index.js.map +1 -1
- package/core/Descriptions/index.js +11 -69
- package/core/Descriptions/index.js.map +1 -1
- package/core/DocumentTitle.js +25 -43
- package/core/DocumentTitle.js.map +1 -1
- package/core/Drawer.js +4 -36
- package/core/Drawer.js.map +1 -1
- package/core/Dropdown.js +3 -7
- package/core/Dropdown.js.map +1 -1
- package/core/EnumCheckboxGroup/Map.js +8 -51
- package/core/EnumCheckboxGroup/Map.js.map +1 -1
- package/core/EnumCheckboxGroup/index.js +8 -29
- package/core/EnumCheckboxGroup/index.js.map +1 -1
- package/core/EnumRadio/InitialNullable.js +9 -78
- package/core/EnumRadio/InitialNullable.js.map +1 -1
- package/core/EnumRadio/Map.js +8 -51
- package/core/EnumRadio/Map.js.map +1 -1
- package/core/EnumRadio/Nullable.js +13 -83
- package/core/EnumRadio/Nullable.js.map +1 -1
- package/core/EnumRadio/index.js +16 -63
- package/core/EnumRadio/index.js.map +1 -1
- package/core/EnumSelect/InitialNullable.js +7 -50
- package/core/EnumSelect/InitialNullable.js.map +1 -1
- package/core/EnumSelect/Map.js +8 -51
- package/core/EnumSelect/Map.js.map +1 -1
- package/core/EnumSelect/Nullable.js +13 -83
- package/core/EnumSelect/Nullable.js.map +1 -1
- package/core/EnumSelect/index.js +37 -86
- package/core/EnumSelect/index.js.map +1 -1
- package/core/FlatList/Content/Footer/index.js +5 -6
- package/core/FlatList/Content/Footer/index.js.map +1 -1
- package/core/FlatList/Content/index.js +28 -51
- package/core/FlatList/Content/index.js.map +1 -1
- package/core/FlatList/FloatingLoader/index.js +2 -3
- package/core/FlatList/FloatingLoader/index.js.map +1 -1
- package/core/FlatList/Refresh/index.js +2 -3
- package/core/FlatList/Refresh/index.js.map +1 -1
- package/core/FlatList/hook/useRefreshing.js +7 -23
- package/core/FlatList/hook/useRefreshing.js.map +1 -1
- package/core/FlatList/hook/useScrollListSwipe.js +22 -40
- package/core/FlatList/hook/useScrollListSwipe.js.map +1 -1
- package/core/FlatList/index.js +19 -52
- package/core/FlatList/index.js.map +1 -1
- package/core/FlatList/shared/Loader/index.js +1 -1
- package/core/FlatList/shared/Loader/index.js.map +1 -1
- package/core/Form/Item.js +31 -91
- package/core/Form/Item.js.map +1 -1
- package/core/Form/context.js +4 -4
- package/core/Form/context.js.map +1 -1
- package/core/Form/index.js +52 -124
- package/core/Form/index.js.map +1 -1
- package/core/Grid.js +2 -2
- package/core/Grid.js.map +1 -1
- package/core/HTMLContent/index.js +6 -27
- package/core/HTMLContent/index.js.map +1 -1
- package/core/Image.js +5 -37
- package/core/Image.js.map +1 -1
- package/core/ImageUploader/index.js +44 -156
- package/core/ImageUploader/index.js.map +1 -1
- package/core/Input.js +34 -120
- package/core/Input.js.map +1 -1
- package/core/LabelledSelect.js +6 -38
- package/core/LabelledSelect.js.map +1 -1
- package/core/Link.js +7 -28
- package/core/Link.js.map +1 -1
- package/core/LocalImporter.js +22 -84
- package/core/LocalImporter.js.map +1 -1
- package/core/LocaleSelect.js +17 -64
- package/core/LocaleSelect.js.map +1 -1
- package/core/Markdown/index.js +30 -78
- package/core/Markdown/index.js.map +1 -1
- package/core/Modal/index.js +11 -54
- package/core/Modal/index.js.map +1 -1
- package/core/MultipleCascader/index.js +55 -135
- package/core/MultipleCascader/index.js.map +1 -1
- package/core/MultipleEnumSelect.js +13 -60
- package/core/MultipleEnumSelect.js.map +1 -1
- package/core/MultipleSelector/TablePopover.js +37 -85
- package/core/MultipleSelector/TablePopover.js.map +1 -1
- package/core/MultipleSelector/index.js +41 -88
- package/core/MultipleSelector/index.js.map +1 -1
- package/core/MutableTable/index.js +71 -125
- package/core/MutableTable/index.js.map +1 -1
- package/core/NumberInput/NumberInputPercentage.js +24 -93
- package/core/NumberInput/NumberInputPercentage.js.map +1 -1
- package/core/NumberInput/index.js +80 -115
- package/core/NumberInput/index.js.map +1 -1
- package/core/NumberInput/util.js +9 -9
- package/core/NumberInput/util.js.map +1 -1
- package/core/OrientationContext.js +4 -21
- package/core/OrientationContext.js.map +1 -1
- package/core/OverflowableText/index.js +19 -49
- package/core/OverflowableText/index.js.map +1 -1
- package/core/PagedList/index.js +18 -35
- package/core/PagedList/index.js.map +1 -1
- package/core/Pagination/index.js +19 -66
- package/core/Pagination/index.js.map +1 -1
- package/core/Popover/index.js +7 -29
- package/core/Popover/index.js.map +1 -1
- package/core/Progress/index.js +5 -37
- package/core/Progress/index.js.map +1 -1
- package/core/Progress.js +5 -37
- package/core/Progress.js.map +1 -1
- package/core/Radio.d.ts +2 -2
- package/core/Radio.js +7 -39
- package/core/Radio.js.map +1 -1
- package/core/RelativeTime.js +27 -45
- package/core/RelativeTime.js.map +1 -1
- package/core/Resizable/Resizer.js +4 -16
- package/core/Resizable/Resizer.js.map +1 -1
- package/core/Resizable/index.js +32 -55
- package/core/Resizable/index.js.map +1 -1
- package/core/SearchableSelect.js +6 -38
- package/core/SearchableSelect.js.map +1 -1
- package/core/Select.js +7 -39
- package/core/Select.js.map +1 -1
- package/core/SignedAmountInput.js +23 -70
- package/core/SignedAmountInput.js.map +1 -1
- package/core/Skeleton.js +6 -49
- package/core/Skeleton.js.map +1 -1
- package/core/Slider/RangeSlider.js +6 -49
- package/core/Slider/RangeSlider.js.map +1 -1
- package/core/Slider/index.js +24 -94
- package/core/Slider/index.js.map +1 -1
- package/core/Space.js +6 -38
- package/core/Space.js.map +1 -1
- package/core/Spin.js +6 -49
- package/core/Spin.js.map +1 -1
- package/core/StepFormContainer/index.js +17 -64
- package/core/StepFormContainer/index.js.map +1 -1
- package/core/Steps.js +5 -37
- package/core/Steps.js.map +1 -1
- package/core/Table.js +83 -116
- package/core/Table.js.map +1 -1
- package/core/Tabs/Single.js +6 -49
- package/core/Tabs/Single.js.map +1 -1
- package/core/Tabs/index.js +29 -100
- package/core/Tabs/index.js.map +1 -1
- package/core/Tag.js +5 -37
- package/core/Tag.js.map +1 -1
- package/core/TagInput/index.js +50 -95
- package/core/TagInput/index.js.map +1 -1
- package/core/Tags.js +13 -60
- package/core/Tags.js.map +1 -1
- package/core/TimePicker.js +17 -64
- package/core/TimePicker.js.map +1 -1
- package/core/TimeRangePicker.js +28 -47
- package/core/TimeRangePicker.js.map +1 -1
- package/core/Tooltip.js +7 -29
- package/core/Tooltip.js.map +1 -1
- package/core/TypedTabs/index.js +13 -75
- package/core/TypedTabs/index.js.map +1 -1
- package/core/UIProvider.js +4 -27
- package/core/UIProvider.js.map +1 -1
- package/core/Uploader.js +54 -85
- package/core/Uploader.js.map +1 -1
- package/core/VerticalMarquee/index.js +18 -35
- package/core/VerticalMarquee/index.js.map +1 -1
- package/core/VirtualList/index.js +19 -20
- package/core/VirtualList/index.js.map +1 -1
- package/core/VirtualTable/TableHeader.js +7 -9
- package/core/VirtualTable/TableHeader.js.map +1 -1
- package/core/VirtualTable/TableRow.js +12 -13
- package/core/VirtualTable/TableRow.js.map +1 -1
- package/core/VirtualTable/hooks/useColumnWidths.js +20 -36
- package/core/VirtualTable/hooks/useColumnWidths.js.map +1 -1
- package/core/VirtualTable/hooks/useColumnsStickyPosition.js +9 -9
- package/core/VirtualTable/hooks/useColumnsStickyPosition.js.map +1 -1
- package/core/VirtualTable/hooks/useRowSelection.js +28 -54
- package/core/VirtualTable/hooks/useRowSelection.js.map +1 -1
- package/core/VirtualTable/hooks/useScroll.js +13 -29
- package/core/VirtualTable/hooks/useScroll.js.map +1 -1
- package/core/VirtualTable/hooks/useScrollBarSize.js +6 -22
- package/core/VirtualTable/hooks/useScrollBarSize.js.map +1 -1
- package/core/VirtualTable/index.js +24 -25
- package/core/VirtualTable/index.js.map +1 -1
- package/core/WithExplanation/index.js +11 -32
- package/core/WithExplanation/index.js.map +1 -1
- package/core/WithTooltipList.js +17 -66
- package/core/WithTooltipList.js.map +1 -1
- package/core/YearMonthSelector.js +28 -76
- package/core/YearMonthSelector.js.map +1 -1
- package/hooks/useAPI.js +8 -44
- package/hooks/useAPI.js.map +1 -1
- package/hooks/useBool.js +4 -21
- package/hooks/useBool.js.map +1 -1
- package/hooks/useCompositeRef.js +4 -8
- package/hooks/useCompositeRef.js.map +1 -1
- package/hooks/useDebounce.js +6 -35
- package/hooks/useDebounce.js.map +1 -1
- package/hooks/useDelayed.js +7 -8
- package/hooks/useDelayed.js.map +1 -1
- package/hooks/useDidMountEffect.js +1 -1
- package/hooks/useDidMountEffect.js.map +1 -1
- package/hooks/useDraggable/DragController.js +37 -45
- package/hooks/useDraggable/DragController.js.map +1 -1
- package/hooks/useDraggable/index.js +25 -53
- package/hooks/useDraggable/index.js.map +1 -1
- package/hooks/useDraggable/useDrag.js +5 -5
- package/hooks/useDraggable/useDrag.js.map +1 -1
- package/hooks/useExtended.js +8 -8
- package/hooks/useExtended.js.map +1 -1
- package/hooks/useForceUpdate.js +2 -18
- package/hooks/useForceUpdate.js.map +1 -1
- package/hooks/useOrientation.js +2 -18
- package/hooks/useOrientation.js.map +1 -1
- package/hooks/usePrevious.js +1 -1
- package/hooks/usePrevious.js.map +1 -1
- package/hooks/useResizeObserver.js +7 -9
- package/hooks/useResizeObserver.js.map +1 -1
- package/hooks/useSwipe/controller.js +68 -75
- package/hooks/useSwipe/controller.js.map +1 -1
- package/hooks/useSwipe/index.js +6 -14
- package/hooks/useSwipe/index.js.map +1 -1
- package/hooks/useThunk.js +9 -36
- package/hooks/useThunk.js.map +1 -1
- package/hooks/useTransform.js +18 -30
- package/hooks/useTransform.js.map +1 -1
- package/hooks/useWhyDidYouUpdate.js +10 -19
- package/hooks/useWhyDidYouUpdate.js.map +1 -1
- package/hooks/useWillUnmountEffect.js +1 -1
- package/hooks/useWillUnmountEffect.js.map +1 -1
- package/internal/ArrayUtil.js +13 -38
- package/internal/ArrayUtil.js.map +1 -1
- package/internal/ExpirableLocalStorage.js +70 -74
- package/internal/ExpirableLocalStorage.js.map +1 -1
- package/internal/NumberUtil.js +11 -11
- package/internal/NumberUtil.js.map +1 -1
- package/internal/StorageHelper.js +62 -65
- package/internal/StorageHelper.js.map +1 -1
- package/internal/TextUtil.js +6 -10
- package/internal/TextUtil.js.map +1 -1
- package/internal/i18n/admin/en.js +1 -1
- package/internal/i18n/admin/en.js.map +1 -1
- package/internal/i18n/admin/index.js +3 -3
- package/internal/i18n/admin/index.js.map +1 -1
- package/internal/i18n/admin/zh.js +1 -1
- package/internal/i18n/admin/zh.js.map +1 -1
- package/internal/i18n/core/en.js +1 -1
- package/internal/i18n/core/en.js.map +1 -1
- package/internal/i18n/core/index.js +3 -3
- package/internal/i18n/core/index.js.map +1 -1
- package/internal/i18n/core/zh.js +1 -1
- package/internal/i18n/core/zh.js.map +1 -1
- package/internal/i18n/util/en.js +1 -1
- package/internal/i18n/util/en.js.map +1 -1
- package/internal/i18n/util/index.js +3 -3
- package/internal/i18n/util/index.js.map +1 -1
- package/internal/i18n/util/zh.js +1 -1
- package/internal/i18n/util/zh.js.map +1 -1
- package/package.json +6 -6
- package/util/AdminNavigationUtil.js +22 -64
- package/util/AdminNavigationUtil.js.map +1 -1
- package/util/BrowserBookmarkUtil.js +5 -5
- package/util/BrowserBookmarkUtil.js.map +1 -1
- package/util/BrowserUtil/index.js +29 -68
- package/util/BrowserUtil/index.js.map +1 -1
- package/util/CanvasUtil.js +22 -61
- package/util/CanvasUtil.js.map +1 -1
- package/util/Clipboard.js +25 -85
- package/util/Clipboard.js.map +1 -1
- package/util/ExpirableLocalStorageUtil.js +1 -1
- package/util/ExpirableLocalStorageUtil.js.map +1 -1
- package/util/ExportUtil.js +13 -13
- package/util/ExportUtil.js.map +1 -1
- package/util/ImportUtil.js +34 -86
- package/util/ImportUtil.js.map +1 -1
- package/util/LocalStorageUtil.js +1 -1
- package/util/LocalStorageUtil.js.map +1 -1
- package/util/LocaleUtil.js +16 -19
- package/util/LocaleUtil.js.map +1 -1
- package/util/MediaUtil/index.js +15 -15
- package/util/MediaUtil/index.js.map +1 -1
- package/util/MessageUtil.js +5 -16
- package/util/MessageUtil.js.map +1 -1
- package/util/ModalUtil/index.js +46 -68
- package/util/ModalUtil/index.js.map +1 -1
- package/util/NotificationUtil.js +8 -24
- package/util/NotificationUtil.js.map +1 -1
- package/util/OrientationUtil.js +8 -8
- package/util/OrientationUtil.js.map +1 -1
- package/util/PromptUtil/PromptBody.js +24 -88
- package/util/PromptUtil/PromptBody.js.map +1 -1
- package/util/PromptUtil/index.js +20 -33
- package/util/PromptUtil/index.js.map +1 -1
- package/util/ReactUtil.js +20 -54
- package/util/ReactUtil.js.map +1 -1
- package/util/RecentUsedStorageUtil/index.js +14 -15
- package/util/RecentUsedStorageUtil/index.js.map +1 -1
- package/util/RecentUsedStorageUtil/pushToList.js +3 -28
- package/util/RecentUsedStorageUtil/pushToList.js.map +1 -1
- package/util/SessionStorageUtil.js +1 -1
- package/util/SessionStorageUtil.js.map +1 -1
- package/util/SwipeUtil.js +9 -9
- package/util/SwipeUtil.js.map +1 -1
- package/util/UploadUtil/index.js +29 -30
- package/util/UploadUtil/index.js.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/TypedTabs/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/TypedTabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAC7B,OAAO,cAAc,CAAC;AAmBtB,MAAM,OAAO,SAA4B,SAAQ,KAAK,CAAC,aAAuB;IAC1E,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;IAEjC,MAAM;QACF,MAAM,EACF,IAAI;QACJ,0FAA0F;QAC1F,QAAQ,EACR,QAAQ,EACR,GAAG,SAAS,EACf,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAU,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,EAAE,GAAG,IAAI,EAAC,CAAC,CAAC,CAAC;QAClH,MAAM,QAAQ,GAAc,OAAO;aAC9B,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,QAAQ,CAAC;aACnC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YACT,KAAK,EAAE,GAAG,CAAC,KAAK;YAChB,GAAG,EAAE,GAAG,CAAC,GAAG;YACZ,QAAQ,EAAE,GAAG,CAAC,QAAQ;YACtB,QAAQ,EAAE,GAAG,CAAC,OAAO;SACxB,CAAC,CAAC,CAAC;QAER,OAAO,oBAAC,IAAI,IAAC,QAAQ,EAAE,QAA+B,EAAE,KAAK,EAAE,QAAQ,KAAM,SAAS,GAAI,CAAC;IAC/F,CAAC"}
|
package/core/UIProvider.js
CHANGED
|
@@ -1,25 +1,3 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
1
|
import React from "react";
|
|
24
2
|
import chineseLocale from "antd/es/locale/zh_CN";
|
|
25
3
|
import englishLocale from "antd/es/locale/en_US";
|
|
@@ -28,12 +6,11 @@ import { StyleProvider, legacyLogicalPropertiesTransformer } from "@ant-design/c
|
|
|
28
6
|
import { ConfigProvider } from "antd";
|
|
29
7
|
import { useDidMountEffect } from "../hooks/useDidMountEffect";
|
|
30
8
|
import { LocaleContext, LocaleUtil } from "../util/LocaleUtil";
|
|
31
|
-
export
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
var currentLocale = LocaleUtil.current();
|
|
9
|
+
export const UIProvider = ReactUtil.memo("UIProvider", ({ locale, children, ...restProps }) => {
|
|
10
|
+
useDidMountEffect(() => LocaleUtil.setInitial(locale));
|
|
11
|
+
const currentLocale = LocaleUtil.current();
|
|
35
12
|
return (React.createElement(StyleProvider, { hashPriority: "high", transformers: [legacyLogicalPropertiesTransformer] },
|
|
36
|
-
React.createElement(ConfigProvider,
|
|
13
|
+
React.createElement(ConfigProvider, { locale: currentLocale === "zh" ? chineseLocale : englishLocale, ...restProps },
|
|
37
14
|
React.createElement(LocaleContext.Provider, { value: currentLocale }, children))));
|
|
38
15
|
});
|
|
39
16
|
//# sourceMappingURL=UIProvider.js.map
|
package/core/UIProvider.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UIProvider.js","sourceRoot":"","sources":["../../src/core/UIProvider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UIProvider.js","sourceRoot":"","sources":["../../src/core/UIProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAE,kCAAkC,EAAC,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAC,cAAc,EAAC,MAAM,MAAM,CAAC;AAGpC,OAAO,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAS7D,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAQ,EAAE,EAAE;IAC/F,iBAAiB,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,EAAE,CAAC;IAC3C,OAAO,CACH,oBAAC,aAAa,IAAC,YAAY,EAAC,MAAM,EAAC,YAAY,EAAE,CAAC,kCAAkC,CAAC;QACjF,oBAAC,cAAc,IAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,KAAM,SAAS;YACzF,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,IAAG,QAAQ,CAA0B,CACpE,CACL,CACnB,CAAC;AACN,CAAC,CAAC,CAAC"}
|
package/core/Uploader.js
CHANGED
|
@@ -1,96 +1,65 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
if (typeof b !== "function" && b !== null)
|
|
10
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
11
|
-
extendStatics(d, b);
|
|
12
|
-
function __() { this.constructor = d; }
|
|
13
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
14
|
-
};
|
|
15
|
-
})();
|
|
16
|
-
var __assign = (this && this.__assign) || function () {
|
|
17
|
-
__assign = Object.assign || function(t) {
|
|
18
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
19
|
-
s = arguments[i];
|
|
20
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
21
|
-
t[p] = s[p];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
return __assign.apply(this, arguments);
|
|
26
|
-
};
|
|
27
1
|
import React from "react";
|
|
28
2
|
import AntUpload from "antd/es/upload";
|
|
29
3
|
import { Spin } from "./Spin";
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
var _b, _c, _d;
|
|
39
|
-
var file = _a.file;
|
|
40
|
-
if (file.status === "uploading") {
|
|
41
|
-
_this.setState({ uploading: true });
|
|
42
|
-
_this.uploadStartTime = Date.now();
|
|
43
|
-
}
|
|
44
|
-
else if (file.status === "done" || file.status === "error") {
|
|
45
|
-
var _e = _this.props, onUploadSuccess = _e.onUploadSuccess, onUploadFailure = _e.onUploadFailure;
|
|
46
|
-
try {
|
|
47
|
-
var info = {
|
|
48
|
-
file_name: file.fileName || file.name,
|
|
49
|
-
file_size: ((_b = file.size) === null || _b === void 0 ? void 0 : _b.toString()) || "-",
|
|
50
|
-
file_type: file.type || "-",
|
|
51
|
-
api_response: JSON.stringify(file.response),
|
|
52
|
-
};
|
|
53
|
-
var elapsedTime = _this.uploadStartTime ? Date.now() - _this.uploadStartTime : 0;
|
|
54
|
-
if (file.status === "error") {
|
|
55
|
-
onUploadFailure === null || onUploadFailure === void 0 ? void 0 : onUploadFailure({
|
|
56
|
-
info: info,
|
|
57
|
-
elapsedTime: elapsedTime,
|
|
58
|
-
errorCode: "UPLOADER_FAILURE",
|
|
59
|
-
errorMessage: ((_c = file.error) === null || _c === void 0 ? void 0 : _c.toString()) || "[No Message]",
|
|
60
|
-
statusCode: Number((_d = file.error) === null || _d === void 0 ? void 0 : _d.status), // Un-official API, by trial
|
|
61
|
-
}, file.response);
|
|
62
|
-
}
|
|
63
|
-
else {
|
|
64
|
-
onUploadSuccess === null || onUploadSuccess === void 0 ? void 0 : onUploadSuccess({
|
|
65
|
-
info: info,
|
|
66
|
-
elapsedTime: elapsedTime,
|
|
67
|
-
}, file.response);
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
finally {
|
|
71
|
-
_this.setState({ uploading: false });
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
_this.state = { uploading: false };
|
|
76
|
-
return _this;
|
|
4
|
+
export class Uploader extends React.PureComponent {
|
|
5
|
+
static displayName = "Uploader";
|
|
6
|
+
defaultStyle = { minWidth: 250 };
|
|
7
|
+
uploadHeader = { Accept: "application/json" };
|
|
8
|
+
uploadStartTime;
|
|
9
|
+
constructor(props) {
|
|
10
|
+
super(props);
|
|
11
|
+
this.state = { uploading: false };
|
|
77
12
|
}
|
|
78
|
-
|
|
13
|
+
componentDidMount() {
|
|
79
14
|
document.addEventListener("dragover", this.preventDefaultDragDrop);
|
|
80
15
|
document.addEventListener("drop", this.preventDefaultDragDrop);
|
|
81
|
-
}
|
|
82
|
-
|
|
16
|
+
}
|
|
17
|
+
componentWillUnmount() {
|
|
83
18
|
document.removeEventListener("dragover", this.preventDefaultDragDrop);
|
|
84
19
|
document.removeEventListener("drop", this.preventDefaultDragDrop);
|
|
20
|
+
}
|
|
21
|
+
preventDefaultDragDrop = (e) => e.preventDefault();
|
|
22
|
+
onUpload = ({ file }) => {
|
|
23
|
+
if (file.status === "uploading") {
|
|
24
|
+
this.setState({ uploading: true });
|
|
25
|
+
this.uploadStartTime = Date.now();
|
|
26
|
+
}
|
|
27
|
+
else if (file.status === "done" || file.status === "error") {
|
|
28
|
+
const { onUploadSuccess, onUploadFailure } = this.props;
|
|
29
|
+
try {
|
|
30
|
+
const info = {
|
|
31
|
+
file_name: file.fileName || file.name,
|
|
32
|
+
file_size: file.size?.toString() || "-",
|
|
33
|
+
file_type: file.type || "-",
|
|
34
|
+
api_response: JSON.stringify(file.response),
|
|
35
|
+
};
|
|
36
|
+
const elapsedTime = this.uploadStartTime ? Date.now() - this.uploadStartTime : 0;
|
|
37
|
+
if (file.status === "error") {
|
|
38
|
+
onUploadFailure?.({
|
|
39
|
+
info,
|
|
40
|
+
elapsedTime,
|
|
41
|
+
errorCode: "UPLOADER_FAILURE",
|
|
42
|
+
errorMessage: file.error?.toString() || "[No Message]",
|
|
43
|
+
statusCode: Number(file.error?.status), // Un-official API, by trial
|
|
44
|
+
}, file.response);
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
onUploadSuccess?.({
|
|
48
|
+
info,
|
|
49
|
+
elapsedTime,
|
|
50
|
+
}, file.response);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
finally {
|
|
54
|
+
this.setState({ uploading: false });
|
|
55
|
+
}
|
|
56
|
+
}
|
|
85
57
|
};
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
return (React.createElement(AntUpload.Dragger, { name: formField, showUploadList: false, multiple: false, accept: accept, className: className, style:
|
|
58
|
+
render() {
|
|
59
|
+
const { children, accept, beforeUpload, className, style, uploadURL, formField, disabled } = this.props;
|
|
60
|
+
const { uploading } = this.state;
|
|
61
|
+
return (React.createElement(AntUpload.Dragger, { name: formField, showUploadList: false, multiple: false, accept: accept, className: className, style: { ...this.defaultStyle, ...style }, action: uploadURL, onChange: this.onUpload, disabled: this.state.uploading || disabled, beforeUpload: beforeUpload, headers: this.uploadHeader },
|
|
90
62
|
React.createElement(Spin, { spinning: uploading, size: "small" }, children)));
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
return Uploader;
|
|
94
|
-
}(React.PureComponent));
|
|
95
|
-
export { Uploader };
|
|
63
|
+
}
|
|
64
|
+
}
|
|
96
65
|
//# sourceMappingURL=Uploader.js.map
|
package/core/Uploader.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Uploader.js","sourceRoot":"","sources":["../../src/core/Uploader.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Uploader.js","sourceRoot":"","sources":["../../src/core/Uploader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,54 +1,37 @@
|
|
|
1
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
2
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
3
|
-
if (!m) return o;
|
|
4
|
-
var i = m.call(o), r, ar = [], e;
|
|
5
|
-
try {
|
|
6
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
7
|
-
}
|
|
8
|
-
catch (error) { e = { error: error }; }
|
|
9
|
-
finally {
|
|
10
|
-
try {
|
|
11
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
12
|
-
}
|
|
13
|
-
finally { if (e) throw e.error; }
|
|
14
|
-
}
|
|
15
|
-
return ar;
|
|
16
|
-
};
|
|
17
1
|
import React from "react";
|
|
18
2
|
import { classNames } from "../../util/ClassNames";
|
|
19
3
|
import { ReactUtil } from "../../util/ReactUtil";
|
|
20
4
|
import "../../internal/polyfill/ResizeObserver";
|
|
21
5
|
import "./index.less";
|
|
22
|
-
export
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
var getContainerHeight = React.useCallback(function () {
|
|
6
|
+
export const VerticalMarquee = ReactUtil.memo("VerticalMarquee", ({ className: extraClassName, speed, styles, children }) => {
|
|
7
|
+
const [containerHeight, setContainerHeight] = React.useState(0);
|
|
8
|
+
const [contentHeight, setContentHeight] = React.useState(0);
|
|
9
|
+
const containerRef = React.useRef(null);
|
|
10
|
+
const animationSpeed = contentHeight / (speed || 30);
|
|
11
|
+
const getContainerHeight = React.useCallback(() => {
|
|
29
12
|
if (!containerRef.current)
|
|
30
13
|
return;
|
|
31
14
|
setContainerHeight(containerRef.current.clientHeight);
|
|
32
15
|
}, []);
|
|
33
|
-
|
|
16
|
+
const marqueeInnerRef = (node) => {
|
|
34
17
|
if (!node)
|
|
35
18
|
return;
|
|
36
|
-
setContentHeight(node
|
|
19
|
+
setContentHeight(node?.clientHeight);
|
|
37
20
|
};
|
|
38
|
-
|
|
39
|
-
animation:
|
|
40
|
-
transform:
|
|
41
|
-
})
|
|
42
|
-
|
|
43
|
-
React.useEffect(
|
|
21
|
+
const marqueeInnerAnimationStyle = React.useMemo(() => ({
|
|
22
|
+
animation: `marquee ${animationSpeed}s linear infinite`,
|
|
23
|
+
transform: `translate(0, calc(-100% + ${contentHeight / 2}px))`,
|
|
24
|
+
}), [animationSpeed, contentHeight]);
|
|
25
|
+
const pageSize = contentHeight / containerHeight;
|
|
26
|
+
React.useEffect(() => {
|
|
44
27
|
if (containerRef.current) {
|
|
45
28
|
getContainerHeight();
|
|
46
|
-
|
|
47
|
-
|
|
29
|
+
const observer = new ResizeObserver(entries => {
|
|
30
|
+
const target = entries.find(entry => entry.target === containerRef.current);
|
|
48
31
|
target && getContainerHeight();
|
|
49
32
|
});
|
|
50
|
-
|
|
51
|
-
return
|
|
33
|
+
observer.observe(containerRef.current);
|
|
34
|
+
return () => observer.disconnect();
|
|
52
35
|
}
|
|
53
36
|
}, [getContainerHeight]);
|
|
54
37
|
return (React.createElement("div", { className: classNames("g-marquee", extraClassName), ref: containerRef, style: styles },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/VerticalMarquee/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/VerticalMarquee/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAC/C,OAAO,wCAAwC,CAAC;AAChD,OAAO,cAAc,CAAC;AActB,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,EAAC,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAQ,EAAE,EAAE;IAC7H,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAChE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5D,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,cAAc,GAAG,aAAa,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAErD,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC9C,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO;QAClC,kBAAkB,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,CAAC,IAA2B,EAAE,EAAE;QACpD,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,gBAAgB,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,MAAM,0BAA0B,GAAwB,KAAK,CAAC,OAAO,CACjE,GAAG,EAAE,CAAC,CAAC;QACH,SAAS,EAAE,WAAW,cAAc,mBAAmB;QACvD,SAAS,EAAE,6BAA6B,aAAa,GAAG,CAAC,MAAM;KAClE,CAAC,EACF,CAAC,cAAc,EAAE,aAAa,CAAC,CAClC,CAAC;IAEF,MAAM,QAAQ,GAAG,aAAa,GAAG,eAAe,CAAC;IAEjD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACvB,kBAAkB,EAAE,CAAC;YAErB,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;gBAC1C,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,YAAY,CAAC,OAAO,CAAC,CAAC;gBAC5E,MAAM,IAAI,kBAAkB,EAAE,CAAC;YACnC,CAAC,CAAC,CAAC;YACH,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YACvC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvC,CAAC;IACL,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,cAAc,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM;QACrF,6BAAK,GAAG,EAAE,eAAe,EAAE,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,SAAS;YACpG,QAAQ;YACR,QAAQ,CACP,CACJ,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}
|
|
@@ -3,26 +3,25 @@ import React from "react";
|
|
|
3
3
|
import { classNames } from "../../util/ClassNames";
|
|
4
4
|
import { useVirtualizer, observeElementOffset as defaultObserveElementOffset, observeElementRect as defaultObserveElementRect } from "@tanstack/react-virtual";
|
|
5
5
|
import "./index.less";
|
|
6
|
-
|
|
6
|
+
const DEFAULT_ITEM_SIZE = 100;
|
|
7
7
|
/**
|
|
8
8
|
* Efficiently rendering large lists and tabular data
|
|
9
9
|
*/
|
|
10
|
-
export function VirtualList(
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
horizontal: horizontal,
|
|
10
|
+
export function VirtualList({ data, rowKey = "index", direction = "vertical", renderItem: renderData, overscan = 5, initialRect = { width: 0, height: 0 }, observeElementOffset, fixedSize, observeElementRect, id, className, listRef, }) {
|
|
11
|
+
const Item = renderData;
|
|
12
|
+
const parentRef = React.useRef(null);
|
|
13
|
+
const horizontal = direction === "horizontal";
|
|
14
|
+
const virtualizer = useVirtualizer({
|
|
15
|
+
initialRect,
|
|
16
|
+
horizontal,
|
|
18
17
|
count: data.length,
|
|
19
|
-
getScrollElement:
|
|
20
|
-
estimateSize: fixedSize
|
|
21
|
-
observeElementOffset: observeElementOffset
|
|
22
|
-
observeElementRect: observeElementRect
|
|
23
|
-
overscan
|
|
18
|
+
getScrollElement: () => parentRef.current,
|
|
19
|
+
estimateSize: fixedSize ?? (() => DEFAULT_ITEM_SIZE),
|
|
20
|
+
observeElementOffset: observeElementOffset ?? defaultObserveElementOffset,
|
|
21
|
+
observeElementRect: observeElementRect ?? defaultObserveElementRect,
|
|
22
|
+
overscan,
|
|
24
23
|
});
|
|
25
|
-
React.useImperativeHandle(listRef,
|
|
24
|
+
React.useImperativeHandle(listRef, () => ({
|
|
26
25
|
getVirtualItems: virtualizer.getVirtualItems,
|
|
27
26
|
scrollElement: virtualizer.scrollElement,
|
|
28
27
|
measure: virtualizer.measure,
|
|
@@ -31,11 +30,11 @@ export function VirtualList(_a) {
|
|
|
31
30
|
getTotalSize: virtualizer.getTotalSize,
|
|
32
31
|
indexFromElement: virtualizer.indexFromElement,
|
|
33
32
|
range: virtualizer.range,
|
|
34
|
-
})
|
|
35
|
-
|
|
36
|
-
return (React.createElement("div", { id: id, className: classNames("g-virtual-list", className, { horizontal
|
|
37
|
-
React.createElement("div", { className: "g-virtual-list-inner", style: horizontal ? { width: virtualizer.getTotalSize() } : { height: virtualizer.getTotalSize() } }, virtualizer.getVirtualItems().map(
|
|
33
|
+
}));
|
|
34
|
+
const getItemKey = (index) => (rowKey === "index" ? index : data[index][rowKey]);
|
|
35
|
+
return (React.createElement("div", { id: id, className: classNames("g-virtual-list", className, { horizontal }), ref: parentRef },
|
|
36
|
+
React.createElement("div", { className: "g-virtual-list-inner", style: horizontal ? { width: virtualizer.getTotalSize() } : { height: virtualizer.getTotalSize() } }, virtualizer.getVirtualItems().map(virtualRow => (React.createElement("div", { className: "g-virtual-list-item", key: getItemKey(virtualRow.index), ref: virtualizer.measureElement, "data-index": virtualRow.index, style: { transform: horizontal ? `translateX(${virtualRow.start}px)` : `translateY(${virtualRow.start}px)` } },
|
|
38
37
|
React.createElement("div", { className: "g-virtual-list-item-wrapper" },
|
|
39
|
-
React.createElement(Item, { data: data[virtualRow.index], index: virtualRow.index }))))
|
|
38
|
+
React.createElement(Item, { data: data[virtualRow.index], index: virtualRow.index }))))))));
|
|
40
39
|
}
|
|
41
40
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/VirtualList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wCAAwC,CAAC;AAChD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,cAAc,EAAE,oBAAoB,IAAI,2BAA2B,EAAE,kBAAkB,IAAI,yBAAyB,EAAC,MAAM,yBAAyB,CAAC;AAI7J,OAAO,cAAc,CAAC;AAEtB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/VirtualList/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ReactUtil } from "../../util/ReactUtil";
|
|
3
3
|
import { classNames } from "../../util/ClassNames";
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var stickyPosition = columnsStickyPosition[columnIndex];
|
|
9
|
-
return (React.createElement("div", { className: classNames("table-header", { fixed: fixed, left: fixed === "left", right: fixed === "right", last: stickyPosition === null || stickyPosition === void 0 ? void 0 : stickyPosition.isLast }), key: columnIndex, style: {
|
|
4
|
+
export const TableHeader = ReactUtil.memo("TableHeader", function ({ headerRef, headerHeight, columns, columnsStickyPosition }) {
|
|
5
|
+
return (React.createElement("div", { className: "table-headers", ref: headerRef, style: { height: headerHeight, width: scrollX || "100%" } }, columns.map(({ title, width, align, fixed, display }, columnIndex) => {
|
|
6
|
+
const stickyPosition = columnsStickyPosition[columnIndex];
|
|
7
|
+
return (React.createElement("div", { className: classNames("table-header", { fixed, left: fixed === "left", right: fixed === "right", last: stickyPosition?.isLast }), key: columnIndex, style: {
|
|
10
8
|
display: display !== "hidden" ? "flex" : "none",
|
|
11
|
-
flex:
|
|
9
|
+
flex: `1 0 ${width}px`,
|
|
12
10
|
justifyContent: align === "center" ? "center" : align === "right" ? "flex-end" : "flex-start",
|
|
13
11
|
textAlign: align,
|
|
14
|
-
left: fixed === "left" ? stickyPosition
|
|
15
|
-
right: fixed === "right" ? stickyPosition
|
|
12
|
+
left: fixed === "left" ? stickyPosition?.value : undefined,
|
|
13
|
+
right: fixed === "right" ? stickyPosition?.value : undefined,
|
|
16
14
|
} }, title));
|
|
17
15
|
})));
|
|
18
16
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../src/core/VirtualTable/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAUjD,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../src/core/VirtualTable/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAUjD,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC,aAAa,EAAE,UAAkC,EAAC,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,qBAAqB,EAAiB;IAChK,OAAO,CACH,6BAAK,SAAS,EAAC,eAAe,EAAC,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,EAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,IAAI,MAAM,EAAC,IACjG,OAAO,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,EAAE,WAAW,EAAE,EAAE;QAChE,MAAM,cAAc,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAC;QAC1D,OAAO,CACH,6BACI,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,KAAK,MAAM,EAAE,KAAK,EAAE,KAAK,KAAK,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,EAAC,CAAC,EAC9H,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE;gBACH,OAAO,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;gBAC/C,IAAI,EAAE,OAAO,KAAK,IAAI;gBACtB,cAAc,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;gBAC7F,SAAS,EAAE,KAAK;gBAChB,IAAI,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS;gBAC1D,KAAK,EAAE,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS;aAC/D,IAEA,KAAK,CACJ,CACT,CAAC;IACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}
|
|
@@ -1,25 +1,24 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ReactUtil } from "../../util/ReactUtil";
|
|
3
3
|
import { classNames } from "../../util/ClassNames";
|
|
4
|
-
export
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
var colSpan = column.colSpan ? column.colSpan(data, rowIndex, columnIndex) : 1;
|
|
4
|
+
export const TableRow = ReactUtil.memo("TableRow", function ({ virtualItem, data, columns, columnWidths, rowHeight, scrollBarSize, columnsStickyPosition, rowClassName, onRowClick }) {
|
|
5
|
+
const rowIndex = virtualItem.index;
|
|
6
|
+
const lastShownColumnIndex = React.useMemo(() => columns.findLastIndex(_ => _.display !== "hidden"), [columns]);
|
|
7
|
+
return (React.createElement("div", { key: rowIndex, className: classNames("table-row", rowClassName, rowIndex % 2 ? "odd" : "even"), style: { transform: `translateY(${virtualItem.start}px)` }, onClick: () => onRowClick?.(data, rowIndex) }, columns.map((column, columnIndex) => {
|
|
8
|
+
const colSpan = column.colSpan ? column.colSpan(data, rowIndex, columnIndex) : 1;
|
|
10
9
|
// handle colspan > 1
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
const cellWidth = colSpan > 1 ? columnWidths.slice(columnIndex, columnIndex + colSpan).reduce((acc, curr) => acc + curr, 0) : columnWidths[columnIndex] || column.width;
|
|
11
|
+
const renderData = column.display !== "hidden" && column.renderData(data, rowIndex);
|
|
13
12
|
// minus the scroll bar size of the last column & minus the scroll bar size in the right sticky value of the right fixed columns
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
return (renderData && (React.createElement("div", { className: classNames("table-cell", { fixed: column.fixed, left: column.fixed === "left", right: column.fixed === "right", last: stickyPosition
|
|
13
|
+
const isLastShownColumn = lastShownColumnIndex === columnIndex;
|
|
14
|
+
const stickyPosition = columnsStickyPosition[columnIndex];
|
|
15
|
+
return (renderData && (React.createElement("div", { className: classNames("table-cell", { fixed: column.fixed, left: column.fixed === "left", right: column.fixed === "right", last: stickyPosition?.isLast }), key: columnIndex, style: {
|
|
17
16
|
height: rowHeight,
|
|
18
17
|
width: cellWidth - (isLastShownColumn ? scrollBarSize : 0),
|
|
19
18
|
justifyContent: column.align === "center" ? "center" : column.align === "right" ? "flex-end" : "flex-start",
|
|
20
19
|
textAlign: column.align,
|
|
21
|
-
left: column.fixed === "left" ? stickyPosition
|
|
22
|
-
right: column.fixed === "right" ?
|
|
20
|
+
left: column.fixed === "left" ? stickyPosition?.value : undefined,
|
|
21
|
+
right: column.fixed === "right" ? stickyPosition?.value - (isLastShownColumn ? 0 : scrollBarSize) : undefined,
|
|
23
22
|
} }, renderData)));
|
|
24
23
|
})));
|
|
25
24
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/core/VirtualTable/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAgBjD,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../src/core/VirtualTable/TableRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,3 @@
|
|
|
1
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
2
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
3
|
-
if (!m) return o;
|
|
4
|
-
var i = m.call(o), r, ar = [], e;
|
|
5
|
-
try {
|
|
6
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
7
|
-
}
|
|
8
|
-
catch (error) { e = { error: error }; }
|
|
9
|
-
finally {
|
|
10
|
-
try {
|
|
11
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
12
|
-
}
|
|
13
|
-
finally { if (e) throw e.error; }
|
|
14
|
-
}
|
|
15
|
-
return ar;
|
|
16
|
-
};
|
|
17
1
|
import React from "react";
|
|
18
2
|
import { useDebounce } from "../../../hooks/useDebounce";
|
|
19
3
|
/**
|
|
@@ -28,49 +12,49 @@ import { useDebounce } from "../../../hooks/useDebounce";
|
|
|
28
12
|
* the colWidths may be calculated during the transition and get the wrong width
|
|
29
13
|
* wrap the getColumnWidths function by useDebounce to get the final correct column widths
|
|
30
14
|
*/
|
|
31
|
-
export
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
15
|
+
export const useColumnWidths = () => {
|
|
16
|
+
const headerRef = React.useRef(null);
|
|
17
|
+
const [columnWidths, setColumnWidths] = React.useState([]);
|
|
18
|
+
const calcColumnWidths = useDebounce(() => {
|
|
35
19
|
if (headerRef.current) {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
headers.forEach(
|
|
40
|
-
|
|
20
|
+
const headers = headerRef.current.querySelectorAll(".table-header");
|
|
21
|
+
const widths = [];
|
|
22
|
+
let columnWidthsUpdate = false;
|
|
23
|
+
headers.forEach((header, index) => {
|
|
24
|
+
const width = header.getBoundingClientRect().width;
|
|
41
25
|
if (width > 0) {
|
|
42
|
-
|
|
43
|
-
|
|
26
|
+
widths[index] = width;
|
|
27
|
+
columnWidthsUpdate = true;
|
|
44
28
|
}
|
|
45
29
|
});
|
|
46
|
-
if (
|
|
47
|
-
setColumnWidths(
|
|
30
|
+
if (columnWidthsUpdate) {
|
|
31
|
+
setColumnWidths(widths);
|
|
48
32
|
}
|
|
49
33
|
}
|
|
50
34
|
}, 300);
|
|
51
|
-
|
|
35
|
+
const getHeaderRef = React.useCallback((node) => {
|
|
52
36
|
if (node) {
|
|
53
37
|
headerRef.current = node;
|
|
54
38
|
calcColumnWidths();
|
|
55
39
|
}
|
|
56
40
|
}, [calcColumnWidths]);
|
|
57
|
-
|
|
41
|
+
const handler = React.useCallback((event) => {
|
|
58
42
|
if (event.target && "querySelector" in event.target && headerRef.current) {
|
|
59
|
-
|
|
60
|
-
|
|
43
|
+
const element = event.target;
|
|
44
|
+
const result = element.querySelector(".g-virtual-table");
|
|
61
45
|
result && calcColumnWidths();
|
|
62
46
|
}
|
|
63
47
|
}, [calcColumnWidths]);
|
|
64
|
-
React.useEffect(
|
|
48
|
+
React.useEffect(() => {
|
|
65
49
|
document.body.addEventListener("resize", handler);
|
|
66
50
|
document.body.addEventListener("transitionend", handler);
|
|
67
51
|
document.body.addEventListener("animationend", handler);
|
|
68
|
-
return
|
|
52
|
+
return () => {
|
|
69
53
|
document.body.removeEventListener("resize", handler);
|
|
70
54
|
document.body.removeEventListener("transitionend", handler);
|
|
71
55
|
document.body.removeEventListener("animationend", handler);
|
|
72
56
|
};
|
|
73
57
|
}, [handler]);
|
|
74
|
-
return { headerRef
|
|
58
|
+
return { headerRef, getHeaderRef, columnWidths, calcColumnWidths };
|
|
75
59
|
};
|
|
76
60
|
//# sourceMappingURL=useColumnWidths.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useColumnWidths.js","sourceRoot":"","sources":["../../../../src/core/VirtualTable/hooks/useColumnWidths.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useColumnWidths.js","sourceRoot":"","sources":["../../../../src/core/VirtualTable/hooks/useColumnWidths.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,WAAW,EAAC,MAAM,4BAA4B,CAAC;AAEvD;;;;;;;;;;;GAWG;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAChC,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC5D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAW,EAAE,CAAC,CAAC;IAErE,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACpB,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;YACpE,MAAM,MAAM,GAAa,EAAE,CAAC;YAC5B,IAAI,kBAAkB,GAAG,KAAK,CAAC;YAC/B,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBAC9B,MAAM,KAAK,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;gBACnD,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;oBACZ,MAAM,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;oBACtB,kBAAkB,GAAG,IAAI,CAAC;gBAC9B,CAAC;YACL,CAAC,CAAC,CAAC;YACH,IAAI,kBAAkB,EAAE,CAAC;gBACrB,eAAe,CAAC,MAAM,CAAC,CAAC;YAC5B,CAAC;QACL,CAAC;IACL,CAAC,EAAE,GAAG,CAAC,CAAC;IAER,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,IAA2B,EAAE,EAAE;QAC5B,IAAI,IAAI,EAAE,CAAC;YACP,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,gBAAgB,EAAE,CAAC;QACvB,CAAC;IACL,CAAC,EACD,CAAC,gBAAgB,CAAC,CACrB,CAAC;IAEF,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC7B,CAAC,KAAiD,EAAE,EAAE;QAClD,IAAI,KAAK,CAAC,MAAM,IAAI,eAAe,IAAI,KAAK,CAAC,MAAM,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACvE,MAAM,OAAO,GAAG,KAAK,CAAC,MAAqB,CAAC;YAC5C,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;YACzD,MAAM,IAAI,gBAAgB,EAAE,CAAC;QACjC,CAAC;IACL,CAAC,EACD,CAAC,gBAAgB,CAAC,CACrB,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAClD,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;QACzD,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QACxD,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;YACrD,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;YAC5D,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;QAC/D,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,EAAC,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAC,CAAC;AACrE,CAAC,CAAC"}
|