@polyvharmony/live-scenes-sdk 1.2.0 → 1.3.0-rc.1

package/src/main/ets/modules/ppt/PLVPPTWebController.js

@@ -0,0 +1,220 @@
+import { PLVEventNotify, PLVJSONUtils, PLVLogger, PLVWebController } from '@polyvharmony/live-scenes-foundation';
+import { PLVSocketMessageEvent, PLVSocketOnEvent, PLVSocketTransmitEvent } from '../socket/model/PLVSocketEventConstants';
+import HashMap from "@ohos.util.HashMap";
+import { toWebParams } from '../web/PLVWebParams';
+import { PLVLoginType } from '../login/model/PLVLoginType';
+import { PLVOnSliceIDEvent } from '../socket/model/PLVOnSliceIDEvent';
+import { PLVPPTOnSliceStartEvent } from './model/PLVPPTSocketEvent';
+import { PLVPPTStatus } from './model/PLVPPTStatus';
+import { MutableObserver, PLVMediaPlayerState, watchStates } from '@polyvharmony/media-player-sdk';
+const TAG = '[PLVPPTWebController]';
+const V2_GET_NATIVE_APP_PARAMS_INFO = 'getNativeAppParamsInfo';
+const EVENT_REFRESH_PPT = 'refreshPPT';
+const EVENT_CHANGE_PPT = 'changePPT';
+const EVENT_SET_SEI_DATA = 'setSeiData';
+const EVENT_CHANGE_PPT_PAGE = 'changePPTPage';
+const EVENT_SEND_SOCKET = 'sendSocketEvent';
+const EVENT_PPT_STATUS_CHANGE = 'pptStatusChange';
+const EVENT_VIDEO_DURATION = 'videoDuration';
+const EVENT_CHANGE_PPT_POSITION = 'changePPTPosition';
+const EVENT_VIDEO_START = 'videoStart';
+const EVENT_PPT_PLAY = 'pptPlay';
+const EVENT_PPT_PAUSE = 'pptPause';
+const EVENT_PPT_SEEK = 'pptSeek';
+const EVENT_PPT_PREPARE = 'pptPrepare';
+export class PLVPPTWebController extends PLVWebController {
+    constructor(r148, s148, t148, webTag) {
+        super(webTag);
+        this.delayTime = 5000;
+        this.eventNotify = new PLVEventNotify(this);
+        this.observers = [];
+        this.channelData = r148;
+        this.socketMediator = s148;
+        this.playerMediator = t148;
+        this.callbacks = new HashMap();
+        this.init();
+    }
+    updateDelayTime(q148) {
+        this.delayTime = q148 ? 500 : 5000;
+    }
+    setSEIData(p148) {
+        const data = "{\"time\":" + p148 + "}";
+        this.callHandle(EVENT_SET_SEI_DATA, data, () => {
+        });
+    }
+    changePPTPage(type) {
+        const data = "{\"type\":\"" + type + "\"}";
+        PLVLogger.info(TAG, 'changePPTPage, data=' + data);
+        this.callHandle(EVENT_CHANGE_PPT_PAGE, data, () => {
+        });
+    }
+    videoStart(n148, o148) {
+        const data = PLVJSONUtils.safeStringify({
+            "type": n148 ?? this.playerMediator.pptPlayType,
+            "roomId": this.channelData.loginChannelId,
+            "id": o148 ?? this.playerMediator.pptPlayId
+        });
+        this.callHandle(EVENT_VIDEO_START, data, () => {
+        });
+    }
+    pptPlay() {
+        const data = "{\"time\":" + this.playerMediator.videoCurrentPosition + "}";
+        this.callHandle(EVENT_PPT_PLAY, data, () => {
+        });
+    }
+    pptPause() {
+        const data = "{\"time\":" + this.playerMediator.videoCurrentPosition + "}";
+        this.callHandle(EVENT_PPT_PAUSE, data, () => {
+        });
+    }
+    pptSeek(m148) {
+        const data = "{\"time\":" + m148 + "}";
+        this.callHandle(EVENT_PPT_SEEK, data, () => {
+        });
+    }
+    destroy() {
+        this.eventNotify.clear();
+        MutableObserver.disposeAll(this.observers);
+        this.callbacks.forEach((value, key) => {
+            if (key && value) {
+                this.socketMediator.offData(key, value, this);
+            }
+        });
+    }
+    init() {
+        this.onPlayerData();
+        this.addOnControllerAttached(() => {
+            this.userAgent(this.channelData.ua() + this.getUserAgent());
+            this.onSocketDataAfterAttached();
+            this.registerLiveHandlerIfNeed();
+            this.registerPlaybackHandlerIfNeed();
+        })
+            .registerHandler(V2_GET_NATIVE_APP_PARAMS_INFO, async (data, callback) => {
+            const params = await toWebParams(this.channelData);
+            callback(params);
+        });
+    }
+    onPlayerData() {
+        if (PLVLoginType.PLAYBACK === this.channelData.loginType) {
+            this.playerMediator.seekStartEvent.observe((l148) => {
+                if (l148) {
+                    PLVLogger.info(TAG, 'send ppt message: seekStartEvent=' + l148 + ', seekTo=' + l148.seekTo);
+                    this.pptSeek(this.playerMediator.videoCurrentPosition);
+                }
+            }).pushTo(this.observers);
+            watchStates(() => {
+                const k148 = this.playerMediator.playerState.value;
+                PLVLogger.info(TAG, 'send ppt message: playerState=' + k148 + ", pptPlayType=" + this.playerMediator.pptPlayType + ", pptPlayId=" + this.playerMediator.pptPlayId);
+                switch (k148) {
+                    case PLVMediaPlayerState.STATE_PREPARING:
+                        this.videoStart(this.playerMediator.pptPlayType, this.playerMediator.pptPlayId);
+                        break;
+                    case PLVMediaPlayerState.STATE_PLAYING:
+                        this.pptPlay();
+                        break;
+                    case PLVMediaPlayerState.STATE_PAUSED:
+                        this.pptPause();
+                        break;
+                }
+            }).pushTo(this.observers);
+        }
+    }
+    onSocketDataAfterAttached() {
+        if (PLVLoginType.PLAYBACK === this.channelData.loginType) {
+            return;
+        }
+        const c148 = (data, event) => {
+            const e148 = PLVSocketMessageEvent.ON_SLICE_ID === event
+                || PLVSocketMessageEvent.ON_SLICE_START === event
+                || PLVSocketMessageEvent.ON_SLICE_OPEN === event
+                || PLVSocketMessageEvent.ON_SLICE_DRAW === event
+                || PLVSocketMessageEvent.ON_SLICE_CONTROL === event;
+            if (e148) {
+                if (this.delayTime > 0) {
+                    const j148 = data.lastIndexOf('}');
+                    data = data.substring(0, j148) + `,"delayTime":${this.delayTime}}`;
+                }
+                PLVLogger.info(TAG, 'receive ppt message: delay=' + data);
+                this.callHandle(EVENT_REFRESH_PPT, data, (result) => {
+                    PLVLogger.info(TAG, 'send ppt message: result=' + result);
+                });
+                if (PLVSocketMessageEvent.ON_SLICE_ID === event) {
+                    const h148 = PLVJSONUtils.json2Bean(PLVOnSliceIDEvent, data);
+                    if (!h148 || !h148.inClass) {
+                        return;
+                    }
+                    const i148 = this.channelData.liveDetail?.isFollowTeacherWatchLayout()
+                        ? h148.pptAndVedioPosition === 0
+                        : (this.channelData.liveDetail?.isPPTWatchLayout() ? true : false);
+                    this.eventNotify.emit('switchPPTLocation', i148);
+                }
+                else if (PLVSocketMessageEvent.ON_SLICE_START === event) {
+                    const f148 = PLVJSONUtils.json2Bean(PLVPPTOnSliceStartEvent, data);
+                    if (f148) {
+                        const g148 = this.channelData.liveDetail?.isFollowTeacherWatchLayout()
+                            ? f148.isPptOnMainScreen()
+                            : (this.channelData.liveDetail?.isPPTWatchLayout() ? true : false);
+                        this.eventNotify.emit('switchPPTLocation', g148);
+                    }
+                }
+            }
+            else if (PLVSocketMessageEvent.CHANGE_VIDEO_AND_PPT_POSITION === event) {
+                const jsonObject = PLVJSONUtils.safeParse(data);
+                if (jsonObject) {
+                    this.eventNotify.emit('switchPPTLocation', '1' != jsonObject['status']);
+                }
+            }
+        };
+        const d148 = (data, event) => {
+            if (PLVSocketTransmitEvent.CHANGE_DOUBLE_MODE === event) {
+                const jsonObject = PLVJSONUtils.safeParse(data);
+                if (jsonObject && jsonObject['autoId'] !== undefined && jsonObject['pageId'] !== undefined) {
+                    const sendData = PLVJSONUtils.safeStringify({
+                        'autoId': jsonObject['autoId'],
+                        'pageId': jsonObject['pageId'],
+                        'docType': 1,
+                        'isCamClosed': 0
+                    });
+                    this.callHandle(EVENT_CHANGE_PPT, sendData, () => {
+                    });
+                }
+            }
+        };
+        this.socketMediator.onData(PLVSocketOnEvent.MESSAGE, c148, this);
+        this.socketMediator.onData(PLVSocketOnEvent.TRANSMIT, d148, this);
+        this.callbacks.set(PLVSocketOnEvent.MESSAGE, c148);
+        this.callbacks.set(PLVSocketOnEvent.TRANSMIT, d148);
+    }
+    registerLiveHandlerIfNeed() {
+        if (PLVLoginType.LIVE !== this.channelData.loginType) {
+            return;
+        }
+        this.registerHandler(EVENT_SEND_SOCKET, (data, callback) => {
+            PLVLogger.info(TAG, 'send socket message: ' + data);
+            this.socketMediator.emit(PLVSocketOnEvent.MESSAGE, data);
+        });
+        this.registerHandler(EVENT_PPT_STATUS_CHANGE, (data, callback) => {
+            PLVLogger.info(TAG, 'receive ppt status change: ' + data);
+            const b148 = PLVJSONUtils.json2Bean(PLVPPTStatus, data);
+            if (b148 && b148.maxTeacherOp) {
+                this.eventNotify.emit('onPPTStatusChange', b148);
+            }
+        });
+    }
+    registerPlaybackHandlerIfNeed() {
+        if (PLVLoginType.PLAYBACK !== this.channelData.loginType) {
+            return;
+        }
+        this.registerHandler(EVENT_PPT_PREPARE, (data, callback) => {
+            PLVLogger.info(TAG, 'receive ppt prepare: ' + data);
+            callback('function is success');
+        });
+        this.registerHandler(EVENT_VIDEO_DURATION, (data, callback) => {
+            const sendData = "{\"time\":" + this.playerMediator.videoCurrentPosition + "}";
+            callback(sendData);
+        });
+        this.registerHandler(EVENT_CHANGE_PPT_POSITION, (data, callback) => {
+            this.eventNotify.emit('switchPPTLocation', 'true' === data);
+        });
+    }
+}

