@particle-network/ui-native 0.0.26 → 0.0.28

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
@@ -217,7 +218,7 @@ const UXModal = /*#__PURE__*/ forwardRef((props, scrollViewRef)=>{
                             w: 40
                         })
                     }),
-                    title ? /*#__PURE__*/ jsx(Flex, {
+                    !!title && /*#__PURE__*/ jsx(Flex, {
                         fullWidth: true,
                         justify: 'center' === titleAlign ? 'center' : 'start',
                         mt: -4,
@@ -225,33 +226,37 @@ const UXModal = /*#__PURE__*/ forwardRef((props, scrollViewRef)=>{
                             h3: true,
                             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, {
+                    !!footer || !!tip && /*#__PURE__*/ jsxs(VStack, {
                         fullWidth: true,
                         gap: "lg",
                         onLayout: (event)=>{
                             setFooterHeight(event.nativeEvent.layout.height);
                         },
                         children: [
-                            footer ? /*#__PURE__*/ jsx(VStack, {
+                            !!footer && /*#__PURE__*/ jsx(VStack, {
                                 fullWidth: true,
                                 gap: "lg",
                                 children: footer
-                            }) : null,
-                            tip ? /*#__PURE__*/ jsxs(Flex, {
+                            }),
+                            !!tip && /*#__PURE__*/ jsxs(Flex, {
                                 gap: 8,
                                 children: [
                                     /*#__PURE__*/ jsx(Circle, {
@@ -266,7 +271,7 @@ const UXModal = /*#__PURE__*/ forwardRef((props, scrollViewRef)=>{
                                         children: tip
                                     })
                                 ]
-                            }) : null
+                            })
                         ]
                     })
                 ]

package/dist/components/input/types.d.ts

@@ -9,7 +9,7 @@ export interface ValidationResult {
     isValid: boolean;
     errorMessage?: string;
 }
-export interface UXInputCommonProps extends Omit<TextInputProps, 'value' | 'defaultValue'> {
+export interface UXInputCommonProps extends Omit<TextInputProps, 'style' | 'value' | 'defaultValue'> {
     /**
      * 最外层容器，包括 label 和 error
      */

package/package.json

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