@pinnacle0/web-ui 0.5.83 → 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.d.ts +0 -1
- package/util/BrowserUtil/index.js +29 -80
- 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,33 +1,15 @@
|
|
|
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 { useSwipe, Direction } from "../../../hooks/useSwipe";
|
|
19
|
-
|
|
3
|
+
const OVER_BOUNDARY_LIMIT = 40;
|
|
20
4
|
/**
|
|
21
5
|
* Use useSwipe with Scrollable content
|
|
22
6
|
* 1. prevent scrolling on swiping
|
|
23
7
|
* 1. start counting delta when scroll to top and bottom
|
|
24
8
|
*/
|
|
25
|
-
export
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
var direction = _a.direction;
|
|
30
|
-
var element = scrollElementRef.current;
|
|
9
|
+
export const useScrollListSwipe = ({ scrollElementRef, onStart, onMove, onEnd, onCancel }) => {
|
|
10
|
+
const start = React.useRef(null);
|
|
11
|
+
const threshold = ({ direction }) => {
|
|
12
|
+
const element = scrollElementRef.current;
|
|
31
13
|
if (!element)
|
|
32
14
|
return false;
|
|
33
15
|
if (direction === Direction.DOWN && isScrollTop(element)) {
|
|
@@ -38,35 +20,35 @@ export var useScrollListSwipe = function (_a) {
|
|
|
38
20
|
}
|
|
39
21
|
return false;
|
|
40
22
|
};
|
|
41
|
-
|
|
23
|
+
const clear = () => {
|
|
42
24
|
resumeScrolling();
|
|
43
25
|
start.current = null;
|
|
44
26
|
};
|
|
45
|
-
|
|
46
|
-
|
|
27
|
+
const calculateState = (state) => {
|
|
28
|
+
const { delta: [, y], } = state;
|
|
47
29
|
if (!start.current)
|
|
48
30
|
return null;
|
|
49
31
|
return { delta: y - start.current.delta, boundary: start.current.boundary, swipeState: state };
|
|
50
32
|
};
|
|
51
|
-
|
|
33
|
+
const preventScrolling = () => {
|
|
52
34
|
if (scrollElementRef.current) {
|
|
53
35
|
scrollElementRef.current.style.overflowY = "hidden";
|
|
54
36
|
}
|
|
55
37
|
};
|
|
56
|
-
|
|
38
|
+
const resumeScrolling = () => {
|
|
57
39
|
if (scrollElementRef.current) {
|
|
58
40
|
scrollElementRef.current.style.overflowY = "";
|
|
59
41
|
}
|
|
60
42
|
};
|
|
61
|
-
|
|
62
|
-
onStart:
|
|
63
|
-
|
|
43
|
+
const bind = useSwipe({
|
|
44
|
+
onStart: s => {
|
|
45
|
+
const startBounary = getBounaryFromStartDirection(s.direction);
|
|
64
46
|
start.current = { delta: s.delta[1], boundary: startBounary };
|
|
65
47
|
onStart({ delta: 0, boundary: startBounary, swipeState: s });
|
|
66
48
|
preventScrolling();
|
|
67
49
|
},
|
|
68
|
-
onMove:
|
|
69
|
-
|
|
50
|
+
onMove: s => {
|
|
51
|
+
const state = calculateState(s);
|
|
70
52
|
if (!state)
|
|
71
53
|
return;
|
|
72
54
|
onMove(state);
|
|
@@ -74,21 +56,21 @@ export var useScrollListSwipe = function (_a) {
|
|
|
74
56
|
isExceededBounary(state.delta, state.boundary) && s.cancel();
|
|
75
57
|
}
|
|
76
58
|
},
|
|
77
|
-
onEnd:
|
|
78
|
-
|
|
59
|
+
onEnd: s => {
|
|
60
|
+
const state = calculateState(s);
|
|
79
61
|
if (!state)
|
|
80
62
|
return;
|
|
81
63
|
onEnd(state);
|
|
82
64
|
clear();
|
|
83
65
|
},
|
|
84
|
-
onCancel:
|
|
85
|
-
|
|
66
|
+
onCancel: s => {
|
|
67
|
+
const state = calculateState(s);
|
|
86
68
|
if (!state)
|
|
87
69
|
return;
|
|
88
70
|
onCancel(state);
|
|
89
71
|
clear();
|
|
90
72
|
},
|
|
91
|
-
}, { threshold
|
|
73
|
+
}, { threshold, preventDefault: true, stopPropagation: true });
|
|
92
74
|
return bind;
|
|
93
75
|
};
|
|
94
76
|
export function isExceededBounary(delta, boundary) {
|
|
@@ -113,14 +95,14 @@ export function isScrollTop(element) {
|
|
|
113
95
|
return element.scrollTop === 0;
|
|
114
96
|
}
|
|
115
97
|
export function isScrollBottom(element) {
|
|
116
|
-
|
|
98
|
+
const { scrollTop, clientHeight, scrollHeight } = element;
|
|
117
99
|
return Math.ceil(scrollTop) + clientHeight >= scrollHeight;
|
|
118
100
|
}
|
|
119
101
|
export function isScrollLeft(element) {
|
|
120
102
|
return element.scrollLeft === 0;
|
|
121
103
|
}
|
|
122
104
|
export function isScrollRight(element) {
|
|
123
|
-
|
|
105
|
+
const { scrollWidth, scrollLeft, clientWidth } = element;
|
|
124
106
|
return Math.ceil(scrollLeft) + clientWidth >= scrollWidth;
|
|
125
107
|
}
|
|
126
108
|
//# sourceMappingURL=useScrollListSwipe.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useScrollListSwipe.js","sourceRoot":"","sources":["../../../../src/core/FlatList/hook/useScrollListSwipe.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useScrollListSwipe.js","sourceRoot":"","sources":["../../../../src/core/FlatList/hook/useScrollListSwipe.ts"],"names":[],"mappings":"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"}
|
package/core/FlatList/index.js
CHANGED
|
@@ -1,30 +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 __read = (this && this.__read) || function (o, n) {
|
|
13
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
14
|
-
if (!m) return o;
|
|
15
|
-
var i = m.call(o), r, ar = [], e;
|
|
16
|
-
try {
|
|
17
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
18
|
-
}
|
|
19
|
-
catch (error) { e = { error: error }; }
|
|
20
|
-
finally {
|
|
21
|
-
try {
|
|
22
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
23
|
-
}
|
|
24
|
-
finally { if (e) throw e.error; }
|
|
25
|
-
}
|
|
26
|
-
return ar;
|
|
27
|
-
};
|
|
28
1
|
import React from "react";
|
|
29
2
|
import { classNames } from "../../util/ClassNames";
|
|
30
3
|
import { useTransform } from "../../hooks/useTransform";
|
|
@@ -35,34 +8,28 @@ import { Refresh } from "./Refresh";
|
|
|
35
8
|
import "./index.less";
|
|
36
9
|
import { useRefreshing } from "./hook/useRefreshing";
|
|
37
10
|
export * from "./type";
|
|
38
|
-
|
|
39
|
-
export
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
var transit = useTransform(animatedRef, {
|
|
11
|
+
const PULL_DOWN_REFRESH_THRESHOLD = 50;
|
|
12
|
+
export const FlatList = function ({ renderItem, data, rowKey, id, className, gap, refreshing: exactRefreshing, loading, onPullDownRefresh, onPullUpLoading, endReachThreshold, emptyPlaceholder, pullDownMessage, pullUpMessage, endOfListMessage, style, wrapperStyle, }) {
|
|
13
|
+
const scrollRef = React.useRef(null);
|
|
14
|
+
const animatedRef = React.useRef(null);
|
|
15
|
+
const refreshHeight = React.useRef(0);
|
|
16
|
+
const previousBoundary = React.useRef(null);
|
|
17
|
+
const refreshing = useRefreshing(exactRefreshing ?? false, 1000);
|
|
18
|
+
const [showFloatingLoader, setShowFloatingLoader] = React.useState(refreshing);
|
|
19
|
+
const transit = useTransform(animatedRef, {
|
|
48
20
|
timingFunction: "cubic-bezier(0, 0.89, 0.26, 1.02)",
|
|
49
21
|
duration: 800,
|
|
50
22
|
});
|
|
51
|
-
|
|
23
|
+
const transitRef = React.useRef(transit);
|
|
52
24
|
transitRef.current = transit;
|
|
53
|
-
|
|
25
|
+
const bind = useScrollListSwipe({
|
|
54
26
|
scrollElementRef: scrollRef,
|
|
55
|
-
onStart:
|
|
56
|
-
var boundary = _a.boundary;
|
|
27
|
+
onStart: ({ boundary }) => {
|
|
57
28
|
setShowFloatingLoader(false);
|
|
58
29
|
previousBoundary.current = boundary;
|
|
59
30
|
},
|
|
60
|
-
onMove:
|
|
61
|
-
|
|
62
|
-
return transit.to({ y: delta, immediate: true });
|
|
63
|
-
},
|
|
64
|
-
onEnd: function (_a) {
|
|
65
|
-
var delta = _a.delta;
|
|
31
|
+
onMove: ({ delta }) => transit.to({ y: delta, immediate: true }),
|
|
32
|
+
onEnd: ({ delta }) => {
|
|
66
33
|
if (previousBoundary.current === "top" && onPullDownRefresh && delta >= PULL_DOWN_REFRESH_THRESHOLD && !refreshing && !loading) {
|
|
67
34
|
onPullDownRefresh();
|
|
68
35
|
}
|
|
@@ -71,16 +38,16 @@ export var FlatList = function (_a) {
|
|
|
71
38
|
transit.to({ y: refreshHeight.current });
|
|
72
39
|
}
|
|
73
40
|
},
|
|
74
|
-
onCancel:
|
|
41
|
+
onCancel: () => transit.clear(),
|
|
75
42
|
});
|
|
76
|
-
|
|
77
|
-
|
|
43
|
+
const updateRefreshHeight = React.useCallback((node) => node && (refreshHeight.current = node.getBoundingClientRect().height), []);
|
|
44
|
+
const handleScroll = () => {
|
|
78
45
|
transit.clear();
|
|
79
46
|
if (refreshing) {
|
|
80
47
|
setShowFloatingLoader(true);
|
|
81
48
|
}
|
|
82
49
|
};
|
|
83
|
-
React.useEffect(
|
|
50
|
+
React.useEffect(() => {
|
|
84
51
|
if (refreshing) {
|
|
85
52
|
if (previousBoundary.current === "top") {
|
|
86
53
|
transitRef.current.to({ y: refreshHeight.current });
|
|
@@ -95,7 +62,7 @@ export var FlatList = function (_a) {
|
|
|
95
62
|
setShowFloatingLoader(false);
|
|
96
63
|
}
|
|
97
64
|
}, [refreshing]);
|
|
98
|
-
return (React.createElement("div",
|
|
65
|
+
return (React.createElement("div", { id: id, className: classNames("g-flat-list", className), ...bind },
|
|
99
66
|
React.createElement("div", { className: "g-flat-list-inner-wrapper", ref: animatedRef, style: wrapperStyle },
|
|
100
67
|
exactRefreshing !== undefined && (React.createElement(React.Fragment, null,
|
|
101
68
|
React.createElement(FloatingLoader, { show: showFloatingLoader }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/FlatList/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/FlatList/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import "./index.less";
|
|
3
|
-
export
|
|
3
|
+
export const Loader = () => {
|
|
4
4
|
return (React.createElement("div", { className: "g-flat-list-loader" },
|
|
5
5
|
React.createElement("div", { className: "dot" }),
|
|
6
6
|
React.createElement("div", { className: "dot" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/FlatList/shared/Loader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/FlatList/shared/Loader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,EAAE;IACvB,OAAO,CACH,6BAAK,SAAS,EAAC,oBAAoB;QAC/B,6BAAK,SAAS,EAAC,KAAK,GAAG;QACvB,6BAAK,SAAS,EAAC,KAAK,GAAG;QACvB,6BAAK,SAAS,EAAC,KAAK,GAAG,CACrB,CACT,CAAC;AACN,CAAC,CAAC"}
|
package/core/Form/Item.js
CHANGED
|
@@ -1,106 +1,46 @@
|
|
|
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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
17
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
18
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
19
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
20
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
21
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
22
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
26
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
|
27
|
-
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
28
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
29
|
-
function step(op) {
|
|
30
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
31
|
-
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
32
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
33
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
34
|
-
switch (op[0]) {
|
|
35
|
-
case 0: case 1: t = op; break;
|
|
36
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
37
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
38
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
39
|
-
default:
|
|
40
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
41
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
42
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
43
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
44
|
-
if (t[2]) _.ops.pop();
|
|
45
|
-
_.trys.pop(); continue;
|
|
46
|
-
}
|
|
47
|
-
op = body.call(thisArg, _);
|
|
48
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
49
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
1
|
import React from "react";
|
|
53
2
|
import { classNames } from "../../util/ClassNames";
|
|
54
3
|
import { Tooltip } from "../Tooltip";
|
|
55
4
|
import { FormValidationContext } from "./context";
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
return __generator(this, function (_a) {
|
|
64
|
-
switch (_a.label) {
|
|
65
|
-
case 0:
|
|
66
|
-
validator = this.props.validator;
|
|
67
|
-
if (!validator) return [3 /*break*/, 2];
|
|
68
|
-
return [4 /*yield*/, validator()];
|
|
69
|
-
case 1:
|
|
70
|
-
errorMessage = _a.sent();
|
|
71
|
-
this.setState({ errorMessage: errorMessage });
|
|
72
|
-
return [2 /*return*/, errorMessage === null];
|
|
73
|
-
case 2: return [2 /*return*/, true];
|
|
74
|
-
}
|
|
75
|
-
});
|
|
76
|
-
}); };
|
|
77
|
-
_this.state = { errorMessage: null };
|
|
78
|
-
return _this;
|
|
5
|
+
export class Item extends React.PureComponent {
|
|
6
|
+
static displayName = "Form.Item";
|
|
7
|
+
static contextType = FormValidationContext;
|
|
8
|
+
overlayStyle = { color: "red" };
|
|
9
|
+
constructor(props) {
|
|
10
|
+
super(props);
|
|
11
|
+
this.state = { errorMessage: null };
|
|
79
12
|
}
|
|
80
|
-
|
|
13
|
+
componentDidMount() {
|
|
81
14
|
this.context.registerValidator(this.validate);
|
|
82
|
-
}
|
|
83
|
-
|
|
15
|
+
}
|
|
16
|
+
componentWillUnmount() {
|
|
84
17
|
this.context.unregisterValidator(this.validate);
|
|
18
|
+
}
|
|
19
|
+
validate = async () => {
|
|
20
|
+
const { validator } = this.props;
|
|
21
|
+
if (validator) {
|
|
22
|
+
const errorMessage = await validator();
|
|
23
|
+
this.setState({ errorMessage });
|
|
24
|
+
return errorMessage === null;
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
return true;
|
|
28
|
+
}
|
|
85
29
|
};
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
30
|
+
render() {
|
|
31
|
+
const { label, children, className, required, extra, labelStyle, widthMode } = this.props;
|
|
32
|
+
const { errorMessage } = this.state;
|
|
33
|
+
const errorDisplayMode = this.context.errorDisplayMode();
|
|
34
|
+
const childrenNode = typeof children === "number" || typeof children === "string" ? React.createElement("span", { className: "pure-text" }, children) : children;
|
|
35
|
+
const extraMessageNode = extra && React.createElement("div", { className: "message" }, extra);
|
|
92
36
|
return (React.createElement("div", { className: classNames("g-form-item", className) },
|
|
93
|
-
React.createElement("div", { className: classNames("g-form-item-label", { required
|
|
94
|
-
React.createElement("div", { className: classNames("g-form-item-children", { "has-error": errorMessage }, widthMode ?
|
|
37
|
+
React.createElement("div", { className: classNames("g-form-item-label", { required }), style: labelStyle }, label && React.createElement("label", null, label)),
|
|
38
|
+
React.createElement("div", { className: classNames("g-form-item-children", { "has-error": errorMessage }, widthMode ? `width-${widthMode}` : "") }, errorDisplayMode.type === "extra" ? (React.createElement(React.Fragment, null,
|
|
95
39
|
childrenNode,
|
|
96
40
|
extraMessageNode,
|
|
97
41
|
errorMessage && React.createElement("div", { className: "message error" }, errorMessage))) : (React.createElement(React.Fragment, null,
|
|
98
42
|
React.createElement(Tooltip, { title: errorMessage, open: errorMessage !== null, placement: errorDisplayMode.placement || "right", color: "white", overlayInnerStyle: this.overlayStyle }, childrenNode),
|
|
99
43
|
extraMessageNode)))));
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
Item.contextType = FormValidationContext;
|
|
103
|
-
return Item;
|
|
104
|
-
}(React.PureComponent));
|
|
105
|
-
export { Item };
|
|
44
|
+
}
|
|
45
|
+
}
|
|
106
46
|
//# sourceMappingURL=Item.js.map
|
package/core/Form/Item.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../src/core/Form/Item.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../src/core/Form/Item.tsx"],"names":[],"mappings":"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"}
|
package/core/Form/context.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export
|
|
3
|
-
registerValidator:
|
|
4
|
-
unregisterValidator:
|
|
5
|
-
errorDisplayMode:
|
|
2
|
+
export const FormValidationContext = React.createContext({
|
|
3
|
+
registerValidator: () => { },
|
|
4
|
+
unregisterValidator: () => { },
|
|
5
|
+
errorDisplayMode: () => ({ type: "extra" }),
|
|
6
6
|
});
|
|
7
7
|
//# sourceMappingURL=context.js.map
|
package/core/Form/context.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/core/Form/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/core/Form/context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA4B;IAChF,iBAAiB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC3B,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC7B,gBAAgB,EAAE,GAAG,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;CAC5C,CAAC,CAAC"}
|