@carefrees/form-utils-vue-hooks 0.0.13

package/lib/hooks/attr/attr.FormItem.js

@@ -0,0 +1,138 @@
+"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__, {
+    useFormItemAttr: ()=>useFormItemAttr
+});
+const index_js_namespaceObject = require("../../utils/index.js");
+const external_useHtmlFor_js_namespaceObject = require("../useHtmlFor.js");
+const register_FormItem_js_namespaceObject = require("../register/register.FormItem.js");
+const external_vue_namespaceObject = require("vue");
+const useFormItemAttr = (options)=>{
+    const { trigger = 'onChange', preserve, valuePropName = 'value', getValuePath = valuePropName, getValueFromEvent, formatValue, onAfterUpdate, useAttrs, useRules, noticeOnlyRuleDataField } = options;
+    const { formItemInstance, form, ruleInstance, newName, newSort } = (0, register_FormItem_js_namespaceObject.useRegisterFormItem)(options);
+    formItemInstance.value.noticeOnlyRuleDataField = noticeOnlyRuleDataField;
+    formItemInstance.value.onAfterUpdate = onAfterUpdate;
+    formItemInstance.value.preserve = preserve;
+    const oldValue = (0, external_vue_namespaceObject.ref)((0, index_js_namespaceObject.get)((0, external_vue_namespaceObject.toValue)(form.value.formData), (0, external_vue_namespaceObject.toValue)(newName)));
+    const oldInputAttrs = (0, external_vue_namespaceObject.ref)(options.inputAttrs || {});
+    (0, external_vue_namespaceObject.watch)(()=>options.inputAttrs, (newVal)=>{
+        oldInputAttrs.value = newVal || {};
+    });
+    (0, external_vue_namespaceObject.watch)(()=>[
+            (0, index_js_namespaceObject.get)((0, external_vue_namespaceObject.toValue)(form.value.formData), (0, external_vue_namespaceObject.toValue)(newName)),
+            (0, external_vue_namespaceObject.toValue)(newName)
+        ], ()=>{
+        oldValue.value = form.value.getFieldValue((0, external_vue_namespaceObject.toValue)(newName));
+    }, {
+        immediate: true
+    });
+    (0, external_vue_namespaceObject.watch)(()=>[
+            (0, external_vue_namespaceObject.toValue)(formItemInstance).noticeOnlyRuleDataField,
+            (0, external_vue_namespaceObject.toValue)(oldValue)
+        ], ()=>{
+        const formInstance = (0, external_vue_namespaceObject.toValue)(form);
+        const newVal = (0, external_vue_namespaceObject.toValue)(formItemInstance).noticeOnlyRuleDataField;
+        if (Array.isArray(newVal) && newVal.length) formInstance.onlyValidate(newVal);
+    }, {
+        immediate: true
+    });
+    const onValueChange = (event)=>{
+        try {
+            const formItem = (0, external_vue_namespaceObject.toValue)(formItemInstance);
+            const formInstance = (0, external_vue_namespaceObject.toValue)(form);
+            let value = event;
+            if ('function' == typeof getValueFromEvent) value = getValueFromEvent(event, form, formItemInstance);
+            else if (event && event.target && 'object' == typeof event.target && getValuePath in event.target) value = (0, index_js_namespaceObject.get)(event.target, getValuePath);
+            if ('function' == typeof formatValue) value = formatValue(value, form, formItemInstance, event);
+            if (oldValue.value !== value) {
+                formInstance.updatedFieldValue((0, external_vue_namespaceObject.toValue)(newName), value, 'validate');
+                formItem.onAfterUpdate?.(value, form, formItemInstance, event);
+            }
+        } catch (error) {
+            console.log(error);
+        }
+    };
+    const htmlFor = (0, external_useHtmlFor_js_namespaceObject.useHtmlFor)(newName);
+    (0, external_vue_namespaceObject.watch)(()=>(0, external_vue_namespaceObject.toValue)(htmlFor), ()=>{
+        formItemInstance.value.htmlFor = htmlFor.value;
+    }, {
+        immediate: true
+    });
+    const newAttrs = (0, external_vue_namespaceObject.computed)(()=>{
+        const _attr = oldInputAttrs.value || {};
+        return {
+            ..._attr,
+            [trigger]: onValueChange,
+            name: (0, external_vue_namespaceObject.toValue)(newName),
+            id: (0, external_vue_namespaceObject.toValue)(htmlFor),
+            [valuePropName]: (0, external_vue_namespaceObject.toValue)(oldValue)
+        };
+    });
+    const attrsLastData = (0, external_vue_namespaceObject.ref)((0, external_vue_namespaceObject.toValue)(newAttrs));
+    (0, external_vue_namespaceObject.watch)(()=>[
+            (0, external_vue_namespaceObject.toValue)(newAttrs),
+            (0, external_vue_namespaceObject.toValue)(oldValue)
+        ], ()=>{
+        attrsLastData.value = useAttrs?.((0, external_vue_namespaceObject.toValue)(newAttrs), form, formItemInstance) || (0, external_vue_namespaceObject.toValue)(newAttrs);
+        formItemInstance.value.control = attrsLastData;
+    }, {
+        immediate: true
+    });
+    const validateResult = (0, external_vue_namespaceObject.ref)((0, external_vue_namespaceObject.toValue)(ruleInstance).getValidateResult());
+    (0, external_vue_namespaceObject.watch)(()=>[
+            (0, external_vue_namespaceObject.toValue)(oldValue),
+            (0, external_vue_namespaceObject.toValue)((0, external_vue_namespaceObject.toValue)(ruleInstance).rules)
+        ], ()=>{
+        useRules?.(ruleInstance, form, formItemInstance);
+        ruleInstance.value.validate();
+    });
+    (0, external_vue_namespaceObject.watch)(()=>[
+            (0, external_vue_namespaceObject.toValue)((0, external_vue_namespaceObject.toValue)(ruleInstance).messages),
+            (0, external_vue_namespaceObject.toValue)((0, external_vue_namespaceObject.toValue)(ruleInstance).rules)
+        ], ()=>{
+        validateResult.value = (0, external_vue_namespaceObject.toValue)(ruleInstance).getValidateResult();
+    });
+    return {
+        valuePropName,
+        htmlFor,
+        onChange: onValueChange,
+        formItemInstance,
+        form,
+        ruleInstance,
+        newAttrs,
+        attrsLastData,
+        validateResult,
+        newSort,
+        newName
+    };
+};
+exports.useFormItemAttr = __webpack_exports__.useFormItemAttr;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "useFormItemAttr"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/hooks/index.d.ts