package/src/main/ets/modules/ppt/model/PLVPPTSocketEvent.d.ets

@@ -0,0 +1,5 @@
+export declare class PLVPPTOnSliceStartEvent {
+    static readonly EVENT = "onSliceStart";
+    videoAndPPTPosition?: string;
+    isPptOnMainScreen(): boolean;
+}

package/src/main/ets/modules/ppt/model/PLVPPTSocketEvent.js

@@ -0,0 +1,7 @@
+import { PLVSocketMessageEvent } from "../../socket/model/PLVSocketEventConstants";
+export class PLVPPTOnSliceStartEvent {
+    isPptOnMainScreen() {
+        return this.videoAndPPTPosition === 'ppt';
+    }
+}
+PLVPPTOnSliceStartEvent.EVENT = PLVSocketMessageEvent.ON_SLICE_START;

package/src/main/ets/modules/ppt/model/PLVPPTStatus.d.ets

@@ -0,0 +1,17 @@
+export declare class PLVPPTStatus {
+    autoId?: number;
+    pageId?: number;
+    step?: number;
+    total?: number;
+    slideEvent?: string;
+    roomId?: string;
+    userId?: string;
+    isAnimation?: boolean;
+    docType?: string;
+    maxTeacherOp?: MaxTeacherOp;
+}
+export interface MaxTeacherOp {
+    pageId?: number;
+    autoId?: number;
+    step?: number;
+}

