@carefrees/form-utils-react-taro 0.0.4

package/esm/styles/index.css

@@ -0,0 +1,200 @@
+.carefrees-form {
+  box-sizing: border-box;
+  background-color: #fff;
+  font-size: 14px;
+}
+
+.carefrees-form-layout {
+  box-sizing: border-box;
+  border-radius: 4px;
+  width: 100%;
+  padding-bottom: 8px;
+  position: relative;
+}
+
+.carefrees-form-layout.all-colspan {
+  grid-column: 1 / -1;
+}
+
+.carefrees-form-layout.bordered {
+  border: 1px solid #e0e0e0;
+}
+
+.carefrees-form-layout.bordered .carefrees-form-layout-header {
+  padding-inline: 8px;
+}
+
+.carefrees-form-layout-header {
+  padding-top: 5px;
+  padding-bottom: 5px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #e0e0e0;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin-block-end: 4px;
+  padding-inline: 2px;
+  display: flex;
+}
+
+.carefrees-form-layout-header-title {
+  color: #1d2129;
+  box-sizing: border-box;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.carefrees-form-layout-header-extra {
+  color: #1d2129;
+  box-sizing: border-box;
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.carefrees-form-layout-body {
+  box-sizing: border-box;
+  grid-template-columns: repeat(1, auto);
+  gap: 2px;
+  width: 100%;
+  padding-left: 2px;
+  padding-right: 2px;
+  display: grid;
+}
+
+.carefrees-form-item {
+  box-sizing: border-box;
+  color: #000000e0;
+  flex-direction: row;
+  align-items: flex-start;
+  padding: 8px;
+  font-size: 14px;
+  display: flex;
+}
+
+.carefrees-form-item-container {
+  box-sizing: border-box;
+  flex-direction: column;
+  flex: 1;
+  gap: 4px;
+  height: 100%;
+  display: flex;
+}
+
+.carefrees-form-item-container.left {
+  text-align: left;
+  flex-direction: row;
+  gap: 8px;
+}
+
+.carefrees-form-item-container.left .carefrees-form-item-label {
+  justify-content: flex-end;
+}
+
+.carefrees-form-item-container.between {
+  text-align: left;
+  flex-direction: row;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.carefrees-form-item-container.between .carefrees-form-item-body, .carefrees-form-item-container.between .carefrees-form-item-body-input {
+  text-align: right;
+  justify-content: flex-end;
+}
+
+.carefrees-form-item-label-warp {
+  box-sizing: border-box;
+}
+
+.carefrees-form-item-label {
+  box-sizing: border-box;
+  color: #000000e0;
+  justify-content: flex-start;
+  align-items: center;
+  min-height: 1.4rem;
+  font-size: 14px;
+  display: flex;
+  position: relative;
+}
+
+.carefrees-form-item-label.show-colon:after {
+  content: ":";
+  text-align: center;
+  box-sizing: border-box;
+  margin: 0;
+  margin-inline: 2px;
+  display: inline-block;
+}
+
+.carefrees-form-item-label.required:before {
+  content: "*";
+  color: red;
+  box-sizing: border-box;
+  margin-inline-end: 4px;
+  display: inline-block;
+}
+
+.carefrees-form-item-body {
+  box-sizing: border-box;
+  flex-direction: column;
+  flex: 1;
+  justify-content: flex-start;
+  align-items: flex-start;
+  gap: 4px;
+  display: flex;
+  position: relative;
+}
+
+.carefrees-form-item-body-input {
+  box-sizing: border-box;
+  flex-direction: row;
+  flex: 1;
+  justify-content: flex-start;
+  align-items: center;
+  width: 100%;
+  display: flex;
+}
+
+.carefrees-form-item-body-input.input-bordered {
+  border-bottom: 1px solid #e0e0e0;
+}
+
+.carefrees-form-item-body-help {
+  box-sizing: border-box;
+  width: 100%;
+}
+
+.carefrees-form-item-body-error {
+  color: red;
+  box-sizing: border-box;
+  z-index: 10;
+  pointer-events: none;
+  flex-direction: row;
+  justify-content: start;
+  width: 100%;
+  padding-top: 2px;
+  font-size: 12px;
+  display: flex;
+  position: absolute;
+  inset: auto 0 -16px;
+}
+
+.carefrees-form-item-body-error.right-bottom {
+  justify-content: flex-end;
+  inset: auto 0 -16px;
+}
+
+.carefrees-form-item-body-error.top-left {
+  justify-content: start;
+  inset: -16px 0 auto;
+}
+
+.carefrees-form-item-body-error.top-right {
+  justify-content: flex-end;
+  inset: -16px 0 auto;
+}
+
+.carefrees-form-item-extra {
+  box-sizing: border-box;
+}
+

package/lib/formItem/index.d.ts

@@ -0,0 +1,11 @@
+import { LayoutFormItemProps } from './../layout/layout.formItem';
+import { FormItemAttrOptions } from '../hooks/attr/attr.FormItem';
+import React from 'react';
+export interface FormItemProps extends FormItemAttrOptions, LayoutFormItemProps {
+    /**不进行样式渲染*/
+    noStyle?: boolean;
+}
+/**表单项*/
+export declare const FormItem: React.MemoExoticComponent<(props: Partial<FormItemProps>) => import("react/jsx-runtime").JSX.Element>;
+/**隐藏表单项*/
+export declare const FormHideItem: React.MemoExoticComponent<(props: FormItemProps) => import("react/jsx-runtime").JSX.Element>;

package/lib/formItem/index.js

@@ -0,0 +1,107 @@
+"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__, {
+    FormItem: ()=>FormItem,
+    FormHideItem: ()=>FormHideItem
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const layout_formItem_js_namespaceObject = require("../layout/layout.formItem.js");
+const attr_FormItem_js_namespaceObject = require("../hooks/attr/attr.FormItem.js");
+const useFormItemParentName_js_namespaceObject = require("../hooks/useFormItemParentName.js");
+const register_FormHideItem_js_namespaceObject = require("../hooks/register/register.FormHideItem.js");
+const external_react_namespaceObject = require("react");
+const FormItemInstance = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props)=>{
+    const { labelMode, noStyle, onlyRuleStyle, label, helpText, extra, errorLayout, required, showColon, colSpan, rowSpan, ...rest } = props;
+    const { children, ruleInstance, formItemInstance, htmlFor, validateResult } = (0, attr_FormItem_js_namespaceObject.useFormItemAttr)({
+        ...rest
+    });
+    if (noStyle) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(useFormItemParentName_js_namespaceObject.FormItemParentNameProvider, {
+        name: formItemInstance.name,
+        sort: formItemInstance.sort,
+        children: children
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(useFormItemParentName_js_namespaceObject.FormItemParentNameProvider, {
+        name: formItemInstance.name,
+        sort: formItemInstance.sort,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_formItem_js_namespaceObject.LayoutFormItem, {
+            labelMode: labelMode,
+            onlyRuleStyle: onlyRuleStyle,
+            required: required || ruleInstance?.isRequired?.(),
+            label: label,
+            helpText: helpText,
+            extra: extra,
+            errorLayout: errorLayout,
+            showColon: showColon,
+            colSpan: colSpan,
+            rowSpan: rowSpan,
+            htmlFor: htmlFor,
+            validateResult: validateResult,
+            children: children
+        })
+    });
+});
+const FormItem = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props)=>{
+    const { name } = props;
+    if (name) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FormItemInstance, {
+        ...props,
+        name: name
+    });
+    const { labelMode, onlyRuleStyle, label, helpText, extra, errorLayout, required, showColon, colSpan, rowSpan, children } = props;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(layout_formItem_js_namespaceObject.LayoutFormItem, {
+        labelMode: labelMode,
+        onlyRuleStyle: onlyRuleStyle,
+        required: required,
+        label: label,
+        helpText: helpText,
+        extra: extra,
+        errorLayout: errorLayout,
+        showColon: showColon,
+        colSpan: colSpan,
+        rowSpan: rowSpan,
+        children: children
+    });
+});
+const FormHideItem = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props)=>{
+    const { name, sort, isJoinParentField } = props;
+    const { isHide } = (0, register_FormHideItem_js_namespaceObject.useRegisterFormHideItem)({
+        name,
+        sort: sort,
+        isJoinParentField
+    });
+    if (isHide) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_namespaceObject.Fragment, {});
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FormItemInstance, {
+        ...props
+    });
+});
+exports.FormHideItem = __webpack_exports__.FormHideItem;
+exports.FormItem = __webpack_exports__.FormItem;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "FormHideItem",
+    "FormItem"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/lib/formList/index.d.ts

