@nutui/nutui-react-taro 3.0.18-cpp.beta.1 → 3.0.19-cpp-beta.0

package/dist/es/packages/picker/style/style.harmony.css

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

package/dist/es/packages/popover/style/style.harmony.css

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

package/dist/es/packages/popup/popup.d.ts

@@ -1,3 +1,3 @@
 import React, { FunctionComponent } from 'react';
 import { TaroPopupProps } from "../../types";
-export declare const Popup: FunctionComponent<Partial<TaroPopupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'title'>>;
+export declare const Popup: FunctionComponent<Partial<TaroPopupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'title' | 'onTouchStart' | 'onTouchMove' | 'onTouchEnd'>>;

package/dist/es/packages/popup/popup.js

@@ -1,17 +1,21 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _define_property } from "@swc/helpers/_/_define_property";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import React, { useState, useEffect } from "react";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+import React, { useState, useEffect, useRef } from "react";
 import { createPortal } from "react-dom";
 // import { CSSTransition } from 'react-transition-group'
 import classNames from "classnames";
 import { Close } from "@nutui/icons-react-taro";
 import { View } from "@tarojs/components";
+import { getRectInMultiPlatformWithoutCache } from "../../utils/taro/get-rect";
 import { defaultOverlayProps } from "../overlay/overlay";
 import Overlay from "../overlay/index";
 import { useLockScrollTaro } from "../../hooks/taro/use-lock-scoll";
 import { harmony } from "../../utils/taro/platform";
+import { pxTransform } from "../../utils/taro/px-transform";
 var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps), {
     position: 'center',
     transition: '',
@@ -24,6 +28,8 @@ var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps),
     portal: null,
     overlay: true,
     round: false,
+    resizable: false,
+    minHeight: '',
     onOpen: function() {},
     onClose: function() {},
     onOverlayClick: function() {
@@ -31,29 +37,51 @@ var defaultProps = _object_spread_props(_object_spread({}, defaultOverlayProps),
     },
     onCloseIconClick: function() {
         return true;
-    }
+    },
+    onTouchStart: function() {},
+    onTouchMove: function() {},
+    onTouchEnd: function() {}
 });
 // 默认1000，参看variables
 var _zIndex = 1100;
 export var Popup = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick;