@@ -0,0 +1,13 @@
+export * from './useAttrs';
+export * from './useForm';
+export * from './useFormItem';
+export * from './useFormList';
+export * from './useHtmlFor';
+export * from './useMultipleForm';
+export * from './useFormItemParentName';
+export * from './useEffect';
+export * from './register/register.FormHideItem';
+export * from './register/register.FormItem';
+export * from './register/register.FormList';
+export * from './register/register.form';
+export * from './attr/attr.FormItem';

package/lib/hooks/index.js

@@ -0,0 +1,168 @@
+"use strict";
+var __webpack_modules__ = {
+    "./attr/attr.FormItem": function(module) {
+        module.exports = require("./attr/attr.FormItem.js");
+    },
+    "./register/register.FormHideItem": function(module) {
+        module.exports = require("./register/register.FormHideItem.js");
+    },
+    "./register/register.FormItem": function(module) {
+        module.exports = require("./register/register.FormItem.js");
+    },
+    "./register/register.FormList": function(module) {
+        module.exports = require("./register/register.FormList.js");
+    },
+    "./register/register.form": function(module) {
+        module.exports = require("./register/register.form.js");
+    },
+    "./useAttrs": function(module) {
+        module.exports = require("./useAttrs.js");
+    },
+    "./useEffect": function(module) {
+        module.exports = require("./useEffect.js");
+    },
+    "./useForm": function(module) {
+        module.exports = require("./useForm.js");
+    },
+    "./useFormItem": function(module) {
+        module.exports = require("./useFormItem.js");
+    },
+    "./useFormItemParentName": function(module) {
+        module.exports = require("./useFormItemParentName.js");
+    },
+    "./useFormList": function(module) {
+        module.exports = require("./useFormList.js");
+    },
+    "./useHtmlFor": function(module) {
+        module.exports = require("./useHtmlFor.js");
+    },
+    "./useMultipleForm": function(module) {
+        module.exports = require("./useMultipleForm.js");
+    }
+};
+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__);
+    var _useAttrs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./useAttrs");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _useAttrs__WEBPACK_IMPORTED_MODULE_0__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _useAttrs__WEBPACK_IMPORTED_MODULE_0__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _useForm__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./useForm");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _useForm__WEBPACK_IMPORTED_MODULE_1__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _useForm__WEBPACK_IMPORTED_MODULE_1__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _useFormItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./useFormItem");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _useFormItem__WEBPACK_IMPORTED_MODULE_2__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _useFormItem__WEBPACK_IMPORTED_MODULE_2__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _useFormList__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./useFormList");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _useFormList__WEBPACK_IMPORTED_MODULE_3__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _useFormList__WEBPACK_IMPORTED_MODULE_3__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _useHtmlFor__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./useHtmlFor");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _useHtmlFor__WEBPACK_IMPORTED_MODULE_4__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _useHtmlFor__WEBPACK_IMPORTED_MODULE_4__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _useMultipleForm__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./useMultipleForm");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _useMultipleForm__WEBPACK_IMPORTED_MODULE_5__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _useMultipleForm__WEBPACK_IMPORTED_MODULE_5__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _useFormItemParentName__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("./useFormItemParentName");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _useFormItemParentName__WEBPACK_IMPORTED_MODULE_6__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _useFormItemParentName__WEBPACK_IMPORTED_MODULE_6__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _useEffect__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("./useEffect");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _useEffect__WEBPACK_IMPORTED_MODULE_7__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _useEffect__WEBPACK_IMPORTED_MODULE_7__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _register_register_FormHideItem__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("./register/register.FormHideItem");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _register_register_FormHideItem__WEBPACK_IMPORTED_MODULE_8__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _register_register_FormHideItem__WEBPACK_IMPORTED_MODULE_8__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _register_register_FormItem__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("./register/register.FormItem");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _register_register_FormItem__WEBPACK_IMPORTED_MODULE_9__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _register_register_FormItem__WEBPACK_IMPORTED_MODULE_9__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _register_register_FormList__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("./register/register.FormList");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _register_register_FormList__WEBPACK_IMPORTED_MODULE_10__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _register_register_FormList__WEBPACK_IMPORTED_MODULE_10__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _register_register_form__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("./register/register.form");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _register_register_form__WEBPACK_IMPORTED_MODULE_11__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _register_register_form__WEBPACK_IMPORTED_MODULE_11__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    var _attr_attr_FormItem__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("./attr/attr.FormItem");
+    var __WEBPACK_REEXPORT_OBJECT__ = {};
+    for(var __WEBPACK_IMPORT_KEY__ in _attr_attr_FormItem__WEBPACK_IMPORTED_MODULE_12__)if ("default" !== __WEBPACK_IMPORT_KEY__) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
+        return _attr_attr_FormItem__WEBPACK_IMPORTED_MODULE_12__[key];
+    }).bind(0, __WEBPACK_IMPORT_KEY__);
+    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+})();
+for(var __webpack_i__ in __webpack_exports__)exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/hooks/register/register.FormHideItem.d.ts

