Refactor UfeContext to dynamically render context

elements with extra attributes.
milung · Oct 31, 2023 · 5da9ea1 · 5da9ea1
1 parent a66cbff
commit 5da9ea1
Showing 1 changed file with 21 additions and 3 deletions.
diff --git a/web-ui/src/components/ufe-context/ufe-context.tsx b/web-ui/src/components/ufe-context/ufe-context.tsx
@@ -33,16 +33,34 @@ export class UfeContext {
     const contextElements = this.ufeRegistry.contextElements( this.context, this.selector );
     this.ufeRegistry.preloadDependenciesAsync(contextElements);
 
+
     return (
 
       <Host>
         <slot name="beforeALl"></slot>
-        {contextElements.map( el => { 
-          const element = this.ufeRegistry.loadAndRenderElement(el, Object.assign({}, this.extraAttributes, this.data));
+          {contextElements.map( el => { 
+            const attr = Object.assign(
+              {},
+              this.extraAttributes,
+              el.attributes.reduce(
+                  (acc, a) => {
+                      acc[a.name] = a.value;
+                      return acc
+                  }, {} as {
+                      [name: string]: any
+                  })
+          );
+
           return (
             <context-item>
               <slot name="before-each"></slot>
-              { element }
+              <el.element {...attr} ref={ (_ => {
+                if (_) {
+                  for (let key in this.data) {
+                    _[key] = this.data[key];
+                  }
+                }
+              })}></el.element>
               <slot name="after-each"></slot>
             </context-item>
           )