@fairys/taro-valtio-form-basic 0.0.12 → 0.0.13

package/esm/form.d.ts

@@ -1,18 +1,26 @@
 import { FairysTaroValtioFormItem, FairysTaroValtioFormHideItem, FairysTaroValtioFormItemBase } from './form.item';
 import { useFairysValtioFormInstance, useFairysValtioFormInstanceContext, useFairysValtioFormInstanceContextState, useFairysValtioFormInstanceContextHideState } from '@fairys/valtio-form-basic';
-import type { FairysValtioFormAttrsProps, MObject } from '@fairys/valtio-form-basic';
+import type { FairysValtioFormAttrsProps, FairysValtioFormInstance, MObject } from '@fairys/valtio-form-basic';
+import React from 'react';
 export * from '@fairys/valtio-form-basic';
 export * from './form.item';
 export * from './layout';
 export interface FairysTaroValtioFormProps<T extends MObject<T> = object> extends FairysValtioFormAttrsProps<T> {
 }
-export declare function FairysTaroValtioForm<T extends MObject<T> = object>(props: FairysTaroValtioFormProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare namespace FairysTaroValtioForm {
-    var useForm: typeof useFairysValtioFormInstance;
-    var useFormState: typeof useFairysValtioFormInstanceContextState;
-    var useFormHideState: typeof useFairysValtioFormInstanceContextHideState;
-    var useFormInstance: typeof useFairysValtioFormInstanceContext;
-    var FormItemBase: typeof FairysTaroValtioFormItemBase;
-    var FormItem: typeof FairysTaroValtioFormItem;
-    var FormHideItem: typeof FairysTaroValtioFormHideItem;
-}
+declare function FairysTaroValtioFormBase<T extends MObject<T> = object>(props: FairysTaroValtioFormProps<T>, ref: React.Ref<FairysValtioFormInstance<T>>): import("react/jsx-runtime").JSX.Element;
+export declare const FairysTaroValtioForm: typeof FairysTaroValtioFormBase & {
+    /**初始化实例*/
+    useForm: typeof useFairysValtioFormInstance;
+    /**获取状态*/
+    useFormState: typeof useFairysValtioFormInstanceContextState;
+    /**获取隐藏状态*/
+    useFormHideState: typeof useFairysValtioFormInstanceContextHideState;
+    /**获取上下文实例*/
+    useFormInstance: typeof useFairysValtioFormInstanceContext;
+    /**表单项基础组件*/
+    FormItemBase: typeof FairysTaroValtioFormItemBase;
+    /**表单项组件*/
+    FormItem: typeof FairysTaroValtioFormItem;
+    /**隐藏表单项组件*/
+    FormHideItem: typeof FairysTaroValtioFormHideItem;
+};

package/esm/form.js

@@ -2,11 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import { FairysTaroValtioFormLayout } from "./layout.js";
 import { FairysTaroValtioFormHideItem, FairysTaroValtioFormItem, FairysTaroValtioFormItemBase } from "./form.item.js";
 import { FairysValtioFormInstanceContext, useFairysValtioForm, useFairysValtioFormInstance, useFairysValtioFormInstanceContext, useFairysValtioFormInstanceContextHideState, useFairysValtioFormInstanceContextState } from "@fairys/valtio-form-basic";
+import react from "react";
 export * from "@fairys/valtio-form-basic";
 export * from "./form.item.js";
 export * from "./layout.js";
-function FairysTaroValtioForm(props) {
-    const { formInstance, children, ...rest } = useFairysValtioForm(props);
+function FairysTaroValtioFormBase(props, ref) {
+    const { formInstance, children, ...rest } = useFairysValtioForm(props, ref);
     return /*#__PURE__*/ jsx(FairysValtioFormInstanceContext.Provider, {
         value: formInstance,
         children: /*#__PURE__*/ jsx(FairysTaroValtioFormLayout, {
@@ -15,6 +16,7 @@ function FairysTaroValtioForm(props) {
         })
     });
 }
+const FairysTaroValtioForm = /*#__PURE__*/ react.forwardRef(FairysTaroValtioFormBase);
 FairysTaroValtioForm.useForm = useFairysValtioFormInstance;
 FairysTaroValtioForm.useFormState = useFairysValtioFormInstanceContextState;
 FairysTaroValtioForm.useFormHideState = useFairysValtioFormInstanceContextHideState;

package/package.json

@@ -3,7 +3,7 @@
   "author": "SunLxy <1011771396@qq.com>",
   "description": "taro表单框架组件",
   "homepage": "https://github.com/autumn-fairy-tales/valtio-form-basic",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "main": "lib/index.js",
   "types": "esm/index.d.ts",
   "module": "esm/index.js",
@@ -25,10 +25,10 @@
     "esm"
   ],
   "dependencies": {
-    "@fairys/valtio-form-basic": "^0.0.12"
+    "@fairys/valtio-form-basic": "^0.0.13"
   },
   "devDependencies": {
     "@types/react": "~18.2.21",
     "react": "^18.0.0"
   }
-}
+}

