@visactor/vrender-kits 1.1.0-alpha.21 → 1.1.0-alpha.22

package/dist/index.es.js

@@ -6435,6 +6435,73 @@ let MiniAppEventManager$3 = class MiniAppEventManager {
         this.cache = {};
     }
 };
+function setMiniAppEventTarget$1(event, key, value) {
+    if (!event || !value) {
+        return;
+    }
+    try {
+        event[key] = value;
+    }
+    catch (_a) {
+        Object.defineProperty(event, key, {
+            configurable: true,
+            value
+        });
+    }
+}
+function isValidCoordinate$1(value) {
+    return typeof value === 'number' && Number.isFinite(value);
+}
+function pickCoordinate$1(...values) {
+    for (let i = 0; i < values.length; i++) {
+        if (isValidCoordinate$1(values[i])) {
+            return values[i];
+        }
+    }
+    return undefined;
+}
+function setLynxEventValue(event, key, value) {
+    try {
+        event[key] = value;
+    }
+    catch (_a) {
+        Object.defineProperty(event, key, {
+            configurable: true,
+            value
+        });
+    }
+}
+function normalizeLynxTouchEventPoint(event) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    const touch = (_b = (_a = event === null || event === void 0 ? void 0 : event.changedTouches) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : (_c = event === null || event === void 0 ? void 0 : event.touches) === null || _c === void 0 ? void 0 : _c[0];
+    if (!touch) {
+        return;
+    }
+    const x = pickCoordinate$1(event.x, event.offsetX, event.clientX, event.pageX, touch.x, touch.offsetX, touch.clientX, touch.pageX);
+    const y = pickCoordinate$1(event.y, event.offsetY, event.clientY, event.pageY, touch.y, touch.offsetY, touch.clientY, touch.pageY);
+    if (x == null || y == null) {
+        return;
+    }
+    if (!event.touches && event.changedTouches) {
+        setLynxEventValue(event, 'touches', event.type === 'touchend' || event.type === 'touchcancel' ? [] : event.changedTouches);
+    }
+    setLynxEventValue(event, 'x', x);
+    setLynxEventValue(event, 'y', y);
+    setLynxEventValue(event, 'offsetX', (_d = event.offsetX) !== null && _d !== void 0 ? _d : x);
+    setLynxEventValue(event, 'offsetY', (_e = event.offsetY) !== null && _e !== void 0 ? _e : y);
+    setLynxEventValue(event, 'clientX', (_f = event.clientX) !== null && _f !== void 0 ? _f : x);
+    setLynxEventValue(event, 'clientY', (_g = event.clientY) !== null && _g !== void 0 ? _g : y);
+    setLynxEventValue(event, 'pageX', (_h = event.pageX) !== null && _h !== void 0 ? _h : x);
+    setLynxEventValue(event, 'pageY', (_j = event.pageY) !== null && _j !== void 0 ? _j : y);
+    touch.x = (_k = touch.x) !== null && _k !== void 0 ? _k : x;
+    touch.y = (_l = touch.y) !== null && _l !== void 0 ? _l : y;
+    touch.offsetX = (_m = touch.offsetX) !== null && _m !== void 0 ? _m : x;
+    touch.offsetY = (_o = touch.offsetY) !== null && _o !== void 0 ? _o : y;
+    touch.clientX = (_p = touch.clientX) !== null && _p !== void 0 ? _p : x;
+    touch.clientY = (_q = touch.clientY) !== null && _q !== void 0 ? _q : y;
+    touch.pageX = (_r = touch.pageX) !== null && _r !== void 0 ? _r : x;
+    touch.pageY = (_s = touch.pageY) !== null && _s !== void 0 ? _s : y;
+}
 class LynxWindowHandlerContribution extends BaseWindowHandlerContribution {
     get container() {
         return null;
@@ -6484,6 +6551,14 @@ class LynxWindowHandlerContribution extends BaseWindowHandlerContribution {
         let canvas;
         if (typeof params.canvas === 'string') {
             canvas = this.global.getElementById(params.canvas);
+            if (!canvas) {
+                canvas = this.global.createCanvas({
+                    id: params.canvas,
+                    width: params.width,
+                    height: params.height,
+                    dpr: params.dpr
+                });
+            }
             if (!canvas) {
                 throw new Error('canvasId 参数不正确，请确认canvas存在并插入dom');
             }
@@ -6535,18 +6610,15 @@ class LynxWindowHandlerContribution extends BaseWindowHandlerContribution {
         this.eventManager.removeEventListener(type, listener);
     }
     dispatchEvent(event) {
+        var _a;
         const { type } = event;
         if (!this.eventManager.cache[type]) {
             return false;
         }
-        if (event.changedTouches && event.changedTouches[0]) {
-            event.offsetX = event.changedTouches[0].x;
-            event.changedTouches[0].offsetX = event.changedTouches[0].x;
-            event.changedTouches[0].clientX = event.changedTouches[0].x;
-            event.offsetY = event.changedTouches[0].y;
-            event.changedTouches[0].offsetY = event.changedTouches[0].y;
-            event.changedTouches[0].clientY = event.changedTouches[0].y;
-        }
+        const nativeCanvas = (_a = this.canvas) === null || _a === void 0 ? void 0 : _a.nativeCanvas;
+        setMiniAppEventTarget$1(event, 'target', nativeCanvas);
+        setMiniAppEventTarget$1(event, 'currentTarget', nativeCanvas);
+        normalizeLynxTouchEventPoint(event);
         event.preventDefault = () => {
             return;
         };
@@ -6607,48 +6679,161 @@ function bindLynxWindowContribution(container) {
     }
 }
 
-let ng = false;
-try {
-    ng = !!lynx.createCanvasNG;
+const LYNX_CANVAS_BRIDGE_ERROR = 'Lynx canvas bridge is unavailable. VRender Lynx env requires envParams.canvasFactory ' +
+    'or a Lynx runtime that exposes createCanvasNG/createCanvas/createOffscreenCanvas/krypton canvas APIs.';
+const LYNX_CANVAS_SIZE_ERROR = 'Lynx canvas size is unavailable. Pass stage width/height when creating a Lynx stage canvas.';
+function isValidCoordinate(value) {
+    return typeof value === 'number' && Number.isFinite(value);
 }
-catch (err) {
+function pickCoordinate(...values) {
+    for (let i = 0; i < values.length; i++) {
+        if (isValidCoordinate(values[i])) {
+            return values[i];
+        }
+    }
+    return undefined;
 }
-function makeUpCanvas$3(domref, canvasIdLists, canvasMap, freeCanvasIdx, freeCanvasList, offscreen, pixelRatio) {
-    const dpr = pixelRatio !== null && pixelRatio !== void 0 ? pixelRatio : SystemInfo.pixelRatio;
-    canvasIdLists.forEach((id, i) => {
-        let _canvas;
-        if (offscreen) {
-            _canvas = lynx.createOffscreenCanvas();
+function getPrimaryTouch(event) {
+    var _a, _b, _c;
+    return (_b = (_a = event === null || event === void 0 ? void 0 : event.changedTouches) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : (_c = event === null || event === void 0 ? void 0 : event.touches) === null || _c === void 0 ? void 0 : _c[0];
+}
+function getLynxEventPoint(event) {
+    const touch = getPrimaryTouch(event);
+    const x = pickCoordinate(event === null || event === void 0 ? void 0 : event.x, event === null || event === void 0 ? void 0 : event.offsetX, event === null || event === void 0 ? void 0 : event.clientX, event === null || event === void 0 ? void 0 : event.pageX, touch === null || touch === void 0 ? void 0 : touch.x, touch === null || touch === void 0 ? void 0 : touch.offsetX, touch === null || touch === void 0 ? void 0 : touch.clientX, touch === null || touch === void 0 ? void 0 : touch.pageX);
+    const y = pickCoordinate(event === null || event === void 0 ? void 0 : event.y, event === null || event === void 0 ? void 0 : event.offsetY, event === null || event === void 0 ? void 0 : event.clientY, event === null || event === void 0 ? void 0 : event.pageY, touch === null || touch === void 0 ? void 0 : touch.y, touch === null || touch === void 0 ? void 0 : touch.offsetY, touch === null || touch === void 0 ? void 0 : touch.clientY, touch === null || touch === void 0 ? void 0 : touch.pageY);
+    return x == null || y == null ? null : { x, y };
+}
+function getGlobalLynxRuntime() {
+    try {
+        return typeof lynx !== 'undefined' ? lynx : undefined;
+    }
+    catch (err) {
+        return undefined;
+    }
+}
+function getGlobalSystemPixelRatio() {
+    try {
+        return typeof SystemInfo !== 'undefined' ? SystemInfo.pixelRatio : undefined;
+    }
+    catch (err) {
+        return undefined;
+    }
+}
+function getLynxRuntime(params) {
+    var _a, _b;
+    return (_b = (_a = params === null || params === void 0 ? void 0 : params.lynx) !== null && _a !== void 0 ? _a : params === null || params === void 0 ? void 0 : params.runtime) !== null && _b !== void 0 ? _b : getGlobalLynxRuntime();
+}
+function getLynxPixelRatio(params, runtime) {
+    var _a, _b, _c, _d, _e;
+    return (_e = (_d = (_a = params === null || params === void 0 ? void 0 : params.pixelRatio) !== null && _a !== void 0 ? _a : (_c = (_b = runtime === null || runtime === void 0 ? void 0 : runtime.getSystemInfoSync) === null || _b === void 0 ? void 0 : _b.call(runtime)) === null || _c === void 0 ? void 0 : _c.pixelRatio) !== null && _d !== void 0 ? _d : getGlobalSystemPixelRatio()) !== null && _e !== void 0 ? _e : 1;
+}
+function attachLynxCanvasToView(canvas, id) {
+    var _a;
+    (_a = canvas === null || canvas === void 0 ? void 0 : canvas.attachToCanvasView) === null || _a === void 0 ? void 0 : _a.call(canvas, id);
+    return canvas;
+}
+function createBoundLynxCanvas(id, runtime) {
+    var _a, _b, _c;
+    if (typeof ((_a = runtime === null || runtime === void 0 ? void 0 : runtime.krypton) === null || _a === void 0 ? void 0 : _a.createCanvas) === 'function') {
+        const canvas = runtime.krypton.createCanvas(id);
+        if (canvas) {
+            return canvas;
         }
-        else {
-            _canvas = ng ? lynx.createCanvasNG(id) : lynx.createCanvas(id);
-            ng && _canvas.attachToCanvasView(id);
+    }
+    if (typeof (runtime === null || runtime === void 0 ? void 0 : runtime.createCanvasNG) === 'function') {
+        const canvas = runtime.createCanvasNG(id);
+        if (canvas) {
+            return attachLynxCanvasToView(canvas, id);
         }
-        _canvas.width = domref.width * dpr;
-        _canvas.height = domref.height * dpr;
-        const ctx = _canvas.getContext('2d');
-        const canvas = new CanvasWrapEnableWH(_canvas, ctx, dpr, domref.width, domref.height, id);
+    }
+    if (typeof ((_b = runtime === null || runtime === void 0 ? void 0 : runtime.krypton) === null || _b === void 0 ? void 0 : _b.createCanvasNG) === 'function') {
+        const canvas = runtime.krypton.createCanvasNG();
+        if (canvas) {
+            return attachLynxCanvasToView(canvas, id);
+        }
+    }
+    if (typeof ((_c = runtime === null || runtime === void 0 ? void 0 : runtime.krypton) === null || _c === void 0 ? void 0 : _c.CanvasElement) === 'function') {
+        return new runtime.krypton.CanvasElement(id);
+    }
+    if (typeof (runtime === null || runtime === void 0 ? void 0 : runtime.createCanvas) === 'function') {
+        const canvas = runtime.createCanvas(id);
+        if (canvas) {
+            return canvas;
+        }
+    }
+    return null;
+}
+function getCanvasSize(domref, width, height) {
+    const resolvedWidth = width !== null && width !== void 0 ? width : domref === null || domref === void 0 ? void 0 : domref.width;
+    const resolvedHeight = height !== null && height !== void 0 ? height : domref === null || domref === void 0 ? void 0 : domref.height;
+    if (!isValidCoordinate(resolvedWidth) || !isValidCoordinate(resolvedHeight)) {
+        throw new Error(LYNX_CANVAS_SIZE_ERROR);
+    }
+    return { width: resolvedWidth, height: resolvedHeight };
+}
+function wrapLynxNativeCanvas(nativeCanvas, id, width, height, dpr) {
+    nativeCanvas.width = width * dpr;
+    nativeCanvas.height = height * dpr;
+    const ctx = nativeCanvas.getContext('2d');
+    return new CanvasWrapEnableWH(nativeCanvas, ctx, dpr, width, height, id);
+}
+function createLynxNativeCanvas(id, width, height, dpr, offscreen, params, runtime) {
+    if (params.canvasFactory) {
+        return params.canvasFactory({
+            id,
+            width,
+            height,
+            dpr,
+            offscreen
+        });
+    }
+    if (offscreen) {
+        if (typeof (runtime === null || runtime === void 0 ? void 0 : runtime.createOffscreenCanvas) === 'function') {
+            return runtime.createOffscreenCanvas();
+        }
+    }
+    else {
+        const canvas = createBoundLynxCanvas(id, runtime);
+        if (canvas) {
+            return canvas;
+        }
+    }
+    throw new Error(LYNX_CANVAS_BRIDGE_ERROR);
+}
+function makeUpCanvas$3(params = {}, canvasMap, freeCanvasList) {
+    const runtime = getLynxRuntime(params);
+    const { domref, canvasIdLists = [], freeCanvasIdx = 0 } = params;
+    const offscreen = !!params.offscreen;
+    const dpr = getLynxPixelRatio(params, runtime);
+    canvasIdLists.forEach((id, i) => {
+        const size = getCanvasSize(domref);
+        const _canvas = createLynxNativeCanvas(id, size.width, size.height, dpr, offscreen, params, runtime);
+        const canvas = wrapLynxNativeCanvas(_canvas, id, size.width, size.height, dpr);
         canvasMap.set(id, canvas);
         if (i > freeCanvasIdx) {
             freeCanvasList.push(canvas);
         }
     });
-    if (!freeCanvasList.length && lynx.createOffscreenCanvas) {
-        const _canvas = lynx.createOffscreenCanvas();
-        _canvas.width = domref.width * dpr;
-        _canvas.height = domref.height * dpr;
+    if (!freeCanvasList.length && domref && typeof (runtime === null || runtime === void 0 ? void 0 : runtime.createOffscreenCanvas) === 'function') {
+        const size = getCanvasSize(domref);
+        const _canvas = runtime.createOffscreenCanvas();
+        _canvas.width = size.width * dpr;
+        _canvas.height = size.height * dpr;
         const ctx = _canvas.getContext('2d');
         const id = Math.random().toString();
-        const canvas = new CanvasWrapEnableWH(_canvas, ctx, dpr, domref.width, domref.height, id);
+        const canvas = new CanvasWrapEnableWH(_canvas, ctx, dpr, size.width, size.height, id);
         canvasMap.set(id, canvas);
         freeCanvasList.push(canvas);
     }
 }
-function createImageElement(src, isSvg = false) {
+function createImageElement(src, isSvg = false, runtime = getGlobalLynxRuntime()) {
     if (isSvg) {
         return Promise.reject();
     }
-    const img = lynx.createImage(src);
+    if (typeof (runtime === null || runtime === void 0 ? void 0 : runtime.createImage) !== 'function') {
+        return Promise.reject(new Error('Lynx image bridge is unavailable.'));
+    }
+    const img = runtime.createImage(src);
     const promise = new Promise((resolve, reject) => {
         img.onload = () => {
             resolve(img);
@@ -6678,10 +6863,12 @@ class LynxEnvContribution extends BaseEnvContribution {
         }
         this.applyStyles = true;
     }
-    configure(service, params) {
+    configure(service, params = {}) {
         if (service.env === this.type) {
             service.setActiveEnvContribution(this);
-            makeUpCanvas$3(params.domref, params.canvasIdLists, this.canvasMap, params.freeCanvasIdx, this.freeCanvasList, !!params.offscreen, params.pixelRatio);
+            this.lynxEnvParams = params;
+            this.lynxRuntime = getLynxRuntime(params);
+            makeUpCanvas$3(params, this.canvasMap, this.freeCanvasList);
         }
     }
     getDynamicCanvasCount() {
@@ -6691,7 +6878,7 @@ class LynxEnvContribution extends BaseEnvContribution {
         return 9999;
     }
     loadImage(url) {
-        const imagePromise = createImageElement(url, false);
+        const imagePromise = createImageElement(url, false, this.lynxRuntime);
         return imagePromise
             .then((img) => {
             return {
@@ -6707,12 +6894,43 @@ class LynxEnvContribution extends BaseEnvContribution {
         });
     }
     loadSvg(url) {
-        return Promise.reject();
+        return Promise.resolve({
+            data: null,
+            loadState: 'fail'
+        });
     }
     createCanvas(params) {
+        var _a, _b, _c, _d;
+        if (params.id != null) {
+            const id = String(params.id);
+            const existing = this.canvasMap.get(id);
+            if (existing) {
+                return existing;
+            }
+            const envParams = (_a = this.lynxEnvParams) !== null && _a !== void 0 ? _a : {};
+            const runtime = getLynxRuntime(envParams);
+            const dpr = (_b = params.dpr) !== null && _b !== void 0 ? _b : getLynxPixelRatio(envParams, runtime);
+            const size = getCanvasSize(envParams.domref, params.width, params.height);
+            const nativeCanvas = createLynxNativeCanvas(id, size.width, size.height, dpr, false, envParams, runtime);
+            const canvas = wrapLynxNativeCanvas(nativeCanvas, id, size.width, size.height, dpr);
+            this.canvasMap.set(id, canvas);
+            return canvas;
+        }
         const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];
         this.canvasIdx++;
-        return result;
+        if (result) {
+            return result;
+        }
+        const envParams = (_c = this.lynxEnvParams) !== null && _c !== void 0 ? _c : {};
+        const runtime = getLynxRuntime(envParams);
+        const dpr = (_d = params.dpr) !== null && _d !== void 0 ? _d : getLynxPixelRatio(envParams, runtime);
+        const size = getCanvasSize(envParams.domref, params.width, params.height);
+        const id = Math.random().toString();
+        const nativeCanvas = createLynxNativeCanvas(id, size.width, size.height, dpr, true, envParams, runtime);
+        const canvas = wrapLynxNativeCanvas(nativeCanvas, id, size.width, size.height, dpr);
+        this.canvasMap.set(id, canvas);
+        this.freeCanvasList.push(canvas);
+        return canvas;
     }
     createOffscreenCanvas(params) {
         return;
@@ -6721,7 +6939,7 @@ class LynxEnvContribution extends BaseEnvContribution {
         return;
     }
     getDevicePixelRatio() {
-        return SystemInfo.pixelRatio;
+        return getLynxPixelRatio(undefined, this.lynxRuntime);
     }
     getRequestAnimationFrame() {
         return function (callback) {
@@ -6735,10 +6953,7 @@ class LynxEnvContribution extends BaseEnvContribution {
     }
     mapToCanvasPoint(event) {
         var _a;
-        if ((_a = event === null || event === void 0 ? void 0 : event.type) === null || _a === void 0 ? void 0 : _a.startsWith('mouse')) {
-            return event;
-        }
-        return event;
+        return (_a = getLynxEventPoint(event)) !== null && _a !== void 0 ? _a : event;
     }
     addEventListener(type, listener, options) {
         return null;
@@ -7772,6 +7987,20 @@ class MiniAppEventManager {
         this.cache = {};
     }
 }
+function setMiniAppEventTarget(event, key, value) {
+    if (!event || !value) {
+        return;
+    }
+    try {
+        event[key] = value;
+    }
+    catch (_a) {
+        Object.defineProperty(event, key, {
+            configurable: true,
+            value
+        });
+    }
+}
 class WxWindowHandlerContribution extends BaseWindowHandlerContribution {
     get container() {
         return null;
@@ -7872,18 +8101,21 @@ class WxWindowHandlerContribution extends BaseWindowHandlerContribution {
         this.eventManager.removeEventListener(type, listener);
     }
     dispatchEvent(event) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         const { type } = event;
         if (!this.eventManager.cache[type]) {
             return false;
         }
+        const nativeCanvas = (_a = this.canvas) === null || _a === void 0 ? void 0 : _a.nativeCanvas;
+        setMiniAppEventTarget(event, 'target', nativeCanvas);
+        setMiniAppEventTarget(event, 'currentTarget', nativeCanvas);
         if (event.changedTouches && event.changedTouches[0]) {
             event.offsetX = event.changedTouches[0].x;
-            event.changedTouches[0].offsetX = (_a = event.changedTouches[0].x) !== null && _a !== void 0 ? _a : event.changedTouches[0].pageX;
-            event.changedTouches[0].clientX = (_b = event.changedTouches[0].x) !== null && _b !== void 0 ? _b : event.changedTouches[0].pageX;
+            event.changedTouches[0].offsetX = (_b = event.changedTouches[0].x) !== null && _b !== void 0 ? _b : event.changedTouches[0].pageX;
+            event.changedTouches[0].clientX = (_c = event.changedTouches[0].x) !== null && _c !== void 0 ? _c : event.changedTouches[0].pageX;
             event.offsetY = event.changedTouches[0].y;
-            event.changedTouches[0].offsetY = (_c = event.changedTouches[0].y) !== null && _c !== void 0 ? _c : event.changedTouches[0].pageY;
-            event.changedTouches[0].clientY = (_d = event.changedTouches[0].y) !== null && _d !== void 0 ? _d : event.changedTouches[0].pageY;
+            event.changedTouches[0].offsetY = (_d = event.changedTouches[0].y) !== null && _d !== void 0 ? _d : event.changedTouches[0].pageY;
+            event.changedTouches[0].clientY = (_e = event.changedTouches[0].y) !== null && _e !== void 0 ? _e : event.changedTouches[0].pageY;
         }
         event.preventDefault = () => {
             return;
@@ -8013,7 +8245,10 @@ class WxEnvContribution extends BaseEnvContribution {
         });
     }
     loadSvg(url) {
-        return Promise.reject();
+        return Promise.resolve({
+            data: null,
+            loadState: 'fail'
+        });
     }
     createCanvas(params) {
         const result = this.freeCanvasList[this.canvasIdx] || this.freeCanvasList[this.freeCanvasList.length - 1];

package/es/env/contributions/lynx-contribution.d.ts

@@ -1,20 +1,48 @@
-import { BaseEnvContribution } from '@visactor/vrender-core';
-import type { ICanvasLike, EnvType, ICreateCanvasParams, IEnvContribution, IGlobal, ILynxCanvas } from '@visactor/vrender-core';
-export declare function createImageElement(src: string, isSvg?: boolean): Promise<HTMLImageElement>;
+import { BaseEnvContribution, type EnvType, type ICanvasLike, type ICreateCanvasParams, type IEnvContribution, type IGlobal, type ILynxCanvas } from '@visactor/vrender-core';
+type LynxKryptonRuntime = Partial<{
+    createCanvas: (id: string) => any;
+    createCanvasNG: () => any;
+    CanvasElement: new (name: string) => any;
+}>;
+type LynxRuntime = Partial<{
+    getSystemInfoSync: () => {
+        pixelRatio?: number;
+    };
+    createCanvas: (id: string) => any;
+    createCanvasNG: (id?: string) => any;
+    createImage: (id: string) => any;
+    createOffscreenCanvas: () => any;
+    krypton: LynxKryptonRuntime;
+}>;
+type LynxCanvasFactoryOptions = {
+    id: string;
+    width: number;
+    height: number;
+    dpr: number;
+    offscreen: boolean;
+};
+type LynxCanvasFactory = (options: LynxCanvasFactoryOptions) => any;
+type LynxEnvParams = {
+    domref?: any;
+    canvasIdLists?: string[];
+    freeCanvasIdx?: number;
+    offscreen?: boolean;
+    pixelRatio?: number;
+    lynx?: LynxRuntime;
+    runtime?: LynxRuntime;
+    canvasFactory?: LynxCanvasFactory;
+};
+export declare function createImageElement(src: string, isSvg?: boolean, runtime?: LynxRuntime | undefined): Promise<HTMLImageElement>;
 export declare class LynxEnvContribution extends BaseEnvContribution implements IEnvContribution {
     type: EnvType;
     supportEvent: boolean;
     canvasMap: Map<string, ILynxCanvas>;
     freeCanvasList: ILynxCanvas[];
     canvasIdx: number;
+    private lynxRuntime?;
+    private lynxEnvParams?;
     constructor();
-    configure(service: IGlobal, params: {
-        domref: any;
-        canvasIdLists: string[];
-        freeCanvasIdx: number;
-        offscreen?: boolean;
-        pixelRatio?: number;
-    }): void;
+    configure(service: IGlobal, params?: LynxEnvParams): void;
     getDynamicCanvasCount(): number;
     getStaticCanvasCount(): number;
     loadImage(url: string): Promise<{
@@ -42,3 +70,4 @@ export declare class LynxEnvContribution extends BaseEnvContribution implements
     getDocument(): Document | null;
     release(...params: any): void;
 }
+export {};