@nutui/nutui-react-taro 3.0.8 → 3.0.9-beta.0
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 +13 -14
- package/dist/cjs/hooks/index.d.ts +12 -0
- package/dist/cjs/hooks/index.js +19 -0
- package/dist/cjs/hooks/{use-custom-event.js → taro/use-custom-event.js} +1 -1
- package/dist/cjs/hooks/{use-lock-scoll-taro.js → taro/use-lock-scoll.js} +1 -1
- package/dist/cjs/hooks/use-memo.d.ts +1 -1
- package/dist/cjs/hooks/use-memo.js +1 -1
- package/dist/cjs/hooks/use-refs.d.ts +1 -1
- package/dist/cjs/hooks/use-refs.js +1 -1
- package/dist/cjs/hooks/use-uuid.d.ts +1 -1
- package/dist/cjs/hooks/use-uuid.js +1 -1
- package/dist/cjs/hooks/use-watch.d.ts +2 -2
- package/dist/cjs/hooks/use-watch.js +2 -3
- package/dist/cjs/packages/address/address.d.ts +1 -1
- package/dist/cjs/packages/avatar/avatar.js +6 -6
- package/dist/cjs/packages/avatarcropper/avatarcropper.js +1 -1
- package/dist/cjs/packages/badge/badge.js +5 -5
- package/dist/cjs/packages/barrage/barrage.js +3 -3
- package/dist/cjs/packages/button/button.js +3 -3
- package/dist/cjs/packages/cell/cell.js +2 -2
- package/dist/cjs/packages/col/col.js +3 -3
- package/dist/cjs/packages/collapseitem/collapseitem.js +4 -4
- package/dist/cjs/packages/configprovider/configprovider.js +2 -2
- package/dist/cjs/packages/countdown/countdown.js +2 -2
- package/dist/cjs/packages/dialog/dialog.js +5 -5
- package/dist/cjs/packages/drag/drag.js +5 -5
- package/dist/cjs/packages/elevator/elevator.js +4 -4
- package/dist/cjs/packages/ellipsis/ellipsis.js +4 -4
- package/dist/cjs/packages/griditem/griditem.js +4 -4
- package/dist/cjs/packages/hoverbutton/hoverbutton.js +2 -2
- package/dist/cjs/packages/hoverbuttonitem/hoverbuttonitem.js +2 -2
- package/dist/cjs/packages/image/image.js +2 -2
- package/dist/cjs/packages/indicator/indicator.js +2 -2
- package/dist/cjs/packages/infiniteloading/infiniteloading.js +2 -2
- package/dist/cjs/packages/lottie/lottiemp.js +3 -3
- package/dist/cjs/packages/menuitem/menuitem.js +4 -4
- package/dist/cjs/packages/noticebar/noticebar.js +4 -4
- package/dist/cjs/packages/notify/notify.js +5 -5
- package/dist/cjs/packages/nutui.react.build.d.ts +2 -0
- package/dist/cjs/packages/nutui.react.build.js +2 -0
- package/dist/cjs/packages/nutui.react.d.ts +2 -0
- package/dist/cjs/packages/nutui.react.js +2 -0
- package/dist/cjs/packages/overlay/overlay.js +2 -2
- package/dist/cjs/packages/pagination/pagination.js +3 -3
- package/dist/cjs/packages/picker/picker.js +2 -2
- package/dist/cjs/packages/pickerview/pickerroller.js +7 -7
- package/dist/cjs/packages/popover/popover.js +15 -15
- package/dist/cjs/packages/popup/popup.js +4 -4
- package/dist/cjs/packages/price/price.js +2 -2
- package/dist/cjs/packages/progress/progress.js +13 -13
- package/dist/cjs/packages/pulltorefresh/pulltorefresh.js +4 -4
- package/dist/cjs/packages/range/range.js +13 -13
- package/dist/cjs/packages/rate/rate.js +4 -4
- package/dist/cjs/packages/sidebar/sidebar.js +2 -2
- package/dist/cjs/packages/sticky/sticky.js +7 -7
- package/dist/cjs/packages/swipe/swipe.js +10 -10
- package/dist/cjs/packages/swiper/swiper.js +4 -4
- package/dist/cjs/packages/tabs/tabs.js +2 -2
- package/dist/cjs/packages/toast/toast.js +3 -3
- package/dist/cjs/packages/tour/tour.js +2 -2
- package/dist/cjs/packages/trendarrow/trendarrow.js +3 -3
- package/dist/cjs/packages/virtuallist/virtuallist.js +1 -1
- package/dist/cjs/utils/clamp.d.ts +1 -0
- package/dist/cjs/utils/clamp.js +13 -0
- package/dist/cjs/utils/event-mocker.d.ts +21 -0
- package/dist/cjs/utils/index.d.ts +28 -6
- package/dist/cjs/utils/index.js +35 -54
- package/dist/cjs/utils/interceptor.js +2 -2
- package/dist/cjs/utils/is-function.d.ts +1 -0
- package/dist/cjs/utils/is-function.js +14 -0
- package/dist/cjs/utils/is-object.d.ts +1 -0
- package/dist/cjs/utils/is-object.js +14 -0
- package/dist/cjs/utils/is-promise.d.ts +1 -0
- package/dist/cjs/utils/is-promise.js +15 -0
- package/dist/cjs/utils/lru.d.ts +1 -1
- package/dist/cjs/utils/lru.js +1 -1
- package/dist/cjs/utils/merge.d.ts +0 -1
- package/dist/cjs/utils/merge.js +0 -4
- package/dist/cjs/utils/prevent-default.d.ts +1 -0
- package/dist/cjs/utils/prevent-default.js +18 -0
- package/dist/cjs/utils/raf.d.ts +0 -1
- package/dist/cjs/utils/raf.js +3 -6
- package/dist/cjs/utils/{add-color-for-harmony.js → taro/add-color-for-harmony.js} +5 -11
- package/dist/cjs/{hooks/use-taro-rect.js → utils/taro/get-rect-by-id.js} +3 -3
- package/dist/cjs/utils/{get-rect-by-taro.js → taro/get-rect.js} +9 -10
- package/dist/cjs/utils/{px-transform.js → taro/px-transform.js} +3 -3
- package/dist/cjs/utils/upper-case-first.d.ts +1 -0
- package/dist/cjs/utils/upper-case-first.js +17 -0
- package/dist/es/hooks/index.d.ts +12 -0
- package/dist/es/hooks/index.js +14 -0
- package/dist/es/hooks/{use-custom-event.js → taro/use-custom-event.js} +1 -1
- package/dist/es/hooks/{use-lock-scoll-taro.js → taro/use-lock-scoll.js} +1 -1
- package/dist/es/hooks/use-memo.d.ts +1 -1
- package/dist/es/hooks/use-memo.js +1 -1
- package/dist/es/hooks/use-refs.d.ts +1 -1
- package/dist/es/hooks/use-refs.js +1 -1
- package/dist/es/hooks/use-uuid.d.ts +1 -1
- package/dist/es/hooks/use-uuid.js +1 -1
- package/dist/es/hooks/use-watch.d.ts +2 -2
- package/dist/es/hooks/use-watch.js +1 -2
- package/dist/es/packages/address/address.d.ts +1 -1
- package/dist/es/packages/avatar/avatar.js +2 -2
- package/dist/es/packages/avatarcropper/avatarcropper.js +1 -1
- package/dist/es/packages/badge/badge.js +2 -2
- package/dist/es/packages/barrage/barrage.js +3 -3
- package/dist/es/packages/button/button.js +1 -1
- package/dist/es/packages/cell/cell.js +1 -1
- package/dist/es/packages/col/col.js +1 -1
- package/dist/es/packages/collapseitem/collapseitem.js +3 -3
- package/dist/es/packages/configprovider/configprovider.js +1 -1
- package/dist/es/packages/countdown/countdown.js +1 -1
- package/dist/es/packages/dialog/dialog.js +3 -3
- package/dist/es/packages/drag/drag.js +4 -4
- package/dist/es/packages/elevator/elevator.js +2 -2
- package/dist/es/packages/ellipsis/ellipsis.js +4 -4
- package/dist/es/packages/griditem/griditem.js +1 -1
- package/dist/es/packages/hoverbutton/hoverbutton.js +1 -1
- package/dist/es/packages/hoverbuttonitem/hoverbuttonitem.js +1 -1
- package/dist/es/packages/image/image.js +1 -1
- package/dist/es/packages/indicator/indicator.js +1 -1
- package/dist/es/packages/infiniteloading/infiniteloading.js +1 -1
- package/dist/es/packages/lottie/lottiemp.js +2 -2
- package/dist/es/packages/menuitem/menuitem.js +4 -4
- package/dist/es/packages/noticebar/noticebar.js +4 -4
- package/dist/es/packages/notify/notify.js +3 -3
- package/dist/es/packages/nutui.react.build.d.ts +2 -0
- package/dist/es/packages/nutui.react.build.js +2 -0
- package/dist/es/packages/overlay/overlay.js +1 -1
- package/dist/es/packages/pagination/pagination.js +1 -1
- package/dist/es/packages/picker/picker.js +1 -1
- package/dist/es/packages/pickerview/pickerroller.js +4 -4
- package/dist/es/packages/popover/popover.js +6 -6
- package/dist/es/packages/popup/popup.js +2 -2
- package/dist/es/packages/price/price.js +1 -1
- package/dist/es/packages/progress/progress.js +3 -3
- package/dist/es/packages/pulltorefresh/pulltorefresh.js +2 -2
- package/dist/es/packages/range/range.js +5 -5
- package/dist/es/packages/rate/rate.js +3 -3
- package/dist/es/packages/sidebar/sidebar.js +1 -1
- package/dist/es/packages/sticky/sticky.js +6 -6
- package/dist/es/packages/swipe/swipe.js +7 -7
- package/dist/es/packages/swiper/swiper.js +1 -1
- package/dist/es/packages/tabs/tabs.js +1 -1
- package/dist/es/packages/toast/toast.js +2 -2
- package/dist/es/packages/tour/tour.js +2 -2
- package/dist/es/packages/trendarrow/trendarrow.js +1 -1
- package/dist/es/packages/virtuallist/virtuallist.js +1 -1
- package/dist/es/utils/clamp.d.ts +1 -0
- package/dist/es/utils/clamp.js +3 -0
- package/dist/es/utils/event-mocker.d.ts +21 -0
- package/dist/es/utils/index.d.ts +28 -6
- package/dist/es/utils/index.js +34 -29
- package/dist/es/utils/interceptor.js +1 -1
- package/dist/es/utils/is-function.d.ts +1 -0
- package/dist/es/utils/is-function.js +4 -0
- package/dist/es/utils/is-object.d.ts +1 -0
- package/dist/es/utils/is-object.js +4 -0
- package/dist/es/utils/is-promise.d.ts +1 -0
- package/dist/es/utils/is-promise.js +5 -0
- package/dist/es/utils/lru.d.ts +1 -1
- package/dist/es/utils/lru.js +1 -2
- package/dist/es/utils/merge.d.ts +0 -1
- package/dist/es/utils/merge.js +0 -1
- package/dist/es/utils/prevent-default.d.ts +1 -0
- package/dist/es/utils/prevent-default.js +8 -0
- package/dist/es/utils/raf.d.ts +0 -1
- package/dist/es/utils/raf.js +1 -1
- package/dist/es/utils/{add-color-for-harmony.js → taro/add-color-for-harmony.js} +2 -3
- package/dist/es/{hooks/use-taro-rect.js → utils/taro/get-rect-by-id.js} +1 -1
- package/dist/es/utils/{get-rect-by-taro.js → taro/get-rect.js} +4 -4
- package/dist/es/utils/{px-transform.js → taro/px-transform.js} +2 -2
- package/dist/es/utils/upper-case-first.d.ts +1 -0
- package/dist/es/utils/upper-case-first.js +7 -0
- package/dist/nutui.react.umd.js +506 -217
- package/dist/style.css +1 -1
- package/dist/style.scss +51 -51
- package/package.json +1 -1
- package/dist/cjs/hooks/use-custom-event.d.ts +0 -7
- package/dist/cjs/hooks/use-lock-scoll-taro.d.ts +0 -1
- package/dist/cjs/hooks/use-taro-rect.d.ts +0 -1
- package/dist/cjs/utils/add-color-for-harmony.d.ts +0 -9
- package/dist/cjs/utils/get-rect-by-taro.d.ts +0 -12
- package/dist/cjs/utils/get-system-info.d.ts +0 -19
- package/dist/cjs/utils/platform-taro.d.ts +0 -3
- package/dist/cjs/utils/px-transform.d.ts +0 -1
- package/dist/es/hooks/use-custom-event.d.ts +0 -7
- package/dist/es/hooks/use-lock-scoll-taro.d.ts +0 -1
- package/dist/es/hooks/use-taro-rect.d.ts +0 -1
- package/dist/es/utils/add-color-for-harmony.d.ts +0 -9
- package/dist/es/utils/get-rect-by-taro.d.ts +0 -12
- package/dist/es/utils/get-system-info.d.ts +0 -19
- package/dist/es/utils/platform-taro.d.ts +0 -3
- package/dist/es/utils/px-transform.d.ts +0 -1
- /package/dist/cjs/utils/{test/event.js → event-mocker.js} +0 -0
- /package/dist/cjs/{hooks/use-client-rect.d.ts → utils/get-rect.d.ts} +0 -0
- /package/dist/cjs/{hooks/use-client-rect.js → utils/get-rect.js} +0 -0
- /package/dist/cjs/utils/{get-system-info.js → taro/get-system-info.js} +0 -0
- /package/dist/cjs/utils/{platform-taro.js → taro/platform.js} +0 -0
- /package/dist/es/utils/{test/event.js → event-mocker.js} +0 -0
- /package/dist/es/{hooks/use-client-rect.d.ts → utils/get-rect.d.ts} +0 -0
- /package/dist/es/{hooks/use-client-rect.js → utils/get-rect.js} +0 -0
- /package/dist/es/utils/{get-system-info.js → taro/get-system-info.js} +0 -0
- /package/dist/es/utils/{platform-taro.js → taro/platform.js} +0 -0
|
@@ -15,7 +15,7 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
|
|
|
15
15
|
var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
|
|
16
16
|
var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
|
|
17
17
|
var _components = require("@tarojs/components");
|
|
18
|
-
var _pxtransform =
|
|
18
|
+
var _pxtransform = require("../../utils/taro/px-transform");
|
|
19
19
|
var defaultProps = {
|
|
20
20
|
total: 2,
|
|
21
21
|
current: 0,
|
|
@@ -61,7 +61,7 @@ var Indicator = function Indicator(props) {
|
|
|
61
61
|
var stride = (trackWidth - sliderWidth) / (total - 1);
|
|
62
62
|
return /*#__PURE__*/ _react.default.createElement(_components.View, {
|
|
63
63
|
style: {
|
|
64
|
-
transform: "".concat(direction === 'vertical' ? 'translateY' : 'translateX', "(").concat((0, _pxtransform.
|
|
64
|
+
transform: "".concat(direction === 'vertical' ? 'translateY' : 'translateX', "(").concat((0, _pxtransform.pxTransform)(current * stride), ")")
|
|
65
65
|
},
|
|
66
66
|
className: "".concat(classPrefix, "-line ").concat(classPrefix, "-line-active")
|
|
67
67
|
});
|
|
@@ -22,7 +22,7 @@ var _components = require("@tarojs/components");
|
|
|
22
22
|
var _taro = require("@tarojs/taro");
|
|
23
23
|
var _index = require("../configprovider/index");
|
|
24
24
|
var _typings = require("../../utils/typings");
|
|
25
|
-
var _pxtransform =
|
|
25
|
+
var _pxtransform = require("../../utils/taro/px-transform");
|
|
26
26
|
var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
|
|
27
27
|
type: 'default',
|
|
28
28
|
hasMore: true,
|
|
@@ -89,7 +89,7 @@ var InfiniteLoading = function InfiniteLoading(props) {
|
|
|
89
89
|
};
|
|
90
90
|
var getStyle = function getStyle() {
|
|
91
91
|
return {
|
|
92
|
-
height: topDisScoll < 0 ? (0, _pxtransform.
|
|
92
|
+
height: topDisScoll < 0 ? (0, _pxtransform.pxTransform)(0) : (0, _pxtransform.pxTransform)(topDisScoll),
|
|
93
93
|
transition: "height 0.2s cubic-bezier(0.25,0.1,0.25,1)"
|
|
94
94
|
};
|
|
95
95
|
};
|
|
@@ -13,10 +13,10 @@ var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcar
|
|
|
13
13
|
var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
14
14
|
var _taro = require("@tarojs/taro");
|
|
15
15
|
var _lottieminiprogram = /*#__PURE__*/ _interop_require_default._(require("@nutui/lottie-miniprogram"));
|
|
16
|
-
var _getsysteminfo = require("../../utils/get-system-info");
|
|
17
|
-
var _useuuid =
|
|
16
|
+
var _getsysteminfo = require("../../utils/taro/get-system-info");
|
|
17
|
+
var _useuuid = require("../../hooks/use-uuid");
|
|
18
18
|
var Lottie = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
|
|
19
|
-
var uuid = (0, _useuuid.
|
|
19
|
+
var uuid = (0, _useuuid.useUuid)();
|
|
20
20
|
var id = "nutLottie-".concat(uuid);
|
|
21
21
|
var animation = (0, _react.useRef)();
|
|
22
22
|
var inited = (0, _react.useRef)(false);
|
|
@@ -22,9 +22,9 @@ var _taro = require("@tarojs/taro");
|
|
|
22
22
|
var _components = require("@tarojs/components");
|
|
23
23
|
var _reacttransitiongroup = require("react-transition-group");
|
|
24
24
|
var _iconsreacttaro = require("@nutui/icons-react-taro");
|
|
25
|
-
var _getsysteminfo = require("../../utils/get-system-info");
|
|
25
|
+
var _getsysteminfo = require("../../utils/taro/get-system-info");
|
|
26
26
|
var _overlay = require("../overlay/overlay");
|
|
27
|
-
var
|
|
27
|
+
var _getrect = require("../../utils/taro/get-rect");
|
|
28
28
|
var _typings = require("../../utils/typings");
|
|
29
29
|
var _usepropsvalue = require("../../hooks/use-props-value");
|
|
30
30
|
var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
|
|
@@ -68,7 +68,7 @@ var MenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
|
|
|
68
68
|
p = parent.menuRef.current;
|
|
69
69
|
return [
|
|
70
70
|
4,
|
|
71
|
-
(0,
|
|
71
|
+
(0, _getrect.getRectInMultiPlatform)(p)
|
|
72
72
|
];
|
|
73
73
|
case 1:
|
|
74
74
|
rect = _state.sent();
|
|
@@ -97,7 +97,7 @@ var MenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
|
|
|
97
97
|
var updateItemOffset = (0, _react.useCallback)(function() {
|
|
98
98
|
if (!parent.lockScroll) return;
|
|
99
99
|
var p = parent.menuRef.current;
|
|
100
|
-
(0,
|
|
100
|
+
(0, _getrect.getRectInMultiPlatform)(p).then(function(rect) {
|
|
101
101
|
if (rect) {
|
|
102
102
|
setPosition({
|
|
103
103
|
height: rect.height,
|
|
@@ -20,7 +20,7 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
|
20
20
|
var _components = require("@tarojs/components");
|
|
21
21
|
var _iconsreacttaro = require("@nutui/icons-react-taro");
|
|
22
22
|
var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
|
|
23
|
-
var
|
|
23
|
+
var _getrect = require("../../utils/taro/get-rect");
|
|
24
24
|
var _typings = require("../../utils/typings");
|
|
25
25
|
var _index = require("../configprovider/index");
|
|
26
26
|
var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
|
|
@@ -141,13 +141,13 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
141
141
|
}
|
|
142
142
|
return [
|
|
143
143
|
4,
|
|
144
|
-
(0,
|
|
144
|
+
(0, _getrect.getRectInMultiPlatform)(wrapRef.current)
|
|
145
145
|
];
|
|
146
146
|
case 1:
|
|
147
147
|
warpRes = _state.sent();
|
|
148
148
|
return [
|
|
149
149
|
4,
|
|
150
|
-
(0,
|
|
150
|
+
(0, _getrect.getRectInMultiPlatform)(contentRef.current)
|
|
151
151
|
];
|
|
152
152
|
case 2:
|
|
153
153
|
contentRes = _state.sent();
|
|
@@ -240,7 +240,7 @@ var NoticeBar = function NoticeBar(props) {
|
|
|
240
240
|
case 0:
|
|
241
241
|
return [
|
|
242
242
|
4,
|
|
243
|
-
(0,
|
|
243
|
+
(0, _getrect.getRectInMultiPlatform)(container === null || container === void 0 ? void 0 : container.current)
|
|
244
244
|
];
|
|
245
245
|
case 1:
|
|
246
246
|
rects = _state.sent();
|
|
@@ -30,10 +30,10 @@ var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames")
|
|
|
30
30
|
var _reacttransitiongroup = require("react-transition-group");
|
|
31
31
|
var _components = require("@tarojs/components");
|
|
32
32
|
var _iconsreacttaro = require("@nutui/icons-react-taro");
|
|
33
|
-
var
|
|
34
|
-
var _pxtransform =
|
|
33
|
+
var _platform = require("../../utils/taro/platform");
|
|
34
|
+
var _pxtransform = require("../../utils/taro/px-transform");
|
|
35
35
|
var _typings = require("../../utils/typings");
|
|
36
|
-
var _usecustomevent = require("../../hooks/use-custom-event");
|
|
36
|
+
var _usecustomevent = require("../../hooks/taro/use-custom-event");
|
|
37
37
|
var _mergeprops = require("../../utils/merge-props");
|
|
38
38
|
var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
|
|
39
39
|
id: '',
|
|
@@ -87,11 +87,11 @@ var Notify = function Notify(props) {
|
|
|
87
87
|
var getDistance = (0, _react.useMemo)(function() {
|
|
88
88
|
if (position === 'top') {
|
|
89
89
|
return {
|
|
90
|
-
top: (0, _pxtransform.
|
|
90
|
+
top: (0, _pxtransform.pxTransform)((0, _platform.web)() ? Number(distance) + navHeight : Number(distance))
|
|
91
91
|
};
|
|
92
92
|
}
|
|
93
93
|
return {
|
|
94
|
-
bottom: (0, _pxtransform.
|
|
94
|
+
bottom: (0, _pxtransform.pxTransform)(Number(distance))
|
|
95
95
|
};
|
|
96
96
|
}, [
|
|
97
97
|
distance,
|
|
@@ -207,4 +207,6 @@ export * from "./trendarrow/index";
|
|
|
207
207
|
import WaterMark from "./watermark/index";
|
|
208
208
|
export * from "./watermark/index";
|
|
209
209
|
export * from "../types";
|
|
210
|
+
export * from "../utils/index";
|
|
211
|
+
export * from "../hooks/index";
|
|
210
212
|
export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, SafeArea, Space, Sticky, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideBar, SideBarItem, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, DatePickerView, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, ResultPage, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Price, Progress, Segmented, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, AvatarCropper, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
|
|
@@ -429,3 +429,5 @@ var _index101 = /*#__PURE__*/ _interop_require_default._(_export_star._(require(
|
|
|
429
429
|
var _index102 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./trendarrow/index"), exports));
|
|
430
430
|
var _index103 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./watermark/index"), exports));
|
|
431
431
|
_export_star._(require("../types"), exports);
|
|
432
|
+
_export_star._(require("../utils/index"), exports);
|
|
433
|
+
_export_star._(require("../hooks/index"), exports);
|
|
@@ -311,4 +311,6 @@ import "./timeselect/timeselect.scss";
|
|
|
311
311
|
import "./trendarrow/trendarrow.scss";
|
|
312
312
|
import "./watermark/watermark.scss";
|
|
313
313
|
export * from "../types";
|
|
314
|
+
export * from "../utils/index";
|
|
315
|
+
export * from "../hooks/index";
|
|
314
316
|
export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, SafeArea, Space, Sticky, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideBar, SideBarItem, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, DatePickerView, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, ResultPage, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Price, Progress, Segmented, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, AvatarCropper, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark };
|
|
@@ -533,3 +533,5 @@ require("./timeselect/timeselect.scss");
|
|
|
533
533
|
require("./trendarrow/trendarrow.scss");
|
|
534
534
|
require("./watermark/watermark.scss");
|
|
535
535
|
_export_star._(require("../types"), exports);
|
|
536
|
+
_export_star._(require("../utils/index"), exports);
|
|
537
|
+
_export_star._(require("../hooks/index"), exports);
|
|
@@ -27,7 +27,7 @@ var _reacttransitiongroup = require("react-transition-group");
|
|
|
27
27
|
var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
|
|
28
28
|
var _components = require("@tarojs/components");
|
|
29
29
|
var _typings = require("../../utils/typings");
|
|
30
|
-
var
|
|
30
|
+
var _uselockscoll = require("../../hooks/taro/use-lock-scoll");
|
|
31
31
|
var defaultOverlayProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
|
|
32
32
|
zIndex: 1000,
|
|
33
33
|
duration: 300,
|
|
@@ -54,7 +54,7 @@ var Overlay = function Overlay(props) {
|
|
|
54
54
|
]);
|
|
55
55
|
var classPrefix = 'nut-overlay';
|
|
56
56
|
var _useState = (0, _sliced_to_array._)((0, _react.useState)(visible), 2), innerVisible = _useState[0], setInnerVisible = _useState[1];
|
|
57
|
-
var nodeRef = (0,
|
|
57
|
+
var nodeRef = (0, _uselockscoll.useLockScrollTaro)(!!lockScroll && innerVisible);
|
|
58
58
|
(0, _react.useEffect)(function() {
|
|
59
59
|
setInnerVisible(visible);
|
|
60
60
|
}, [
|
|
@@ -20,7 +20,7 @@ var _components = require("@tarojs/components");
|
|
|
20
20
|
var _index = require("../configprovider/index");
|
|
21
21
|
var _usepropsvalue = require("../../hooks/use-props-value");
|
|
22
22
|
var _typings = require("../../utils/typings");
|
|
23
|
-
var _addcolorforharmony =
|
|
23
|
+
var _addcolorforharmony = require("../../utils/taro/add-color-for-harmony");
|
|
24
24
|
var _usepagination = require("../../hooks/use-pagination");
|
|
25
25
|
var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
|
|
26
26
|
defaultValue: 1,
|
|
@@ -85,7 +85,7 @@ var Pagination = function Pagination(props) {
|
|
|
85
85
|
onClick: function onClick() {
|
|
86
86
|
return prevPage();
|
|
87
87
|
}
|
|
88
|
-
}, (0, _addcolorforharmony.
|
|
88
|
+
}, (0, _addcolorforharmony.addColorForHarmony)(prev || locale.pagination.prev, current === 1 ? '#c2c4cc' : '#ff0f23')), mode === 'multi' && /*#__PURE__*/ _react.default.createElement(_components.View, {
|
|
89
89
|
className: "".concat(classPrefix, "-contain")
|
|
90
90
|
}, pages.map(function(item, index) {
|
|
91
91
|
var _obj;
|
|
@@ -105,7 +105,7 @@ var Pagination = function Pagination(props) {
|
|
|
105
105
|
onClick: function onClick() {
|
|
106
106
|
return nextPage();
|
|
107
107
|
}
|
|
108
|
-
}, (0, _addcolorforharmony.
|
|
108
|
+
}, (0, _addcolorforharmony.addColorForHarmony)(next || locale.pagination.next, current >= pageCount ? '#c2c4cc' : '#ff0f23'))), mode === 'lite' && /*#__PURE__*/ _react.default.createElement(_components.View, {
|
|
109
109
|
className: "".concat(classPrefix, "-lite")
|
|
110
110
|
}, /*#__PURE__*/ _react.default.createElement(_components.View, {
|
|
111
111
|
className: "".concat(classPrefix, "-lite-active")
|
|
@@ -22,7 +22,7 @@ var _reactfastcompare = /*#__PURE__*/ _interop_require_default._(require("react-
|
|
|
22
22
|
var _index = /*#__PURE__*/ _interop_require_default._(require("../pickerview/index"));
|
|
23
23
|
var _index1 = /*#__PURE__*/ _interop_require_default._(require("../popup/index"));
|
|
24
24
|
var _index2 = /*#__PURE__*/ _interop_require_default._(require("../safearea/index"));
|
|
25
|
-
var _userefs =
|
|
25
|
+
var _userefs = require("../../hooks/use-refs");
|
|
26
26
|
var _index3 = require("../configprovider/index");
|
|
27
27
|
var _usepropsvalue = require("../../hooks/use-props-value");
|
|
28
28
|
var _typings = require("../../utils/typings");
|
|
@@ -89,7 +89,7 @@ var InternalPicker = function InternalPicker(props, ref) {
|
|
|
89
89
|
var innerValueRef = (0, _react.useRef)(innerValue);
|
|
90
90
|
var _useState1 = (0, _sliced_to_array._)((0, _react.useState)([]), 2), innerOptions = _useState1[0], setInnerOptions = _useState1[1];
|
|
91
91
|
var selectedOptionsRef = (0, _react.useRef)([]);
|
|
92
|
-
var _useRefs = (0, _sliced_to_array._)((0, _userefs.
|
|
92
|
+
var _useRefs = (0, _sliced_to_array._)((0, _userefs.useRefs)(), 2), refs = _useRefs[0], setRefs = _useRefs[1];
|
|
93
93
|
(0, _react.useEffect)(function() {
|
|
94
94
|
if (innerVisible) {
|
|
95
95
|
setInnerValue(selectedValue);
|
|
@@ -19,17 +19,17 @@ var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames")
|
|
|
19
19
|
var _components = require("@tarojs/components");
|
|
20
20
|
var _usetouch = require("../../hooks/use-touch");
|
|
21
21
|
var _supportspassive = require("../../utils/supports-passive");
|
|
22
|
-
var
|
|
22
|
+
var _platform = require("../../utils/taro/platform");
|
|
23
23
|
var _utils = require("../../utils");
|
|
24
24
|
var _utils1 = require("./utils");
|
|
25
|
-
var _useuuid =
|
|
26
|
-
var
|
|
25
|
+
var _useuuid = require("../../hooks/use-uuid");
|
|
26
|
+
var _getrect = require("../../utils/taro/get-rect");
|
|
27
27
|
var InternalPickerRoller = function InternalPickerRoller(props, ref) {
|
|
28
28
|
var _props_keyIndex = props.keyIndex, keyIndex = _props_keyIndex === void 0 ? 0 : _props_keyIndex, _props_options = props.options, options = _props_options === void 0 ? [] : _props_options, _props_threeDimensional = props.threeDimensional, threeDimensional = _props_threeDimensional === void 0 ? true : _props_threeDimensional, _props_duration = props.duration, duration = _props_duration === void 0 ? 1000 : _props_duration, onSelect = props.onSelect, _props_renderLabel = props.renderLabel, renderLabel = _props_renderLabel === void 0 ? function renderLabel(item) {
|
|
29
29
|
return item.label;
|
|
30
30
|
} : _props_renderLabel;
|
|
31
31
|
var classPrefix = 'nut-pickerview-roller';
|
|
32
|
-
var uuid = (0, _useuuid.
|
|
32
|
+
var uuid = (0, _useuuid.useUuid)();
|
|
33
33
|
var DEFAULT_DURATION = 200;
|
|
34
34
|
var INERTIA_TIME = 300;
|
|
35
35
|
var INERTIA_DISTANCE = 15;
|
|
@@ -47,7 +47,7 @@ var InternalPickerRoller = function InternalPickerRoller(props, ref) {
|
|
|
47
47
|
var _useState4 = (0, _sliced_to_array._)((0, _react.useState)(0), 2), startY = _useState4[0], setStartY = _useState4[1];
|
|
48
48
|
var transformY = (0, _react.useRef)(0);
|
|
49
49
|
var _useState5 = (0, _sliced_to_array._)((0, _react.useState)(0), 2), scrollDistance = _useState5[0], setScrollDistance = _useState5[1];
|
|
50
|
-
var _useState6 = (0, _sliced_to_array._)((0, _react.useState)((0,
|
|
50
|
+
var _useState6 = (0, _sliced_to_array._)((0, _react.useState)((0, _platform.web)()), 2), isGetLineSpacing = _useState6[0], setGetStatus = _useState6[1];
|
|
51
51
|
var _useStyles = (0, _utils1.useStyles)(touchTime, touchDeg, scrollDistance, lineSpacing, ROTATION), touchRollerStyle = _useStyles.touchRollerStyle, touchTiledStyle = _useStyles.touchTiledStyle, rollerStyle = _useStyles.rollerStyle;
|
|
52
52
|
var isItemHidden = function isItemHidden(index) {
|
|
53
53
|
return index >= currentIndex + 8 || index <= currentIndex - 8;
|
|
@@ -137,7 +137,7 @@ var InternalPickerRoller = function InternalPickerRoller(props, ref) {
|
|
|
137
137
|
]);
|
|
138
138
|
return [
|
|
139
139
|
4,
|
|
140
|
-
(0,
|
|
140
|
+
(0, _getrect.getRectInMultiPlatform)(placeholderRef.current)
|
|
141
141
|
];
|
|
142
142
|
case 1:
|
|
143
143
|
placeholder = _state.sent();
|
|
@@ -168,7 +168,7 @@ var InternalPickerRoller = function InternalPickerRoller(props, ref) {
|
|
|
168
168
|
(0, _react.useEffect)(function() {
|
|
169
169
|
var element = pickerRollerRef.current;
|
|
170
170
|
var currentLineSpacing;
|
|
171
|
-
if (element && (0,
|
|
171
|
+
if (element && (0, _platform.web)()) {
|
|
172
172
|
var computedStyle = getComputedStyle(element);
|
|
173
173
|
currentLineSpacing = computedStyle.getPropertyValue('--nutui-picker-item-height');
|
|
174
174
|
if (currentLineSpacing) {
|
|
@@ -23,11 +23,11 @@ var _taro = require("@tarojs/taro");
|
|
|
23
23
|
var _components = require("@tarojs/components");
|
|
24
24
|
var _iconsreacttaro = require("@nutui/icons-react-taro");
|
|
25
25
|
var _index = /*#__PURE__*/ _interop_require_default._(require("../popup/index"));
|
|
26
|
-
var
|
|
26
|
+
var _getrect = require("../../utils/taro/get-rect");
|
|
27
27
|
var _typings = require("../../utils/typings");
|
|
28
28
|
var _index1 = require("../configprovider/index");
|
|
29
|
-
var _pxtransform =
|
|
30
|
-
var _useuuid =
|
|
29
|
+
var _pxtransform = require("../../utils/taro/px-transform");
|
|
30
|
+
var _useuuid = require("../../hooks/use-uuid");
|
|
31
31
|
var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
|
|
32
32
|
list: [],
|
|
33
33
|
theme: 'light',
|
|
@@ -84,7 +84,7 @@ var Popover = function Popover(props) {
|
|
|
84
84
|
}, [
|
|
85
85
|
visible
|
|
86
86
|
]);
|
|
87
|
-
var uid = (0, _useuuid.
|
|
87
|
+
var uid = (0, _useuuid.useUuid)();
|
|
88
88
|
var popoverId = "popover-".concat(uid);
|
|
89
89
|
var getWrapperPosition = /*#__PURE__*/ function() {
|
|
90
90
|
var _ref = (0, _async_to_generator._)(function() {
|
|
@@ -100,7 +100,7 @@ var Popover = function Popover(props) {
|
|
|
100
100
|
];
|
|
101
101
|
return [
|
|
102
102
|
4,
|
|
103
|
-
(0,
|
|
103
|
+
(0, _getrect.getRectInMultiPlatform)(document.querySelector("#".concat(targetId)), targetId)
|
|
104
104
|
];
|
|
105
105
|
case 1:
|
|
106
106
|
_tmp = _state.sent();
|
|
@@ -111,7 +111,7 @@ var Popover = function Popover(props) {
|
|
|
111
111
|
case 2:
|
|
112
112
|
return [
|
|
113
113
|
4,
|
|
114
|
-
(0,
|
|
114
|
+
(0, _getrect.getRectInMultiPlatform)(popoverRef.current, popoverId)
|
|
115
115
|
];
|
|
116
116
|
case 3:
|
|
117
117
|
_tmp = _state.sent();
|
|
@@ -152,7 +152,7 @@ var Popover = function Popover(props) {
|
|
|
152
152
|
case 0:
|
|
153
153
|
return [
|
|
154
154
|
4,
|
|
155
|
-
(0,
|
|
155
|
+
(0, _getrect.getRectInMultiPlatform)(popoverContentRef.current)
|
|
156
156
|
];
|
|
157
157
|
case 1:
|
|
158
158
|
rectContent = _state.sent();
|
|
@@ -208,15 +208,15 @@ var Popover = function Popover(props) {
|
|
|
208
208
|
'top'
|
|
209
209
|
].includes(direction)) {
|
|
210
210
|
var h = direction === 'bottom' ? height + cross : -(popHeight + cross);
|
|
211
|
-
styles.top = (0, _pxtransform.
|
|
211
|
+
styles.top = (0, _pxtransform.pxTransform)(top + h);
|
|
212
212
|
if (!skew) {
|
|
213
|
-
styles[dir] = (0, _pxtransform.
|
|
213
|
+
styles[dir] = (0, _pxtransform.pxTransform)(-(popWidth - width) / 2 + wrapperPosition[dir] + parallel);
|
|
214
214
|
}
|
|
215
215
|
if (skew === 'left') {
|
|
216
|
-
styles.left = (0, _pxtransform.
|
|
216
|
+
styles.left = (0, _pxtransform.pxTransform)(left + parallel);
|
|
217
217
|
}
|
|
218
218
|
if (skew === 'right') {
|
|
219
|
-
styles.left = (0, _pxtransform.
|
|
219
|
+
styles.left = (0, _pxtransform.pxTransform)(right + parallel);
|
|
220
220
|
}
|
|
221
221
|
}
|
|
222
222
|
if ([
|
|
@@ -224,15 +224,15 @@ var Popover = function Popover(props) {
|
|
|
224
224
|
'right'
|
|
225
225
|
].includes(direction)) {
|
|
226
226
|
var contentW = direction === 'left' ? -(popWidth + cross) : width + cross;
|
|
227
|
-
styles.left = (0, _pxtransform.
|
|
227
|
+
styles.left = (0, _pxtransform.pxTransform)(left + contentW);
|
|
228
228
|
if (!skew) {
|
|
229
|
-
styles.top = (0, _pxtransform.
|
|
229
|
+
styles.top = (0, _pxtransform.pxTransform)(top - popHeight / 2 + height / 2 - 4 + parallel);
|
|
230
230
|
}
|
|
231
231
|
if (skew === 'top') {
|
|
232
|
-
styles.top = (0, _pxtransform.
|
|
232
|
+
styles.top = (0, _pxtransform.pxTransform)(top + parallel);
|
|
233
233
|
}
|
|
234
234
|
if (skew === 'bottom') {
|
|
235
|
-
styles.top = (0, _pxtransform.
|
|
235
|
+
styles.top = (0, _pxtransform.pxTransform)(top + height + parallel);
|
|
236
236
|
}
|
|
237
237
|
}
|
|
238
238
|
}
|
|
@@ -22,8 +22,8 @@ var _iconsreacttaro = require("@nutui/icons-react-taro");
|
|
|
22
22
|
var _components = require("@tarojs/components");
|
|
23
23
|
var _overlay = require("../overlay/overlay");
|
|
24
24
|
var _index = /*#__PURE__*/ _interop_require_default._(require("../overlay/index"));
|
|
25
|
-
var
|
|
26
|
-
var
|
|
25
|
+
var _uselockscoll = require("../../hooks/taro/use-lock-scoll");
|
|
26
|
+
var _platform = require("../../utils/taro/platform");
|
|
27
27
|
var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _overlay.defaultOverlayProps), {
|
|
28
28
|
position: 'center',
|
|
29
29
|
transition: '',
|
|
@@ -54,10 +54,10 @@ var Popup = function Popup(props) {
|
|
|
54
54
|
var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(visible), 2), innerVisible = _useState1[0], setInnerVisible = _useState1[1];
|
|
55
55
|
var _useState2 = (0, _sliced_to_array._)((0, _react.useState)(true), 2), showChildren = _useState2[0], setShowChildren = _useState2[1];
|
|
56
56
|
var _useState3 = (0, _sliced_to_array._)((0, _react.useState)(''), 2), transitionName = _useState3[0], setTransitionName = _useState3[1];
|
|
57
|
-
var refObject = (0,
|
|
57
|
+
var refObject = (0, _uselockscoll.useLockScrollTaro)(innerVisible && lockScroll);
|
|
58
58
|
var classPrefix = 'nut-popup';
|
|
59
59
|
var overlayStyles = (0, _object_spread._)({}, overlayStyle);
|
|
60
|
-
var contentZIndex = (0,
|
|
60
|
+
var contentZIndex = (0, _platform.harmony)() ? index + 1 : index // 解决harmony层级问题
|
|
61
61
|
;
|
|
62
62
|
var popStyles = (0, _object_spread._)({
|
|
63
63
|
zIndex: contentZIndex
|
|
@@ -17,7 +17,7 @@ var _components = require("@tarojs/components");
|
|
|
17
17
|
var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
|
|
18
18
|
var _typings = require("../../utils/typings");
|
|
19
19
|
var _index = require("../configprovider/index");
|
|
20
|
-
var
|
|
20
|
+
var _platform = require("../../utils/taro/platform");
|
|
21
21
|
var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
|
|
22
22
|
color: 'primary',
|
|
23
23
|
price: 0,
|
|
@@ -90,7 +90,7 @@ var Price = function Price(props) {
|
|
|
90
90
|
className: "".concat(classPrefix, "-decimal ").concat(classPrefix, "-decimal-").concat(size, " ").concat(line ? "".concat(classPrefix, "-line") : '')
|
|
91
91
|
}, formatDecimal(price))) : null, symbol && position === 'after' ? renderSymbol() : null);
|
|
92
92
|
};
|
|
93
|
-
return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, (0,
|
|
93
|
+
return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, (0, _platform.harmony)() ? /*#__PURE__*/ _react.default.createElement(_components.Text, {
|
|
94
94
|
className: "".concat(classPrefix, " ").concat(classPrefix, "-").concat(color, " ").concat(className),
|
|
95
95
|
style: style
|
|
96
96
|
}, renderInner()) : /*#__PURE__*/ _react.default.createElement(_components.View, {
|
|
@@ -19,11 +19,11 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
|
19
19
|
var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
|
|
20
20
|
var _taro = /*#__PURE__*/ _interop_require_default._(require("@tarojs/taro"));
|
|
21
21
|
var _components = require("@tarojs/components");
|
|
22
|
-
var _pxtransform =
|
|
22
|
+
var _pxtransform = require("../../utils/taro/px-transform");
|
|
23
23
|
var _typings = require("../../utils/typings");
|
|
24
24
|
var _index = require("../configprovider/index");
|
|
25
|
-
var _useuuid =
|
|
26
|
-
var
|
|
25
|
+
var _useuuid = require("../../hooks/use-uuid");
|
|
26
|
+
var _platform = require("../../utils/taro/platform");
|
|
27
27
|
var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
|
|
28
28
|
percent: 0,
|
|
29
29
|
showText: false,
|
|
@@ -59,8 +59,8 @@ var Progress = function Progress(props) {
|
|
|
59
59
|
background: color || '#FF0F23'
|
|
60
60
|
};
|
|
61
61
|
if (strokeWidth) {
|
|
62
|
-
stylesOuter.height = (0, _pxtransform.
|
|
63
|
-
stylesInner.height = (0, _pxtransform.
|
|
62
|
+
stylesOuter.height = (0, _pxtransform.pxTransform)(Number(strokeWidth));
|
|
63
|
+
stylesInner.height = (0, _pxtransform.pxTransform)(Number(strokeWidth));
|
|
64
64
|
}
|
|
65
65
|
var handlePercent = function handlePercent() {
|
|
66
66
|
var timer = null;
|
|
@@ -83,11 +83,11 @@ var Progress = function Progress(props) {
|
|
|
83
83
|
var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(false), 2), intersecting = _useState1[0], setIntersecting = _useState1[1];
|
|
84
84
|
var progressRef = (0, _react.useRef)(null);
|
|
85
85
|
var webObserver = (0, _react.useRef)(null);
|
|
86
|
-
var uuid = (0, _useuuid.
|
|
86
|
+
var uuid = (0, _useuuid.useUuid)();
|
|
87
87
|
var selector = "".concat(classPrefix, "-lazy-").concat(uuid);
|
|
88
88
|
var resetObserver = function resetObserver() {
|
|
89
89
|
var observer = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null;
|
|
90
|
-
if ((0,
|
|
90
|
+
if ((0, _platform.web)()) {
|
|
91
91
|
webObserver.current.disconnect && webObserver.current.disconnect();
|
|
92
92
|
} else {
|
|
93
93
|
observer && observer.disconnect();
|
|
@@ -142,9 +142,9 @@ var Progress = function Progress(props) {
|
|
|
142
142
|
handlePercent();
|
|
143
143
|
};
|
|
144
144
|
(0, _react.useEffect)(function() {
|
|
145
|
-
if ((0,
|
|
145
|
+
if ((0, _platform.web)()) {
|
|
146
146
|
handleWebObserver();
|
|
147
|
-
} else if (!(0,
|
|
147
|
+
} else if (!(0, _platform.harmony)()) {
|
|
148
148
|
handleOtherObserver();
|
|
149
149
|
}
|
|
150
150
|
}, []);
|
|
@@ -159,7 +159,7 @@ var Progress = function Progress(props) {
|
|
|
159
159
|
if (children) {
|
|
160
160
|
return 0;
|
|
161
161
|
}
|
|
162
|
-
if (!(0,
|
|
162
|
+
if (!(0, _platform.harmony)()) {
|
|
163
163
|
return Math.floor("".concat(percent, "%").length * 9 / 2);
|
|
164
164
|
}
|
|
165
165
|
return Math.floor(("".concat(percent, "%").length * 9 + 4) / 2);
|
|
@@ -168,8 +168,8 @@ var Progress = function Progress(props) {
|
|
|
168
168
|
var style = {
|
|
169
169
|
backgroundColor: color || '#ff0f23'
|
|
170
170
|
};
|
|
171
|
-
if ((0,
|
|
172
|
-
style.width = (0,
|
|
171
|
+
if ((0, _platform.harmony)()) {
|
|
172
|
+
style.width = (0, _platform.harmony)() ? (0, _pxtransform.pxTransform)("".concat(percent, "%").length * 9 + 4) : "".concat(percent, "%").length * 9 + 4;
|
|
173
173
|
}
|
|
174
174
|
return style;
|
|
175
175
|
};
|
|
@@ -193,7 +193,7 @@ var Progress = function Progress(props) {
|
|
|
193
193
|
}, /*#__PURE__*/ _react.default.createElement(_components.View, {
|
|
194
194
|
className: "".concat(classPrefix, "-text"),
|
|
195
195
|
style: (0, _object_spread_props._)((0, _object_spread._)({}, getTextStyle()), {
|
|
196
|
-
height: (0,
|
|
196
|
+
height: (0, _platform.harmony)() ? (0, _pxtransform.pxTransform)(strokeWidth ? Number(strokeWidth) + 8 : 18) : strokeWidth ? Number(strokeWidth) + 8 : 18,
|
|
197
197
|
position: 'absolute',
|
|
198
198
|
top: -(strokeWidth ? (Number(strokeWidth) + 8 - 9) / 2 + 5 : 9)
|
|
199
199
|
})
|
|
@@ -26,8 +26,8 @@ var _usetouch = require("../../hooks/use-touch");
|
|
|
26
26
|
var _rubberband = require("../../utils/rubberband");
|
|
27
27
|
var _sleep = require("../../utils/sleep");
|
|
28
28
|
var _typings = require("../../utils/typings");
|
|
29
|
-
var _pxtransform =
|
|
30
|
-
var _getsysteminfo = require("../../utils/get-system-info");
|
|
29
|
+
var _pxtransform = require("../../utils/taro/px-transform");
|
|
30
|
+
var _getsysteminfo = require("../../utils/taro/get-system-info");
|
|
31
31
|
var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
|
|
32
32
|
type: 'default',
|
|
33
33
|
pullingText: '',
|
|
@@ -170,7 +170,7 @@ var PullToRefresh = function PullToRefresh(p) {
|
|
|
170
170
|
// 安卓微信小程序onTouchMove回调次数少导致下拉卡顿,增加动效会更顺畅
|
|
171
171
|
var isAndroidWeApp = (0, _getsysteminfo.getDeviceInfo)().platform === 'android' && _taro.default.getEnv() === 'WEAPP';
|
|
172
172
|
var springStyles = (0, _object_spread._)({
|
|
173
|
-
height: (0, _pxtransform.
|
|
173
|
+
height: (0, _pxtransform.pxTransform)(height)
|
|
174
174
|
}, !pullingRef.current || isAndroidWeApp ? {
|
|
175
175
|
transition: 'height .3s ease'
|
|
176
176
|
} : {});
|
|
@@ -188,7 +188,7 @@ var PullToRefresh = function PullToRefresh(p) {
|
|
|
188
188
|
}, /*#__PURE__*/ _react.default.createElement(_components.View, {
|
|
189
189
|
className: (0, _classnames.default)((_obj1 = {}, (0, _define_property._)(_obj1, "".concat(classPrefix, "-head-content"), true), (0, _define_property._)(_obj1, "".concat(classPrefix, "-primary-head-content"), props.type === 'primary'), _obj1)),
|
|
190
190
|
style: {
|
|
191
|
-
height: (0, _pxtransform.
|
|
191
|
+
height: (0, _pxtransform.pxTransform)(headHeight)
|
|
192
192
|
}
|
|
193
193
|
}, /*#__PURE__*/ _react.default.createElement(_components.View, {
|
|
194
194
|
className: (0, _classnames.default)((_obj2 = {}, (0, _define_property._)(_obj2, "".concat(classPrefix, "-status-icon"), true), (0, _define_property._)(_obj2, "".concat(classPrefix, "-primary-status-icon"), props.type === 'primary'), _obj2))
|