@fairys/valtio-form-basic 1.0.1 → 1.0.2

package/esm/form/form.item.d.ts

@@ -81,6 +81,8 @@ export interface FairysValtioFormItemAttrsProps<T extends MObject<T> = Record<st
      * @default true
      */
     isRemoveValueOnUnmount?: boolean;
+    /**隐藏表单项移除数据*/
+    isHideRemoveValue?: boolean;
 }
 /**
  * 处理表单表单项属性
@@ -244,3 +246,7 @@ export interface FairysValtioFormItemNoStyleAttrsReturn<T extends MObject<T> = R
     /**子元素*/
     children?: React.ReactNode;
 }
+/**
+ * 处理表单表单项属性，隐藏表单项时移除数据值
+ */
+export declare function useFairysValtioFormItemHideAttrs<T extends MObject<T> = Record<string, any>>(props: FairysValtioFormItemAttrsProps<T>): void;

package/esm/form/form.item.js

@@ -21,7 +21,7 @@ function useFairysValtioFormItemAttrs(props) {
     const parent_isInvalidTextRed = layoutAttrs.isInvalidTextRed;
     const parent_showColon = layoutAttrs.showColon;
     const parent_platform = layoutAttrs.platform;
-    const { name, valuePropName = 'value', getValuePath = valuePropName, getValueFromEvent, formatValue, onAfterUpdate, trigger = 'onChange', className, style, labelClassName, labelStyle, bodyClassName, bodyStyle, children, labelMode = parent_labelMode, errorLayout = parent_errorLayout, colSpan = 1, rowSpan = 1, isRequired: _isRequired, itemBorderType = parent_borderedType, attrs = {}, showColon = parent_showColon, itemBorderColor = parent_itemBorderColor, isInvalidBorderRed = parent_isInvalidBorderRed, isInvalidTextRed = parent_isInvalidTextRed, isJoinParentField = true, rules, platform = parent_platform, isRemoveValueOnUnmount = true } = props;
+    const { name, valuePropName = 'value', getValuePath = valuePropName, getValueFromEvent, formatValue, onAfterUpdate, trigger = 'onChange', className, style, labelClassName, labelStyle, bodyClassName, bodyStyle, children, labelMode = parent_labelMode, errorLayout = parent_errorLayout, colSpan = 1, rowSpan = 1, isRequired: _isRequired, itemBorderType = parent_borderedType, attrs = {}, showColon = parent_showColon, itemBorderColor = parent_itemBorderColor, isInvalidBorderRed = parent_isInvalidBorderRed, isInvalidTextRed = parent_isInvalidTextRed, isJoinParentField = true, rules, platform = parent_platform, isRemoveValueOnUnmount = false } = props;
     const { name: _name, paths, parentName, formAttrsNameInstance } = useFairysValtioFormAttrsName({
         name,
         isJoinParentField
@@ -216,7 +216,7 @@ function useFairysValtioFormItemAttrs(props) {
     };
 }
 function useFairysValtioFormItemNoStyleAttrs(props) {
-    const { name, valuePropName = 'value', getValuePath = valuePropName, getValueFromEvent, formatValue, onAfterUpdate, trigger = 'onChange', children, attrs = {}, isJoinParentField = true, rules, isRemoveValueOnUnmount = true, isRequired: _isRequired } = props;
+    const { name, valuePropName = 'value', getValuePath = valuePropName, getValueFromEvent, formatValue, onAfterUpdate, trigger = 'onChange', children, attrs = {}, isJoinParentField = true, rules, isRemoveValueOnUnmount = false, isRequired: _isRequired } = props;
     const [state, errorState, formInstance] = useFairysValtioFormInstanceContextState();
     const { name: _name, paths, parentName, formAttrsNameInstance } = useFairysValtioFormAttrsName({
         name,
@@ -295,4 +295,15 @@ function useFairysValtioFormItemNoStyleAttrs(props) {
         }) : children
     };
 }
-export { useFairysValtioFormItemAttrs, useFairysValtioFormItemNoStyleAttrs };
+function useFairysValtioFormItemHideAttrs(props) {
+    const { name, isJoinParentField = true, isHideRemoveValue = true } = props;
+    const [, , formInstance] = useFairysValtioFormInstanceContextState();
+    const { name: _name } = useFairysValtioFormAttrsName({
+        name,
+        isJoinParentField
+    });
+    useEffect(()=>()=>{
+            if (isHideRemoveValue) formInstance.removeValueByPaths(_name);
+        }, []);
+}
+export { useFairysValtioFormItemAttrs, useFairysValtioFormItemHideAttrs, useFairysValtioFormItemNoStyleAttrs };

package/lib/form/form.item.d.ts

@@ -81,6 +81,8 @@ export interface FairysValtioFormItemAttrsProps<T extends MObject<T> = Record<st
      * @default true
      */
     isRemoveValueOnUnmount?: boolean;
+    /**隐藏表单项移除数据*/
+    isHideRemoveValue?: boolean;
 }
 /**
  * 处理表单表单项属性
@@ -244,3 +246,7 @@ export interface FairysValtioFormItemNoStyleAttrsReturn<T extends MObject<T> = R
     /**子元素*/
     children?: React.ReactNode;
 }