@@ -0,0 +1,9 @@
+import { RegisterFormItemOptions } from './register.FormItem';
+interface RegisterFormHideItemOptions extends Omit<RegisterFormItemOptions, 'rules'> {
+}
+/**注册表单隐藏表单项到表单实例中*/
+export declare const useRegisterFormHideItem: (options: RegisterFormHideItemOptions) => {
+    form: import("vue").Ref<import("../..").FormInstanceBase<any>, import("../..").FormInstanceBase<any>>;
+    isHide: import("vue").Ref<any, any>;
+};
+export {};

package/lib/hooks/register/register.FormHideItem.js

@@ -0,0 +1,60 @@
+"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__, {
+    useRegisterFormHideItem: ()=>useRegisterFormHideItem
+});
+const external_vue_namespaceObject = require("vue");
+const external_useFormItemParentName_js_namespaceObject = require("../useFormItemParentName.js");
+const external_useForm_js_namespaceObject = require("../useForm.js");
+const useRegisterFormHideItem = (options)=>{
+    const { name, sort, isJoinParentField = true } = options;
+    const form = (0, external_useForm_js_namespaceObject.useFormInject)();
+    const { newName } = (0, external_useFormItemParentName_js_namespaceObject.useFormItemParentNameInject)({
+        name,
+        sort,
+        isJoinParentField
+    });
+    const isHide = (0, external_vue_namespaceObject.ref)(form.value.getFieldHideValue(newName.value));
+    (0, external_vue_namespaceObject.watch)(()=>[
+            (0, external_vue_namespaceObject.toValue)(form),
+            (0, external_vue_namespaceObject.toValue)(newName)
+        ], ()=>{
+        isHide.value = form.value.getFieldHideValue((0, external_vue_namespaceObject.toValue)(newName));
+    }, {
+        immediate: true
+    });
+    return {
+        form,
+        isHide
+    };
+};
+exports.useRegisterFormHideItem = __webpack_exports__.useRegisterFormHideItem;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "useRegisterFormHideItem"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/hooks/register/register.FormItem.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @description 注册组件
+ */
+import type { RuleItem } from 'async-validator';
+export interface RegisterFormItemOptions {
+    /**字段*/
+    name: string;
+    /**规则*/
+    rules?: RuleItem[];
+    /**排序值*/
+    sort?: string;
+    /**是否拼接父级字段*/
+    isJoinParentField?: boolean;
+}
+/**注册表单项到表单实例中*/
+export declare const useRegisterFormItem: (options: RegisterFormItemOptions) => {
+    ruleInstance: import("vue").Ref<import("../..").RuleInstanceBase, import("../..").RuleInstanceBase>;
+    formItemInstance: import("vue").Ref<import("../..").FormItemInstanceBase, import("../..").FormItemInstanceBase>;
+    form: import("vue").Ref<import("../..").FormInstanceBase<any>, import("../..").FormInstanceBase<any>>;
+    newName: import("vue").ComputedRef<string>;
+    newSort: import("vue").ComputedRef<string>;
+    parentItem: import("vue").ComputedRef<import("../..").PartialComputedRefs<Omit<import("../useFormItemParentName").FormItemParentNamOptions, "isJoinParentField">>>;
+    deepRefData: import("vue").Ref<any, any>;
+};