+    var _$_object_spread = _object_spread({}, defaultProps, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, top = _$_object_spread.top, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, resizable = _$_object_spread.resizable, minHeight = _$_object_spread.minHeight, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick, onTouchStart = _$_object_spread.onTouchStart, onTouchMove = _$_object_spread.onTouchMove, onTouchEnd = _$_object_spread.onTouchEnd;
     var innerIndex = zIndex || _zIndex;
     var _useState = _sliced_to_array(useState(innerIndex), 2), index = _useState[0], setIndex = _useState[1];
     var _useState1 = _sliced_to_array(useState(visible), 2), innerVisible = _useState1[0], setInnerVisible = _useState1[1];
     var _useState2 = _sliced_to_array(useState(true), 2), showChildren = _useState2[0], setShowChildren = _useState2[1];
     var _useState3 = _sliced_to_array(useState(''), 2), transitionName = _useState3[0], setTransitionName = _useState3[1];
-    var refObject = useLockScrollTaro(innerVisible && lockScroll);
+    var nodeRef = useLockScrollTaro(innerVisible && lockScroll);
+    var rootRect = useRef(null);
+    var touchStartRef = useRef(0);
+    var touchMoveDistanceRef = useRef(0);
+    var heightRef = useRef(0);
+    var defaultHeightRef = useRef(0);
+    var isTouching = useRef(false);
     var classPrefix = 'nut-popup';
     var overlayStyles = _object_spread({}, overlayStyle);
     var contentZIndex = harmony() ? index + 1 : index // 解决harmony层级问题
     ;
     var popStyles = _object_spread({
-        zIndex: contentZIndex
+        zIndex: contentZIndex,
+        minHeight: minHeight
     }, style);
     var _obj;
     var popClassName = classNames(classPrefix, (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-round"), round || position === 'bottom'), _define_property(_obj, "".concat(classPrefix, "-").concat(position), true), _obj), className);
+    var _useState4 = _sliced_to_array(useState(''), 2), popupHeight = _useState4[0], setPopupHeight = _useState4[1];
+    var resizeStyles = function() {
+        if (popupHeight !== '') {
+            return {
+                height: popupHeight
+            };
+        }
+    };
     var open = function() {
         if (!innerVisible) {
+            // 当高度改变后，再次打开时，将高度置为初始高度
+            if (position === 'bottom' && resizable && nodeRef.current && heightRef.current) {
+                setPopupHeight(pxTransform(defaultHeightRef.current));
+            }
             setInnerVisible(true);
             setIndex(++innerIndex);
         }
@@ -107,19 +135,87 @@ export var Popup = function(props) {
             return renderCloseIcon();
         }
     };
+    var handleTouchStart = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(event) {
+            var _nodeRef_current, _rootRect_current, e, rect;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (position !== 'bottom' || !resizable || !nodeRef.current) return [
+                            2
+                        ];
+                        e = event;
+                        // 开始touch，记录下touch的pageY，用以判断是向上滑动还是向下滑动
+                        touchStartRef.current = e.touches[0].pageY;
+                        // 标记开始滑动
+                        isTouching.current = true;
+                        return [
+                            4,
+                            getRectInMultiPlatformWithoutCache(nodeRef.current)
+                        ];
+                    case 1:
+                        rect = _state.sent();
+                        rootRect.current = rect;
+                        heightRef.current = ((_nodeRef_current = nodeRef.current) === null || _nodeRef_current === void 0 ? void 0 : _nodeRef_current.offsetHeight) || ((_rootRect_current = rootRect.current) === null || _rootRect_current === void 0 ? void 0 : _rootRect_current.height) || 0;
+                        if (!defaultHeightRef.current) defaultHeightRef.current = heightRef.current;
+                        onTouchStart === null || onTouchStart === void 0 ? void 0 : onTouchStart(heightRef.current, e);
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function handleTouchStart(event) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    var handleTouchMove = function(event) {
+        if (position !== 'bottom' || !resizable || !nodeRef.current || !rootRect.current) return;
+        var e = event;
+        e.stopPropagation();
+        // 计算位移：move过程中，当前的pageY 与 start值比较
+        touchMoveDistanceRef.current = e.touches[0].pageY - touchStartRef.current;
+        var handleMove = function() {
+            var min = typeof minHeight === 'number' ? minHeight : parseInt(String(minHeight || 0), 10) || 0;
+            var currentHeight = Math.max(min, heightRef.current - touchMoveDistanceRef.current);
+            setPopupHeight(pxTransform(currentHeight));
+            if (touchMoveDistanceRef.current > 0 && isTouching.current) {
+                // 向下滑动
+                onTouchMove === null || onTouchMove === void 0 ? void 0 : onTouchMove(currentHeight, e, 'down');
+            } else {
+                // 向上滑动
+                onTouchMove === null || onTouchMove === void 0 ? void 0 : onTouchMove(currentHeight, e, 'up');
+            }
+        };
+        requestAnimationFrame(handleMove);
+    };
+    var handleTouchEnd = function(event) {
+        if (position !== 'bottom' || !resizable || !nodeRef.current || !rootRect.current) return;
+        var e = event;
+        isTouching.current = false;
+        var min = typeof minHeight === 'number' ? minHeight : parseInt(String(minHeight || 0), 10) || 0;
+        var currentHeight = Math.max(min, heightRef.current - touchMoveDistanceRef.current);
+        onTouchEnd === null || onTouchEnd === void 0 ? void 0 : onTouchEnd(currentHeight, e);
+    };
     var renderPop = function() {
         return /*#__PURE__*/ React.createElement(View, {
-            ref: refObject,
-            style: _object_spread_props(_object_spread({}, popStyles), {
+            ref: nodeRef,
+            style: _object_spread(_object_spread_props(_object_spread({}, popStyles), {
                 display: innerVisible ? 'block' : 'none'
-            }),
+            }), resizeStyles()),
             className: popClassName,
             onClick: onClick,
-            catchMove: lockScroll
-        }, renderTitle(), showChildren ? children : null);
+            catchMove: lockScroll,
+            onTouchStart: handleTouchStart,
+            onTouchMove: handleTouchMove,
+            onTouchEnd: handleTouchEnd,
+            onTouchCancel: handleTouchEnd
+        }, top, renderTitle(), showChildren ? children : null);
+    };
+    // const renderPop = () => {
     // return (
     //   <CSSTransition
-    //     nodeRef={refObject}
+    //     nodeRef={nodeRef}
     //     classNames={transitionName}
     //     mountOnEnter
     //     unmountOnExit={destroyOnClose}
@@ -128,19 +224,10 @@ export var Popup = function(props) {
     //     onEntered={afterShow}
     //     onExited={afterClose}
     //   >
-    //     <View
-    //       ref={refObject}
-    //       style={popStyles}
-    //       className={popClassName}
-    //       onClick={onClick}
-    //       catchMove={lockScroll}
-    //     >
-    //       {renderTitle()}
-    //       {showChildren ? children : null}
-    //     </View>
+    //     {renderContent()}
     //   </CSSTransition>
     // )
-    };
+    // }
     var renderNode = function() {
         return /*#__PURE__*/ React.createElement(React.Fragment, null, overlay ? /*#__PURE__*/ React.createElement(Overlay, {
             zIndex: index,

package/dist/es/packages/popup/style/popup.scss

@@ -88,11 +88,6 @@
     }
   }
 
-  &-bottom,
-  &-top {
-    max-height: 87%;
-  }
-
   &-bottom {
     bottom: 0;
     left: 0;

package/dist/es/packages/popup/style/style.css

@@ -80,9 +80,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

package/dist/es/packages/popup/style/style.harmony.css

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

package/dist/es/packages/popup/style-jmapp/popup.scss

@@ -88,11 +88,6 @@
     }
   }
 
-  &-bottom,
-  &-top {
-    max-height: 87%;
-  }
-
   &-bottom {
     bottom: 0;
     left: 0;

package/dist/es/packages/popup/style-jmapp/style.css

@@ -80,9 +80,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 12px);
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

package/dist/es/packages/popup/style-jrkf/popup.scss

@@ -88,11 +88,6 @@
     }
   }
 
-  &-bottom,
-  &-top {
-    max-height: 87%;
-  }
-
   &-bottom {
     bottom: 0;
     left: 0;

package/dist/es/packages/popup/style-jrkf/style.css

@@ -80,9 +80,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 12px);
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

package/dist/es/packages/price/price.js

@@ -1,11 +1,12 @@
 import { _ as _define_property } from "@swc/helpers/_/_define_property";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import React from "react";
+import React, { useMemo } from "react";
 import { Text, View } from "@tarojs/components";
 import classNames from "classnames";
 import { ComponentDefaults } from "../../utils/typings";
 import { useRtl } from "../configprovider/index";
+import { PriceColorEnum } from "../../types";
 import { harmony } from "../../utils/taro/platform";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     color: 'primary',
@@ -18,9 +19,28 @@ var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     line: false
 });
 export var Price = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps, props), color = _$_object_spread.color, price = _$_object_spread.price, symbol = _$_object_spread.symbol, digits = _$_object_spread.digits, thousands = _$_object_spread.thousands, position = _$_object_spread.position, size = _$_object_spread.size, line = _$_object_spread.line, className = _$_object_spread.className, style = _$_object_spread.style;
