@nutui/nutui-react-taro 3.0.7 → 3.0.9-beta.0

package/dist/cjs/packages/dialog/dialog.js

@@ -37,10 +37,10 @@ var _content = require("./content");
 var _configprovider = require("../configprovider/configprovider");
 var _index1 = /*#__PURE__*/ _interop_require_default._(require("../overlay/index"));
 var _overlay = require("../overlay/overlay");
-var _usecustomevent = require("../../hooks/use-custom-event");
-var _uselockscolltaro = require("../../hooks/use-lock-scoll-taro");
+var _usecustomevent = require("../../hooks/taro/use-custom-event");
+var _uselockscoll = require("../../hooks/taro/use-lock-scoll");
 var _mergeprops = require("../../utils/merge-props");
-var _platformtaro = require("../../utils/platform-taro");
+var _platform = require("../../utils/taro/platform");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _overlay.defaultOverlayProps, _content.defaultContentProps), {
     title: '',
     content: '',
@@ -82,7 +82,7 @@ var BaseDialog = function BaseDialog(props) {
             visible: status
         }));
     });
-    var refObject = (0, _uselockscolltaro.useLockScrollTaro)(!!(visible && lockScroll));
+    var refObject = (0, _uselockscoll.useLockScrollTaro)(!!(visible && lockScroll));
     var renderFooter = function renderFooter() {
         if (footer === null) return '';
         var handleCancel = function handleCancel(e) {
@@ -197,7 +197,7 @@ var BaseDialog = function BaseDialog(props) {
         }
     };
     var renderContent = function renderContent() {
-        var contentZIndex = (0, _platformtaro.harmony)() ? zIndex + 1 : zIndex // 解决harmony层级问题
+        var contentZIndex = (0, _platform.harmony)() ? zIndex + 1 : zIndex // 解决harmony层级问题
         ;
         return /*#__PURE__*/ _react.default.createElement(_reacttransitiongroup.CSSTransition, {
             in: visible,

package/dist/cjs/packages/dialog/style/dialog.scss

@@ -127,6 +127,7 @@
 
     &-cancel.nut-dialog-footer-cancel {
       margin-right: $dialog-footer-cancel-margin-right;
+      background: $dialog-footer-cancel-bg;
     }
 
     &-ok {

package/dist/cjs/packages/dialog/style/style.css

@@ -550,6 +550,7 @@
 }
 .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
   margin-right: var(--nutui-dialog-footer-cancel-margin-right, 12px);
+  background: var(--nutui-dialog-footer-cancel-bg, var(--nutui-button-default-background-color, transparent));
 }
 .nut-dialog-footer-ok {
   max-width: var(--nutui-dialog-footer-ok-max-width, 128px);

package/dist/cjs/packages/dialog/style/style.harmony.css

@@ -118,6 +118,7 @@
 }
 .nut-dialog-footer-cancel.nut-dialog-footer-cancel {
   margin-right: 12px;
+  background: transparent;
 }
 .nut-dialog-footer-ok {
   max-width: 128px;

package/dist/cjs/packages/drag/drag.js

@@ -17,9 +17,9 @@ var _ts_generator = require("@swc/helpers/_/_ts_generator");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _components = require("@tarojs/components");
 var _typings = require("../../utils/typings");
-var _getrectbytaro = require("../../utils/get-rect-by-taro");
-var _getsysteminfo = require("../../utils/get-system-info");
-var _platformtaro = require("../../utils/platform-taro");
+var _getrect = require("../../utils/taro/get-rect");
+var _getsysteminfo = require("../../utils/taro/get-system-info");
+var _platform = require("../../utils/taro/platform");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     attract: false,
     direction: undefined,
@@ -65,7 +65,7 @@ var Drag = function Drag(props) {
                         _getWindowInfo = (0, _getsysteminfo.getWindowInfo)(), screenWidth = _getWindowInfo.screenWidth, windowHeight = _getWindowInfo.windowHeight;
                         return [
                             4,
-                            (0, _getrectbytaro.getRectByTaro)(dragRef.current)
+                            (0, _getrect.getRectInMultiPlatform)(dragRef.current)
                         ];
                     case 1:
                         _ref = _state.sent(), width = _ref.width, height = _ref.height, dragTop = _ref.top, dragLeft = _ref.left;
@@ -151,7 +151,7 @@ var Drag = function Drag(props) {
     };
     (0, _react.useEffect)(function() {
         if (dragRef.current) {
-            if ((0, _platformtaro.web)()) {
+            if ((0, _platform.web)()) {
                 timer.current = window.setTimeout(function() {
                     getInfo();
                 }, 300);

package/dist/cjs/packages/elevator/elevator.js

@@ -29,8 +29,8 @@ var _taro = /*#__PURE__*/ _interop_require_wildcard._(require("@tarojs/taro"));
 var _components = require("@tarojs/components");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _typings = require("../../utils/typings");
-var _platformtaro = require("../../utils/platform-taro");
-var _useuuid = /*#__PURE__*/ _interop_require_default._(require("../../hooks/use-uuid"));
+var _platform = require("../../utils/taro/platform");
+var _useuuid = require("../../hooks/use-uuid");
 var elevatorContext = /*#__PURE__*/ (0, _react.createContext)({});
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     height: '200px',
@@ -57,7 +57,7 @@ var Elevator = function Elevator(props) {
         "onIndexClick",
         "children"
     ]);
-    var uuid = (0, _useuuid.default)();
+    var uuid = (0, _useuuid.useUuid)();
     var classPrefix = 'nut-elevator';
     var listview = (0, _react.useRef)(null);
     var initData = {
@@ -182,7 +182,7 @@ var Elevator = function Elevator(props) {
     var getWrapStyle = (0, _react.useMemo)(function() {
         var calcHeight = Number.isNaN(+height) ? height : "".concat(height, "px");
         return {
-            height: (0, _platformtaro.harmony)() ? Number(height) : calcHeight
+            height: (0, _platform.harmony)() ? Number(height) : calcHeight
         };
     }, [
         height

package/dist/cjs/packages/ellipsis/ellipsis.js

@@ -21,7 +21,7 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _taro = require("@tarojs/taro");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _components = require("@tarojs/components");
-var _getrectbytaro = require("../../utils/get-rect-by-taro");
+var _getrect = require("../../utils/taro/get-rect");
 var _typings = require("../../utils/typings");
 var _index = require("../configprovider/index");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
@@ -110,7 +110,7 @@ var Ellipsis = function Ellipsis(props) {
                     case 0:
                         return [
                             4,
-                            (0, _getrectbytaro.getRectByTaro)(symbolContain === null || symbolContain === void 0 ? void 0 : symbolContain.current)
+                            (0, _getrect.getRectInMultiPlatform)(symbolContain === null || symbolContain === void 0 ? void 0 : symbolContain.current)
                         ];
                     case 1:
                         refe = _state.sent();
@@ -183,7 +183,7 @@ var Ellipsis = function Ellipsis(props) {
                     case 0:
                         return [
                             4,
-                            (0, _getrectbytaro.getRectByTaro)(rootContain.current)
+                            (0, _getrect.getRectInMultiPlatform)(rootContain.current)
                         ];
                     case 1:
                         refe = _state.sent();
@@ -229,7 +229,7 @@ var Ellipsis = function Ellipsis(props) {
                     case 0:
                         return [
                             4,
-                            (0, _getrectbytaro.getRectByTaro)(rootContain.current)
+                            (0, _getrect.getRectInMultiPlatform)(rootContain.current)
                         ];
                     case 1:
                         refe = _state.sent();

package/dist/cjs/packages/griditem/griditem.js

@@ -16,7 +16,7 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _components = require("@tarojs/components");
-var _pxtransform = /*#__PURE__*/ _interop_require_default._(require("../../utils/px-transform"));
+var _pxtransform = require("../../utils/taro/px-transform");
 var _context = /*#__PURE__*/ _interop_require_default._(require("../grid/context"));
 var defaultProps = {
     text: '',
@@ -46,7 +46,7 @@ var GridItem = function GridItem(props) {
     var classes = (0, _classnames.default)(classPrefix, className);
     var context = (0, _react.useContext)(_context.default);
     var rootStyle = function rootStyle() {
-        var width = "calc(".concat(100 / Number(columns), "% - ").concat((0, _pxtransform.default)(Number(gap) * (Number(columns) - 1) / Number(columns)), ")");
+        var width = "calc(".concat(100 / Number(columns), "% - ").concat((0, _pxtransform.pxTransform)(Number(gap) * (Number(columns) - 1) / Number(columns)), ")");
         var styles = (0, _object_spread._)({
             width: width,
             overflow: 'hidden'
@@ -56,10 +56,10 @@ var GridItem = function GridItem(props) {
         }
         if (gap) {
             if ((index + 1) % Number(columns)) {
-                styles.marginRight = (0, _pxtransform.default)(typeof gap === 'number' ? gap : parseFloat(gap));
+                styles.marginRight = (0, _pxtransform.pxTransform)(typeof gap === 'number' ? gap : parseFloat(gap));
             }
             if (index >= Number(columns)) {
-                styles.marginTop = (0, _pxtransform.default)(typeof gap === 'number' ? gap : parseFloat(gap));
+                styles.marginTop = (0, _pxtransform.pxTransform)(typeof gap === 'number' ? gap : parseFloat(gap));
             }
         } else {
             styles.borderRadius = 0;

package/dist/cjs/packages/hoverbutton/hoverbutton.js

@@ -18,7 +18,7 @@ var _typings = require("../../utils/typings");
 var _index = require("../configprovider/index");
 var _index1 = /*#__PURE__*/ _interop_require_default._(require("../hoverbuttonitem/index"));
 var _index2 = /*#__PURE__*/ _interop_require_default._(require("../safearea/index"));
-var _pxtransform = /*#__PURE__*/ _interop_require_default._(require("../../utils/px-transform"));
+var _pxtransform = require("../../utils/taro/px-transform");
 var _utils = require("./utils");
 var defaultProps = (0, _object_spread._)({}, _typings.ComponentDefaults);
 var classPrefix = 'nut-hoverbutton';
@@ -27,7 +27,7 @@ var HoverButton = function HoverButton(props) {
     var rtl = (0, _index.useRtl)();
     var baseStyle = (0, _object_spread._)({}, style);
     if (tabbarHeight) {
-        baseStyle.bottom = (0, _pxtransform.default)(tabbarHeight + _utils.UI_BOTTOM_DISTANCE);
+        baseStyle.bottom = (0, _pxtransform.pxTransform)(tabbarHeight + _utils.UI_BOTTOM_DISTANCE);
     }
     if (typeof zIndex !== 'undefined') {
         baseStyle.zIndex = zIndex;

package/dist/cjs/packages/hoverbuttonitem/hoverbuttonitem.js

@@ -18,14 +18,14 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _components = require("@tarojs/components");
 var _typings = require("../../utils/typings");
-var _platformtaro = require("../../utils/platform-taro");
+var _platform = require("../../utils/taro/platform");
 var _utils = require("./utils");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     icon: null,
     onClick: function onClick(value) {}
 });
 var classPrefix = 'nut-hoverbutton-item';
-var isHarmony = (0, _platformtaro.harmony)();
+var isHarmony = (0, _platform.harmony)();
 var HoverButtonItem = function HoverButtonItem(props) {
     var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick, children = _$_object_spread.children;
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(false), 2), isTouchStart = _useState[0], setTouchStart = _useState[1];

package/dist/cjs/packages/image/image.js

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "Image", {
 });
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _define_property = require("@swc/helpers/_/_define_property");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
@@ -19,7 +20,7 @@ var _taro = /*#__PURE__*/ _interop_require_default._(require("@tarojs/taro"));
 var _components = require("@tarojs/components");
 var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
-var _pxtransform = /*#__PURE__*/ _interop_require_default._(require("../../utils/px-transform"));
+var _pxtransform = require("../../utils/taro/px-transform");
 var defaultProps = {
     src: '',
     error: true,
@@ -42,7 +43,7 @@ var Image = function Image(props) {
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(true), 2), innerLoading = _useState[0], setInnerLoading = _useState[1];
     var _useState1 = (0, _sliced_to_array._)((0, _react.useState)(false), 2), isError = _useState1[0], setIsError = _useState1[1];
     var pxCheck = function pxCheck(value) {
-        return Number.isNaN(Number(value)) ? String(value) : (0, _pxtransform.default)(+value);
+        return Number.isNaN(Number(value)) ? String(value) : (0, _pxtransform.pxTransform)(+value);
     };
     // 图片加载
     var handleLoad = function handleLoad(e) {
@@ -57,14 +58,14 @@ var Image = function Image(props) {
             onError && onError(e);
         }
     };
-    var containerStyle = {
-        // eslint-disable-next-line no-nested-ternary
-        height: height ? pxCheck(height) : _taro.default.getEnv() === 'WEB' ? '' : '100%',
-        // eslint-disable-next-line no-nested-ternary
-        width: width ? pxCheck(width) : _taro.default.getEnv() === 'WEB' ? '' : '100%',
-        overflow: radius !== undefined && radius !== null ? 'hidden' : '',
-        borderRadius: radius !== undefined && radius != null ? pxCheck(radius) : ''
-    };
+    var containerStyle = (0, _object_spread._)({}, height ? {
+        height: pxCheck(height)
+    } : {}, width ? {
+        width: pxCheck(width)
+    } : {}, radius !== undefined && radius !== null ? {
+        overflow: 'hidden',
+        borderRadius: pxCheck(radius)
+    } : {});
     var imgStyle = (0, _object_spread_props._)((0, _object_spread._)({}, style), {
         width: width,
         height: height
@@ -105,7 +106,7 @@ var Image = function Image(props) {
         innerLoading
     ]);
     return /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: (0, _classnames.default)(classPrefix, className),
+        className: (0, _classnames.default)(classPrefix, (0, _define_property._)({}, "".concat(classPrefix, "-basic"), _taro.default.getEnv() !== 'WEB'), className),
         style: containerStyle
     }, /*#__PURE__*/ _react.default.createElement(_components.Image, (0, _object_spread_props._)((0, _object_spread._)({}, rest), {
         className: "".concat(classPrefix, "-default ").concat(className ? "".concat(className, "-image") : ''),

package/dist/cjs/packages/image/style/image.scss

@@ -12,7 +12,10 @@
     border-radius: 50%;
     overflow: hidden;
   }
-
+  &-basic {
+    width: 100%;
+    height: 100%;
+  }
   &-loading {
     width: 100%;
     height: 100%;

package/dist/cjs/packages/image/style/style.css

@@ -15,6 +15,10 @@
   border-radius: 50%;
   overflow: hidden;
 }
+.nut-image-basic {
+  width: 100%;
+  height: 100%;
+}
 .nut-image-loading {
   width: 100%;
   height: 100%;

package/dist/cjs/packages/image/style/style.harmony.css

@@ -15,6 +15,10 @@
   border-radius: 50%;
   overflow: hidden;
 }
+.nut-image-basic {
+  width: 100%;
+  height: 100%;
+}
 .nut-image-loading {
   width: 100%;
   height: 100%;

package/dist/cjs/packages/imagepreview/style/style.css

@@ -608,6 +608,10 @@
   border-radius: 50%;
   overflow: hidden;
 }
+.nut-image-basic {
+  width: 100%;
+  height: 100%;
+}
 .nut-image-loading {
   width: 100%;
   height: 100%;

package/dist/cjs/packages/indicator/indicator.js

@@ -15,7 +15,7 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
 var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _components = require("@tarojs/components");
-var _pxtransform = /*#__PURE__*/ _interop_require_default._(require("../../utils/px-transform"));
+var _pxtransform = require("../../utils/taro/px-transform");
 var defaultProps = {
     total: 2,
     current: 0,
@@ -61,7 +61,7 @@ var Indicator = function Indicator(props) {
         var stride = (trackWidth - sliderWidth) / (total - 1);
         return /*#__PURE__*/ _react.default.createElement(_components.View, {
             style: {
-                transform: "".concat(direction === 'vertical' ? 'translateY' : 'translateX', "(").concat((0, _pxtransform.default)(current * stride), ")")
+                transform: "".concat(direction === 'vertical' ? 'translateY' : 'translateX', "(").concat((0, _pxtransform.pxTransform)(current * stride), ")")
             },
             className: "".concat(classPrefix, "-line ").concat(classPrefix, "-line-active")
         });

package/dist/cjs/packages/infiniteloading/infiniteloading.js

@@ -22,7 +22,7 @@ var _components = require("@tarojs/components");
 var _taro = require("@tarojs/taro");
 var _index = require("../configprovider/index");
 var _typings = require("../../utils/typings");
-var _pxtransform = /*#__PURE__*/ _interop_require_default._(require("../../utils/px-transform"));
+var _pxtransform = require("../../utils/taro/px-transform");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     type: 'default',
     hasMore: true,
@@ -89,7 +89,7 @@ var InfiniteLoading = function InfiniteLoading(props) {
     };
     var getStyle = function getStyle() {
         return {
-            height: topDisScoll < 0 ? (0, _pxtransform.default)(0) : (0, _pxtransform.default)(topDisScoll),
+            height: topDisScoll < 0 ? (0, _pxtransform.pxTransform)(0) : (0, _pxtransform.pxTransform)(topDisScoll),
             transition: "height 0.2s cubic-bezier(0.25,0.1,0.25,1)"
         };
     };

package/dist/cjs/packages/lottie/lottiemp.js

@@ -13,10 +13,10 @@ var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcar
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _taro = require("@tarojs/taro");
 var _lottieminiprogram = /*#__PURE__*/ _interop_require_default._(require("@nutui/lottie-miniprogram"));
-var _getsysteminfo = require("../../utils/get-system-info");
-var _useuuid = /*#__PURE__*/ _interop_require_default._(require("../../hooks/use-uuid"));
+var _getsysteminfo = require("../../utils/taro/get-system-info");
+var _useuuid = require("../../hooks/use-uuid");
 var Lottie = /*#__PURE__*/ _react.default.forwardRef(function(props, ref) {
-    var uuid = (0, _useuuid.default)();
+    var uuid = (0, _useuuid.useUuid)();
     var id = "nutLottie-".concat(uuid);
     var animation = (0, _react.useRef)();
     var inited = (0, _react.useRef)(false);

package/dist/cjs/packages/menuitem/menuitem.js

@@ -22,9 +22,9 @@ var _taro = require("@tarojs/taro");
 var _components = require("@tarojs/components");
 var _reacttransitiongroup = require("react-transition-group");
 var _iconsreacttaro = require("@nutui/icons-react-taro");
-var _getsysteminfo = require("../../utils/get-system-info");
+var _getsysteminfo = require("../../utils/taro/get-system-info");
 var _overlay = require("../overlay/overlay");
-var _getrectbytaro = require("../../utils/get-rect-by-taro");
+var _getrect = require("../../utils/taro/get-rect");
 var _typings = require("../../utils/typings");
 var _usepropsvalue = require("../../hooks/use-props-value");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
@@ -68,7 +68,7 @@ var MenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
                         p = parent.menuRef.current;
                         return [
                             4,
-                            (0, _getrectbytaro.getRectByTaro)(p)
+                            (0, _getrect.getRectInMultiPlatform)(p)
                         ];
                     case 1:
                         rect = _state.sent();
@@ -97,7 +97,7 @@ var MenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
     var updateItemOffset = (0, _react.useCallback)(function() {
         if (!parent.lockScroll) return;
         var p = parent.menuRef.current;
-        (0, _getrectbytaro.getRectByTaro)(p).then(function(rect) {
+        (0, _getrect.getRectInMultiPlatform)(p).then(function(rect) {
             if (rect) {
                 setPosition({
                     height: rect.height,

package/dist/cjs/packages/noticebar/noticebar.js

@@ -20,7 +20,7 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _components = require("@tarojs/components");
 var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
-var _getrectbytaro = require("../../utils/get-rect-by-taro");
+var _getrect = require("../../utils/taro/get-rect");
 var _typings = require("../../utils/typings");
 var _index = require("../configprovider/index");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
@@ -141,13 +141,13 @@ var NoticeBar = function NoticeBar(props) {
                         }
                         return [
                             4,
-                            (0, _getrectbytaro.getRectByTaro)(wrapRef.current)
+                            (0, _getrect.getRectInMultiPlatform)(wrapRef.current)
                         ];
                     case 1:
                         warpRes = _state.sent();
                         return [
                             4,
-                            (0, _getrectbytaro.getRectByTaro)(contentRef.current)
+                            (0, _getrect.getRectInMultiPlatform)(contentRef.current)
                         ];
                     case 2:
                         contentRes = _state.sent();
@@ -240,7 +240,7 @@ var NoticeBar = function NoticeBar(props) {
                     case 0:
                         return [
                             4,
-                            (0, _getrectbytaro.getRectByTaro)(container === null || container === void 0 ? void 0 : container.current)
+                            (0, _getrect.getRectInMultiPlatform)(container === null || container === void 0 ? void 0 : container.current)
                         ];
                     case 1:
                         rects = _state.sent();

package/dist/cjs/packages/notify/notify.js

@@ -30,10 +30,10 @@ var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames")
 var _reacttransitiongroup = require("react-transition-group");
 var _components = require("@tarojs/components");
 var _iconsreacttaro = require("@nutui/icons-react-taro");
-var _platformtaro = require("../../utils/platform-taro");
-var _pxtransform = /*#__PURE__*/ _interop_require_default._(require("../../utils/px-transform"));
+var _platform = require("../../utils/taro/platform");
+var _pxtransform = require("../../utils/taro/px-transform");
 var _typings = require("../../utils/typings");
-var _usecustomevent = require("../../hooks/use-custom-event");
+var _usecustomevent = require("../../hooks/taro/use-custom-event");
 var _mergeprops = require("../../utils/merge-props");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     id: '',
@@ -87,11 +87,11 @@ var Notify = function Notify(props) {
     var getDistance = (0, _react.useMemo)(function() {
         if (position === 'top') {
             return {
-                top: (0, _pxtransform.default)((0, _platformtaro.web)() ? Number(distance) + navHeight : Number(distance))
+                top: (0, _pxtransform.pxTransform)((0, _platform.web)() ? Number(distance) + navHeight : Number(distance))
             };
         }
         return {
-            bottom: (0, _pxtransform.default)(Number(distance))
+            bottom: (0, _pxtransform.pxTransform)(Number(distance))
         };
     }, [
         distance,

package/dist/cjs/packages/nutui.react.build.d.ts

@@ -207,4 +207,6 @@ export * from "./trendarrow/index";
 import WaterMark from "./watermark/index";
 export * from "./watermark/index";
 export * from "../types";
+export * from "../utils/index";
+export * from "../hooks/index";
 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 };

package/dist/cjs/packages/nutui.react.build.js

@@ -429,3 +429,5 @@ var _index101 = /*#__PURE__*/ _interop_require_default._(_export_star._(require(
 var _index102 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./trendarrow/index"), exports));
 var _index103 = /*#__PURE__*/ _interop_require_default._(_export_star._(require("./watermark/index"), exports));
 _export_star._(require("../types"), exports);
+_export_star._(require("../utils/index"), exports);
+_export_star._(require("../hooks/index"), exports);

package/dist/cjs/packages/nutui.react.d.ts

@@ -311,4 +311,6 @@ import "./timeselect/timeselect.scss";
 import "./trendarrow/trendarrow.scss";
 import "./watermark/watermark.scss";
 export * from "../types";
+export * from "../utils/index";
+export * from "../hooks/index";
 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 };

package/dist/cjs/packages/nutui.react.js

@@ -533,3 +533,5 @@ require("./timeselect/timeselect.scss");
 require("./trendarrow/trendarrow.scss");
 require("./watermark/watermark.scss");
 _export_star._(require("../types"), exports);
+_export_star._(require("../utils/index"), exports);
+_export_star._(require("../hooks/index"), exports);

package/dist/cjs/packages/overlay/overlay.js

@@ -27,7 +27,7 @@ var _reacttransitiongroup = require("react-transition-group");
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
 var _components = require("@tarojs/components");
 var _typings = require("../../utils/typings");
-var _uselockscolltaro = require("../../hooks/use-lock-scoll-taro");
+var _uselockscoll = require("../../hooks/taro/use-lock-scoll");
 var defaultOverlayProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     zIndex: 1000,
     duration: 300,
@@ -54,7 +54,7 @@ var Overlay = function Overlay(props) {
     ]);
     var classPrefix = 'nut-overlay';
     var _useState = (0, _sliced_to_array._)((0, _react.useState)(visible), 2), innerVisible = _useState[0], setInnerVisible = _useState[1];
-    var nodeRef = (0, _uselockscolltaro.useLockScrollTaro)(!!lockScroll && innerVisible);
+    var nodeRef = (0, _uselockscoll.useLockScrollTaro)(!!lockScroll && innerVisible);
     (0, _react.useEffect)(function() {
         setInnerVisible(visible);
     }, [

package/dist/cjs/packages/pagination/pagination.js

@@ -20,7 +20,7 @@ var _components = require("@tarojs/components");
 var _index = require("../configprovider/index");
 var _usepropsvalue = require("../../hooks/use-props-value");
 var _typings = require("../../utils/typings");
-var _addcolorforharmony = /*#__PURE__*/ _interop_require_default._(require("../../utils/add-color-for-harmony"));
+var _addcolorforharmony = require("../../utils/taro/add-color-for-harmony");
 var _usepagination = require("../../hooks/use-pagination");
 var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
     defaultValue: 1,
@@ -85,7 +85,7 @@ var Pagination = function Pagination(props) {
         onClick: function onClick() {
             return prevPage();
         }
-    }, (0, _addcolorforharmony.default)(prev || locale.pagination.prev, current === 1 ? '#c2c4cc' : '#ff0f23')), mode === 'multi' && /*#__PURE__*/ _react.default.createElement(_components.View, {
+    }, (0, _addcolorforharmony.addColorForHarmony)(prev || locale.pagination.prev, current === 1 ? '#c2c4cc' : '#ff0f23')), mode === 'multi' && /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "".concat(classPrefix, "-contain")
     }, pages.map(function(item, index) {
         var _obj;
@@ -105,7 +105,7 @@ var Pagination = function Pagination(props) {
         onClick: function onClick() {
             return nextPage();
         }
-    }, (0, _addcolorforharmony.default)(next || locale.pagination.next, current >= pageCount ? '#c2c4cc' : '#ff0f23'))), mode === 'lite' && /*#__PURE__*/ _react.default.createElement(_components.View, {
+    }, (0, _addcolorforharmony.addColorForHarmony)(next || locale.pagination.next, current >= pageCount ? '#c2c4cc' : '#ff0f23'))), mode === 'lite' && /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "".concat(classPrefix, "-lite")
     }, /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "".concat(classPrefix, "-lite-active")

package/dist/cjs/packages/picker/picker.js

@@ -22,7 +22,7 @@ var _reactfastcompare = /*#__PURE__*/ _interop_require_default._(require("react-
 var _index = /*#__PURE__*/ _interop_require_default._(require("../pickerview/index"));
 var _index1 = /*#__PURE__*/ _interop_require_default._(require("../popup/index"));
 var _index2 = /*#__PURE__*/ _interop_require_default._(require("../safearea/index"));
-var _userefs = /*#__PURE__*/ _interop_require_default._(require("../../hooks/use-refs"));
+var _userefs = require("../../hooks/use-refs");
 var _index3 = require("../configprovider/index");
 var _usepropsvalue = require("../../hooks/use-props-value");
 var _typings = require("../../utils/typings");
@@ -89,7 +89,7 @@ var InternalPicker = function InternalPicker(props, ref) {
     var innerValueRef = (0, _react.useRef)(innerValue);
     var _useState1 = (0, _sliced_to_array._)((0, _react.useState)([]), 2), innerOptions = _useState1[0], setInnerOptions = _useState1[1];
     var selectedOptionsRef = (0, _react.useRef)([]);
-    var _useRefs = (0, _sliced_to_array._)((0, _userefs.default)(), 2), refs = _useRefs[0], setRefs = _useRefs[1];
+    var _useRefs = (0, _sliced_to_array._)((0, _userefs.useRefs)(), 2), refs = _useRefs[0], setRefs = _useRefs[1];
     (0, _react.useEffect)(function() {
         if (innerVisible) {
             setInnerValue(selectedValue);