package/lib/hooks/register/register.FormItem.js

@@ -0,0 +1,101 @@
+"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__, {
+    useRegisterFormItem: ()=>useRegisterFormItem
+});
+const external_vue_namespaceObject = require("vue");
+const external_useForm_js_namespaceObject = require("../useForm.js");
+const external_useFormItem_js_namespaceObject = require("../useFormItem.js");
+const external_useFormItemParentName_js_namespaceObject = require("../useFormItemParentName.js");
+const external_useEffect_js_namespaceObject = require("../useEffect.js");
+const external_useRule_js_namespaceObject = require("../useRule.js");
+const useRegisterFormItem = (options)=>{
+    const { name, rules, sort, isJoinParentField = true } = options;
+    const form = (0, external_useForm_js_namespaceObject.useFormInject)();
+    const deepRefData = (0, external_vue_namespaceObject.ref)({});
+    const { newName, newSort, parentItem } = (0, external_useFormItemParentName_js_namespaceObject.useFormItemParentNameInject)({
+        name,
+        sort,
+        isJoinParentField
+    });
+    const formItemInstance = (0, external_useFormItem_js_namespaceObject.useFormItem)();
+    const ruleInstance = (0, external_useRule_js_namespaceObject.useRules)();
+    const ruleItems = (0, external_vue_namespaceObject.ref)(rules || []);
+    (0, external_vue_namespaceObject.watch)(()=>(0, external_vue_namespaceObject.toValue)(options.rules), (newVal)=>{
+        ruleItems.value = newVal || [];
+    });
+    (0, external_vue_namespaceObject.watch)(()=>[
+            (0, external_vue_namespaceObject.toValue)(form)
+        ], ()=>{
+        ruleInstance.value.instance = form;
+        formItemInstance.value.instance = form;
+    }, {
+        immediate: true
+    });
+    (0, external_vue_namespaceObject.watch)(()=>[
+            (0, external_vue_namespaceObject.toValue)(newName),
+            (0, external_vue_namespaceObject.toValue)(ruleInstance)
+        ], ()=>{
+        ruleInstance.value.name = (0, external_vue_namespaceObject.toValue)(newName);
+        ruleInstance.value.rules = ruleItems;
+        formItemInstance.value.name = (0, external_vue_namespaceObject.toValue)(newName);
+        formItemInstance.value.rule = ruleInstance;
+    }, {
+        immediate: true
+    });
+    (0, external_vue_namespaceObject.watch)(()=>[
+            (0, external_vue_namespaceObject.toValue)(newSort)
+        ], ()=>{
+        ruleInstance.value.sort = (0, external_vue_namespaceObject.toValue)(newSort);
+        formItemInstance.value.sort = (0, external_vue_namespaceObject.toValue)(newSort);
+    }, {
+        immediate: true
+    });
+    (0, external_vue_namespaceObject.watch)(()=>[
+            (0, external_vue_namespaceObject.toValue)(parentItem)
+        ], ()=>{
+        formItemInstance.value.parentDataField = (0, external_vue_namespaceObject.toValue)((0, external_vue_namespaceObject.toValue)(parentItem).name);
+    }, {
+        immediate: true
+    });
+    (0, external_useEffect_js_namespaceObject.useEffect)(()=>form.value.registerFormItem(formItemInstance));
+    return {
+        ruleInstance,
+        formItemInstance,
+        form,
+        newName,
+        newSort,
+        parentItem,
+        deepRefData
+    };
+};
+exports.useRegisterFormItem = __webpack_exports__.useRegisterFormItem;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "useRegisterFormItem"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/hooks/register/register.FormList.d.ts