package/src/main/ets/modules/ppt/model/PLVPPTStatus.js

@@ -0,0 +1,2 @@
+export class PLVPPTStatus {
+}

package/src/main/ets/modules/product/PLVProductManager.d.ets

@@ -19,27 +19,27 @@ export declare class PLVProductManager extends PLVBaseModule {
      * 事件通知
      */
     eventNotify: IPLVEventNotify<EventType>;
-    constructor(z177: PLVChannelData, a178: PLVSocketMediator);
+    constructor(r149: PLVChannelData, s149: PLVSocketMediator);
     /**
      * 通知是否有商品推送
      * @param pushContentBean 不为undefined即为有商品推送
      */
-    notifyPush(y177?: PLVProductContentBean): void;
+    notifyPush(q149?: PLVProductContentBean): void;
     /**
      * 通知商品库开关
      * @param isOpen
      */
-    notifyOpen(x177: boolean): void;
+    notifyOpen(isOpen: boolean): void;
     /**
      * 通知商品推送的点击次数
      * @param clickTimes
      */
-    notifyClickTimes(w177: number): void;
+    notifyClickTimes(p149: number): void;
     /**
      * 通知商品推送被移动
      * @param showId
      */
-    notifyMove(v177?: number): void;
+    notifyMove(o149?: number): void;
     /**
      * 通知商品推送被点击
      */

package/src/main/ets/modules/product/PLVProductManager.js

@@ -11,34 +11,34 @@ import { PLVProductMoveEvent } from './model/PLVProductMoveEvent';
 import { PLVProductRemoveEvent } from './model/PLVProductRemoveEvent';
 const TAG = '[PLVProductManager]';
 export class PLVProductManager extends PLVBaseModule {
-    constructor(z177, a178) {
-        super(z177);
+    constructor(r149, s149) {
+        super(r149);
         this.productDataBean = new PLVProductDataBean();
         this.eventNotify = new PLVEventNotify(this);
-        this.socketMediator = a178;
+        this.socketMediator = s149;
         this.init();
     }
-    notifyPush(y177) {
-        if (y177?.productId != this.productDataBean.pushContentBean?.productId) {
+    notifyPush(q149) {
+        if (q149?.productId != this.productDataBean.pushContentBean?.productId) {
             this.productDataBean.hotEffectClickTimes = 0;
         }
-        this.productDataBean.hotEffectTips = this.getHotEffectTips(y177);
-        this.productDataBean.pushContentBean = y177;
+        this.productDataBean.hotEffectTips = this.getHotEffectTips(q149);
+        this.productDataBean.pushContentBean = q149;
         this.eventNotify.emit('product_data', this.productDataBean.copy());
     }
-    notifyOpen(x177) {
+    notifyOpen(isOpen) {
         this.productDataBean.hotEffectClickTimes = 0;
         this.productDataBean.pushContentBean = undefined;
-        this.productDataBean.isOpenProduct = x177;
+        this.productDataBean.isOpenProduct = isOpen;
         this.eventNotify.emit('product_data', this.productDataBean.copy());
     }
-    notifyClickTimes(w177) {
-        this.productDataBean.hotEffectClickTimes = w177;
+    notifyClickTimes(p149) {
+        this.productDataBean.hotEffectClickTimes = p149;
         this.eventNotify.emit('product_data', this.productDataBean.copy());
     }
-    notifyMove(v177) {
+    notifyMove(o149) {
         if (this.productDataBean.pushContentBean) {
-            this.productDataBean.pushContentBean.showId = v177;
+            this.productDataBean.pushContentBean.showId = o149;
         }
         this.eventNotify.emit('product_data', this.productDataBean.copy());
     }
@@ -47,15 +47,15 @@ export class PLVProductManager extends PLVBaseModule {
             return;
         }
         PLVLogger.info(TAG, 'notifyClick');
-        const t177 = new PLVLocalProductClickEvent();
-        t177.data = {
+        const n149 = new PLVLocalProductClickEvent();
+        n149.data = {
             type: this.productDataBean.pushContentBean.productType,
             positionName: this.productDataBean.pushContentBean.name,
             productId: this.productDataBean.pushContentBean.productId,
             nickName: this.channelData.viewerName
         };
-        t177.roomId = await this.channelData.loginRoomIdPromise.get();
-        const data = PLVJSONUtils.safeStringify(t177);
+        n149.roomId = await this.channelData.loginRoomIdPromise.get();
+        const data = PLVJSONUtils.safeStringify(n149);
         this.socketMediator.emit(PLVSocketOnEvent.PRODUCT, data, () => {
             PLVLogger.info(TAG, 'notifyClick success');
         });
@@ -84,34 +84,40 @@ export class PLVProductManager extends PLVBaseModule {
         }, this);
     }
     handleProductEvent(data) {
-        const l177 = PLVJSONUtils.json2Bean(PLVProductEvent, data);
-        if (!l177) {
+        const i149 = PLVJSONUtils.json2Bean(PLVProductEvent, data);
+        if (!i149) {
             return;
         }
-        if (l177.isProductControlEvent()) {
-            const q177 = PLVJSONUtils.toFillData(PLVProductControlEvent, data);
-            if (!q177 || !q177.content) {
+        if (i149.isProductControlEvent()) {
+            const m149 = PLVJSONUtils.toFillData(PLVProductControlEvent, data);
+            if (!m149 || !m149.content) {
                 return;
             }
-            if ((q177.isRedact() && this.productDataBean.pushContentBean?.productId === q177.content.productId) || q177.isPush()) {
-                this.notifyPush(q177.content);
+            if (m149.isRedact() && this.productDataBean.pushContentBean?.productId === m149.content.productId) {
+                if (!m149.content.productPushRule) {
+                    m149.content.productPushRule = this.productDataBean.pushContentBean?.productPushRule;
+                }
+                this.notifyPush(m149.content);
+            }
+            if (m149.isPush()) {
+                this.notifyPush(m149.content);
             }
         }
-        else if (l177.isProductRemoveEvent()) {
-            const p177 = PLVJSONUtils.json2Bean(PLVProductRemoveEvent, data);
-            if (!p177 || !p177.content || !this.productDataBean.pushContentBean) {
+        else if (i149.isProductRemoveEvent()) {
+            const l149 = PLVJSONUtils.json2Bean(PLVProductRemoveEvent, data);
+            if (!l149 || !l149.content || !this.productDataBean.pushContentBean) {
                 return;
             }
-            if (this.productDataBean.pushContentBean.productId === p177.content.productId) {
+            if (this.productDataBean.pushContentBean.productId === l149.content.productId) {
                 this.notifyPush(undefined);
             }
         }
-        else if (l177.isProductMoveEvent()) {
-            const n177 = PLVJSONUtils.json2Bean(PLVProductMoveEvent, data);
-            if (!n177 || !n177.content) {
+        else if (i149.isProductMoveEvent()) {
+            const k149 = PLVJSONUtils.json2Bean(PLVProductMoveEvent, data);
+            if (!k149 || !k149.content) {
                 return;
             }
-            n177.content.some((value) => {
+            k149.content.some((value) => {
                 if (this.productDataBean.pushContentBean?.productId === value.productId) {
                     this.notifyMove(value.showId);
                     return true;
@@ -119,34 +125,37 @@ export class PLVProductManager extends PLVBaseModule {
                 return false;
             });
         }
-        else if (l177.isProductMenuSwitchEvent()) {
-            const m177 = PLVJSONUtils.json2Bean(PLVProductMenuSwitchEvent, data);
-            if (!m177) {
+        else if (i149.isProductMenuSwitchEvent()) {
+            const j149 = PLVJSONUtils.json2Bean(PLVProductMenuSwitchEvent, data);
+            if (!j149) {
                 return;
             }
-            if (('Y' === m177.content?.enabled) === this.productDataBean.isOpenProduct) {
+            if (('Y' === j149.content?.enabled) === this.productDataBean.isOpenProduct) {
                 return;
             }
             this.notifyOpen(!this.productDataBean.isOpenProduct);
         }
+        else if (i149.isCancelPush()) {
+            this.notifyPush(undefined);
+        }
     }
     handleClickTimesEvent(data) {
-        const k177 = PLVJSONUtils.json2Bean(PLVProductClickTimesEvent, data);
-        if (k177 && k177.times) {
-            if (k177.productId === this.productDataBean.pushContentBean?.productId) {
-                this.notifyClickTimes(k177.times);
+        const h149 = PLVJSONUtils.json2Bean(PLVProductClickTimesEvent, data);
+        if (h149 && h149.times) {
+            if (h149.productId === this.productDataBean.pushContentBean?.productId) {
+                this.notifyClickTimes(h149.times);
             }
         }
     }
-    getHotEffectTips(j177) {
-        if (j177 && this.productHotEffectBean) {
-            if (j177.isNormalProduct()) {
+    getHotEffectTips(g149) {
+        if (g149 && this.productHotEffectBean) {
+            if (g149.isNormalProduct()) {
                 return this.productHotEffectBean.normalProductTips;
             }
-            else if (j177.isFinanceProduct()) {
+            else if (g149.isFinanceProduct()) {
                 return this.productHotEffectBean.financeProductTips;
             }
-            else if (j177.isPositionProduct()) {
+            else if (g149.isPositionProduct()) {
                 return this.productHotEffectBean.jobProductTips;
             }
         }

package/src/main/ets/modules/product/components/PLVProductControlWeb.d.ets

@@ -5,10 +5,13 @@ import { PLVInteractManager } from '../../interact/PLVInteractManager';
 export declare struct PLVProductControlWeb {
     controller: PLVSocketWebController;
     interactManager: PLVInteractManager;
+    customUrl: string;
     private url;
-    aboutToAppear(): void;
+    @State
+    prepared: boolean;
+    aboutToAppear(): Promise<void>;
     build(): void;
-    config(): void;
+    config(): Promise<void>;
     initUrl(data?: PLVLanguage): void;
     aboutToDisappear(): void;
 }

package/src/main/ets/modules/product/components/PLVProductControlWeb.js

@@ -2,12 +2,14 @@ if (!("finalizeConstruction" in ViewPU.prototype)) {
     Reflect.set(ViewPU.prototype, "finalizeConstruction", () => {
     });
 }
-import { PLVSimpleWeb } from '@polyvharmony/live-scenes-foundation';
+import { PLVNetUtils, PLVSimpleWeb } from '@polyvharmony/live-scenes-foundation';
 import { PLVLanguage } from '../../i18n/PLVLanguageManager';
 import { EVENT_TYPE_LANGUAGE } from '../../web/PLVSocketWebController';
 import { lateInit } from '@polyvharmony/media-player-sdk';
 const TAG = '[PLVProductControlWeb]';
 const URL = 'https://websdk.videocc.net/interactions-launch-sdk-ui-webview/latest/product.html';
+const LANG_EN = "en";
+const LANG_ZH = "zh_CN";
 export class PLVProductControlWeb extends ViewPU {
     constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
         super(parent, __localStorage, elmtId, extraInfo);
@@ -16,7 +18,9 @@ export class PLVProductControlWeb extends ViewPU {
         }
         this.controller = lateInit();
         this.interactManager = lateInit();
+        this.customUrl = URL;
         this.url = URL;
+        this.__prepared = new ObservedPropertySimplePU(false, this, "prepared");
         this.setInitiallyProvidedValue(params);
         this.finalizeConstruction();
     }
@@ -27,55 +31,83 @@ export class PLVProductControlWeb extends ViewPU {
         if (params.interactManager !== undefined) {
             this.interactManager = params.interactManager;
         }
+        if (params.customUrl !== undefined) {
+            this.customUrl = params.customUrl;
+        }
         if (params.url !== undefined) {
             this.url = params.url;
         }
+        if (params.prepared !== undefined) {
+            this.prepared = params.prepared;
+        }
     }
     updateStateVars(params) {
     }
     purgeVariableDependenciesOnElmtId(rmElmtId) {
+        this.__prepared.purgeDependencyOnElmtId(rmElmtId);
     }
     aboutToBeDeleted() {
+        this.__prepared.aboutToBeDeleted();
         SubscriberManager.Get().delete(this.id__());
         this.aboutToBeDeletedInternal();
     }
-    aboutToAppear() {
-        this.config();
+    get prepared() {
+        return this.__prepared.get();
+    }
+    set prepared(newValue) {
+        this.__prepared.set(newValue);
+    }
+    async aboutToAppear() {
+        await this.config();
+        this.prepared = true;
     }
     initialRender() {
-        {
-            this.observeComponentCreation2((elmtId, isInitialRender) => {
-                if (isInitialRender) {
-                    let componentCall = new PLVSimpleWeb(this, {
-                        controller: this.controller,
-                        src: this.url
-                    }, undefined, elmtId, () => {
-                    }, { page: "sdk/src/main/ets/modules/product/components/PLVProductControlWeb.ets", line: 21, col: 5 });
-                    ViewPU.create(componentCall);
-                    let paramsLambda = () => {
-                        return {
-                            controller: this.controller,
-                            src: this.url
-                        };
-                    };
-                    componentCall.paramsGenerator_ = paramsLambda;
-                }
-                else {
-                    this.updateStateVarsOfChildByElmtId(elmtId, {});
-                }
-            }, { name: "PLVSimpleWeb" });
-        }
+        this.observeComponentCreation2((elmtId, isInitialRender) => {
+            If.create();
+            if (this.prepared) {
+                this.ifElseBranchUpdateFunction(0, () => {
+                    {
+                        this.observeComponentCreation2((elmtId, isInitialRender) => {
+                            if (isInitialRender) {
+                                let componentCall = new PLVSimpleWeb(this, {
+                                    controller: this.controller,
+                                    src: this.url
+                                }, undefined, elmtId, () => {
+                                }, { page: "sdk/src/main/ets/modules/product/components/PLVProductControlWeb.ets", line: 29, col: 7 });
+                                ViewPU.create(componentCall);
+                                let paramsLambda = () => {
+                                    return {
+                                        controller: this.controller,
+                                        src: this.url
+                                    };
+                                };
+                                componentCall.paramsGenerator_ = paramsLambda;
+                            }
+                            else {
+                                this.updateStateVarsOfChildByElmtId(elmtId, {});
+                            }
+                        }, { name: "PLVSimpleWeb" });
+                    }
+                });
+            }
+            else {
+                this.ifElseBranchUpdateFunction(1, () => {
+                });
+            }
+        }, If);
+        If.pop();
     }
-    config() {
-        this.initUrl(this.controller?.channelData.language);
+    async config() {
+        this.initUrl(await this.controller?.channelData.languagePromise.get());
         this.controller?.eventNotify.on(EVENT_TYPE_LANGUAGE, (data) => {
             this.initUrl(data);
             this.controller?.loadUrlCatch(this.url);
         }, this);
     }
     initUrl(data) {
-        const lang = data == PLVLanguage.EN ? 'en' : 'zh_CN';
-        this.url = URL + `?lang=${lang}`;
+        this.url = PLVNetUtils.appendParams(this.customUrl, {
+            'lang': data == PLVLanguage.EN ? LANG_EN : LANG_ZH
+        });
     }
     aboutToDisappear() {
         this.controller?.destroy();

package/src/main/ets/modules/product/components/PLVProductWeb.d.ets

@@ -9,11 +9,14 @@ export declare struct PLVProductWeb {
     controller: PLVSocketWebController | undefined;
     @Link
     interactManager: PLVInteractManager | undefined;
+    customUrl: string;
     private url;
-    aboutToAppear(): void;
+    @State
+    prepared: boolean;
+    aboutToAppear(): Promise<void>;
     aboutToDisappear(): void;
     build(): void;
-    config(): void;
+    config(): Promise<void>;
     initUrl(data?: PLVLanguage): void;
     open(): void;
 }