@fairys/taro-valtio-form-basic 1.0.1 → 1.0.2

package/esm/form.item.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { View } from "@tarojs/components";
 import { Fragment } from "react";
-import { FairysValtioFormParentAttrsContext, useFairysValtioFormInstanceContextHideState, useFairysValtioFormItemAttrs, useFairysValtioFormItemNoStyleAttrs } from "@fairys/valtio-form-basic";
+import { FairysValtioFormParentAttrsContext, useFairysValtioFormInstanceContextHideState, useFairysValtioFormItemAttrs, useFairysValtioFormItemHideAttrs, useFairysValtioFormItemNoStyleAttrs } from "@fairys/valtio-form-basic";
 function FairysTaroValtioFormItemBase(props) {
     const { label, extra, helpText } = props;
     const { itemClassName, itemStyle, containerClassName, itemLabelClassName, itemLabelStyle, itemBodyClassName, itemBodyStyle, itemInputClassName, itemExtraClassName, errorClassName, helpClassName, isInvalid, itemBorderType, children, error, formAttrsNameInstance } = useFairysValtioFormItemAttrs(props);
@@ -51,10 +51,16 @@ function FairysTaroValtioFormItemBase(props) {
         ]
     });
 }
+function FairysTaroValtioFormHideItemEmpty(props) {
+    useFairysValtioFormItemHideAttrs(props);
+    return /*#__PURE__*/ jsx(Fragment, {});
+}
 function FairysTaroValtioFormHideItem(props) {
     const [state] = useFairysValtioFormInstanceContextHideState();
     const isHide = state[props.name];
-    if (isHide) return /*#__PURE__*/ jsx(Fragment, {});
+    if (isHide) return /*#__PURE__*/ jsx(FairysTaroValtioFormHideItemEmpty, {
+        ...props
+    });
     return /*#__PURE__*/ jsx(FairysTaroValtioFormItemBase, {
         ...props
     });

package/package.json

@@ -3,7 +3,7 @@
   "author": "SunLxy <1011771396@qq.com>",
   "description": "taro表单框架组件",
   "homepage": "https://github.com/autumn-fairy-tales/valtio-form-basic",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "main": "lib/index.js",
   "types": "esm/index.d.ts",
   "module": "esm/index.js",
@@ -25,7 +25,7 @@
     "esm"
   ],
   "dependencies": {
-    "@fairys/valtio-form-basic": "^1.0.1"
+    "@fairys/valtio-form-basic": "^1.0.2"
   },
   "devDependencies": {
     "@types/react": "~18.2.21",

package/src/form.item.tsx

@@ -9,6 +9,7 @@ import {
   useFairysValtioFormInstanceContextHideState,
   useFairysValtioFormItemNoStyleAttrs,
   FairysValtioFormParentAttrsContext,
+  useFairysValtioFormItemHideAttrs,
 } from '@fairys/valtio-form-basic';
 
 export interface FairysTaroValtioFormItemProps<T extends MObject<T> = Record<string, any>>
@@ -67,6 +68,15 @@ export function FairysTaroValtioFormItemBase<T extends MObject<T> = Record<strin
     </View>
   );
 }
+
+/**隐藏表单项的空组件*/
+function FairysTaroValtioFormHideItemEmpty<T extends MObject<T> = Record<string, any>>(
+  props: Omit<FairysTaroValtioFormItemProps<T>, 'isHide' | 'noStyle'>,
+) {
+  useFairysValtioFormItemHideAttrs(props);
+  return <Fragment />;
+}
+
 /**控制隐藏的表单项*/
 export function FairysTaroValtioFormHideItem<T extends MObject<T> = Record<string, any>>(
   props: Omit<FairysTaroValtioFormItemProps<T>, 'isHide' | 'noStyle'>,
@@ -74,7 +84,7 @@ export function FairysTaroValtioFormHideItem<T extends MObject<T> = Record<strin
   const [state] = useFairysValtioFormInstanceContextHideState();
   const isHide = state[props.name];
   if (isHide) {
-    return <Fragment />;
+    return <FairysTaroValtioFormHideItemEmpty<T> {...props} />;
   }
   return <FairysTaroValtioFormItemBase<T> {...props} />;
 }