package/src/form.tsx

@@ -8,20 +8,43 @@ import {
   useFairysValtioFormInstanceContextState,
   useFairysValtioFormInstanceContextHideState,
 } from '@fairys/valtio-form-basic';
-import type { FairysValtioFormAttrsProps, MObject } from '@fairys/valtio-form-basic';
+import type { FairysValtioFormAttrsProps, FairysValtioFormInstance, MObject } from '@fairys/valtio-form-basic';
+import React from 'react';
 export * from '@fairys/valtio-form-basic';
 export * from './form.item';
 export * from './layout';
-export interface FairysTaroValtioFormProps<T extends MObject<T> = object> extends FairysValtioFormAttrsProps<T> { }
+export interface FairysTaroValtioFormProps<T extends MObject<T> = object> extends FairysValtioFormAttrsProps<T> {}
 
-export function FairysTaroValtioForm<T extends MObject<T> = object>(props: FairysTaroValtioFormProps<T>) {
-  const { formInstance, children, ...rest } = useFairysValtioForm(props);
+function FairysTaroValtioFormBase<T extends MObject<T> = object>(
+  props: FairysTaroValtioFormProps<T>,
+  ref: React.Ref<FairysValtioFormInstance<T>>,
+) {
+  const { formInstance, children, ...rest } = useFairysValtioForm(props, ref);
   return (
     <FairysValtioFormInstanceContext.Provider value={formInstance}>
       <FairysTaroValtioFormLayout {...rest}>{children}</FairysTaroValtioFormLayout>
     </FairysValtioFormInstanceContext.Provider>
   );
 }
+
+export const FairysTaroValtioForm = React.forwardRef(
+  FairysTaroValtioFormBase,
+) as unknown as typeof FairysTaroValtioFormBase & {
+  /**初始化实例*/
+  useForm: typeof useFairysValtioFormInstance;
+  /**获取状态*/
+  useFormState: typeof useFairysValtioFormInstanceContextState;
+  /**获取隐藏状态*/
+  useFormHideState: typeof useFairysValtioFormInstanceContextHideState;
+  /**获取上下文实例*/
+  useFormInstance: typeof useFairysValtioFormInstanceContext;
+  /**表单项基础组件*/
+  FormItemBase: typeof FairysTaroValtioFormItemBase;
+  /**表单项组件*/
+  FormItem: typeof FairysTaroValtioFormItem;
+  /**隐藏表单项组件*/
+  FormHideItem: typeof FairysTaroValtioFormHideItem;
+};
 /**初始化实例*/
 FairysTaroValtioForm.useForm = useFairysValtioFormInstance;
 /**获取状态*/
@@ -34,5 +57,5 @@ FairysTaroValtioForm.useFormInstance = useFairysValtioFormInstanceContext;
 FairysTaroValtioForm.FormItemBase = FairysTaroValtioFormItemBase;
 /**表单项*/
 FairysTaroValtioForm.FormItem = FairysTaroValtioFormItem;
-/**隐藏表单想*/
+/**隐藏表单项组件*/
 FairysTaroValtioForm.FormHideItem = FairysTaroValtioFormHideItem;