+/**
+ * 处理表单表单项属性，隐藏表单项时移除数据值
+ */
+export declare function useFairysValtioFormItemHideAttrs<T extends MObject<T> = Record<string, any>>(props: FairysValtioFormItemAttrsProps<T>): void;

package/lib/form/form.item.js

@@ -34,7 +34,8 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     useFairysValtioFormItemNoStyleAttrs: ()=>useFairysValtioFormItemNoStyleAttrs,
-    useFairysValtioFormItemAttrs: ()=>useFairysValtioFormItemAttrs
+    useFairysValtioFormItemAttrs: ()=>useFairysValtioFormItemAttrs,
+    useFairysValtioFormItemHideAttrs: ()=>useFairysValtioFormItemHideAttrs
 });
 const external_react_namespaceObject = require("react");
 var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
@@ -61,7 +62,7 @@ function useFairysValtioFormItemAttrs(props) {
     const parent_isInvalidTextRed = layoutAttrs.isInvalidTextRed;
     const parent_showColon = layoutAttrs.showColon;
     const parent_platform = layoutAttrs.platform;
-    const { name, valuePropName = 'value', getValuePath = valuePropName, getValueFromEvent, formatValue, onAfterUpdate, trigger = 'onChange', className, style, labelClassName, labelStyle, bodyClassName, bodyStyle, children, labelMode = parent_labelMode, errorLayout = parent_errorLayout, colSpan = 1, rowSpan = 1, isRequired: _isRequired, itemBorderType = parent_borderedType, attrs = {}, showColon = parent_showColon, itemBorderColor = parent_itemBorderColor, isInvalidBorderRed = parent_isInvalidBorderRed, isInvalidTextRed = parent_isInvalidTextRed, isJoinParentField = true, rules, platform = parent_platform, isRemoveValueOnUnmount = true } = props;
+    const { name, valuePropName = 'value', getValuePath = valuePropName, getValueFromEvent, formatValue, onAfterUpdate, trigger = 'onChange', className, style, labelClassName, labelStyle, bodyClassName, bodyStyle, children, labelMode = parent_labelMode, errorLayout = parent_errorLayout, colSpan = 1, rowSpan = 1, isRequired: _isRequired, itemBorderType = parent_borderedType, attrs = {}, showColon = parent_showColon, itemBorderColor = parent_itemBorderColor, isInvalidBorderRed = parent_isInvalidBorderRed, isInvalidTextRed = parent_isInvalidTextRed, isJoinParentField = true, rules, platform = parent_platform, isRemoveValueOnUnmount = false } = props;
     const { name: _name, paths, parentName, formAttrsNameInstance } = (0, hooks_index_js_namespaceObject.useFairysValtioFormAttrsName)({
         name,
         isJoinParentField
@@ -256,7 +257,7 @@ function useFairysValtioFormItemAttrs(props) {
     };
 }
 function useFairysValtioFormItemNoStyleAttrs(props) {
-    const { name, valuePropName = 'value', getValuePath = valuePropName, getValueFromEvent, formatValue, onAfterUpdate, trigger = 'onChange', children, attrs = {}, isJoinParentField = true, rules, isRemoveValueOnUnmount = true, isRequired: _isRequired } = props;
+    const { name, valuePropName = 'value', getValuePath = valuePropName, getValueFromEvent, formatValue, onAfterUpdate, trigger = 'onChange', children, attrs = {}, isJoinParentField = true, rules, isRemoveValueOnUnmount = false, isRequired: _isRequired } = props;
     const [state, errorState, formInstance] = (0, index_js_namespaceObject.useFairysValtioFormInstanceContextState)();
     const { name: _name, paths, parentName, formAttrsNameInstance } = (0, hooks_index_js_namespaceObject.useFairysValtioFormAttrsName)({
         name,
@@ -335,10 +336,23 @@ function useFairysValtioFormItemNoStyleAttrs(props) {
         }) : children
     };
 }
+function useFairysValtioFormItemHideAttrs(props) {
+    const { name, isJoinParentField = true, isHideRemoveValue = true } = props;
+    const [, , formInstance] = (0, index_js_namespaceObject.useFairysValtioFormInstanceContextState)();
+    const { name: _name } = (0, hooks_index_js_namespaceObject.useFairysValtioFormAttrsName)({
+        name,
+        isJoinParentField
+    });
+    (0, external_react_namespaceObject.useEffect)(()=>()=>{
+            if (isHideRemoveValue) formInstance.removeValueByPaths(_name);
+        }, []);
+}
 exports.useFairysValtioFormItemAttrs = __webpack_exports__.useFairysValtioFormItemAttrs;
+exports.useFairysValtioFormItemHideAttrs = __webpack_exports__.useFairysValtioFormItemHideAttrs;
 exports.useFairysValtioFormItemNoStyleAttrs = __webpack_exports__.useFairysValtioFormItemNoStyleAttrs;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "useFairysValtioFormItemAttrs",
+    "useFairysValtioFormItemHideAttrs",
     "useFairysValtioFormItemNoStyleAttrs"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
 Object.defineProperty(exports, '__esModule', {

package/package.json

@@ -3,7 +3,7 @@
   "author": "SunLxy <1011771396@qq.com>",
   "description": "使用 valtio 实现的表单基础库, 使其更加便捷，同时支持`PC`、`H5`、`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",

package/src/form/form.item.tsx

@@ -85,6 +85,8 @@ export interface FairysValtioFormItemAttrsProps<T extends MObject<T> = Record<st
    * @default true
    */
   isRemoveValueOnUnmount?: boolean;
+  /**隐藏表单项移除数据*/
+  isHideRemoveValue?: boolean;
 }
 
 /**
@@ -179,7 +181,7 @@ export function useFairysValtioFormItemAttrs<T extends MObject<T> = Record<strin
     isJoinParentField = true,
     rules,
     platform = parent_platform,
-    isRemoveValueOnUnmount = true,
+    isRemoveValueOnUnmount = false,
   } = props;
 
   const {
@@ -537,7 +539,7 @@ export function useFairysValtioFormItemNoStyleAttrs<T extends MObject<T> = Recor
     attrs = {},
     isJoinParentField = true,
     rules,
-    isRemoveValueOnUnmount = true,
+    isRemoveValueOnUnmount = false,
     isRequired: _isRequired,
   } = props;
   const [state, errorState, formInstance] = useFairysValtioFormInstanceContextState<T>();
@@ -670,3 +672,21 @@ export interface FairysValtioFormItemNoStyleAttrsReturn<T extends MObject<T> = R
   /**子元素*/
   children?: React.ReactNode;
 }
+
+/**
+ * 处理表单表单项属性，隐藏表单项时移除数据值
+ */
+export function useFairysValtioFormItemHideAttrs<T extends MObject<T> = Record<string, any>>(
+  props: FairysValtioFormItemAttrsProps<T>,
+) {
+  const { name, isJoinParentField = true, isHideRemoveValue = true } = props;
+  const [, , formInstance] = useFairysValtioFormInstanceContextState<T>();
+  const { name: _name } = useFairysValtioFormAttrsName({ name, isJoinParentField });
+  useEffect(() => {
+    return () => {
+      if (isHideRemoveValue) {
+        formInstance.removeValueByPaths(_name);
+      }
+    };
+  }, []);
+}