@@ -0,0 +1,27 @@
+import { RegisterFormListOptions } from './../hooks/register/register.FormList';
+import { RuleInstanceBase, FormItemInstanceBase, FormListInstanceBase } from '@carefrees/form-utils';
+import React from 'react';
+export interface FormListChildrenProps {
+    /**数据集合*/
+    fields: {
+        name: number;
+        key: number;
+    }[];
+    /**添加*/
+    onAdd: (initialValue?: Object) => void;
+    /**删除*/
+    onDelete: (index: number | number[]) => void;
+    /**移动*/
+    onMove: (from: number, to: number) => void;
+}
+export interface FormListProps extends RegisterFormListOptions {
+    children: (options: FormListChildrenProps, instances: {
+        ruleInstance: RuleInstanceBase;
+        formItemInstance: FormItemInstanceBase;
+        formListInstance: FormListInstanceBase;
+    }) => React.ReactNode;
+}
+/**form list 组件*/
+export declare const FormList: React.MemoExoticComponent<(props: FormListProps) => import("react/jsx-runtime").JSX.Element>;
+/**隐藏 form list item 组件*/
+export declare const FormHideList: React.MemoExoticComponent<(props: FormListProps) => import("react/jsx-runtime").JSX.Element>;

package/lib/formList/index.js

