@particle-network/ui-native 0.0.26 → 0.0.27

package/dist/components/UXModal/index.d.ts

@@ -1,24 +1,65 @@
 import React from 'react';
-import { ScrollView, type StyleProp, type ViewStyle } from 'react-native';
+import { ScrollView, type ScrollViewProps, type StyleProp, type ViewStyle } from 'react-native';
 export interface UXModalProps {
     modalName?: string;
+    /**
+     * 容器样式
+     */
     style?: StyleProp<ViewStyle>;
+    /**
+     * 内容样式
+     */
     contentStyle?: StyleProp<ViewStyle>;
     isOpen: boolean;
+    /**
+     * 标题
+     */
     title?: React.ReactNode;
+    /**
+     * 顶部内容，可以固定位置，如搜索框
+     */
+    topContent?: React.ReactNode;
+    /**
+     * 标题对齐方式
+     */
     titleAlign?: 'left' | 'center';
+    /**
+     * 底部内容
+     */
     footer?: React.ReactNode;
+    /**
+     * 提示内容
+     */
     tip?: React.ReactNode;
+    /**
+     * 关闭回调
+     */
     onClose?: () => void;
+    /**
+     * 可见性变化回调
+     */
     onVisibleChange?: (visible: boolean) => void;
     children: React.ReactNode;
+    /**
+     * 是否禁用滑动关闭弹窗
+     */
     disableCloseBySwipe?: boolean;
+    /**
+     * 是否只允许通过点击指示线关闭弹窗
+     */
     closeByLineOnly?: boolean;
+    /**
+     * 是否需要包裹 portal
+     */
     wrapPortal?: boolean;
     /**
      * 键盘避开区域
      * 如果想要遮挡 footer 则选择 content
      */
     keyboardAvoidPosition?: 'container' | 'content';
+    /**
+     * ScrollView 属性
+     */
+    scrollViewProps?: ScrollViewProps;
 }
 export declare const UXModal: React.ForwardRefExoticComponent<UXModalProps & React.RefAttributes<ScrollView>>;

package/dist/components/UXModal/index.js

@@ -13,7 +13,8 @@ import { VStack } from "../layout/VStack.js";
 import { Text } from "../Text/index.js";
 const { height } = Dimensions.get('window');
 const UXModal = /*#__PURE__*/ forwardRef((props, scrollViewRef)=>{
-    const { style, contentStyle, isOpen, title, titleAlign = 'left', onClose, onVisibleChange, children, disableCloseBySwipe, closeByLineOnly, wrapPortal, footer, modalName, tip, keyboardAvoidPosition = 'container' } = props;
+    const { style, contentStyle, isOpen, title, topContent, titleAlign = 'left', onClose, onVisibleChange, children, disableCloseBySwipe, closeByLineOnly, wrapPortal, footer, modalName, tip, keyboardAvoidPosition = 'container', scrollViewProps } = props;
+    const { style: scrollViewStyle, ...restScrollViewProps } = scrollViewProps || {};
     const { modal: modalConfig } = useComponentConfig();
     const { getColor } = useColors();
     const { ms } = useMs();
@@ -154,7 +155,7 @@ const UXModal = /*#__PURE__*/ forwardRef((props, scrollViewRef)=>{
             flex: 1,
             gap: ms(20),
             backgroundColor: getColor('overlay'),
-            maxHeight: isAndroid ? height : height - insets.top,
+            maxHeight: height - Math.max(insets.top, ms(40)),
             transform: [
                 {
                     translateY
@@ -226,17 +227,21 @@ const UXModal = /*#__PURE__*/ forwardRef((props, scrollViewRef)=>{
                             children: title
                         }) : title
                     }) : null,
+                    topContent,
                     /*#__PURE__*/ jsx(ScrollView, {
                         ref: scrollViewRef,
                         bounces: false,
                         scrollEventThrottle: 16,
                         showsHorizontalScrollIndicator: false,
                         showsVerticalScrollIndicator: false,
+                        keyboardShouldPersistTaps: "always",
                         style: [
                             styles.content,
-                            contentStyle
+                            contentStyle,
+                            scrollViewStyle
                         ],
                         onScroll: handleScroll,
+                        ...restScrollViewProps,
                         children: children
                     }),
                     /*#__PURE__*/ jsxs(VStack, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-native",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "license": "MIT",
   "main": "./entry.js",
   "react-native": "./dist/index.js",