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

package/esm/form.d.ts

@@ -1,18 +1,26 @@
 import { FairysPCValtioFormItem, FairysPCValtioFormHideItem, FairysPCValtioFormItemBase } 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 FairysPCValtioFormProps<T extends MObject<T> = object> extends FairysValtioFormAttrsProps<T> {
 }
-export declare function FairysPCValtioForm<T extends MObject<T> = object>(props: FairysPCValtioFormProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare namespace FairysPCValtioForm {
-    var useForm: typeof useFairysValtioFormInstance;
-    var useFormState: typeof useFairysValtioFormInstanceContextState;
-    var useFormHideState: typeof useFairysValtioFormInstanceContextHideState;
-    var useFormInstance: typeof useFairysValtioFormInstanceContext;
-    var FormItemBase: typeof FairysPCValtioFormItemBase;
-    var FormItem: typeof FairysPCValtioFormItem;
-    var FormHideItem: typeof FairysPCValtioFormHideItem;
-}
+declare function FairysPCValtioFormBase<T extends MObject<T> = object>(props: FairysPCValtioFormProps<T>, ref: React.Ref<FairysValtioFormInstance<T>>): import("react/jsx-runtime").JSX.Element;
+export declare const FairysPCValtioForm: typeof FairysPCValtioFormBase & {
+    /**初始化实例*/
+    useForm: typeof useFairysValtioFormInstance;
+    /**获取状态*/
+    useFormState: typeof useFairysValtioFormInstanceContextState;
+    /**获取隐藏状态*/
+    useFormHideState: typeof useFairysValtioFormInstanceContextHideState;
+    /**获取上下文实例*/
+    useFormInstance: typeof useFairysValtioFormInstanceContext;
+    /**表单项基础组件*/
+    FormItemBase: typeof FairysPCValtioFormItemBase;
+    /**表单项组件*/
+    FormItem: typeof FairysPCValtioFormItem;
+    /**隐藏表单项组件*/
+    FormHideItem: typeof FairysPCValtioFormHideItem;
+};

package/esm/form.js

@@ -2,11 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import { FairysPCValtioFormLayout } from "./layout.js";
 import { FairysPCValtioFormHideItem, FairysPCValtioFormItem, FairysPCValtioFormItemBase } 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 FairysPCValtioForm(props) {
-    const { formInstance, children, colCount = 4, labelMode = 'top', errorLayout = 'bottom-left', itemBorderType = 'none', platform = 'pc', ...rest } = useFairysValtioForm(props);
+function FairysPCValtioFormBase(props, ref) {
+    const { formInstance, children, colCount = 4, labelMode = 'top', errorLayout = 'bottom-left', itemBorderType = 'none', platform = 'pc', ...rest } = useFairysValtioForm(props, ref);
     return /*#__PURE__*/ jsx(FairysValtioFormInstanceContext.Provider, {
         value: formInstance,
         children: /*#__PURE__*/ jsx(FairysPCValtioFormLayout, {
@@ -20,6 +21,7 @@ function FairysPCValtioForm(props) {
         })
     });
 }
+const FairysPCValtioForm = /*#__PURE__*/ react.forwardRef(FairysPCValtioFormBase);
 FairysPCValtioForm.useForm = useFairysValtioFormInstance;
 FairysPCValtioForm.useFormState = useFairysValtioFormInstanceContextState;
 FairysPCValtioForm.useFormHideState = useFairysValtioFormInstanceContextHideState;

package/package.json

@@ -3,7 +3,7 @@
   "author": "SunLxy <1011771396@qq.com>",
   "description": "pc表单框架组件",
   "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,13 +8,17 @@ 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 FairysPCValtioFormProps<T extends MObject<T> = object> extends FairysValtioFormAttrsProps<T> {}
 
-export function FairysPCValtioForm<T extends MObject<T> = object>(props: FairysPCValtioFormProps<T>) {
+function FairysPCValtioFormBase<T extends MObject<T> = object>(
+  props: FairysPCValtioFormProps<T>,
+  ref: React.Ref<FairysValtioFormInstance<T>>,
+) {
   const {
     formInstance,
     children,
@@ -24,7 +28,7 @@ export function FairysPCValtioForm<T extends MObject<T> = object>(props: FairysP
     itemBorderType = 'none',
     platform = 'pc',
     ...rest
-  } = useFairysValtioForm(props);
+  } = useFairysValtioForm(props, ref);
   return (
     <FairysValtioFormInstanceContext.Provider value={formInstance}>
       <FairysPCValtioFormLayout
@@ -40,6 +44,25 @@ export function FairysPCValtioForm<T extends MObject<T> = object>(props: FairysP
     </FairysValtioFormInstanceContext.Provider>
   );
 }
+
+export const FairysPCValtioForm = React.forwardRef(
+  FairysPCValtioFormBase,
+) as unknown as typeof FairysPCValtioFormBase & {
+  /**初始化实例*/
+  useForm: typeof useFairysValtioFormInstance;
+  /**获取状态*/
+  useFormState: typeof useFairysValtioFormInstanceContextState;
+  /**获取隐藏状态*/
+  useFormHideState: typeof useFairysValtioFormInstanceContextHideState;
+  /**获取上下文实例*/
+  useFormInstance: typeof useFairysValtioFormInstanceContext;
+  /**表单项基础组件*/
+  FormItemBase: typeof FairysPCValtioFormItemBase;
+  /**表单项组件*/
+  FormItem: typeof FairysPCValtioFormItem;
+  /**隐藏表单项组件*/
+  FormHideItem: typeof FairysPCValtioFormHideItem;
+};
 /**初始化实例*/
 FairysPCValtioForm.useForm = useFairysValtioFormInstance;
 /**获取状态*/