@@ -0,0 +1,77 @@
+"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__, {
+    FormHideList: ()=>FormHideList,
+    FormList: ()=>FormList
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const register_FormList_js_namespaceObject = require("../hooks/register/register.FormList.js");
+const useFormList_js_namespaceObject = require("../hooks/useFormList.js");
+const useFormItemParentName_js_namespaceObject = require("../hooks/useFormItemParentName.js");
+const register_FormHideItem_js_namespaceObject = require("../hooks/register/register.FormHideItem.js");
+const external_react_namespaceObject = require("react");
+const FormList = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props)=>{
+    const { children, ...rest } = props;
+    const { formListInstance, ruleInstance, formItemInstance } = (0, register_FormList_js_namespaceObject.useRegisterFormList)(rest);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(useFormList_js_namespaceObject.FormListInstanceContext.Provider, {
+        value: formListInstance,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(useFormItemParentName_js_namespaceObject.FormItemParentNameProvider, {
+            name: formListInstance.name,
+            sort: formListInstance.sort,
+            children: children({
+                fields: formListInstance.getFields(),
+                onAdd: formListInstance.onAdd,
+                onDelete: formListInstance.onDelete,
+                onMove: formListInstance.onMove
+            }, {
+                ruleInstance,
+                formItemInstance,
+                formListInstance
+            })
+        })
+    });
+});
+const FormHideList = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props)=>{
+    const { name, sort, isJoinParentField } = props;
+    const { isHide } = (0, register_FormHideItem_js_namespaceObject.useRegisterFormHideItem)({
+        name,
+        sort: sort,
+        isJoinParentField
+    });
+    if (isHide) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_namespaceObject.Fragment, {});
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(FormList, {
+        ...props
+    });
+});
+exports.FormHideList = __webpack_exports__.FormHideList;
+exports.FormList = __webpack_exports__.FormList;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "FormHideList",
+    "FormList"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,48 @@
+import { RuleInstanceBase, FormInstanceBase, FormItemInstanceBase } from '@carefrees/form-utils';
+import { RegisterFormItemOptions } from '../register/register.FormItem';
+import React from 'react';
+export interface FormItemAttrOptions extends RegisterFormItemOptions {
+    /**依赖更新项*/
+    dependencies?: string[];
+    /**通知 只用于校验规则提示 字段 */
+    noticeOnlyRuleDataField?: string[];
+    /**通知父级字段监听方法更新*/
+    isNoticeParentField?: boolean;
+    /**通知watch监听方法更新*/
+    noticeWatchField?: string[];
+    /**是否保护值(不进行表单项组件卸载重置初始值)*/
+    preserve?: boolean;
+    /**重写规则*/
+    useRules?: (ruleInstance: RuleInstanceBase, form: FormInstanceBase, formItemInstance: FormItemInstanceBase) => void;
+    /**输入框属性重写*/
+    useAttrs?: (attrs: any, form: FormInstanceBase, formItemInstance: FormItemInstanceBase) => any;
+    /**输入框属性*/
+    attrs?: any;
+    /**传递组件字段*/
+    valuePropName?: string;
+    /**取值字段(默认和valuePropName值相同)*/
+    getValuePath?: string;
+    /**自定义获取值*/
+    getValueFromEvent?: (event: any, form: FormInstanceBase, formItemInstance: FormItemInstanceBase) => any;
+    /**值格式化*/
+    formatValue?: (value: any, form: FormInstanceBase, formItemInstance: FormItemInstanceBase, event: any) => any;
+    /**触发数据更新之后触发（用于数据联动之类的）*/
+    onAfterUpdate?: (value: any, form: FormInstanceBase, formItemInstance: FormItemInstanceBase, event: any) => void;
+    /**事件名称*/
+    trigger?: string;
+    /**子元素*/
+    children?: React.ReactNode;
+}
+/**表单项参数*/
+export declare const useFormItemAttr: (options: FormItemAttrOptions) => {
+    children: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode>;
+    form: FormInstanceBase<any>;
+    formItemInstance: FormItemInstanceBase;
+    ruleInstance: RuleInstanceBase;
+    onChange: (event: any) => void;
+    htmlFor: string;
+    validateResult: {
+        tip: string | (string | undefined)[];
+        isInvalid: boolean;
+    };
+};

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

