Files
Home-Toolbox-Plugin/components/ui/form/index.tsx
T
Paul 0240b13123 Move forms to sidepanel
表单组件迁移到 SidePanel
原 Popup 引导打开 SidePanel
优化表单组件和 Hooks,获取 Form 组件 Ref
2024-04-12 14:09:38 +08:00

24 lines
593 B
TypeScript

import { useImperativeHandle, type FormHTMLAttributes, useRef, forwardRef, type Ref } from "react";
import { clsn } from "~utils";
import styles from "./form.module.less";
interface FormProps extends FormHTMLAttributes<HTMLFormElement> {
}
function Form({ children, className, ...props }: FormProps, ref: Ref<HTMLFormElement>) {
const formRef = useRef();
useImperativeHandle(ref, () => {
return formRef.current;
}, []);
return (
<form ref={formRef} className={clsn(styles.form, className)} {...props}>
{children}
</form>
);
}
export default forwardRef(Form);