@carefrees/form-utils-react-taro 0.0.4

package/lib/hooks/useMultipleForm.js

@@ -0,0 +1,62 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    useMultipleForm: ()=>useMultipleForm,
+    MultipleFormInstanceContext: ()=>MultipleFormInstanceContext,
+    useMultipleFormInstance: ()=>useMultipleFormInstance,
+    MultipleFormProvider: ()=>MultipleFormProvider
+});
+const form_utils_namespaceObject = require("@carefrees/form-utils");
+const external_react_namespaceObject = require("react");
+const MultipleFormInstanceContext = (0, external_react_namespaceObject.createContext)(new form_utils_namespaceObject.MultipleInstanceBase());
+const useMultipleFormInstance = ()=>(0, external_react_namespaceObject.useContext)(MultipleFormInstanceContext);
+const useMultipleForm = (multipleForm)=>{
+    const ref = (0, external_react_namespaceObject.useRef)();
+    if (!ref.current) if (multipleForm) ref.current = multipleForm;
+    else ref.current = new form_utils_namespaceObject.MultipleInstanceBase();
+    return ref.current;
+};
+const MultipleFormProvider = (props)=>{
+    const { children, multipleForm } = props;
+    const multipleFormInstance = useMultipleForm(multipleForm);
+    return (0, external_react_namespaceObject.createElement)(MultipleFormInstanceContext.Provider, {
+        value: multipleFormInstance,
+        children
+    });
+};
+exports.MultipleFormInstanceContext = __webpack_exports__.MultipleFormInstanceContext;
+exports.MultipleFormProvider = __webpack_exports__.MultipleFormProvider;
+exports.useMultipleForm = __webpack_exports__.useMultipleForm;
+exports.useMultipleFormInstance = __webpack_exports__.useMultipleFormInstance;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "MultipleFormInstanceContext",
+    "MultipleFormProvider",
+    "useMultipleForm",
+    "useMultipleFormInstance"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/hooks/useUpdate.d.ts

@@ -0,0 +1,2 @@
+/**更新页面状态*/
+export declare const useUpdate: () => import("react").MutableRefObject<Function>;

package/lib/hooks/useUpdate.js

@@ -0,0 +1,44 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    useUpdate: ()=>useUpdate
+});
+const external_react_namespaceObject = require("react");
+const useUpdate = ()=>{
+    const [, _update] = (0, external_react_namespaceObject.useState)({});
+    const refUpdate = (0, external_react_namespaceObject.useRef)(()=>void 0);
+    refUpdate.current = ()=>{
+        _update({});
+    };
+    return refUpdate;
+};
+exports.useUpdate = __webpack_exports__.useUpdate;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "useUpdate"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/hooks/useWatch.d.ts

@@ -0,0 +1,19 @@
+import { FormInstanceBase } from '@carefrees/form-utils';
+export declare class WatchInstanceBase {
+    /**监听字段*/
+    name: string;
+    /**表单实例*/
+    form: FormInstanceBase;
+    /**老值*/
+    oldValue: any;
+    /**更新值*/
+    dispatch: (value: any) => void;
+    /**回调*/
+    callBack?: (value: any, form: FormInstanceBase) => void;
+    /**更新*/
+    updated: () => void;
+}
+/**
+ * 字段监听
+ */
+export declare const useWatch: (name: string, form: FormInstanceBase, callBack?: (value: any, form: FormInstanceBase) => void) => [any, FormInstanceBase, WatchInstanceBase];

package/lib/hooks/useWatch.js

