@carefrees/form-utils-react-native 0.0.15 → 0.0.17

package/esm/layout/index.d.ts

@@ -23,6 +23,8 @@ export interface FormLayoutProps extends AttrsOptions {
      * @description gap 属性是用来设置网格行与列之间的间隙，该属性是row-gap and column-gap的简写形式。
      */
     gap?: string | number;
+    /**是否添加输入框边框*/
+    inputBordered?: boolean;
 }
 /**布局组件*/
 export declare const FormLayout: React.MemoExoticComponent<(props: FormLayoutProps) => import("react/jsx-runtime").JSX.Element>;

package/esm/layout/index.js

@@ -4,8 +4,8 @@ import { AttrsContext, useAttrs } from "../hooks/useAttrs.js";
 import { Text, View } from "react-native";
 import { StylesBase } from "../styles/index.js";
 const FormLayout = /*#__PURE__*/ memo((props)=>{
-    const { colCount: p_colCount = 4, errorLayout: p_errorLayout = 'left-bottom', labelMode: p_labelMode = 'left', showColon: p_showColon = true, formItemStyle: p_formItemStyle, formItemLabelStyle: p_formItemLabelStyle } = useAttrs();
-    const { colCount = p_colCount, title, extra, children, isAllColSpan, style, headerStyle, bodyStyle, errorLayout = p_errorLayout, labelMode = p_labelMode, showColon = p_showColon, formItemStyle = p_formItemStyle, formItemLabelStyle = p_formItemLabelStyle, bordered = false, gap } = props;
+    const { colCount: p_colCount = 4, errorLayout: p_errorLayout = 'left-bottom', labelMode: p_labelMode = 'left', showColon: p_showColon = true, formItemStyle: p_formItemStyle, formItemLabelStyle: p_formItemLabelStyle, inputBordered: p_inputBordered } = useAttrs();
+    const { colCount = p_colCount, title, extra, children, isAllColSpan, style, headerStyle, bodyStyle, errorLayout = p_errorLayout, labelMode = p_labelMode, showColon = p_showColon, formItemStyle = p_formItemStyle, formItemLabelStyle = p_formItemLabelStyle, bordered = false, gap, inputBordered = p_inputBordered } = props;
     const propsRef = useRef(props);
     propsRef.current = props;
     const value = useMemo(()=>({
@@ -14,14 +14,16 @@ const FormLayout = /*#__PURE__*/ memo((props)=>{
             labelMode,
             showColon,
             formItemStyle,
-            formItemLabelStyle
+            formItemLabelStyle,
+            inputBordered
         }), [
         colCount,
         errorLayout,
         labelMode,
         showColon,
         formItemStyle,
-        formItemLabelStyle
+        formItemLabelStyle,
+        inputBordered
     ]);
     const styleBase = useMemo(()=>{
         const css = {};

package/package.json

@@ -3,7 +3,7 @@
   "author": "SunLxy <1011771396@qq.com>",
   "description": "react-native 表单组件",
   "homepage": "https://github.com/SunLxy/carefrees-form-utils",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "main": "esm/index.js",
   "types": "esm/index.d.ts",
   "module": "esm/index.js",
@@ -24,12 +24,12 @@
     "esm"
   ],
   "dependencies": {
-    "@carefrees/form-utils": "^0.0.15",
-    "@carefrees/form-utils-react-hooks": "^0.0.15"
+    "@carefrees/form-utils": "^0.0.17",
+    "@carefrees/form-utils-react-hooks": "^0.0.17"
   },
   "devDependencies": {
     "@types/react": "18.2.21",
     "react": "^18.2.0",
     "react-native": "0.76.9"
   }
-}
+}

package/src/layout/index.tsx

@@ -25,6 +25,8 @@ export interface FormLayoutProps extends AttrsOptions {
    * @description gap 属性是用来设置网格行与列之间的间隙，该属性是row-gap and column-gap的简写形式。
    */
   gap?: string | number;
+  /**是否添加输入框边框*/
+  inputBordered?: boolean;
 }
 
 /**布局组件*/
@@ -36,6 +38,7 @@ export const FormLayout = memo((props: FormLayoutProps) => {
     showColon: p_showColon = true,
     formItemStyle: p_formItemStyle,
     formItemLabelStyle: p_formItemLabelStyle,
+    inputBordered: p_inputBordered,
   } = useAttrs();
   const {
     colCount = p_colCount,
@@ -53,6 +56,7 @@ export const FormLayout = memo((props: FormLayoutProps) => {
     formItemLabelStyle = p_formItemLabelStyle,
     bordered = false,
     gap,
+    inputBordered = p_inputBordered,
   } = props;
   const propsRef = useRef(props);
   propsRef.current = props;
@@ -65,8 +69,9 @@ export const FormLayout = memo((props: FormLayoutProps) => {
       showColon,
       formItemStyle,
       formItemLabelStyle,
+      inputBordered,
     };
-  }, [colCount, errorLayout, labelMode, showColon, formItemStyle, formItemLabelStyle]);
+  }, [colCount, errorLayout, labelMode, showColon, formItemStyle, formItemLabelStyle, inputBordered]);
 
   const styleBase = useMemo(() => {
     const css: ViewProps['style'] = {};