@@ -0,0 +1,9 @@
+import { RegisterFormItemOptions } from './register.FormItem';
+export interface RegisterFormListOptions extends RegisterFormItemOptions {
+}
+/**注册表单List到表单实例中*/
+export declare const useRegisterFormList: (options: RegisterFormListOptions) => {
+    ruleInstance: import("vue").Ref<import("../..").RuleInstanceBase, import("../..").RuleInstanceBase>;
+    formItemInstance: import("vue").Ref<import("../..").FormItemInstanceBase, import("../..").FormItemInstanceBase>;
+    formListInstance: import("vue").Ref<import("../..").FormListInstanceBase, import("../..").FormListInstanceBase>;
+};

package/lib/hooks/register/register.FormList.js

@@ -0,0 +1,76 @@
+"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__, {
+    useRegisterFormList: ()=>useRegisterFormList
+});
+const external_vue_namespaceObject = require("vue");
+const external_register_FormItem_js_namespaceObject = require("./register.FormItem.js");
+const external_useFormList_js_namespaceObject = require("../useFormList.js");
+const external_useEffect_js_namespaceObject = require("../useEffect.js");
+const useRegisterFormList = (options)=>{
+    const { ruleInstance, formItemInstance, form, newName, parentItem } = (0, external_register_FormItem_js_namespaceObject.useRegisterFormItem)(options);
+    const formListInstance = (0, external_useFormList_js_namespaceObject.useFormList)();
+    (0, external_vue_namespaceObject.watch)(()=>[
+            (0, external_vue_namespaceObject.toValue)(newName)
+        ], ()=>{
+        formListInstance.value.ctor((0, external_vue_namespaceObject.toValue)(newName));
+    }, {
+        immediate: true
+    });
+    (0, external_vue_namespaceObject.watch)(()=>[
+            (0, external_vue_namespaceObject.toValue)(form),
+            formItemInstance,
+            ruleInstance
+        ], ()=>{
+        formListInstance.value.instance = form;
+        formListInstance.value.formItemInstance = formItemInstance;
+        formListInstance.value.rule = ruleInstance;
+    }, {
+        immediate: true
+    });
+    (0, external_vue_namespaceObject.watch)(()=>[
+            options.sort,
+            (0, external_vue_namespaceObject.toValue)(parentItem)
+        ], ()=>{
+        formListInstance.value.sort = (0, external_vue_namespaceObject.toValue)(parentItem.value.sort);
+        formListInstance.value.parentDataField = (0, external_vue_namespaceObject.toValue)(parentItem.value.name);
+    }, {
+        immediate: true
+    });
+    (0, external_useEffect_js_namespaceObject.useEffect)(()=>form.value.registerFormList(newName.value, formListInstance));
+    return {
+        ruleInstance,
+        formItemInstance,
+        formListInstance
+    };
+};
+exports.useRegisterFormList = __webpack_exports__.useRegisterFormList;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "useRegisterFormList"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/hooks/register/register.form.d.ts

@@ -0,0 +1,4 @@
+import { FormInstanceBase } from '../../instance/formInstance';
+import { Ref } from 'vue';
+/**注册表单实例到多表单收集实例中*/
+export declare const useRegisterForm: (form: Ref<FormInstanceBase>, name?: string) => Ref<import("../..").MultipleInstanceBase, import("../..").MultipleInstanceBase>;

package/lib/hooks/register/register.form.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__, {
+    useRegisterForm: ()=>useRegisterForm
+});
+const external_useMultipleForm_js_namespaceObject = require("../useMultipleForm.js");
+const external_useEffect_js_namespaceObject = require("../useEffect.js");
+const useRegisterForm = (form, name)=>{
+    const multipleForm = (0, external_useMultipleForm_js_namespaceObject.useMultipleFormInject)();
+    (0, external_useEffect_js_namespaceObject.useEffect)(()=>{
+        if (name) return multipleForm.value.ctor(name, form);
+    });
+    return multipleForm;
+};
+exports.useRegisterForm = __webpack_exports__.useRegisterForm;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "useRegisterForm"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});