@fairys/valtio-form-basic 0.0.8 → 0.0.10

package/esm/form/instance/index.js

@@ -2,6 +2,7 @@ import { createContext, useContext, useRef } from "react";
 import { proxy, ref as external_valtio_ref, snapshot, useSnapshot } from "valtio";
 import async_validator from "async-validator";
 import { copy } from "fast-copy";
+import { formatePath, get, set } from "../utils/index.js";
 class FairysValtioFormInstance {
     state = proxy({});
     errorState = proxy({});
@@ -21,6 +22,12 @@ class FairysValtioFormInstance {
         }
         if (isValidate) this.validate(keys, false);
     };
+    updatedValueByPaths = (path, value)=>{
+        set(this.state, formatePath(path), value);
+        this.validate([
+            path
+        ], false);
+    };
     updatedHideInfo = (objectHideInfo)=>{
         const keys = Object.keys(objectHideInfo);
         for(let index = 0; index < keys.length; index++){
@@ -60,36 +67,49 @@ class FairysValtioFormInstance {
         this.errorState = proxy({});
         this.hideState = proxy({});
     };
+    mountRules = {};
+    removeRules = (name)=>{
+        delete this.mountRules[name];
+    };
     rules = {};
+    nameToPaths = {};
     validate = async (fields, isReturn = true)=>{
-        let _fields = fields;
+        const rules = {
+            ...this.rules,
+            ...this.mountRules
+        };
         const _formData = snapshot(this.state);
-        if (!this.rules) return Promise.resolve({
-            ..._formData
-        });
-        const rules = {};
-        let isNeedValidate = false;
-        if (!fields || Array.isArray(fields) && 0 === fields.length) _fields = Object.keys(this.rules);
-        for(let index = 0; index < _fields.length; index++){
-            isNeedValidate = true;
-            const element = _fields[index];
-            const rule = this.rules[element];
-            if ('function' == typeof rule) {
-                const _rules = await rule(_formData, this);
-                rules[element] = _rules;
-            } else if (Array.isArray(rule)) rules[element] = rule;
-        }
-        if (!isNeedValidate) {
-            console.warn('no rules to validate');
-            return Promise.resolve({
-                ..._formData
-            });
+        const _values = {};
+        let _fields = Object.keys(rules);
+        let _lastRules = {};
+        let isPropsFields = false;
+        if (Array.isArray(fields) && fields.length) {
+            _fields = [
+                ...fields
+            ];
+            isPropsFields = true;
+            for(let index = 0; index < fields.length; index++){
+                const field = fields[index];
+                const paths = this.nameToPaths[field];
+                _lastRules[field] = rules[field];
+                _values[field] = get(_formData, paths ? paths : formatePath(field));
+            }
+        } else {
+            isPropsFields = false;
+            _lastRules = {
+                ...rules
+            };
+            for(let index = 0; index < _fields.length; index++){
+                const field = _fields[index];
+                const paths = this.nameToPaths[field];
+                _values[field] = get(_formData, paths);
+            }
         }
         return new Promise((resolve, reject)=>{
             new async_validator({
                 ...rules
             }).validate({
-                ..._formData
+                ..._values
             }, (errors, fields)=>{
                 for(let index = 0; index < _fields.length; index++){
                     const field = _fields[index];
@@ -101,10 +121,19 @@ class FairysValtioFormInstance {
                     errors,
                     fields
                 });
-                else resolve(fields);
+                else isPropsFields ? resolve({
+                    ...fields
+                }) : resolve({
+                    ..._formData
+                });
             });
         });
     };
+    validatePrefixFields = async (prefix, isReturn = true)=>{
+        const fields = Object.keys(this.rules);
+        const _fields = fields.filter((item)=>prefix.some((p)=>item.toString().startsWith(p)));
+        return this.validate(_fields, isReturn);
+    };
 }
 function useFairysValtioFormInstance(instance) {
     const ref = useRef();

package/esm/form/layout.d.ts

@@ -2,7 +2,7 @@ export interface FairysValtioFormLayoutContextOptions {
     /**列数据*/
     colCount?: number;
     /**规则校验失败错误提示位置*/
-    errorLayout?: 'left-bottom' | 'right-bottom' | 'top-right' | 'top-left';
+    errorLayout?: 'bottom-left' | 'bottom-right' | 'top-right' | 'top-left' | 'left-border-top' | 'right-border-top';
     /**
      * label显示模式
      * @platform taro 支持 between
@@ -23,7 +23,15 @@ export interface FairysValtioFormLayoutContextOptions {
     /**
      * 底部边框类型
      */
-    borderedType?: 'bottom' | 'body';
+    itemBorderType?: 'bottom' | 'body';
+    /**边框颜色*/
+    itemBorderColor?: React.CSSProperties['borderColor'];
+    /**是否校验失败时显示红色边框*/
+    isInvalidBorderRed?: boolean;
+    /**是否校验失败时显示红色文本*/
+    isInvalidTextRed?: boolean;
+    /**是否显示冒号*/
+    showColon?: boolean;
 }
 export interface FairysValtioFormLayoutAttrsProps extends FairysValtioFormLayoutContextOptions {
     /**
@@ -63,7 +71,7 @@ export declare const useFairysValtioFormLayoutInstance: (instance?: FairysValtio
 export declare const FairysValtioFormLayoutContext: import("react").Context<FairysValtioFormLayoutInstance>;
 export declare const useFairysValtioFormLayoutContext: () => readonly [{
     readonly colCount?: number;
-    readonly errorLayout?: "left-bottom" | "right-bottom" | "top-right" | "top-left";
+    readonly errorLayout?: "bottom-left" | "bottom-right" | "top-right" | "top-left" | "left-border-top" | "right-border-top";
     readonly labelMode?: "left" | "top" | "between";
     readonly formItemClassName?: string;
     readonly formItemStyle?: {
@@ -2645,7 +2653,11 @@ export declare const useFairysValtioFormLayoutContext: () => readonly [{
         readonly colorRendering?: import("csstype").Property.ColorRendering | undefined;
         readonly glyphOrientationVertical?: import("csstype").Property.GlyphOrientationVertical | undefined;
     };
-    readonly borderedType?: "bottom" | "body";
+    readonly itemBorderType?: "bottom" | "body";
+    readonly itemBorderColor?: React.CSSProperties["borderColor"];
+    readonly isInvalidBorderRed?: boolean;
+    readonly isInvalidTextRed?: boolean;
+    readonly showColon?: boolean;
 }, FairysValtioFormLayoutInstance];
 /**
  * 布局属性处理
@@ -2706,7 +2718,7 @@ export interface FairysValtioFormLayoutAttrsReturn {
     /**
      * 底部边框类型
      */
-    borderedType: string;
+    itemBorderType: string;
     /**表单布局实例*/
     formLayoutInstance: FairysValtioFormLayoutInstance;
     /**布局ClassName*/

package/esm/form/layout.js

@@ -4,9 +4,9 @@ import { proxy, useSnapshot } from "valtio";
 class FairysValtioFormLayoutInstance {
     state = proxy({
         colCount: 1,
-        errorLayout: 'right-bottom',
+        errorLayout: 'bottom-right',
         labelMode: 'between',
-        borderedType: 'bottom'
+        itemBorderType: 'bottom'
     });
     updated = (options = {})=>{
         const keys = Object.keys(options);
@@ -35,7 +35,7 @@ function useFairysValtioFormLayoutAttrs(props) {
     const formLayoutInstance = useFairysValtioFormLayoutInstance();
     const [state] = useFairysValtioFormLayoutContext();
     const parent_colCount = state.colCount || 1;
-    const parent_errorLayout = state.errorLayout || 'right-bottom';
+    const parent_errorLayout = state.errorLayout || 'bottom-right';
     const parent_labelMode = state.labelMode || 'between';
     const parent_formItemClassName = state.formItemClassName;
     const parent_formItemStyle = state.formItemStyle;
@@ -43,8 +43,12 @@ function useFairysValtioFormLayoutAttrs(props) {
     const parent_formItemLabelStyle = state.formItemLabelStyle;
     const parent_formItemBodyClassName = state.formItemBodyClassName;
     const parent_formItemBodyStyle = state.formItemBodyStyle;
-    const parent_borderedType = state.borderedType || 'bottom';
-    const { colCount = parent_colCount, errorLayout = parent_errorLayout, labelMode = parent_labelMode, formItemClassName = parent_formItemClassName, formItemStyle = parent_formItemStyle, formItemLabelClassName = parent_formItemLabelClassName, formItemLabelStyle = parent_formItemLabelStyle, formItemBodyClassName = parent_formItemBodyClassName, formItemBodyStyle = parent_formItemBodyStyle, borderedType = parent_borderedType, lastItemBordered = true, gap, isAllColSpan = false, className, style, headerClassName, headerStyle, bodyClassName, bodyStyle, bordered, boxShadow } = props;
+    const parent_borderedType = state.itemBorderType || 'bottom';
+    const parent_itemBorderColor = state.itemBorderColor;
+    const parent_isInvalidBorderRed = state.isInvalidBorderRed;
+    const parent_isInvalidTextRed = state.isInvalidTextRed;
+    const parent_showColon = state.showColon;
+    const { colCount = parent_colCount, errorLayout = parent_errorLayout, labelMode = parent_labelMode, formItemClassName = parent_formItemClassName, formItemStyle = parent_formItemStyle, formItemLabelClassName = parent_formItemLabelClassName, formItemLabelStyle = parent_formItemLabelStyle, formItemBodyClassName = parent_formItemBodyClassName, formItemBodyStyle = parent_formItemBodyStyle, itemBorderType = parent_borderedType, itemBorderColor = parent_itemBorderColor, lastItemBordered = true, isInvalidBorderRed = parent_isInvalidBorderRed, isInvalidTextRed = parent_isInvalidTextRed, showColon = parent_showColon, gap, isAllColSpan = false, className, style, headerClassName, headerStyle, bodyClassName, bodyStyle, bordered, boxShadow } = props;
     useMemo(()=>formLayoutInstance.updated({
             colCount,
             errorLayout,
@@ -55,7 +59,11 @@ function useFairysValtioFormLayoutAttrs(props) {
             formItemLabelStyle,
             formItemBodyClassName,
             formItemBodyStyle,
-            borderedType
+            itemBorderType,
+            itemBorderColor,
+            isInvalidBorderRed,
+            isInvalidTextRed,
+            showColon
         }), [
         colCount,
         errorLayout,
@@ -66,11 +74,15 @@ function useFairysValtioFormLayoutAttrs(props) {
         formItemLabelStyle,
         formItemBodyClassName,
         formItemBodyStyle,
-        borderedType
+        itemBorderType,
+        itemBorderColor,
+        isInvalidBorderRed,
+        isInvalidTextRed,
+        showColon
     ]);
-    const layoutCls = useMemo(()=>clsx("fairys-valtio-form-layout fairystaroform__text-_zkh1_12px_zhk2_ fairystaroform__w-full fairystaroform__box-border fairystaroform__rounded-md", {
+    const layoutCls = useMemo(()=>clsx("fairys-valtio-form-layout fairystaroform__transition-all fairystaroform__duration-300 fairystaroform__text-_zkh1_12px_zhk2_ fairystaroform__w-full fairystaroform__box-border fairystaroform__rounded-_zkh1_8px_zhk2_", {
             'fairys-valtio-form-layout-all-col-span': isAllColSpan,
-            'fairys-taro-form-valtio-layout-box-shadow': boxShadow,
+            'fairys-valtio-form-layout-box-shadow': boxShadow,
             'fairystaroform__border fairystaroform__border-solid fairystaroform__border-gray-200': bordered,
             'fairys-valtio-form-layout-last-item-no-border': !lastItemBordered
         }, className), [
@@ -80,7 +92,7 @@ function useFairysValtioFormLayoutAttrs(props) {
         boxShadow,
         lastItemBordered
     ]);
-    const headerCls = useMemo(()=>clsx("fairys-valtio-form-layout-header fairystaroform__flex fairystaroform__justify-between fairystaroform__items-center fairystaroform__flex-row fairystaroform__py-_zkh1_12px_zhk2_  fairystaroform__border-b fairystaroform__border-b-solid fairystaroform__border-b-gray-200 fairystaroform__box-border", {
+    const headerCls = useMemo(()=>clsx("fairys-valtio-form-layout-header fairystaroform__transition-all fairystaroform__duration-300 fairystaroform__flex fairystaroform__justify-between fairystaroform__items-center fairystaroform__flex-row fairystaroform__py-_zkh1_10px_zhk2_  fairystaroform__border-b fairystaroform__border-b-solid fairystaroform__border-b-gray-200 fairystaroform__box-border", {
             'fairystaroform__px-_zkh1_8px_zhk2_': bordered || boxShadow,
             'fairystaroform__px-_zkh1_4px_zhk2_': !bordered && !boxShadow
         }, headerClassName), [
@@ -88,9 +100,9 @@ function useFairysValtioFormLayoutAttrs(props) {
         bordered,
         boxShadow
     ]);
-    const headerTitleCls = useMemo(()=>clsx("fairys-valtio-form-layout-header-title fairystaroform__text-_zkh1_14px_zhk2_ fairystaroform__font-bold fairystaroform__box-border"), []);
-    const headerExtraCls = useMemo(()=>clsx("fairys-valtio-form-layout-header-extra fairystaroform__box-border"), []);
-    const body_base = useMemo(()=>clsx('fairys-valtio-form-layout-body fairystaroform__px-_zkh1_8px_zhk2_ fairystaroform__w-full fairystaroform__grid fairystaroform__gap-_zkh1_2px_zhk2_ fairystaroform__box-border', bodyClassName), [
+    const headerTitleCls = useMemo(()=>clsx("fairys-valtio-form-layout-header-title fairystaroform__transition-all fairystaroform__duration-300 fairystaroform__text-_zkh1_14px_zhk2_ fairystaroform__font-bold fairystaroform__box-border"), []);
+    const headerExtraCls = useMemo(()=>clsx("fairys-valtio-form-layout-header-extra fairystaroform__transition-all fairystaroform__duration-300 fairystaroform__box-border"), []);
+    const body_base = useMemo(()=>clsx('fairys-valtio-form-layout-body fairystaroform__transition-all fairystaroform__duration-300 fairystaroform__px-_zkh1_8px_zhk2_ fairystaroform__w-full fairystaroform__grid fairystaroform__gap-_zkh1_2px_zhk2_ fairystaroform__box-border', bodyClassName), [
         bodyClassName
     ]);
     const styleBase = useMemo(()=>{
@@ -107,7 +119,7 @@ function useFairysValtioFormLayoutAttrs(props) {
         colCount,
         errorLayout,
         labelMode,
-        borderedType,
+        itemBorderType,
         formLayoutInstance,
         layoutName: layoutCls,
         layoutStyle: style,

package/esm/form/utils/index.d.ts

@@ -0,0 +1,24 @@
+/***
+ * 设置值
+ * @param object 任意对象
+ * @param paths 值路径
+ * @param nextValue 新值
+ *
+ * @description
+ * 值不存在时，当 paths 路径中的值为 number 类型时，会创建一个空数组。当 paths 路径中的值为 string 类型时，会创建一个空对象。
+ */
+export declare function set<T>(state: any, paths: PropertyKey[], nextValue: T): any;
+/***
+ * 获取值
+ * @param value 任意值
+ * @param segments 键路径
+ */
+export declare function get<TDefault = unknown>(value: any, segments: PropertyKey[]): TDefault;
+/***
+ * 格式化路径，将路径中的数组索引转换为数字
+ * @param path 路径
+ * @returns 格式化后的路径
+ */
+export declare function formatePath(path: PropertyKey): (number | symbol)[] | (string | number)[];
+/**格式化属性名*/
+export declare function formateName(name?: string, parentName?: string): string;

package/esm/form/utils/index.js

@@ -0,0 +1,60 @@
+function set(state, paths, nextValue) {
+    const _keys = [
+        ...paths
+    ];
+    let current = state;
+    const length = _keys.length - 1;
+    for(let i = 0; i <= length; i++){
+        const key = _keys[i];
+        const _current = current[key];
+        const nextKey = _keys[i + 1];
+        if (void 0 === _current && 'number' == typeof nextKey) current[key] = [];
+        else if (void 0 === _current && 'string' == typeof nextKey) current[key] = {};
+        if (i === length) current[key] = nextValue;
+        else current = current[key];
+    }
+    return state;
+}
+function get(value, segments) {
+    let current = value;
+    for (const key of segments)current = current?.[key];
+    return current;
+}
+function formatePath(path) {
+    if ('string' != typeof path) return [
+        path
+    ];
+    return path.split(/[\.]/g).reduce((pre, next)=>{
+        if (/\[[0-9]+\]$/.test(next)) {
+            const _next = next.split(/\[/);
+            let _nextValue = [];
+            for(let index = 0; index < _next.length; index++){
+                const element = _next[index];
+                if (/\]$/.test(element)) {
+                    const _v = element.replace(/\]$/, '');
+                    const v = Number.parseInt(_v);
+                    if (_v.length !== `${v}`.length || Number.isNaN(v)) _nextValue.push(_v);
+                    else _nextValue.push(v);
+                } else _nextValue.push(element);
+            }
+            return [
+                ...pre,
+                ..._nextValue
+            ];
+        }
+        return [
+            ...pre,
+            next
+        ];
+    }, []).map((item)=>{
+        if ('string' == typeof item) return item.trim();
+        return item;
+    }).filter((item)=>'' !== item);
+}
+function formateName(name, parentName) {
+    if (parentName && name) return parentName + '.' + name;
+    if (parentName) return parentName;
+    if (name) return name;
+    return '';
+}
+export { formateName, formatePath, get, set };

package/esm/index.d.ts

@@ -1,3 +1,4 @@
+export * from './form/hooks';
 export * from './form/instance';
 export * from './form/layout';
 export * from './form/form';

package/esm/index.js

@@ -1,3 +1,4 @@
+export * from "./form/hooks/index.js";
 export * from "./form/instance/index.js";
 export * from "./form/layout.js";
 export * from "./form/form.js";

package/esm/styles/index.css

@@ -63,6 +63,10 @@
   bottom: -14px;
 }
 
+.fairystaroform__bottom-_zkh1_-2px_zhk2_ {
+  bottom: -2px;
+}
+
 .fairystaroform__left-0 {
   left: 0;
 }
@@ -71,8 +75,8 @@
   right: 0;
 }
 
-.fairystaroform__top-_zkh1_-14px_zhk2_ {
-  top: -14px;
+.fairystaroform__top-_zkh1_-4px_zhk2_ {
+  top: -4px;
 }
 
 .fairystaroform__z-10 {
@@ -91,6 +95,10 @@
   height: 100%;
 }
 
+.fairystaroform__min-h-_zkh1_32px_zhk2_ {
+  min-height: 32px;
+}
+
 .fairystaroform__w-full {
   width: 100%;
 }
@@ -166,8 +174,8 @@
   border-bottom-color: rgb(229 231 235 / var(--un-border-bottom-opacity));
 }
 
-.fairystaroform__rounded-md {
-  border-radius: .375rem;
+.fairystaroform__rounded-_zkh1_8px_zhk2_ {
+  border-radius: 8px;
 }
 
 .fairystaroform__border-solid {
@@ -192,9 +200,9 @@
   padding-right: 8px;
 }
 
-.fairystaroform__py-_zkh1_12px_zhk2_ {
-  padding-top: 12px;
-  padding-bottom: 12px;
+.fairystaroform__py-_zkh1_10px_zhk2_ {
+  padding-top: 10px;
+  padding-bottom: 10px;
 }
 
 .fairystaroform__text-left {
@@ -231,6 +239,16 @@
   font-weight: 700;
 }
 
+.fairystaroform__transition-all {
+  transition-property: all;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
+.fairystaroform__duration-300 {
+  transition-duration: .3s;
+}
+
 .fairys-valtio-form-item-label.show-colon:after {
   content: ":";
   text-align: center;
@@ -248,11 +266,11 @@
   display: inline-block;
 }
 
-.fairys-valtio-form-layout.fairys-form-layout-all-col-span {
+.fairys-valtio-form-layout.fairys-valtio-form-layout-all-col-span {
   grid-column: 1 / -1;
 }
 
-.fairys-valtio-form-layout.fairys-form-layout-box-shadow {
+.fairys-valtio-form-layout.fairys-valtio-form-layout-box-shadow {
   box-shadow: 0 6px 16px -8px #00000014, 0 9px 28px #0000000d, 0 12px 48px 16px #00000008;
 }
 
@@ -260,7 +278,15 @@
   margin-top: 12px;
 }
 
-.fairys-valtio-form-layout-last-item-no-border > .fairys-valtio-form-layout-body > .fairys-valtio-form-item:last-child, .fairys-valtio-form-layout-last-item-no-border > .fairys-valtio-form-layout-body > .fairys-valtio-form-item:last-child > .fairys-valtio-form-item-container > .fairys-valtio-form-item-body {
+.fairys-valtio-form-layout-last-item-no-border > .fairys-valtio-form-layout-body > .fairys-valtio-form-item:last-child:not(.fairys-valtio-form-item-invalid-border-red), .fairys-valtio-form-layout-last-item-no-border > .fairys-valtio-form-layout-body > .fairys-valtio-form-item:last-child > .fairys-valtio-form-item-container > .fairys-valtio-form-item-body:not(.fairys-valtio-form-item-invalid-border-red) {
   border-bottom: 0;
 }
 
+.fairys-valtio-form-item-invalid-border-red {
+  border-bottom-color: red !important;
+}
+
+.fairys-valtio-form-item-invalid-text-red > .fairys-valtio-form-item-container > .fairys-valtio-form-item-label, .fairys-valtio-form-item-invalid-text-red > .fairys-valtio-form-item-container > .fairys-valtio-form-item-body > .fairys-valtio-form-item-body-input {
+  color: red !important;
+}
+

package/lib/index.js

@@ -6,6 +6,9 @@ var __webpack_modules__ = {
     "./form/form": function(module) {
         module.exports = require("./form/form.js");
     },
+    "./form/hooks": function(module) {
+        module.exports = require("./form/hooks/index.js");
+    },
     "./form/instance": function(module) {
         module.exports = require("./form/instance/index.js");
     },
@@ -56,28 +59,34 @@ function __webpack_require__(moduleId) {
 var __webpack_exports__ = {};
 (()=>{
     __webpack_require__.r(__webpack_exports__);
-    var _form_instance__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./form/instance");
+    var _form_hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./form/hooks");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _form_hooks__WEBPACK_IMPORTED_MODULE_0__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _form_hooks__WEBPACK_IMPORTED_MODULE_0__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _form_instance__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./form/instance");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _form_instance__WEBPACK_IMPORTED_MODULE_0__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _form_instance__WEBPACK_IMPORTED_MODULE_0__[key];
+    for(var __WEBPACK_IMPORT_KEY__ in _form_instance__WEBPACK_IMPORTED_MODULE_1__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _form_instance__WEBPACK_IMPORTED_MODULE_1__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _form_layout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./form/layout");
+    var _form_layout__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./form/layout");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _form_layout__WEBPACK_IMPORTED_MODULE_1__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _form_layout__WEBPACK_IMPORTED_MODULE_1__[key];
+    for(var __WEBPACK_IMPORT_KEY__ in _form_layout__WEBPACK_IMPORTED_MODULE_2__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _form_layout__WEBPACK_IMPORTED_MODULE_2__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _form_form__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./form/form");
+    var _form_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./form/form");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _form_form__WEBPACK_IMPORTED_MODULE_2__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _form_form__WEBPACK_IMPORTED_MODULE_2__[key];
+    for(var __WEBPACK_IMPORT_KEY__ in _form_form__WEBPACK_IMPORTED_MODULE_3__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _form_form__WEBPACK_IMPORTED_MODULE_3__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _form_form_item__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./form/form.item");
+    var _form_form_item__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./form/form.item");
     var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _form_form_item__WEBPACK_IMPORTED_MODULE_3__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _form_form_item__WEBPACK_IMPORTED_MODULE_3__[key];
+    for(var __WEBPACK_IMPORT_KEY__ in _form_form_item__WEBPACK_IMPORTED_MODULE_4__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _form_form_item__WEBPACK_IMPORTED_MODULE_4__[key];
     }).bind(0, __WEBPACK_IMPORT_KEY__);
     __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
 })();

package/package.json

@@ -3,7 +3,7 @@
   "author": "SunLxy <1011771396@qq.com>",
   "description": "使用 valtio 实现的表单基础库, 使其更加便捷，同时支持`PC`、`H5`、`Taro`，同时也更加灵活。",
   "homepage": "https://github.com/autumn-fairy-tales/fairys-taro-react",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "main": "lib/index.js",
   "types": "esm/index.d.ts",
   "module": "esm/index.js",
@@ -35,4 +35,4 @@
     "@types/react": "~18.2.21",
     "react": "^18.0.0"
   }
-}
+}