+    var _$_object_spread = _object_spread({}, defaultProps, props), color = _$_object_spread.color, originalPrice = _$_object_spread.price, symbol = _$_object_spread.symbol, digits = _$_object_spread.digits, thousands = _$_object_spread.thousands, position = _$_object_spread.position, size = _$_object_spread.size, line = _$_object_spread.line, className = _$_object_spread.className, style = _$_object_spread.style;
     var classPrefix = 'nut-price';
     var rtl = useRtl();
+    var price = useMemo(function() {
+        return originalPrice.toString().replace(/[^\d.]/g, '');
+    }, [
+        originalPrice
+    ]);
+    var isCustomPriceColor = useMemo(function() {
+        var specificPriceColor = Object.values(PriceColorEnum);
+        return !specificPriceColor.includes(color);
+    }, [
+        color
+    ]);
+    var priceColorStyle = useMemo(function() {
+        return isCustomPriceColor ? {
+            color: color
+        } : {};
+    }, [
+        isCustomPriceColor,
+        color
+    ]);
     var replaceSpecialChar = function(url) {
         url = url.replace(/"/g, '"');
         url = url.replace(/&/g, '&');
@@ -37,8 +57,8 @@ export var Price = function(props) {
         if (Number(num) === 0) {
             num = 0;
         }
-        num = num.toString();
         if (checkPoint(num)) {
+            num = num.toString();
             num = typeof num.split('.') === 'string' ? num.split('.') : num.split('.')[0];
         }
         if (thousands) {
@@ -51,14 +71,17 @@ export var Price = function(props) {
             decimalNum = 0;
         }
         if (checkPoint(decimalNum)) {
-            decimalNum = Number(decimalNum).toFixed(digits);
-            decimalNum = typeof decimalNum.split('.') === 'string' ? 0 : decimalNum.split('.')[1] || 0;
+            decimalNum = digits ? Number(decimalNum).toFixed(digits) : "".concat(decimalNum);
+            decimalNum = typeof decimalNum.split('.') === 'string' ? 0 : decimalNum.split('.')[1] || '';
         } else {
-            decimalNum = 0;
+            decimalNum = '';
+        }
+        if (digits) {
+            var result = "0.".concat(decimalNum);
+            var resultFixed = Number(result).toFixed(digits);
+            return String(resultFixed).substring(2, resultFixed.length);
         }
-        var result = "0.".concat(decimalNum);
-        var resultFixed = Number(result).toFixed(digits);
-        return String(resultFixed).substring(2, resultFixed.length);
+        return decimalNum;
     };
     var renderSymbol = function() {
         var _obj;
@@ -67,16 +90,20 @@ export var Price = function(props) {
                 "".concat(classPrefix, "-symbol"),
                 "".concat(classPrefix, "-symbol-").concat(size),
                 (_obj = {}, _define_property(_obj, "".concat(classPrefix, "-line"), line), _define_property(_obj, "".concat(classPrefix, "-rtl"), rtl), _obj)
-            ])
+            ]),
+            style: priceColorStyle
         }, symbol ? replaceSpecialChar(symbol) : '');
     };
     var renderInner = function() {
         return /*#__PURE__*/ React.createElement(React.Fragment, null, symbol && position === 'before' ? renderSymbol() : null, /*#__PURE__*/ React.createElement(Text, {
-            className: "".concat(classPrefix, "-integer ").concat(classPrefix, "-integer-").concat(size, " ").concat(line ? "".concat(classPrefix, "-line") : '')
-        }, formatThousands(price)), digits ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Text, {
-            className: "".concat(classPrefix, "-decimal ").concat(classPrefix, "-decimal-").concat(size, " ").concat(line ? "".concat(classPrefix, "-line") : '')
-        }, "."), /*#__PURE__*/ React.createElement(Text, {
-            className: "".concat(classPrefix, "-decimal ").concat(classPrefix, "-decimal-").concat(size, " ").concat(line ? "".concat(classPrefix, "-line") : '')
+            className: "".concat(classPrefix, "-integer ").concat(classPrefix, "-integer-").concat(size, " ").concat(line ? "".concat(classPrefix, "-line") : ''),
+            style: priceColorStyle
+        }, formatThousands(price)), digits !== 0 ? /*#__PURE__*/ React.createElement(React.Fragment, null, checkPoint(price) || digits ? /*#__PURE__*/ React.createElement(Text, {
+            className: "".concat(classPrefix, "-decimal ").concat(classPrefix, "-decimal-").concat(size, " ").concat(line ? "".concat(classPrefix, "-line") : ''),
+            style: priceColorStyle
+        }, ".") : null, /*#__PURE__*/ React.createElement(Text, {
+            className: "".concat(classPrefix, "-decimal ").concat(classPrefix, "-decimal-").concat(size, " ").concat(line ? "".concat(classPrefix, "-line") : ''),
+            style: priceColorStyle
         }, formatDecimal(price))) : null, symbol && position === 'after' ? renderSymbol() : null);
     };
     return /*#__PURE__*/ React.createElement(React.Fragment, null, harmony() ? /*#__PURE__*/ React.createElement(Text, {

package/dist/es/packages/shortpassword/style/style.harmony.css

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

package/dist/es/packages/swiper/swiper.js

@@ -19,7 +19,7 @@ var defaultProps = {
 };
 var classPrefix = 'nut-swiper';
 export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
-    var _ref = _object_spread({}, defaultProps, props), width = _ref.width, height = _ref.height, className = _ref.className, children = _ref.children, indicator = _ref.indicator, indicatorDots = _ref.indicatorDots, loop = _ref.loop, circular = _ref.circular, autoPlay = _ref.autoPlay, autoplay = _ref.autoplay, duration = _ref.duration, vertical = _ref.vertical, direction = _ref.direction, defaultValue = _ref.defaultValue, current = _ref.current, onChange = _ref.onChange, style = _ref.style, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps, props), width = _ref.width, height = _ref.height, className = _ref.className, children = _ref.children, indicator = _ref.indicator, indicatorDots = _ref.indicatorDots, loop = _ref.loop, circular = _ref.circular, autoPlay = _ref.autoPlay, autoplay = _ref.autoplay, vertical = _ref.vertical, direction = _ref.direction, defaultValue = _ref.defaultValue, current = _ref.current, onChange = _ref.onChange, style = _ref.style, rest = _object_without_properties(_ref, [
         "width",
         "height",
         "className",
@@ -30,7 +30,6 @@ export var Swiper = /*#__PURE__*/ React.forwardRef(function(props, ref) {
         "circular",
         "autoPlay",
         "autoplay",
-        "duration",
         "vertical",
         "direction",
         "defaultValue",

package/dist/es/packages/timeselect/style/style.harmony.css

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

package/dist/es/packages/tour/style/style.harmony.css

@@ -134,9 +134,6 @@
 .nut-popup-center.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, var(--nutui-radius-xl, 12px));
 }
-.nut-popup-bottom, .nut-popup-top {
-  max-height: 87%;
-}
 .nut-popup-bottom {
   bottom: 0;
   left: 0;

package/dist/es/types/spec/popup/base.d.ts

@@ -34,6 +34,10 @@ export interface BasePopup extends BaseProps, BaseOverlay {
     */
     title?: ReactNode
     /**
+    * 頂部佔位
+    */
+    top?: ReactNode
+    /**
     * 子标题/描述部分
     */
     description?: ReactNode
@@ -50,6 +54,14 @@ export interface BasePopup extends BaseProps, BaseOverlay {
     */
     round: boolean
     /**
+    * 上下滑动调整高度，当前只支持从底部弹出
+    */
+    resizable: boolean
+    /**
+    * 设置最小高度
+    */
+    minHeight: string
+    /**
     * 打开弹框时触发
     */
     onOpen: () => void
@@ -65,4 +77,16 @@ export interface BasePopup extends BaseProps, BaseOverlay {
     * 点击关闭图标时触发
     */
     onCloseIconClick: (e: any) => boolean | void
+    /**
+    * 滑动时触发
+    */
+    onTouchMove: (height: number, e: any, direction: 'up' | 'down') => void
+    /**
+    * 开始触碰时触发
+    */
+    onTouchStart: (height: number, e: any) => void
+    /**
+    * 结束触碰时触发
+    */
+    onTouchEnd: (height: number, e: any) => void
 }

package/dist/es/types/spec/price/base.d.ts

@@ -1,18 +1,30 @@
 import { BaseProps } from '../../base/props';
 import { SimpleValue, UISize } from '../../base/atoms';
 export type PriceSize = Exclude<UISize, 'mini'>;
-export type PriceColor = 'primary' | 'gray' | 'darkgray';
+export type SpecificPriceColor = 'primary' | 'gray' | 'darkgray';
+export type PriceColor = SpecificPriceColor | string;
+export declare enum PriceColorEnum {
+    Primary = "primary",
+    Gray = "gray",
+    Darkgray = "darkgray"
+}
 export interface BasePrice extends BaseProps {
-    color: PriceColor;
-    price: SimpleValue;
+    /**
+    * 价格类型, 支持自定义颜色
+    */
+    color: PriceColor
+    /**
+    * 价格数量
+    */
+    price: SimpleValue
     /**
     * 符号类型
     */
     symbol: string
     /**
-    * 小数位位数
+    * 小数位位数，传入null数据原样输出
     */
-    digits: number
+    digits: number | null
     /**
     * 是否按照千分号形式显示
     */

package/dist/es/types/spec/price/base.js

@@ -1 +1,6 @@
-export { };
+export var PriceColorEnum = /*#__PURE__*/ function(PriceColorEnum) {
+    PriceColorEnum["Primary"] = "primary";
+    PriceColorEnum["Gray"] = "gray";
+    PriceColorEnum["Darkgray"] = "darkgray";
+    return PriceColorEnum;
+}({});

package/dist/es/utils/taro/get-rect.d.ts

@@ -10,3 +10,4 @@ export interface Rect {
 }
 export declare function makeRect(width: number, height: number): Rect;
 export declare const getRectInMultiPlatform: (element: any, harmonyId?: string) => Promise<Rect>;
+export declare const getRectInMultiPlatformWithoutCache: (element: any, harmonyId?: string) => Promise<Rect>;

package/dist/es/utils/taro/get-rect.js

@@ -56,3 +56,37 @@ export var getRectInMultiPlatform = /*#__PURE__*/ function() {
         return _ref.apply(this, arguments);
     };
 }();
+// 获取元素位置，不走缓存
+export var getRectInMultiPlatformWithoutCache = /*#__PURE__*/ function() {
+    var _ref = _async_to_generator(function(element) {
+        var harmonyId;
+        var _arguments = arguments;
+        return _ts_generator(this, function(_state) {
+            harmonyId = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : '';
+            if (element) {
+                if (inBrowser) {
+                    return [
+                        2,
+                        Promise.resolve(getRect(element))
+                    ];
+                }
+                return [
+                    2,
+                    new Promise(function(resolve, reject) {
+                        createSelectorQuery().select("#".concat(harmonyId || element.uid)).boundingClientRect().exec(function(param) {
+                            var _param = _sliced_to_array(param, 1), rects = _param[0];
+                            resolve(rects);
+                        });
+                    })
+                ];
+            }
+            return [
+                2,
+                Promise.resolve(makeRect(0, 0))
+            ];
+        });
+    });
+    return function getRectInMultiPlatformWithoutCache(element) {
+        return _ref.apply(this, arguments);
+    };
+}();