fix: mobile onload callbacks (#177)

gravity-ui · Aug 22, 2024 · da6a713 · da6a713
1 parent 2daea97
commit da6a713
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 3 deletions.
diff --git a/src/components/DashKitView/DashKitView.tsx b/src/components/DashKitView/DashKitView.tsx
@@ -20,6 +20,7 @@ type DashKitViewProps = DashKitProps & {
 function DashKitView() {
     const context = React.useContext(DashKitContext);
     const {registerManager, forwardedMetaRef} = context;
+
     return (
         <div className={b({theme: registerManager.settings.theme})}>
             {registerManager.settings.isMobile ? (

diff --git a/src/components/MobileLayout/MobileLayout.js b/src/components/MobileLayout/MobileLayout.js
@@ -48,6 +48,36 @@ export default class MobileLayout extends React.PureComponent {
         }
     };
 
+    onMountChange = (isMounted) => {
+        if (isMounted) {
+            this._inited = true;
+
+            this.context.onItemMountChange?.(this.props.item, {
+                isAsync: this._isAsyncItem,
+                isMounted: isMounted,
+            });
+
+            if (!this._isAsyncItem) {
+                this.context.onItemRender?.(this.props.item);
+            }
+        } else {
+            this.context.onItemMountChange?.(this.props.item, {
+                isAsync: this._isAsyncItem,
+                isMounted: isMounted,
+            });
+        }
+    };
+
+    onBeforeLoad = () => {
+        this._isAsyncItem = true;
+
+        return this.onLoad;
+    };
+
+    onLoad = () => {
+        this.context.onItemRender?.(this.props.item);
+    };
+
     render() {
         const {config, layout} = this.context;
 
@@ -75,6 +105,8 @@ export default class MobileLayout extends React.PureComponent {
                                 forwardedPluginRef={(pluginRef) => {
                                     this.pluginsRefs[index] = pluginRef;
                                 }}
+                                onMountChange={this.onMountChange}
+                                onBeforeLoad={this.onBeforeLoad}
                             />
                         </div>
                     );

diff --git a/src/typings/config.ts b/src/typings/config.ts
@@ -9,11 +9,11 @@ export type SetConfigItem = ConfigItem | AddConfigItem;
 
 export type SetItemOptions = {
     excludeIds?: string[];
-};
-
-export type SetNewItemOptions = SetItemOptions & {
     updateLayout?: ConfigLayout[];
 };
+
+export type SetNewItemOptions = SetItemOptions;
+
 export interface DashkitGroupRenderProps {
     config: Config;
     editMode: boolean;