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

package/esm/form.item.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 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 FairysPCValtioFormItemBase(props) {
     const { label, extra, helpText } = props;
     const { itemClassName, itemStyle, containerClassName, itemLabelClassName, itemLabelStyle, itemBodyClassName, itemBodyStyle, itemInputClassName, itemExtraClassName, errorClassName, helpClassName, isInvalid, children, error, formAttrsNameInstance, id } = useFairysValtioFormItemAttrs(props);
@@ -47,10 +47,16 @@ function FairysPCValtioFormItemBase(props) {
         ]
     });
 }
+function FairysPCValtioFormHideItemEmpty(props) {
+    useFairysValtioFormItemHideAttrs(props);
+    return /*#__PURE__*/ jsx(Fragment, {});
+}
 function FairysPCValtioFormHideItem(props) {
     const [state] = useFairysValtioFormInstanceContextHideState();
     const isHide = state[props.name];
-    if (isHide) return /*#__PURE__*/ jsx(Fragment, {});
+    if (isHide) return /*#__PURE__*/ jsx(FairysPCValtioFormHideItemEmpty, {
+        ...props
+    });
     return /*#__PURE__*/ jsx(FairysPCValtioFormItemBase, {
         ...props
     });

package/package.json

@@ -3,7 +3,7 @@
   "author": "SunLxy <1011771396@qq.com>",
   "description": "pc表单框架组件",
   "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

@@ -7,6 +7,7 @@ import {
   useFairysValtioFormInstanceContextHideState,
   useFairysValtioFormItemNoStyleAttrs,
   FairysValtioFormParentAttrsContext,
+  useFairysValtioFormItemHideAttrs,
 } from '@fairys/valtio-form-basic';
 
 export interface FairysPCValtioFormItemProps<T extends MObject<T> = Record<string, any>>
@@ -64,6 +65,15 @@ export function FairysPCValtioFormItemBase<T extends MObject<T> = Record<string,
     </div>
   );
 }
+
+/**隐藏表单项的空组件*/
+function FairysPCValtioFormHideItemEmpty<T extends MObject<T> = Record<string, any>>(
+  props: Omit<FairysPCValtioFormItemProps<T>, 'isHide' | 'noStyle'>,
+) {
+  useFairysValtioFormItemHideAttrs(props);
+  return <Fragment />;
+}
+
 /**控制隐藏的表单项*/
 export function FairysPCValtioFormHideItem<T extends MObject<T> = Record<string, any>>(
   props: Omit<FairysPCValtioFormItemProps<T>, 'isHide' | 'noStyle'>,
@@ -71,7 +81,7 @@ export function FairysPCValtioFormHideItem<T extends MObject<T> = Record<string,
   const [state] = useFairysValtioFormInstanceContextHideState();
   const isHide = state[props.name];
   if (isHide) {
-    return <Fragment />;
+    return <FairysPCValtioFormHideItemEmpty<T> {...props} />;
   }
   return <FairysPCValtioFormItemBase<T> {...props} />;
 }