@@ -0,0 +1,95 @@
+"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 form_utils_namespaceObject = require("@carefrees/form-utils");
+const register_FormItem_js_namespaceObject = require("../register/register.FormItem.js");
+const external_useHtmlFor_js_namespaceObject = require("../useHtmlFor.js");
+const external_react_namespaceObject = require("react");
+const useFormItemAttr = (options)=>{
+    const { trigger = 'onChange', dependencies, noticeOnlyRuleDataField, isNoticeParentField, noticeWatchField, preserve, valuePropName = 'value', getValuePath = valuePropName, getValueFromEvent, formatValue, onAfterUpdate, useAttrs, useRules, attrs, children, ...rest } = options;
+    const { formItemInstance, form, ruleInstance, newName } = (0, register_FormItem_js_namespaceObject.useRegisterFormItem)({
+        ...rest
+    });
+    formItemInstance.dependencies = dependencies;
+    formItemInstance.noticeOnlyRuleDataField = noticeOnlyRuleDataField;
+    formItemInstance.isNoticeParentField = isNoticeParentField;
+    formItemInstance.onAfterUpdate = onAfterUpdate;
+    formItemInstance.noticeWatchField = noticeWatchField;
+    formItemInstance.preserve = preserve;
+    const oldValue = form.getFieldValue(newName);
+    const onValueChange = (event)=>{
+        try {
+            let value = event;
+            const target = event?.detail || event?.target;
+            if ('function' == typeof getValueFromEvent) value = getValueFromEvent(event, form, formItemInstance);
+            else if (event && target && 'object' == typeof target && getValuePath in target) value = (0, form_utils_namespaceObject.get)(target, getValuePath);
+            if ('function' == typeof formatValue) value = formatValue(value, form, formItemInstance, event);
+            if (oldValue !== value) {
+                form.updatedFieldValue(newName, value, 'validate');
+                formItemInstance.onAfterUpdate?.(value, form, formItemInstance, event);
+                if (Array.isArray(formItemInstance.noticeWatchField) && formItemInstance.noticeWatchField.length) form.noticeWatch(formItemInstance.noticeWatchField);
+                if (Array.isArray(formItemInstance.noticeOnlyRuleDataField) && formItemInstance.noticeOnlyRuleDataField.length) form.onlyValidate(formItemInstance.noticeOnlyRuleDataField);
+                if (formItemInstance.isNoticeParentField && formItemInstance.parentDataField) form.notice(formItemInstance.parentDataField);
+            }
+        } catch (error) {
+            console.log(error);
+        }
+    };
+    formItemInstance.onChange = onValueChange;
+    const htmlFor = (0, external_useHtmlFor_js_namespaceObject.useHtmlFor)(newName);
+    formItemInstance.htmlFor = htmlFor;
+    const control = {
+        [trigger]: onValueChange,
+        ...attrs,
+        name: newName,
+        id: htmlFor,
+        [valuePropName]: oldValue
+    };
+    const newControl = useAttrs?.(control, form, formItemInstance) || control;
+    formItemInstance.control = newControl;
+    useRules?.(ruleInstance, form, formItemInstance);
+    const validateResult = (0, external_react_namespaceObject.useMemo)(()=>ruleInstance.getValidateResult(), [
+        ruleInstance.messages
+    ]);
+    return {
+        children: /*#__PURE__*/ (0, external_react_namespaceObject.isValidElement)(children) ? /*#__PURE__*/ (0, external_react_namespaceObject.cloneElement)(children, newControl) : children,
+        form,
+        formItemInstance,
+        ruleInstance,
+        onChange: onValueChange,
+        htmlFor,
+        validateResult
+    };
+};
+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/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("@carefrees/form-utils").FormInstanceBase<any>;
+    isHide: any;
+};
+export {};

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

