feat: revert *ref

Author: nartc

libs/angular-three/src/index.ts

@@ -4,7 +4,6 @@ export * from './lib/di/catalogue';
 export * from './lib/di/destroy';
 export * from './lib/di/ref';
 export * from './lib/directives/args';
-export * from './lib/directives/ref';
 export * from './lib/directives/repeat';
 export * from './lib/loader';
 export * from './lib/loop';

libs/angular-three/src/lib/directives/ref.ts

@@ -105,7 +105,7 @@ export class NgtRenderer implements Renderer2 {
             );
         }
 
-        const { injectedArgs, injectedRef, store } = this.store.getCreationState();
+        const { injectedArgs, store } = this.store.getCreationState();
 
         // handle primitive
         if (name === SPECIAL_DOM_TAG.NGT_PRIMITIVE) {
@@ -117,9 +117,7 @@ export class NgtRenderer implements Renderer2 {
                 localState = getLocalState(object);
             }
             if (!localState.store) localState.store = store;
-            const primitiveNode = this.store.createNode('three', object);
-            if (injectedRef) injectedRef.nativeElement = primitiveNode;
-            return primitiveNode;
+            return this.store.createNode('three', object);
         }
 
         const threeTag = name.startsWith('ngt') ? name.slice(4) : name;
@@ -135,12 +133,6 @@ export class NgtRenderer implements Renderer2 {
             } else if (is.material(instance)) {
                 localState.attach = ['material'];
             }
-
-            if (injectedRef) {
-                injectedRef.nativeElement = node;
-                node.__ngt_renderer__[NgtRendererClassId.ref] = injectedRef;
-            }
-
             return node;
         }
 

libs/angular-three/src/lib/renderer/renderer.ts

@@ -1,11 +1,11 @@
 import { ChangeDetectorRef, getDebugNode, Injector, Type } from '@angular/core';
 import { NgtArgs } from '../directives/args';
 import { NgtCommonDirective } from '../directives/common';
-import { NgtRef } from '../directives/ref';
 import { NgtStore } from '../stores/store';
 import type { NgtAnyRecord } from '../types';
 import { applyProps } from '../utils/apply-props';
 import { getLocalState } from '../utils/instance';
+import { is } from '../utils/is';
 import { NgtCompoundClassId, NgtQueueOpClassId, NgtRendererClassId } from './enums';
 import { attachThreeChild, removeThreeChild, SPECIAL_PROPERTIES } from './utils';
 
@@ -210,16 +210,23 @@ export class NgtRendererStore {
     applyProperty(node: NgtRendererNode, name: string, value: any) {
         if (node.__ngt_renderer__[NgtRendererClassId.destroyed]) return;
 
+        // [ref]
+        if (name === SPECIAL_PROPERTIES.REF && is.ref(value)) {
+            node.__ngt_renderer__[NgtRendererClassId.ref] = value;
+            value.nativeElement = node;
+            return;
+        }
+
         const parent = getLocalState(node).parent || node.__ngt_renderer__[NgtRendererClassId.parent];
 
-        // rawValue
+        // [rawValue]
         if (getLocalState(node).isRaw && name === SPECIAL_PROPERTIES.VALUE) {
             node.__ngt_renderer__[NgtRendererClassId.rawValue] = value;
             if (parent) attachThreeChild(parent, node);
             return;
         }
 
-        // attach
+        // [attach]
         if (name === SPECIAL_PROPERTIES.ATTACH) {
             getLocalState(node).attach = Array.isArray(value) ? value.map((v) => v.toString()) : value;
             if (parent) attachThreeChild(parent, node);
@@ -312,9 +319,8 @@ export class NgtRendererStore {
 
     getCreationState() {
         const injectedArgs = this.firstNonInjectedDirective(NgtArgs)?.args || [];
-        const injectedRef = this.firstNonInjectedDirective(NgtRef)?.ref || null;
         const store = this.tryGetPortalStore();
-        return { injectedArgs, injectedRef, store };
+        return { injectedArgs, store };
     }
 
     destroy(node: NgtRendererNode, parent?: NgtRendererNode) {