@nutui/nutui-react 2.3.11 → 2.3.12
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/CHANGELOG.md +18 -0
- package/dist/esm/ActionSheet.js +30 -86
- package/dist/esm/Address.js +80 -184
- package/dist/esm/Animate.js +21 -49
- package/dist/esm/AnimatingNumbers.js +47 -136
- package/dist/esm/Audio.js +88 -159
- package/dist/esm/Avatar.js +44 -91
- package/dist/esm/AvatarCropper.js +149 -268
- package/dist/esm/AvatarGroup.js +13 -44
- package/dist/esm/BackTop.js +34 -75
- package/dist/esm/Badge.js +0 -3
- package/dist/esm/Barrage.js +49 -83
- package/dist/esm/Button.js +0 -4
- package/dist/esm/Calendar.js +27 -119
- package/dist/esm/CalendarCard.js +180 -291
- package/dist/esm/CalendarItem.js +253 -314
- package/dist/esm/Card.js +38 -72
- package/dist/esm/Cascader.js +0 -17
- package/dist/esm/Cell.js +27 -62
- package/dist/esm/CellGroup.js +16 -45
- package/dist/esm/Checkbox.js +0 -6
- package/dist/esm/CheckboxGroup.js +49 -88
- package/dist/esm/CircleProgress.js +42 -93
- package/dist/esm/Col.js +17 -48
- package/dist/esm/Collapse.js +18 -49
- package/dist/esm/CollapseItem.js +0 -3
- package/dist/esm/ConfigProvider.js +3 -4
- package/dist/esm/CountDown.js +62 -101
- package/dist/esm/DatePicker.js +87 -127
- package/dist/esm/Dialog.js +117 -203
- package/dist/esm/Divider.js +16 -36
- package/dist/esm/Drag.js +32 -76
- package/dist/esm/Elevator.js +94 -133
- package/dist/esm/Ellipsis.js +71 -92
- package/dist/esm/Empty.js +31 -71
- package/dist/esm/FixedNav.js +32 -81
- package/dist/esm/Form.js +28 -61
- package/dist/esm/FormItem.js +0 -3
- package/dist/esm/Grid.js +27 -52
- package/dist/esm/GridItem.js +0 -4
- package/dist/esm/Image.js +47 -102
- package/dist/esm/ImagePreview.js +82 -135
- package/dist/esm/Indicator.js +0 -2
- package/dist/esm/InfiniteLoading.js +77 -159
- package/dist/esm/Input.js +57 -125
- package/dist/esm/InputNumber.js +66 -96
- package/dist/esm/Layout.js +4 -28
- package/dist/esm/Loading.js +13 -40
- package/dist/esm/Menu.js +51 -114
- package/dist/esm/MenuItem.js +0 -13
- package/dist/esm/NavBar.js +46 -85
- package/dist/esm/NoticeBar.js +153 -226
- package/dist/esm/Notify.js +87 -195
- package/dist/esm/NumberKeyboard.js +84 -150
- package/dist/esm/Overlay.js +0 -8
- package/dist/esm/Pagination.js +58 -97
- package/dist/esm/Picker.js +215 -283
- package/dist/esm/Popover.js +111 -160
- package/dist/esm/Popup.js +0 -12
- package/dist/esm/Price.js +23 -60
- package/dist/esm/Progress.js +47 -77
- package/dist/esm/PullToRefresh.js +94 -202
- package/dist/esm/Radio.js +0 -6
- package/dist/esm/RadioGroup.js +23 -56
- package/dist/esm/Range.js +113 -177
- package/dist/esm/Rate.js +48 -95
- package/dist/esm/Row.js +19 -43
- package/dist/esm/SafeArea.js +0 -2
- package/dist/esm/SearchBar.js +52 -119
- package/dist/esm/ShortPassword.js +58 -106
- package/dist/esm/SideNavBar.js +34 -59
- package/dist/esm/SideNavBarItem.js +7 -36
- package/dist/esm/Signature.js +49 -84
- package/dist/esm/Skeleton.js +31 -68
- package/dist/esm/Space.js +7 -34
- package/dist/esm/Step.js +35 -64
- package/dist/esm/Steps.js +16 -40
- package/dist/esm/Sticky.js +64 -109
- package/dist/esm/SubSideNavBar.js +42 -71
- package/dist/esm/Swipe.js +79 -143
- package/dist/esm/Swiper.js +136 -183
- package/dist/esm/SwiperItem.js +13 -38
- package/dist/esm/Switch.js +20 -53
- package/dist/esm/TabPane.js +6 -30
- package/dist/esm/Tabbar.js +29 -60
- package/dist/esm/TabbarItem.js +0 -4
- package/dist/esm/Table.js +92 -141
- package/dist/esm/Tabs.js +0 -7
- package/dist/esm/Tag.js +30 -74
- package/dist/esm/TextArea.js +37 -82
- package/dist/esm/TimeDetail.js +20 -58
- package/dist/esm/TimeSelect.js +57 -95
- package/dist/esm/Toast.js +110 -219
- package/dist/esm/Tour.js +88 -132
- package/dist/esm/TrendArrow.js +32 -74
- package/dist/esm/Uploader.js +226 -346
- package/dist/esm/UserContext.js +1 -1
- package/dist/esm/Video.js +34 -67
- package/dist/esm/VirtualList.js +127 -160
- package/dist/esm/WaterMark.js +24 -68
- package/dist/esm/badge2.js +23 -53
- package/dist/esm/button2.js +30 -63
- package/dist/esm/can-use-dom.js +1 -1
- package/dist/esm/cascader2.js +308 -538
- package/dist/esm/checkbox2.js +59 -96
- package/dist/esm/collapseitem2.js +48 -86
- package/dist/esm/configprovider2.js +43 -1003
- package/dist/esm/context.js +1 -1
- package/dist/esm/context2.js +1 -1
- package/dist/esm/context3.js +1 -1
- package/dist/esm/context4.js +1 -1
- package/dist/esm/context5.js +8 -8
- package/dist/esm/date.js +88 -66
- package/dist/esm/formitem2.js +236 -1526
- package/dist/esm/get-scroll-parent.js +8 -10
- package/dist/esm/griditem2.js +34 -52
- package/dist/esm/index.js +5 -12
- package/dist/esm/indicator2.js +13 -42
- package/dist/esm/menuitem2.js +81 -124
- package/dist/esm/overlay2.js +39 -78
- package/dist/esm/pad-zero.js +3 -4
- package/dist/esm/popup2.js +79 -124
- package/dist/esm/px-check.js +2 -2
- package/dist/esm/radio2.js +48 -79
- package/dist/esm/raf.js +5 -3
- package/dist/esm/render.js +17 -54
- package/dist/esm/safearea2.js +3 -5
- package/dist/esm/supports-passive.js +3 -3
- package/dist/esm/tabbaritem2.js +42 -58
- package/dist/esm/tabs2.js +82 -120
- package/dist/esm/tslib.es6.js +47 -0
- package/dist/esm/types/src/packages/button/demos/h5/demo1.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/h5/demo2.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/h5/demo3.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/h5/demo4.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/h5/demo5.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/h5/demo6.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/h5/demo7.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/h5/demo8.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/h5/demo9.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo1.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo10.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo2.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo3.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo4.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo5.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo6.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo7.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo8.d.ts +3 -0
- package/dist/esm/types/src/packages/button/demos/taro/demo9.d.ts +3 -0
- package/dist/esm/types/src/packages/configprovider/configprovider.d.ts +1 -0
- package/dist/esm/types/src/packages/configprovider/configprovider.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/configprovider/index.d.ts +2 -2
- package/dist/esm/types/src/packages/configprovider/index.taro.d.ts +2 -2
- package/dist/esm/types/src/packages/inputnumber/inputnumber.taro.d.ts +2 -0
- package/dist/esm/typings.js +1 -1
- package/dist/esm/use-click-away.js +9 -13
- package/dist/esm/use-client-rect.js +4 -4
- package/dist/esm/use-props-value.js +10 -15
- package/dist/esm/use-refs.js +5 -7
- package/dist/esm/use-touch.js +16 -20
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/tr-TR.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.es.js +465 -485
- package/dist/nutui.react.umd.js +462 -482
- package/dist/style.mjs +1 -1
- package/dist/styles/variables-jmapp.scss +4 -0
- package/dist/types/index.d.ts +98 -98
- package/dist/types/packages/actionsheet/actionsheet.d.ts +1 -1
- package/dist/types/packages/actionsheet/actionsheet.taro.d.ts +1 -1
- package/dist/types/packages/address/address.d.ts +1 -1
- package/dist/types/packages/address/address.taro.d.ts +1 -1
- package/dist/types/packages/address/customRender.d.ts +1 -1
- package/dist/types/packages/address/customRender.taro.d.ts +1 -1
- package/dist/types/packages/avatar/avatar.d.ts +1 -1
- package/dist/types/packages/avatar/avatar.taro.d.ts +1 -1
- package/dist/types/packages/button/demos/h5/demo1.d.ts +3 -0
- package/dist/types/packages/button/demos/h5/demo2.d.ts +3 -0
- package/dist/types/packages/button/demos/h5/demo3.d.ts +3 -0
- package/dist/types/packages/button/demos/h5/demo4.d.ts +3 -0
- package/dist/types/packages/button/demos/h5/demo5.d.ts +3 -0
- package/dist/types/packages/button/demos/h5/demo6.d.ts +3 -0
- package/dist/types/packages/button/demos/h5/demo7.d.ts +3 -0
- package/dist/types/packages/button/demos/h5/demo8.d.ts +3 -0
- package/dist/types/packages/button/demos/h5/demo9.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo1.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo10.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo2.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo3.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo4.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo5.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo6.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo7.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo8.d.ts +3 -0
- package/dist/types/packages/button/demos/taro/demo9.d.ts +3 -0
- package/dist/types/packages/calendaritem/calendaritem.d.ts +1 -1
- package/dist/types/packages/calendaritem/calendaritem.taro.d.ts +1 -1
- package/dist/types/packages/cascader/cascader.d.ts +1 -1
- package/dist/types/packages/cascader/cascader.taro.d.ts +1 -1
- package/dist/types/packages/cell/cell.d.ts +1 -1
- package/dist/types/packages/cell/cell.taro.d.ts +1 -1
- package/dist/types/packages/checkbox/checkbox.d.ts +2 -2
- package/dist/types/packages/checkbox/checkbox.taro.d.ts +2 -2
- package/dist/types/packages/checkboxgroup/checkboxgroup.d.ts +2 -2
- package/dist/types/packages/checkboxgroup/checkboxgroup.taro.d.ts +2 -2
- package/dist/types/packages/configprovider/configprovider.d.ts +1 -0
- package/dist/types/packages/configprovider/configprovider.taro.d.ts +1 -0
- package/dist/types/packages/configprovider/index.d.ts +2 -2
- package/dist/types/packages/configprovider/index.taro.d.ts +2 -2
- package/dist/types/packages/datepicker/datepicker.d.ts +1 -1
- package/dist/types/packages/datepicker/datepicker.taro.d.ts +1 -1
- package/dist/types/packages/dialog/dialogwrap.d.ts +1 -1
- package/dist/types/packages/empty/empty.d.ts +16 -4
- package/dist/types/packages/fixednav/fixednav.d.ts +1 -1
- package/dist/types/packages/fixednav/fixednav.taro.d.ts +1 -1
- package/dist/types/packages/form/form.d.ts +1 -1
- package/dist/types/packages/form/form.taro.d.ts +1 -1
- package/dist/types/packages/form/index.d.ts +1 -1
- package/dist/types/packages/form/index.taro.d.ts +1 -1
- package/dist/types/packages/inputnumber/inputnumber.taro.d.ts +2 -0
- package/dist/types/packages/menu/menu.d.ts +1 -1
- package/dist/types/packages/menu/menu.taro.d.ts +1 -1
- package/dist/types/packages/numberkeyboard/numberkeyboard.d.ts +1 -1
- package/dist/types/packages/numberkeyboard/numberkeyboard.taro.d.ts +1 -1
- package/dist/types/packages/nutui.react.d.ts +98 -98
- package/dist/types/packages/nutui.react.taro.d.ts +98 -98
- package/dist/types/packages/nutui.taro.react.build.d.ts +98 -98
- package/dist/types/packages/picker/picker.d.ts +1 -1
- package/dist/types/packages/picker/picker.taro.d.ts +1 -1
- package/dist/types/packages/popover/popover.d.ts +1 -1
- package/dist/types/packages/popover/popover.taro.d.ts +1 -1
- package/dist/types/packages/popup/popup.d.ts +1 -1
- package/dist/types/packages/popup/popup.taro.d.ts +1 -1
- package/dist/types/packages/radio/radio.d.ts +2 -2
- package/dist/types/packages/radio/radio.taro.d.ts +2 -2
- package/dist/types/packages/rate/rate.d.ts +1 -1
- package/dist/types/packages/shortpassword/shortpassword.d.ts +1 -1
- package/dist/types/packages/shortpassword/shortpassword.taro.d.ts +1 -1
- package/dist/types/packages/swiper/index.d.ts +1 -1
- package/dist/types/packages/swiper/index.taro.d.ts +1 -1
- package/dist/types/packages/tabs/tabs.d.ts +1 -1
- package/dist/types/packages/tabs/tabs.taro.d.ts +1 -1
- package/dist/types/packages/timedetail/timedetail.d.ts +1 -1
- package/dist/types/packages/timedetail/timedetail.taro.d.ts +1 -1
- package/dist/types/packages/tour/tour.d.ts +1 -1
- package/dist/types/packages/tour/tour.taro.d.ts +1 -1
- package/package.json +5 -1
|
@@ -14,4 +14,5 @@ export declare const defaultConfigRef: {
|
|
|
14
14
|
export declare const setDefaultConfig: (config: ConfigProviderProps) => void;
|
|
15
15
|
export declare const getDefaultConfig: () => ConfigProviderProps;
|
|
16
16
|
export declare const useConfig: () => ConfigProviderProps;
|
|
17
|
+
export declare const useRtl: () => boolean;
|
|
17
18
|
export declare const ConfigProvider: FunctionComponent<Partial<ConfigProviderProps & BasicComponent>>;
|
|
@@ -14,4 +14,5 @@ export declare const defaultConfigRef: {
|
|
|
14
14
|
export declare const setDefaultConfig: (config: ConfigProviderProps) => void;
|
|
15
15
|
export declare const getDefaultConfig: () => ConfigProviderProps;
|
|
16
16
|
export declare const useConfig: () => ConfigProviderProps;
|
|
17
|
+
export declare const useRtl: () => boolean;
|
|
17
18
|
export declare const ConfigProvider: FunctionComponent<Partial<ConfigProviderProps & BasicComponent>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ConfigProvider, useConfig, setDefaultConfig, getDefaultConfig } from './configprovider';
|
|
1
|
+
import { ConfigProvider, useConfig, setDefaultConfig, getDefaultConfig, useRtl } from './configprovider';
|
|
2
2
|
export type { ConfigProviderProps, Direction } from './configprovider';
|
|
3
3
|
export type { NutCSSVariables } from './types';
|
|
4
|
-
export { useConfig, setDefaultConfig, getDefaultConfig };
|
|
4
|
+
export { useConfig, setDefaultConfig, getDefaultConfig, useRtl };
|
|
5
5
|
export default ConfigProvider;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ConfigProvider, useConfig, setDefaultConfig, getDefaultConfig } from './configprovider.taro';
|
|
1
|
+
import { ConfigProvider, useConfig, setDefaultConfig, getDefaultConfig, useRtl } from './configprovider.taro';
|
|
2
2
|
export type { ConfigProviderProps, Direction } from './configprovider.taro';
|
|
3
3
|
export type { NutCSSVariables } from './types';
|
|
4
|
-
export { useConfig, setDefaultConfig, getDefaultConfig };
|
|
4
|
+
export { useConfig, setDefaultConfig, getDefaultConfig, useRtl };
|
|
5
5
|
export default ConfigProvider;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { FunctionComponent, ChangeEvent } from 'react';
|
|
2
|
+
import { InputProps } from '@tarojs/components';
|
|
2
3
|
import { BasicComponent } from '@/utils/typings';
|
|
3
4
|
export interface InputNumberProps extends BasicComponent {
|
|
4
5
|
value: number | string;
|
|
@@ -6,6 +7,7 @@ export interface InputNumberProps extends BasicComponent {
|
|
|
6
7
|
allowEmpty: boolean;
|
|
7
8
|
min: number | string;
|
|
8
9
|
max: number | string;
|
|
10
|
+
type?: Extract<InputProps['type'], 'number' | 'digit'>;
|
|
9
11
|
disabled: boolean;
|
|
10
12
|
readOnly: boolean;
|
|
11
13
|
step: number;
|
package/dist/esm/typings.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useEffect } from "react";
|
|
2
2
|
import { i as isFunction } from "./index.js";
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
const getTargetElement = (target) => {
|
|
4
|
+
let targetElement;
|
|
5
5
|
if (isFunction(target)) {
|
|
6
6
|
targetElement = target();
|
|
7
7
|
} else if ("current" in target) {
|
|
@@ -11,15 +11,11 @@ var getTargetElement = function getTargetElement2(target) {
|
|
|
11
11
|
}
|
|
12
12
|
return targetElement;
|
|
13
13
|
};
|
|
14
|
-
function useClickAway(onClickAway, target) {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
var handler = function handler2(event) {
|
|
20
|
-
var targets = Array.isArray(target) ? target : [target];
|
|
21
|
-
if (targets.some(function(item) {
|
|
22
|
-
var targetElement = getTargetElement(item);
|
|
14
|
+
function useClickAway(onClickAway, target, eventName = "click", useCapture, isListener, outerVar) {
|
|
15
|
+
const handler = (event) => {
|
|
16
|
+
const targets = Array.isArray(target) ? target : [target];
|
|
17
|
+
if (targets.some((item) => {
|
|
18
|
+
const targetElement = getTargetElement(item);
|
|
23
19
|
return !targetElement || targetElement.contains(event.target);
|
|
24
20
|
})) {
|
|
25
21
|
return;
|
|
@@ -28,13 +24,13 @@ function useClickAway(onClickAway, target) {
|
|
|
28
24
|
onClickAway();
|
|
29
25
|
}
|
|
30
26
|
};
|
|
31
|
-
useEffect(
|
|
27
|
+
useEffect(() => {
|
|
32
28
|
if (isListener) {
|
|
33
29
|
window.addEventListener(eventName, handler, useCapture);
|
|
34
30
|
} else {
|
|
35
31
|
window.removeEventListener(eventName, handler, useCapture);
|
|
36
32
|
}
|
|
37
|
-
return
|
|
33
|
+
return () => {
|
|
38
34
|
window.removeEventListener(eventName, handler, useCapture);
|
|
39
35
|
};
|
|
40
36
|
}, [target]);
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
function isWindow(val) {
|
|
2
2
|
return val === window;
|
|
3
3
|
}
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
const getRect = (elementRef) => {
|
|
5
|
+
const element = elementRef;
|
|
6
6
|
if (isWindow(element)) {
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
const width = element.innerWidth;
|
|
8
|
+
const height = element.innerHeight;
|
|
9
9
|
return {
|
|
10
10
|
top: 0,
|
|
11
11
|
left: 0,
|
|
@@ -1,27 +1,22 @@
|
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
1
|
import React__default, { useRef, useCallback } from "react";
|
|
3
2
|
function useForceUpdate() {
|
|
4
|
-
|
|
5
|
-
return React__default.useCallback(
|
|
6
|
-
return updateState({});
|
|
7
|
-
}, []);
|
|
3
|
+
const [, updateState] = React__default.useState();
|
|
4
|
+
return React__default.useCallback(() => updateState({}), []);
|
|
8
5
|
}
|
|
9
|
-
function usePropsValue(
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
var stateRef = useRef(value !== void 0 ? value : dfValue);
|
|
6
|
+
function usePropsValue({ value, defaultValue, finalValue, onChange = (value2) => {
|
|
7
|
+
} }) {
|
|
8
|
+
const forceUpdate = useForceUpdate();
|
|
9
|
+
const dfValue = defaultValue !== void 0 ? defaultValue : finalValue;
|
|
10
|
+
const stateRef = useRef(value !== void 0 ? value : dfValue);
|
|
15
11
|
if (value !== void 0) {
|
|
16
12
|
stateRef.current = value;
|
|
17
13
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var prevState = stateRef.current;
|
|
14
|
+
const setState = useCallback((v, forceTrigger = false) => {
|
|
15
|
+
const prevState = stateRef.current;
|
|
21
16
|
stateRef.current = v;
|
|
22
17
|
if (prevState !== stateRef.current || forceTrigger) {
|
|
23
18
|
forceUpdate();
|
|
24
|
-
onChange === null || onChange === void 0
|
|
19
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(v);
|
|
25
20
|
}
|
|
26
21
|
}, [value, onChange]);
|
|
27
22
|
return [stateRef.current, setState];
|
package/dist/esm/use-refs.js
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import React__default from "react";
|
|
2
2
|
function useRefs() {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
refs.current[index] = el;
|
|
8
|
-
};
|
|
3
|
+
const refs = React__default.useRef([]);
|
|
4
|
+
const setRefs = React__default.useCallback((index) => (el) => {
|
|
5
|
+
if (el)
|
|
6
|
+
refs.current[index] = el;
|
|
9
7
|
}, []);
|
|
10
|
-
|
|
8
|
+
const reset = React__default.useCallback(() => {
|
|
11
9
|
refs.current = [];
|
|
12
10
|
}, []);
|
|
13
11
|
return [refs.current, setRefs, reset];
|
package/dist/esm/use-touch.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useRef } from "react";
|
|
2
|
-
|
|
2
|
+
const MIN_DISTANCE = 10;
|
|
3
3
|
function getDirection(x, y) {
|
|
4
4
|
if (x > y && x > MIN_DISTANCE) {
|
|
5
5
|
return "horizontal";
|
|
@@ -10,22 +10,18 @@ function getDirection(x, y) {
|
|
|
10
10
|
return "";
|
|
11
11
|
}
|
|
12
12
|
function useTouch() {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
var isHorizontal = function isHorizontal2() {
|
|
26
|
-
return direction.current === "horizontal";
|
|
27
|
-
};
|
|
28
|
-
var reset = function reset2() {
|
|
13
|
+
const startX = useRef(0);
|
|
14
|
+
const startY = useRef(0);
|
|
15
|
+
const deltaX = useRef(0);
|
|
16
|
+
const deltaY = useRef(0);
|
|
17
|
+
const delta = useRef(0);
|
|
18
|
+
const offsetX = useRef(0);
|
|
19
|
+
const offsetY = useRef(0);
|
|
20
|
+
const direction = useRef("");
|
|
21
|
+
const touchTime = useRef(null);
|
|
22
|
+
const isVertical = () => direction.current === "vertical";
|
|
23
|
+
const isHorizontal = () => direction.current === "horizontal";
|
|
24
|
+
const reset = () => {
|
|
29
25
|
touchTime.current = null;
|
|
30
26
|
deltaX.current = 0;
|
|
31
27
|
deltaY.current = 0;
|
|
@@ -33,14 +29,14 @@ function useTouch() {
|
|
|
33
29
|
offsetY.current = 0;
|
|
34
30
|
direction.current = "";
|
|
35
31
|
};
|
|
36
|
-
|
|
32
|
+
const start = (event) => {
|
|
37
33
|
reset();
|
|
38
34
|
touchTime.current = Date.now();
|
|
39
35
|
startX.current = event.touches[0].clientX;
|
|
40
36
|
startY.current = event.touches[0].clientY;
|
|
41
37
|
};
|
|
42
|
-
|
|
43
|
-
|
|
38
|
+
const move = (event) => {
|
|
39
|
+
const touch = event.touches[0];
|
|
44
40
|
deltaX.current = touch.clientX < 0 ? 0 : touch.clientX - startX.current;
|
|
45
41
|
deltaY.current = touch.clientY - startY.current;
|
|
46
42
|
offsetX.current = Math.abs(deltaX.current);
|
package/dist/locales/base.js
CHANGED
package/dist/locales/en-US.js
CHANGED
package/dist/locales/id-ID.js
CHANGED
package/dist/locales/tr-TR.js
CHANGED
package/dist/locales/zh-CN.js
CHANGED
package/dist/locales/zh-TW.js
CHANGED
package/dist/locales/zh-UG.js
CHANGED