@@ -0,0 +1,78 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    WatchInstanceBase: ()=>WatchInstanceBase,
+    useWatch: ()=>useWatch
+});
+const external_react_namespaceObject = require("react");
+const external_useForm_js_namespaceObject = require("./useForm.js");
+const external_useFormItem_js_namespaceObject = require("./useFormItem.js");
+class WatchInstanceBase {
+    name;
+    form;
+    oldValue;
+    dispatch;
+    callBack;
+    updated = ()=>{
+        const newValue = this.form.getFieldValue(this.name);
+        if (this.oldValue === newValue) return;
+        if (this.callBack) this.callBack(newValue, this.form);
+        else this.dispatch(newValue);
+    };
+}
+const useWatch = (name, form, callBack)=>{
+    const formInstance = form || (0, external_useForm_js_namespaceObject.useFormInstance)();
+    const [oldValue, setValue] = (0, external_react_namespaceObject.useState)(formInstance.getFieldValue(name));
+    const watch = (0, external_react_namespaceObject.useRef)(new WatchInstanceBase()).current;
+    watch.name = name;
+    watch.oldValue = oldValue;
+    watch.dispatch = setValue;
+    watch.callBack = callBack;
+    watch.form = formInstance;
+    const formItemInstance = (0, external_useFormItem_js_namespaceObject.useFormItem)();
+    (0, external_react_namespaceObject.useMemo)(()=>formItemInstance.ctor(name), []);
+    formItemInstance.instance = formInstance;
+    formItemInstance.isWatch = true;
+    formItemInstance.updated = watch.updated;
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const unMount = formInstance.registerFormItem(formItemInstance);
+        return ()=>unMount();
+    }, []);
+    return [
+        oldValue,
+        formInstance,
+        watch
+    ];
+};
+exports.WatchInstanceBase = __webpack_exports__.WatchInstanceBase;
+exports.useWatch = __webpack_exports__.useWatch;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "WatchInstanceBase",
+    "useWatch"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/index.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { FormInstanceBase, ValidateErrorEntity } from '@carefrees/form-utils';
+import { FormLayoutProps } from './layout';
+import './styles/index.css';
+export * from './formItem';
+export * from './formList';
+export * from './layout';
+export * from './layout/layout.formItem';
+export * from './hooks/useAttrs';
+export * from './hooks/useForm';
+export * from './hooks/useFormItem';
+export * from './hooks/useFormItemParentName';
+export * from './hooks/useFormList';
+export * from './hooks/useHtmlFor';
+export * from './hooks/useMultipleForm';
+export * from './hooks/useWatch';
+export * from './hooks/attr/attr.FormItem';
+export * from './hooks/register/register.FormHideItem';
+export * from './hooks/register/register.FormItem';
+export * from './hooks/register/register.FormList';
+export * from './hooks/register/register.form';
+export interface FormProps<T = any> extends FormLayoutProps {
+    children?: React.ReactNode;
+    form?: FormInstanceBase;
+    style?: React.CSSProperties;
+    className?: string;
+    layoutClassName?: string;
+    layoutStyle?: React.CSSProperties;
+    /**表单数据*/
+    formData?: any;
+    /**值更新触发*/
+    onValuesChange?: (changedValues: Partial<T>, values: T) => void;
+    /**提交保存 验证成功*/
+    onFinish?: (values: T) => void;
+    /**提交保存 验证失败*/
+    onFinishFailed?: (errorInfo: ValidateErrorEntity<T>) => void;
+    /**隐藏表单项初始值*/
+    hideData?: Record<string, boolean>;
+    /**表单名称*/
+    name?: string;
+    /**隐藏规则校验*/
+    hideRuleData?: Record<string, boolean>;
+    /**自动重置更新formData数据*/
+    isAutoUpdatedFormData?: boolean;
+}
+export declare function Form<T = any>(props: FormProps<T>): import("react/jsx-runtime").JSX.Element;

package/lib/index.js

