@carefrees/form-utils-react-native 0.0.7 → 0.0.9

package/src/index.tsx

@@ -15,8 +15,6 @@ export interface FormProps<T = any> extends FormLayoutProps {
   children?: React.ReactNode;
   form?: FormInstanceBase;
   style?: ViewProps['style'];
-  className?: string;
-  layoutClassName?: string;
   layoutStyle?: ViewProps['style'];
   /**表单数据*/
   formData?: any;
@@ -41,7 +39,6 @@ export function Form<T = any>(props: FormProps<T>) {
     children,
     form,
     style,
-    className,
     formData,
     hideData,
     hideRuleData,
@@ -51,7 +48,6 @@ export function Form<T = any>(props: FormProps<T>) {
     onFinishFailed,
     onValuesChange,
     layoutStyle,
-    layoutClassName,
     ...rest
   } = props;
   const formInstance = useForm(form);
@@ -71,7 +67,7 @@ export function Form<T = any>(props: FormProps<T>) {
   return (
     <FormInstanceContext.Provider value={formInstance}>
       <View style={style}>
-        <FormLayout {...rest} className={layoutClassName} style={layoutStyle}>
+        <FormLayout {...rest} style={layoutStyle}>
           {children}
         </FormLayout>
       </View>

package/src/layout/index.tsx

@@ -12,11 +12,6 @@ export interface FormLayoutProps extends AttrsOptions {
   children?: React.ReactNode;
   /**是否占据整行*/
   isAllColSpan?: boolean;
-  className?: string;
-  /**头部ClassName*/
-  headerClassName?: string;
-  /**内容ClassName*/
-  bodyClassName?: string;
   style?: ViewProps['style'];
   /**头部样式*/
   headerStyle?: ViewProps['style'];
@@ -39,9 +34,7 @@ export const FormLayout = memo((props: FormLayoutProps) => {
     errorLayout: p_errorLayout = 'left-bottom',
     labelMode: p_labelMode = 'left',
     showColon: p_showColon = true,
-    formItemClassName: p_formItemClassName,
     formItemStyle: p_formItemStyle,
-    formItemLabelClassName: p_formItemLabelClassName,
     formItemLabelStyle: p_formItemLabelStyle,
   } = useAttrs();
   const {
@@ -50,18 +43,13 @@ export const FormLayout = memo((props: FormLayoutProps) => {
     extra,
     children,
     isAllColSpan,
-    className,
-    headerClassName,
-    bodyClassName,
     style,
     headerStyle,
     bodyStyle,
     errorLayout = p_errorLayout,
     labelMode = p_labelMode,
     showColon = p_showColon,
-    formItemClassName = p_formItemClassName,
     formItemStyle = p_formItemStyle,
-    formItemLabelClassName = p_formItemLabelClassName,
     formItemLabelStyle = p_formItemLabelStyle,
     bordered = false,
     gap,
@@ -75,21 +63,10 @@ export const FormLayout = memo((props: FormLayoutProps) => {
       errorLayout,
       labelMode,
       showColon,
-      formItemClassName,
       formItemStyle,
-      formItemLabelClassName,
       formItemLabelStyle,
     };
-  }, [
-    colCount,
-    errorLayout,
-    labelMode,
-    showColon,
-    formItemClassName,
-    formItemStyle,
-    formItemLabelClassName,
-    formItemLabelStyle,
-  ]);
+  }, [colCount, errorLayout, labelMode, showColon, formItemStyle, formItemLabelStyle]);
 
   const styleBase = useMemo(() => {
     const css: ViewProps['style'] = {};

package/src/layout/layout.formItem.tsx

@@ -26,12 +26,6 @@ export interface LayoutFormItemProps {
    * @default 1
    */
   colSpan?: number;
-  /**
-   * 表单项占据行数
-   * @default 1
-   */
-  rowSpan?: number;
-
   htmlFor?: string;
   /**规则验证结果*/
   validateResult?: {
@@ -40,9 +34,7 @@ export interface LayoutFormItemProps {
   };
   // 样式部分
   style?: ViewProps['style'];
-  className?: string;
   labelStyle?: ViewProps['style'];
-  labelClassName?: string;
   /**底部边框*/
   inputBordered?: boolean;
 }
@@ -50,8 +42,6 @@ export interface LayoutFormItemProps {
 /**布局组件 表单项*/
 export const LayoutFormItem = memo((props: LayoutFormItemProps) => {
   const {
-    formItemClassName,
-    formItemLabelClassName,
     formItemLabelStyle,
     formItemStyle,
     labelMode: p_labelMode = 'top',
@@ -75,8 +65,6 @@ export const LayoutFormItem = memo((props: LayoutFormItemProps) => {
     required,
     errorLayout = p_errorLayout,
     style,
-    className,
-    labelClassName,
     labelStyle,
     inputBordered = p_inputBordered,
   } = props;