create-packer 1.17.6 → 1.17.7

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "create-packer",
-    "version": "1.17.6",
+    "version": "1.17.7",
     "main": "index.js",
     "repository": "https://github.com/kevily/create-packer",
     "author": "1k <bug_zero@163.com>",

package/template/react/src/controllers/index.ts

@@ -0,0 +1 @@
+export { default as useComponentInstance } from './useComponentInstance'

package/template/react/src/controllers/useComponentInstance.ts

@@ -0,0 +1,21 @@
+import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, useEffect, useRef } from 'react'
+import { componentInstance } from '@/providers'
+
+export default function useComponentInstance<
+    P extends Record<string, any>,
+    Refs extends Record<string, any>
+>(
+    key: string,
+    Component: ForwardRefExoticComponent<PropsWithoutRef<any> & RefAttributes<Refs>>,
+    props?: P
+) {
+    const $instance = useRef<(Refs & componentInstance.refsType<P>) | null>(null)
+
+    useEffect(() => {
+        componentInstance.create(key, Component, props).then(instance => {
+            $instance.current = instance
+        })
+    }, [])
+
+    return $instance
+}

package/template/react/src/providers/componentInstance.tsx

@@ -3,7 +3,6 @@ import {
     ForwardRefExoticComponent,
     PropsWithoutRef,
     RefAttributes,
-    useEffect,
     useImperativeHandle,
     useRef,
     useState
@@ -12,7 +11,7 @@ import { createRoot } from 'react-dom/client'
 
 const instanceMap: Record<string, any> = {}
 
-interface refsType<P> {
+export interface refsType<P> {
     $setProps: (newProps?: P) => void
     $updateProps: (newProps?: Partial<P>) => void
 }
@@ -60,19 +59,3 @@ export async function create<P extends Record<string, any>, Refs extends Record<
     $instance.$setProps(props)
     return $instance
 }
-
-export function useHooks<P extends Record<string, any>, Refs extends Record<string, any>>(
-    key: string,
-    Component: ForwardRefExoticComponent<PropsWithoutRef<any> & RefAttributes<Refs>>,
-    props?: P
-) {
-    const $instance = useRef<Refs & refsType<P>>(instanceMap[key])
-
-    useEffect(() => {
-        create(key, Component, props).then(instance => {
-            $instance.current = instance
-        })
-    }, [])
-
-    return $instance
-}