@@ -0,0 +1,317 @@
+"use strict";
+var __webpack_modules__ = {
+    "./formItem": function(module) {
+        module.exports = require("./formItem/index.js");
+    },
+    "./formList": function(module) {
+        module.exports = require("./formList/index.js");
+    },
+    "./hooks/attr/attr.FormItem": function(module) {
+        module.exports = require("./hooks/attr/attr.FormItem.js");
+    },
+    "./hooks/register/register.FormHideItem": function(module) {
+        module.exports = require("./hooks/register/register.FormHideItem.js");
+    },
+    "./hooks/register/register.FormItem": function(module) {
+        module.exports = require("./hooks/register/register.FormItem.js");
+    },
+    "./hooks/register/register.FormList": function(module) {
+        module.exports = require("./hooks/register/register.FormList.js");
+    },
+    "./hooks/register/register.form": function(module) {
+        module.exports = require("./hooks/register/register.form.js");
+    },
+    "./hooks/useAttrs": function(module) {
+        module.exports = require("./hooks/useAttrs.js");
+    },
+    "./hooks/useForm": function(module) {
+        module.exports = require("./hooks/useForm.js");
+    },
+    "./hooks/useFormItem": function(module) {
+        module.exports = require("./hooks/useFormItem.js");
+    },
+    "./hooks/useFormItemParentName": function(module) {
+        module.exports = require("./hooks/useFormItemParentName.js");
+    },
+    "./hooks/useFormList": function(module) {
+        module.exports = require("./hooks/useFormList.js");
+    },
+    "./hooks/useHtmlFor": function(module) {
+        module.exports = require("./hooks/useHtmlFor.js");
+    },
+    "./hooks/useMultipleForm": function(module) {
+        module.exports = require("./hooks/useMultipleForm.js");
+    },
+    "./hooks/useWatch": function(module) {
+        module.exports = require("./hooks/useWatch.js");
+    },
+    "./layout": function(module) {
+        module.exports = require("./layout/index.js");
+    },
+    "./layout/layout.formItem": function(module) {
+        module.exports = require("./layout/layout.formItem.js");
+    },
+    "./styles/index.css": function(module) {
+        module.exports = require("./styles/index.css");
+    },
+    "@tarojs/components": function(module) {
+        module.exports = require("@tarojs/components");
+    },
+    classnames: function(module) {
+        module.exports = require("classnames");
+    },
+    react: function(module) {
+        module.exports = require("react");
+    },
+    "react/jsx-runtime": function(module) {
+        module.exports = require("react/jsx-runtime");
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+(()=>{
+    __webpack_require__.r(__webpack_exports__);
+    __webpack_require__.d(__webpack_exports__, {
+        Form: ()=>Form
+    });
+    var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("react/jsx-runtime");
+    var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("react");
+    var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("classnames");
+    var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/ __webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
+    var _layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./layout");
+    var _hooks_useForm__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./hooks/useForm");
+    var _hooks_register_register_form__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./hooks/register/register.form");
+    var _tarojs_components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("@tarojs/components");
+    __webpack_require__("./styles/index.css");
+    var _formItem__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("./formItem");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _formItem__WEBPACK_IMPORTED_MODULE_8__)if ([
+        "Form",
+        "default"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _formItem__WEBPACK_IMPORTED_MODULE_8__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _formList__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("./formList");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _formList__WEBPACK_IMPORTED_MODULE_9__)if ([
+        "Form",
+        "default"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _formList__WEBPACK_IMPORTED_MODULE_9__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _layout__WEBPACK_IMPORTED_MODULE_3__)if ([
+        "Form",
+        "default"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _layout__WEBPACK_IMPORTED_MODULE_3__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _layout_layout_formItem__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("./layout/layout.formItem");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _layout_layout_formItem__WEBPACK_IMPORTED_MODULE_10__)if ([
+        "Form",
+        "default"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _layout_layout_formItem__WEBPACK_IMPORTED_MODULE_10__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _hooks_useAttrs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("./hooks/useAttrs");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _hooks_useAttrs__WEBPACK_IMPORTED_MODULE_11__)if ([
+        "Form",
+        "default"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _hooks_useAttrs__WEBPACK_IMPORTED_MODULE_11__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _hooks_useForm__WEBPACK_IMPORTED_MODULE_4__)if ([
+        "Form",
+        "default"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _hooks_useForm__WEBPACK_IMPORTED_MODULE_4__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _hooks_useFormItem__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("./hooks/useFormItem");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _hooks_useFormItem__WEBPACK_IMPORTED_MODULE_12__)if ([
+        "Form",
+        "default"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _hooks_useFormItem__WEBPACK_IMPORTED_MODULE_12__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _hooks_useFormItemParentName__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("./hooks/useFormItemParentName");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _hooks_useFormItemParentName__WEBPACK_IMPORTED_MODULE_13__)if ([
+        "Form",
+        "default"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _hooks_useFormItemParentName__WEBPACK_IMPORTED_MODULE_13__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _hooks_useFormList__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("./hooks/useFormList");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _hooks_useFormList__WEBPACK_IMPORTED_MODULE_14__)if ([
+        "Form",
+        "default"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _hooks_useFormList__WEBPACK_IMPORTED_MODULE_14__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _hooks_useHtmlFor__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__("./hooks/useHtmlFor");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _hooks_useHtmlFor__WEBPACK_IMPORTED_MODULE_15__)if ([
+        "Form",
+        "default"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _hooks_useHtmlFor__WEBPACK_IMPORTED_MODULE_15__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _hooks_useMultipleForm__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__("./hooks/useMultipleForm");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _hooks_useMultipleForm__WEBPACK_IMPORTED_MODULE_16__)if ([
+        "Form",
+        "default"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _hooks_useMultipleForm__WEBPACK_IMPORTED_MODULE_16__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _hooks_useWatch__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__("./hooks/useWatch");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _hooks_useWatch__WEBPACK_IMPORTED_MODULE_17__)if ([
+        "Form",
+        "default"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _hooks_useWatch__WEBPACK_IMPORTED_MODULE_17__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _hooks_attr_attr_FormItem__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__("./hooks/attr/attr.FormItem");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _hooks_attr_attr_FormItem__WEBPACK_IMPORTED_MODULE_18__)if ([
+        "Form",
+        "default"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _hooks_attr_attr_FormItem__WEBPACK_IMPORTED_MODULE_18__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _hooks_register_register_FormHideItem__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__("./hooks/register/register.FormHideItem");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _hooks_register_register_FormHideItem__WEBPACK_IMPORTED_MODULE_19__)if ([
+        "Form",
+        "default"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _hooks_register_register_FormHideItem__WEBPACK_IMPORTED_MODULE_19__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _hooks_register_register_FormItem__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__("./hooks/register/register.FormItem");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _hooks_register_register_FormItem__WEBPACK_IMPORTED_MODULE_20__)if ([
+        "Form",
+        "default"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _hooks_register_register_FormItem__WEBPACK_IMPORTED_MODULE_20__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _hooks_register_register_FormList__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__("./hooks/register/register.FormList");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _hooks_register_register_FormList__WEBPACK_IMPORTED_MODULE_21__)if ([
+        "Form",
+        "default"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _hooks_register_register_FormList__WEBPACK_IMPORTED_MODULE_21__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _hooks_register_register_form__WEBPACK_IMPORTED_MODULE_5__)if ([
+        "Form",
+        "default"
+    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _hooks_register_register_form__WEBPACK_IMPORTED_MODULE_5__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    function Form(props) {
+        const { children, form, style, className, formData, hideData, hideRuleData, isAutoUpdatedFormData = false, name, onFinish, onFinishFailed, onValuesChange, layoutStyle, layoutClassName, ...rest } = props;
+        const formInstance = (0, _hooks_useForm__WEBPACK_IMPORTED_MODULE_4__.useForm)(form);
+        (0, _hooks_register_register_form__WEBPACK_IMPORTED_MODULE_5__.useRegisterForm)(formInstance, name);
+        const cls = (0, react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>classnames__WEBPACK_IMPORTED_MODULE_2___default()('carefrees-form', className), []);
+        (0, react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>formInstance.ctor(formData, hideData, hideRuleData), []);
+        formInstance.onFinish = onFinish;
+        formInstance.onValuesChange = onValuesChange;
+        formInstance.onFinishFailed = onFinishFailed;
+        (0, react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
+            if (isAutoUpdatedFormData) formInstance.resetFieldValue(formData);
+        }, [
+            isAutoUpdatedFormData,
+            formData
+        ]);
+        const onSubmit = (event)=>{
+            event?.preventDefault?.();
+            event?.stopPropagation?.();
+            formInstance.submit();
+        };
+        return /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_hooks_useForm__WEBPACK_IMPORTED_MODULE_4__.FormInstanceContext.Provider, {
+            value: formInstance,
+            children: /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_6__.Form, {
+                className: cls,
+                style: style,
+                onSubmit: onSubmit,
+                children: /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_layout__WEBPACK_IMPORTED_MODULE_3__.FormLayout, {
+                    ...rest,
+                    className: layoutClassName,
+                    style: layoutStyle,
+                    children: children
+                })
+            })
+        });
+    }
+})();
+exports.Form = __webpack_exports__.Form;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Form"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/layout/index.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { ViewProps } from '@tarojs/components';
+import { AttrsOptions } from '../hooks/useAttrs';
+export interface FormLayoutProps extends AttrsOptions {
+    /**标题*/
+    title?: React.ReactNode;
+    /**额外内容*/
+    extra?: React.ReactNode;
+    /**内容*/
+    children?: React.ReactNode;
+    /**是否占据整行*/
+    isAllColSpan?: boolean;
+    className?: string;
+    /**头部ClassName*/
+    headerClassName?: string;
+    /**内容ClassName*/
+    bodyClassName?: string;
+    style?: React.CSSProperties;
+    /**头部样式*/
+    headerStyle?: React.CSSProperties;
+    /**内容样式*/
+    bodyStyle?: React.CSSProperties;
+    /**是否添加边框*/
+    bordered?: boolean;
+    /**列数据*/
+    colCount?: number;
+    /**
+     * @description gap 属性是用来设置网格行与列之间的间隙，该属性是row-gap and column-gap的简写形式。
+     */
+    gap?: string | number;
+}
+/**布局组件*/
+export declare const FormLayout: React.MemoExoticComponent<(props: FormLayoutProps) => import("react/jsx-runtime").JSX.Element>;
+/**布局组件 占据一整行*/
+export declare const FormLayoutRows: (props: ViewProps) => import("react/jsx-runtime").JSX.Element;