add lazy prop into tabData object

Author: dev-javascript

src/panel/panel.js

@@ -8,10 +8,18 @@ const PanelComponent = function PanelComponent(props) {
     api = React.useContext(ApiContext),
     isSelected = id === selectedTabID,
     panelProps = panelPropsManager({isSelected, api, id}),
-    PanelComponent = api.getTab(id).panelComponent;
+    {panelComponent: PanelComponent, lazy} = api.getTab(id);
+  let hasBeenSelected = false;
+  if (!lazy || isSelected || api.activedTabsHistory.tabsId.indexOf(id) >= 0) {
+    hasBeenSelected = true;
+  }
   return (
     <div {...panelProps}>
-      {PanelComponent ? <PanelComponent id={id} isSelected={isSelected} api={api.userProxy}></PanelComponent> : null}
+      {hasBeenSelected ? (
+        PanelComponent ? (
+          <PanelComponent id={id} isSelected={isSelected} api={api.userProxy}></PanelComponent>
+        ) : null
+      ) : null}
     </div>
   );
 };

src/utils/api/optionManager/optionManager.factory.js

@@ -96,6 +96,7 @@ OptionManager.prototype._setSetting = function () {
         closable: true,
         iconClass: '',
         disable: false,
+        lazy: false,
         id: `tab_${new Date().getTime()}`,
       };
     },

src/utils/api/optionManager/optionManager.test.js

@@ -79,6 +79,7 @@ describe('OptionManager constructor : ', () => {
       closable: true,
       iconClass: '',
       disable: false,
+      lazy: false,
       id: defaultTabData.id,
     });
     expect(defaultTabData.id.includes('tab_')).toBe(true);