@@ -0,0 +1,65 @@
+"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_react_namespaceObject = require("react");
+const form_utils_namespaceObject = require("@carefrees/form-utils");
+const external_useFormItemParentName_js_namespaceObject = require("../useFormItemParentName.js");
+const external_useForm_js_namespaceObject = require("../useForm.js");
+const external_useUpdate_js_namespaceObject = require("../useUpdate.js");
+const useRegisterFormHideItem = (options)=>{
+    const { name, sort, isJoinParentField = true } = options;
+    const form = (0, external_useForm_js_namespaceObject.useFormInstance)();
+    const _update = (0, external_useUpdate_js_namespaceObject.useUpdate)();
+    const { newName, newSort } = (0, external_useFormItemParentName_js_namespaceObject.useFormItemParentName)({
+        name,
+        sort,
+        isJoinParentField
+    });
+    const hideItemInstance = (0, external_react_namespaceObject.useRef)(new form_utils_namespaceObject.FormHideItemInstanceBase().ctor(newName)).current;
+    const isHide = form.getFieldHideValue(newName);
+    hideItemInstance.instance = form;
+    hideItemInstance.updated = _update.current;
+    hideItemInstance.sort = newSort;
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        const unMount = form.registerFormHideItem(hideItemInstance);
+        return ()=>unMount();
+    }, [
+        newName
+    ]);
+    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,23 @@
+/**
+ * @description 注册组件
+ */
+import { RuleInstanceBase } from '@carefrees/form-utils';
+import type { RuleItem } from 'async-validator';
+export interface RegisterFormItemOptions {
+    /**字段*/
+    name: string;
+    /**规则*/
+    rules?: RuleItem[];
+    /**排序值*/
+    sort?: string;
+    /**是否拼接父级字段*/
+    isJoinParentField?: boolean;
+}
+/**注册表单项到表单实例中*/
+export declare const useRegisterFormItem: (options: RegisterFormItemOptions) => {
+    ruleInstance: RuleInstanceBase;
+    formItemInstance: import("@carefrees/form-utils").FormItemInstanceBase;
+    form: import("@carefrees/form-utils").FormInstanceBase<any>;
+    parentName: string;
+    newName: string;
+};