@nutui/nutui-react 2.3.12-beta.0 → 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 -76
- package/dist/esm/Address.js +80 -171
- package/dist/esm/Animate.js +21 -49
- package/dist/esm/AnimatingNumbers.js +47 -120
- 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/Barrage.js +49 -83
- 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/Cell.js +27 -62
- package/dist/esm/CellGroup.js +16 -45
- package/dist/esm/CheckboxGroup.js +49 -85
- package/dist/esm/CircleProgress.js +42 -93
- package/dist/esm/Col.js +17 -48
- package/dist/esm/Collapse.js +18 -49
- package/dist/esm/ConfigProvider.js +3 -2
- package/dist/esm/CountDown.js +62 -101
- package/dist/esm/DatePicker.js +87 -127
- package/dist/esm/Dialog.js +116 -196
- package/dist/esm/Divider.js +16 -36
- package/dist/esm/Drag.js +32 -76
- package/dist/esm/Elevator.js +93 -133
- package/dist/esm/Ellipsis.js +71 -92
- package/dist/esm/Empty.js +31 -70
- package/dist/esm/FixedNav.js +32 -81
- package/dist/esm/Form.js +28 -61
- package/dist/esm/Grid.js +27 -51
- package/dist/esm/Image.js +47 -102
- package/dist/esm/ImagePreview.js +82 -135
- 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 -105
- package/dist/esm/NavBar.js +46 -85
- package/dist/esm/NoticeBar.js +153 -226
- package/dist/esm/Notify.js +87 -178
- package/dist/esm/NumberKeyboard.js +84 -150
- package/dist/esm/Pagination.js +58 -97
- package/dist/esm/Picker.js +215 -276
- package/dist/esm/Popover.js +111 -159
- package/dist/esm/Price.js +23 -60
- package/dist/esm/Progress.js +47 -77
- package/dist/esm/PullToRefresh.js +94 -201
- package/dist/esm/RadioGroup.js +23 -53
- package/dist/esm/Range.js +113 -177
- package/dist/esm/Rate.js +48 -95
- package/dist/esm/Row.js +19 -43
- 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 -108
- 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 -59
- package/dist/esm/Table.js +92 -141
- 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 -197
- 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 +307 -536
- 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 -1510
- 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 +242 -284
- package/dist/nutui.react.umd.js +239 -281
- package/dist/style.mjs +1 -1
- package/dist/styles/variables-jmapp.scss +4 -0
- 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/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/empty/empty.d.ts +15 -3
- package/dist/types/packages/inputnumber/inputnumber.taro.d.ts +2 -0
- package/dist/types/packages/rate/rate.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