@tarojs/plugin-platform-harmony-ets 4.0.0-beta.12 → 4.0.0-beta.121

package/dist/runtime.js

@@ -1,7 +1,7 @@
 import { isFunction, isString, isArray, isObject, isNull, isNumber, isUndefined, queryToJson, PLATFORM_TYPE, singleQuote, internalComponents, mergeReconciler, mergeInternalComponents } from '@tarojs/shared';
 import _display from '@ohos.display';
-import { Current, window, hooks, document as document$1, getPageScrollerOrNode, findChildNodeWithDFS, setNodeEventCallbackAndTriggerComponentUpdate, AREA_CHANGE_EVENT_NAME, disconnectEvent, VISIBLE_CHANGE_EVENT_NAME } from '@tarojs/runtime';
-import { eventCenter, Events, History } from '@tarojs/runtime/dist/runtime.esm';
+import { eventCenter, Current, window, eventSource, hooks, document as document$1, getPageScrollerOrNode, findChildNodeWithDFS, setNodeEventCallbackAndTriggerComponentUpdate, AREA_CHANGE_EVENT_NAME, disconnectEvent, VISIBLE_CHANGE_EVENT_NAME, Events, History, getCurrentInstance } from '@tarojs/runtime';
+import '@ohos.abilityAccessCtrl';
 import ConfigurationConstant from '@ohos.app.ability.ConfigurationConstant';
 import deviceInfo from '@ohos.deviceInfo';
 import i18n from '@ohos.i18n';
@@ -21,6 +21,7 @@ import app from '@system.app';
 import file from '@system.file';
 import geoLocationManager from '@ohos.geoLocationManager';
 import mediaLibrary from '@ohos.multimedia.mediaLibrary';
+import fs from '@ohos.file.fs';
 import picker from '@ohos.file.picker';
 import image from '@ohos.multimedia.image';
 import request$1 from '@ohos.request';
@@ -28,11 +29,8 @@ import http from '@ohos.net.http';
 import webSocket from '@ohos.net.webSocket';
 import router from '@ohos.router';
 import bundleManager from '@ohos.bundle.bundleManager';
-import dataPreferences from '@ohos.data.preferences';
-import hilog from '@ohos.hilog';
+import distributedKVStore from '@ohos.data.distributedKVStore';
 import matrix4 from '@ohos.matrix4';
-import prompt from '@ohos.prompt';
-import { pxTransformHelper } from '@tarojs/taro';
 
 class MethodHandler {
     constructor({ name, success, fail, complete }) {
@@ -186,7 +184,7 @@ function temporarilyNotSupport(name, recommended) {
     return (option = {}, ...args) => {
         const { success, fail, complete } = option;
         const handle = new MethodHandler({ name, success, fail, complete });
-        let errMsg = '暂时不支持 API';
+        let errMsg = `暂时不支持 API ${name}`;
         if (recommended) {
             errMsg += `, 请使用 ${recommended}`;
         }
@@ -266,33 +264,59 @@ const preloadWebview = /* @__PURE__ */ temporarilyNotSupport('preloadWebview');
 const preloadSkylineView = /* @__PURE__ */ temporarilyNotSupport('preloadSkylineView');
 const preloadAssets = /* @__PURE__ */ temporarilyNotSupport('preloadAssets');
 
-let display;
+let display$1;
+let navigationIndicatorRect;
 let safeArea = null;
-try {
-    display = _display.getDefaultDisplaySync();
-    // @ts-ignore
-    display.getCutoutInfo((err, { boundingRects = [], waterfallDisplayAreaRects = {} } = {}) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        if (err === null || err === void 0 ? void 0 : err.code) {
-            console.error('Failed to get cutout info', JSON.stringify(err));
-            return;
+let statusBarHeight;
+let windowRect;
+Current.contextPromise.then((context) => {
+    const win = window.__ohos.getLastWindow(context);
+    win.then(mainWindow => {
+        const topRect = mainWindow.getWindowAvoidArea(window.__ohos.AvoidAreaType.TYPE_SYSTEM).topRect;
+        navigationIndicatorRect = mainWindow.getWindowAvoidArea(window.__ohos.AvoidAreaType.TYPE_NAVIGATION_INDICATOR).bottomRect;
+        statusBarHeight = topRect.top + topRect.height;
+        windowRect = mainWindow.getWindowProperties().windowRect;
+        try {
+            display$1 = _display.getDefaultDisplaySync();
+            setSafeArea({
+                top: statusBarHeight,
+                left: 0,
+                right: display$1.width,
+                bottom: navigationIndicatorRect === null || navigationIndicatorRect === void 0 ? void 0 : navigationIndicatorRect.top
+            });
+            // @ts-ignore
+            display$1.getCutoutInfo((err, { boundingRects = [], waterfallDisplayAreaRects = {} } = {}) => {
+                var _a, _b, _c, _d, _e, _f;
+                if (err === null || err === void 0 ? void 0 : err.code) {
+                    console.error('Failed to get cutout info', JSON.stringify(err));
+                    return;
+                }
+                const top = Math.max(...boundingRects.map(rect => rect.top + rect.height), ((_a = waterfallDisplayAreaRects.top) === null || _a === void 0 ? void 0 : _a.top) + ((_b = waterfallDisplayAreaRects.top) === null || _b === void 0 ? void 0 : _b.height), statusBarHeight);
+                const bottom = Math.min(display$1.height - ((_c = waterfallDisplayAreaRects.bottom) === null || _c === void 0 ? void 0 : _c.top), navigationIndicatorRect === null || navigationIndicatorRect === void 0 ? void 0 : navigationIndicatorRect.top);
+                const left = ((_d = waterfallDisplayAreaRects.left) === null || _d === void 0 ? void 0 : _d.left) + ((_e = waterfallDisplayAreaRects.left) === null || _e === void 0 ? void 0 : _e.width);
+                const right = display$1.width - ((_f = waterfallDisplayAreaRects.right) === null || _f === void 0 ? void 0 : _f.left);
+                setSafeArea({
+                    top,
+                    left,
+                    right,
+                    bottom
+                });
+            });
+        }
+        catch (e) {
+            console.error('Failed to get display', e);
         }
-        const top = Math.max(...boundingRects.map(rect => rect.top * 2 + rect.height), ((_a = waterfallDisplayAreaRects.top) === null || _a === void 0 ? void 0 : _a.top) + ((_b = waterfallDisplayAreaRects.top) === null || _b === void 0 ? void 0 : _b.height));
-        const bottom = (((_c = waterfallDisplayAreaRects.bottom) === null || _c === void 0 ? void 0 : _c.top) + ((_d = waterfallDisplayAreaRects.bottom) === null || _d === void 0 ? void 0 : _d.height)) || display.height;
-        const left = ((_e = waterfallDisplayAreaRects.left) === null || _e === void 0 ? void 0 : _e.left) + ((_f = waterfallDisplayAreaRects.left) === null || _f === void 0 ? void 0 : _f.width);
-        const right = (((_g = waterfallDisplayAreaRects.right) === null || _g === void 0 ? void 0 : _g.left) + ((_h = waterfallDisplayAreaRects.right) === null || _h === void 0 ? void 0 : _h.width)) || display.width;
-        safeArea = {
-            top,
-            bottom,
-            left,
-            right,
-            height: bottom - top,
-            width: right - left,
-        };
     });
-}
-catch (e) {
-    console.error('Failed to get display', e);
+});
+function setSafeArea({ top, left, right, bottom }) {
+    safeArea = {
+        top,
+        bottom,
+        left,
+        right,
+        height: bottom - top,
+        width: right - left,
+    };
 }
 /* 同步版本 */
 const getSystemInfoSync = function () {
@@ -317,17 +341,17 @@ const getSystemInfoSync = function () {
     res.notificationSoundAuthorized = false; // 通知带有声音的开关（仅 iOS 有效）boolean
     res.phoneCalendarAuthorized = null; // 使用日历的开关 boolean
     res.wifiEnabled = false; // Wi-Fi 的系统开关 boolean
-    res.pixelRatio = display && (Math.round(display.xDPI / display.width * 100) / 100); // 设备像素比,number
+    res.pixelRatio = display$1 && display$1.densityPixels; // 设备像素比,number
     res.platform = 'harmony'; // 客户端平台 string
     res.safeArea = safeArea; // 在竖屏正方向下的安全区域 General.SafeAreaResult
-    res.screenHeight = display === null || display === void 0 ? void 0 : display.height; // 屏幕高度，单位px number
-    res.screenWidth = display === null || display === void 0 ? void 0 : display.width; // 屏幕宽度，单位px number
-    res.statusBarHeight = safeArea === null || safeArea === void 0 ? void 0 : safeArea.top; // 状态栏的高度，单位px number
+    res.screenHeight = display$1 === null || display$1 === void 0 ? void 0 : display$1.height; // 屏幕高度，单位px number
+    res.screenWidth = display$1 === null || display$1 === void 0 ? void 0 : display$1.width; // 屏幕宽度，单位px number
+    res.statusBarHeight = statusBarHeight; // 状态栏的高度，单位px number
     res.system = deviceInfo === null || deviceInfo === void 0 ? void 0 : deviceInfo.osFullName; // 操作系统及版本 string
     // Note: 更新配置时才能记录
     res.theme = ((_b = AppStorage.get('__TARO_APP_CONFIG')) === null || _b === void 0 ? void 0 : _b.colorMode) === ConfigurationConstant.ColorMode.COLOR_MODE_DARK ? 'dark' : 'light'; // 系统当前主题，取值为light或dark 'light' | 'dark'
-    res.windowHeight = display === null || display === void 0 ? void 0 : display.height; // 可使用窗口高度，单位px number
-    res.windowWidth = display === null || display === void 0 ? void 0 : display.width; // 可使用窗口宽度，单位px number
+    res.windowHeight = windowRect === null || windowRect === void 0 ? void 0 : windowRect.height; // 可使用窗口高度，单位px number
+    res.windowWidth = windowRect === null || windowRect === void 0 ? void 0 : windowRect.width; // 可使用窗口宽度，单位px number
     res.version = deviceInfo === null || deviceInfo === void 0 ? void 0 : deviceInfo.displayVersion; // 版本号 string
     return res;
 };
@@ -434,7 +458,13 @@ const base64ToArrayBuffer = /* @__PURE__ */ temporarilyNotSupport('base64ToArray
 /** 创建离屏 canvas 实例 */
 const createOffscreenCanvas = /* @__PURE__ */ temporarilyNotSupport('createOffscreenCanvas');
 /** 创建 canvas 的绘图上下文 CanvasContext 对象 */
-const createCanvasContext = /* @__PURE__ */ temporarilyNotSupport('createOffscreenCanvas');
+// export const createCanvasContext = /* @__PURE__ */ temporarilyNotSupport('createOffscreenCanvas')
+const createCanvasContext = (canvasId) => {
+    const dom = eventSource.get(`canvasId-${canvasId}`);
+    // return dom as TaroCanvasElement
+    if (dom)
+        return dom.context;
+};
 /** 把当前画布指定区域的内容导出生成指定大小的图片 */
 const canvasToTempFilePath = /* @__PURE__ */ temporarilyNotSupport('createOffscreenCanvas');
 /** 将像素数据绘制到画布 */
@@ -555,7 +585,7 @@ const getBatteryInfoSync = () => ({
     isCharging: [BatteryChargeState.ENABLE, BatteryChargeState.FULL].includes(batteryInfo.chargingStatus),
     level: batteryInfo.batterySOC
 });
-const getBatteryInfo = ({ success, fail, complete } = {}) => __awaiter(void 0, void 0, void 0, function* () {
+const getBatteryInfo = (...args_1) => __awaiter(void 0, [...args_1], void 0, function* ({ success, fail, complete } = {}) {
     const handle = new MethodHandler({ name: 'getBatteryInfo', success, fail, complete });
     try {
         return handle.success(getBatteryInfoSync());
@@ -627,9 +657,26 @@ const setClipboardData = function (options) {
         });
     }
     return new Promise((resolve, reject) => {
+        var _a, _b;
         const systemPasteboard = pasteboard.getSystemPasteboard();
-        const pasteData = pasteboard.createPlainTextData(data);
-        systemPasteboard.setPasteData(pasteData, (error, data) => {
+        const pasteData = pasteboard.createData(pasteboard.MIMETYPE_TEXT_PLAIN, data);
+        try {
+            systemPasteboard.setDataSync(pasteData);
+            // @ts-ignore
+            const uiContext = (_b = (_a = Current === null || Current === void 0 ? void 0 : Current.page) === null || _a === void 0 ? void 0 : _a.getUIContext) === null || _b === void 0 ? void 0 : _b.call(_a);
+            if (!uiContext)
+                return;
+            uiContext.getPromptAction().showToast({
+                message: '内容已复制',
+                duration: 1500,
+                bottom: '50%',
+                showMode: 1 // 设置弹窗显示模式，显示在应用之上。
+            });
+            return handle.success({
+                data,
+            }, { resolve, reject });
+        }
+        catch (error) {
             if (error) {
                 console.error('Failed to set PasteData. Cause: ' + JSON.stringify(error));
                 res = {
@@ -638,12 +685,7 @@ const setClipboardData = function (options) {
                 };
                 callAsyncFail(reject, res, options);
             }
-            else {
-                return handle.success({
-                    data,
-                }, { resolve, reject });
-            }
-        });
+        }
     });
 };
 /**
@@ -654,7 +696,7 @@ const getClipboardData = function (options) {
     const handle = new MethodHandler({ name: 'getClipboardData', success, fail, complete });
     return new Promise((resolve, reject) => {
         const systemPasteboard = pasteboard.getSystemPasteboard();
-        systemPasteboard.getPasteData((error, pasteData) => {
+        systemPasteboard.getData((error, pasteData) => {
             if (error) {
                 console.error('Failed to obtain PasteData. Cause: ' + JSON.stringify(error));
                 return handle.fail({
@@ -793,7 +835,7 @@ const getNetworkType = (options = {}) => {
     });
 };
 const networkStatusManager = new CallbackManager();
-const networkStatusListener = (data, code = 0) => __awaiter(void 0, void 0, void 0, function* () {
+const networkStatusListener = (data_1, ...args_1) => __awaiter(void 0, [data_1, ...args_1], void 0, function* (data, code = 0) {
     if (code > 0) {
         return networkStatusManager.trigger({ isConnected: false, networkType: 'none' });
     }
@@ -2006,7 +2048,6 @@ function getEnv() {
 }
 // TODO
 const getCurrentPages = () => [];
-const getCurrentInstance = () => Current;
 const requirePlugin$1 = temporarilyNotSupport('requirePlugin');
 
 // @ts-nocheck
@@ -2036,7 +2077,7 @@ function formatLocation(location) {
         altitude: location.altitude,
         accuracy: location.accuracy,
         speed: location.speed,
-        verticalAccuracy: 0,
+        verticalAccuracy: 0, // OHOS 不支持返回此参数，直接设置为默认值
         horizontalAccuracy: 0 // OHOS 不支持返回此参数，直接设置为默认值
     };
     return wxLocate;
@@ -2228,17 +2269,11 @@ const chooseMedia = function (options) {
 // HarmonyOS 图片模块首批接口从API version 7开始支持。
 // HarmonyOS 文档链接：https://developer.harmonyos.com/cn/docs/documentation/doc-references/js-apis-image-0000001122977382
 // WX 文档链接：https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.saveImageToPhotosAlbum.html
-// ✅ wx.getImageInfo(Object object) API7以上支持
-// ✅ wx.compressImage(Object object) API7以上支持
-// ✅ wx.chooseImage(Object object)
-// ❌ wx.chooseMessageFile(Object object) HarmonyOS不支持
-// ❌ wx.saveImageToPhotosAlbum(Object object) api 9+ HarmonyOS不支持
-// ❌ wx.previewImage(Object object) api 9+ HarmonyOS不支持
 const getImageInfoSchema = {
-    url: 'String'
+    src: 'String'
 };
 const compressImageSchema = {
-    url: 'String'
+    src: 'String'
 };
 const chooseImageSchema = {
     count: 'Number'
@@ -2268,6 +2303,42 @@ const getImageInfo = function (options) {
         });
     });
 };
+class CompressedImageInfo {
+    constructor() {
+        this.imageUri = ''; // 压缩后图片保存位置的uri
+        this.imageByteLength = 0; // 压缩后图片字节长度
+    }
+}
+function saveImage(compressedImageData, compressedImageUri) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const tempArr = compressedImageUri.split('/');
+        const name = tempArr[tempArr.length - 1];
+        const context = getContext(Current === null || Current === void 0 ? void 0 : Current.page);
+        const applicationContext = context.getApplicationContext();
+        const tempDir = applicationContext.tempDir;
+        const filePath = `${tempDir}/${name}`;
+        try {
+            const res = fs.accessSync(filePath);
+            if (res) {
+                // 如果图片afterCompressiona.jpeg已存在，则删除
+                fs.unlinkSync(filePath);
+            }
+        }
+        catch (err) {
+            console.error(`[Taro] saveImage Error: AccessSync failed with error message: ${err.message}, error code: ${err.code}`);
+        }
+        // 知识点：保存图片。获取最终图片压缩数据compressedImageData，保存图片。
+        // 压缩图片数据写入文件
+        const file = fs.openSync(filePath, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE);
+        fs.writeSync(file.fd, compressedImageData);
+        fs.closeSync(file);
+        // 获取压缩图片信息
+        const compressedImageInfo = new CompressedImageInfo();
+        compressedImageInfo.imageUri = filePath;
+        compressedImageInfo.imageByteLength = compressedImageData.byteLength;
+        return compressedImageInfo;
+    });
+}
 const compressImage = function (options) {
     return new Promise((resolve, reject) => {
         try {
@@ -2277,27 +2348,62 @@ const compressImage = function (options) {
             const res = { errMsg: error.message };
             return callAsyncFail(reject, res, options);
         }
-        const { src, quality = 80 } = options;
-        const source = image.createImageSource(src);
+        const { src, quality = 80, compressedWidth, compressedHeight } = options;
+        const srcAfterCompress = src.includes('_after_compress') ? src : src.split('.').join('_after_compress.');
+        const file = fs.openSync(src, fs.OpenMode.READ_ONLY);
+        // const stat = fs.statSync(file.fd)
+        // console.log('[Taro] 压缩前图片的大小为：', stat.size)
+        const source = image.createImageSource(file.fd);
         if (isNull(source)) {
             const createImageSourceError = { errMsg: 'compressImage fail: createImageSource has failed.' };
             callAsyncFail(reject, createImageSourceError, options);
             return;
         }
-        const packer = image.createImagePacker(src);
-        if (isNull(packer)) {
-            const createImagePackerError = { errMsg: 'compressImage fail: createImagePacker has failed.' };
-            callAsyncFail(reject, createImagePackerError, options);
+        const width = source.getImageInfoSync().size.width;
+        const height = source.getImageInfoSync().size.height;
+        let wantWidth = compressedWidth || compressedHeight || 0;
+        let wantHeight = compressedHeight || compressedWidth || 0;
+        if (width > wantWidth || height > wantHeight) {
+            const heightRatio = height / wantHeight;
+            const widthRatio = width / wantWidth;
+            const finalRatio = heightRatio < widthRatio ? heightRatio : widthRatio;
+            wantWidth = Math.round(width / finalRatio);
+            wantHeight = Math.round(height / finalRatio);
         }
-        const packingOptionsOHOS = {
-            // TODO：需要获取文件名后缀
-            format: 'image/jpeg',
-            quality: quality
+        const decodingOptions = {
+            editable: true,
+            desiredPixelFormat: image.PixelMapFormat.RGBA_8888,
+            desiredSize: { width: wantWidth, height: wantHeight }
         };
-        packer.packing(source, packingOptionsOHOS).then((value) => {
-            callAsyncSuccess(resolve, value, options);
-        }).catch((error) => {
-            callAsyncFail(reject, error, options);
+        source.createPixelMap(decodingOptions, (error, pixelMap) => {
+            if (error !== undefined) {
+                fs.closeSync(file);
+                const res = { errMsg: error };
+                callAsyncFail(reject, res, options);
+            }
+            else {
+                const packer = image.createImagePacker(file.fd);
+                if (isNull(packer)) {
+                    fs.closeSync(file);
+                    const createImagePackerError = { errMsg: 'compressImage fail: createImagePacker has failed.' };
+                    callAsyncFail(reject, createImagePackerError, options);
+                    return;
+                }
+                const isPNG = src.endsWith('.png');
+                const packingOptionsOHOS = {
+                    format: isPNG ? 'image/png' : 'image/jpeg',
+                    quality: quality
+                };
+                packer.packing(pixelMap, packingOptionsOHOS).then((value) => {
+                    fs.closeSync(file);
+                    saveImage(value, srcAfterCompress).then(result => {
+                        callAsyncSuccess(resolve, { tempFilePath: result.imageUri }, options);
+                    });
+                }).catch((error) => {
+                    fs.closeSync(file);
+                    callAsyncFail(reject, error, options);
+                });
+            }
         });
     });
 };
@@ -2312,10 +2418,64 @@ const chooseImage = function (options) {
         }
         const { count = 9 } = options;
         const photoViewPicker = new picker.PhotoViewPicker();
+        let sizeType = options.sizeType;
+        if (!sizeType || !sizeType.length) {
+            sizeType = ['compressed', 'original'];
+        }
         photoSelectOptions.maxSelectNumber = count; // 选择媒体文件的最大数目
         photoSelectOptions.MIMEType = picker.PhotoViewMIMETypes.IMAGE_TYPE; // 过滤选择媒体文件类型为IMAGE
         photoViewPicker.select(photoSelectOptions).then((photoSelectResult) => {
-            callAsyncSuccess(resolve, { tempFilePaths: photoSelectResult.photoUris });
+            const result = {};
+            const isOrigin = photoSelectResult.isOriginalPhoto;
+            if (isOrigin) {
+                const tempFilePaths = [];
+                const tempFiles = photoSelectResult.photoUris.map(uri => {
+                    const file = fs.openSync(uri, fs.OpenMode.READ_ONLY);
+                    const stat = fs.statSync(file.fd);
+                    const size = stat.size;
+                    fs.closeSync(file);
+                    tempFilePaths.push(uri);
+                    return {
+                        size,
+                        path: uri,
+                    };
+                });
+                result.tempFiles = tempFiles;
+                result.tempFilePaths = tempFilePaths;
+                callAsyncSuccess(resolve, result, options);
+            }
+            else {
+                const actions = photoSelectResult.photoUris.map(uri => {
+                    return new Promise(resolve => {
+                        compressImage({
+                            src: uri,
+                            compressedWidth: getSystemInfoSync().screenWidth / 2,
+                            compressedHeight: getSystemInfoSync().screenHeight / 2,
+                            success: (compressResult) => {
+                                resolve(compressResult.tempFilePath);
+                            }
+                        });
+                    });
+                });
+                Promise.all(actions).then(tempFilePaths => {
+                    const tempFiles = tempFilePaths.map(uri => {
+                        const file = fs.openSync(uri, fs.OpenMode.READ_ONLY);
+                        const stat = fs.statSync(file.fd);
+                        const size = stat.size;
+                        fs.closeSync(file);
+                        return {
+                            size,
+                            path: uri,
+                        };
+                    });
+                    result.tempFilePaths = tempFilePaths;
+                    result.tempFiles = tempFiles;
+                    callAsyncSuccess(resolve, result, options);
+                }).catch(error => {
+                    const res = { errMsg: error };
+                    return callAsyncFail(reject, res, options);
+                });
+            }
         }).catch((error) => {
             callAsyncFail(reject, error, options);
         });
@@ -3217,144 +3377,153 @@ const createCacheManager = /* @__PURE__ */ temporarilyNotSupport('createCacheMan
  * https://developer.harmonyos.com/cn/docs/documentation/doc-references-V3/js-apis-data-preferences-0000001427745052-V3
 */
 let context;
-let preferences;
+let kvManager;
+let kvStore;
+let kvStorePromise;
 Current.contextPromise.then((ctx) => {
     context = ctx;
-    return context;
-});
-function getPreferences() {
+    const kvManagerConfig = {
+        context: context,
+        bundleName: 'com.example.taro'
+    };
     try {
-        if (!preferences) {
-            const data = bundleManager.getBundleInfoForSelfSync(bundleManager.BundleFlag.GET_BUNDLE_INFO_WITH_APPLICATION);
-            preferences = dataPreferences.getPreferencesSync(context, { name: `${data.appInfo.uid}Store` });
-        }
+        // 创建KVManager实例
+        kvManager = distributedKVStore.createKVManager(kvManagerConfig);
+        // 继续创建获取数据库
+        const options = {
+            createIfMissing: true,
+            encrypt: false,
+            backup: false,
+            autoSync: false,
+            // kvStoreType不填时，默认创建多设备协同数据库
+            kvStoreType: distributedKVStore.KVStoreType.SINGLE_VERSION,
+            // 多设备协同数据库：kvStoreType: distributedKVStore.KVStoreType.DEVICE_COLLABORATION,
+            securityLevel: distributedKVStore.SecurityLevel.S1
+        };
+        const data = bundleManager.getBundleInfoForSelfSync(bundleManager.BundleFlag.GET_BUNDLE_INFO_WITH_APPLICATION);
+        kvStorePromise = new Promise(resolve => {
+            kvManager.getKVStore(`${data.appInfo.uid}Store`, options, (err, store) => {
+                if (err) {
+                    console.error(`Failed to get KVStore: Code:${err.code},message:${err.message}`);
+                    return;
+                }
+                kvStore = store;
+                // 请确保获取到键值数据库实例后，再进行相关数据操作
+                resolve();
+            });
+        });
     }
-    catch (error) {
-        hilog.error(0x0000, 'TaroFailedTag', 'Failed to load the storage. Cause: %{public}s', error.code ? JSON.stringify(error) : error.message || error);
+    catch (e) {
+        console.error(`Failed to create KVManager. Code:${e.code},message:${e.message}`);
     }
-    return preferences;
-}
+    return context;
+});
 const storageSchema = {
     key: 'String'
 };
-function getStorage(options) {
-    const { key, success, fail, complete } = options || {};
-    const handle = new MethodHandler({ name: 'getStorage', success, fail, complete });
-    return new Promise((resolve, reject) => {
-        try {
-            validateParams('getStorage', options, storageSchema);
-        }
-        catch (error) {
-            const res = { errMsg: error.message };
-            return handle.fail(res, { resolve, reject });
-        }
-        const preferences = getPreferences();
-        if (!preferences)
-            return handle.fail({}, { resolve, reject });
-        const data = preferences.getSync(key, null);
-        if (data) {
-            return handle.success({ data }, { resolve, reject });
+function checkContextExist(api, isAsync = false) {
+    if (!context) {
+        const message = `${api} 调用失败，Taro 不支持过早地调用 ${api}，请确保页面已经渲染完成再调用此 API`;
+        if (isAsync) {
+            return {
+                isExist: false,
+                error: Promise.reject(new Error(message))
+            };
         }
         else {
-            return handle.success({ errMsg: 'data not found' }, { resolve, reject });
+            console.warn(message);
+            return {
+                isExist: false,
+            };
         }
-    });
-}
-function getStorageSync(key) {
-    if (!key) {
-        throw new Error('getStorageSync:fail parameter error: parameter should be String');
     }
-    const preferences = getPreferences();
-    if (!preferences) {
-        throw new Error('getStorageSync:fail:preferences is null');
-    }
-    const data = preferences.getSync(key, null);
-    if (data) {
-        return data;
-    }
-    else {
-        throw new Error('data not found');
-    }
-}
-function setStorage(options) {
-    const { key, data, success, fail, complete } = options || {};
-    const handle = new MethodHandler({ name: 'setStorage', success, fail, complete });
-    return new Promise((resolve, reject) => {
-        try {
-            validateParams('setStorage', options, storageSchema);
-        }
-        catch (error) {
-            const res = { errMsg: error.message };
-            return handle.fail(res, { resolve, reject });
-        }
-        const preferences = getPreferences();
-        if (!preferences)
-            return handle.fail({}, { resolve, reject });
-        preferences.putSync(key, data);
-        preferences.flush();
-        return handle.success({}, { resolve, reject });
-    });
+    return {
+        isExist: true,
+    };
 }
-function setStorageSync(key, data) {
-    if (!key) {
-        throw new Error('setStorageSync:fail key error: key should be String');
-    }
-    const preferences = getPreferences();
-    if (!preferences) {
-        throw new Error('setStorageSync:fail:preferences is null');
+function getStorage(options) {
+    const name = 'getStorage';
+    const { isExist, error } = checkContextExist(name, true);
+    if (!isExist) {
+        return error;
     }
-    preferences.putSync(key, data);
-    preferences.flush();
-}
-function removeStorage(options) {
     const { key, success, fail, complete } = options || {};
-    const handle = new MethodHandler({ name: 'removeStorage', success, fail, complete });
+    const handle = new MethodHandler({ name, success, fail, complete });
     return new Promise((resolve, reject) => {
-        try {
-            validateParams('removeStorage', options, storageSchema);
-        }
-        catch (error) {
-            const res = { errMsg: error.message };
-            return handle.fail(res, { resolve, reject });
-        }
-        const preferences = getPreferences();
-        if (!preferences)
-            return handle.fail({}, { resolve, reject });
-        preferences.deleteSync(key);
-        preferences.flush();
-        return handle.success({}, { resolve, reject });
+        kvStorePromise.then(() => {
+            try {
+                validateParams(name, options, storageSchema);
+            }
+            catch (error) {
+                const res = { errMsg: error.message };
+                return handle.fail(res, { resolve, reject });
+            }
+            kvStore = kvStore;
+            kvStore.get(key, (err, data) => {
+                if (err) {
+                    handle.fail({ errMsg: `Failed to get data. Code:${err.code},message:${err.message}` }, { resolve, reject });
+                    return;
+                }
+                handle.success({ data }, { resolve, reject });
+            });
+        });
     });
 }
-function removeStorageSync(key) {
-    if (!key) {
-        throw new Error('removeStorageSync:fail key error: key should be String');
-    }
-    const preferences = getPreferences();
-    if (!preferences) {
-        throw new Error('removeStorageSync:fail:preferences is null');
+function setStorage(options) {
+    const name = 'setStorage';
+    const { isExist, error } = checkContextExist(name, true);
+    if (!isExist) {
+        return error;
     }
-    preferences.deleteSync(key);
-    preferences.flush();
-}
-function clearStorage(options) {
-    const { success, fail, complete } = options || {};
-    const handle = new MethodHandler({ name: 'clearStorage', success, fail, complete });
+    const { key, data, success, fail, complete } = options || {};
+    const handle = new MethodHandler({ name, success, fail, complete });
     return new Promise((resolve, reject) => {
-        const preferences = getPreferences();
-        if (!preferences)
-            return handle.fail({}, { resolve, reject });
-        preferences.clearSync();
-        preferences.flush();
-        return handle.success({}, { resolve, reject });
+        kvStorePromise.then(() => {
+            try {
+                validateParams(name, options, storageSchema);
+            }
+            catch (error) {
+                const res = { errMsg: error.message };
+                return handle.fail(res, { resolve, reject });
+            }
+            kvStore = kvStore;
+            kvStore.put(key, data, (err) => {
+                if (err) {
+                    handle.fail({ errMsg: `Failed to put data. Code:${err.code},message:${err.message}` }, { resolve, reject });
+                    return;
+                }
+                handle.success({}, { resolve, reject });
+            });
+        });
     });
 }
-function clearStorageSync() {
-    const preferences = getPreferences();
-    if (!preferences) {
-        throw new Error('clearStorageSync:fail:preferences is null');
+function removeStorage(options) {
+    const name = 'removeStorage';
+    const { isExist, error } = checkContextExist(name, true);
+    if (!isExist) {
+        return error;
     }
-    preferences.clearSync();
-    preferences.flush();
+    const { key, success, fail, complete } = options || {};
+    const handle = new MethodHandler({ name, success, fail, complete });
+    return new Promise((resolve, reject) => {
+        kvStorePromise.then(() => {
+            try {
+                validateParams(name, options, storageSchema);
+            }
+            catch (error) {
+                const res = { errMsg: error.message };
+                return handle.fail(res, { resolve, reject });
+            }
+            kvStore = kvStore;
+            kvStore.delete(key, (err) => {
+                if (err) {
+                    handle.fail({ errMsg: `Failed to delete data. Code:${err.code},message:${err.message}` }, { resolve, reject });
+                    return;
+                }
+                handle.success({}, { resolve, reject });
+            });
+        });
+    });
 }
 const getStorageInfoSync = temporarilyNotSupport('getStorageInfoSync');
 const getStorageInfo = temporarilyNotSupport('getStorageInfo');
@@ -3364,6 +3533,11 @@ const batchSetStorageSync = /* @__PURE__ */ temporarilyNotSupport('batchSetStora
 const batchSetStorage = /* @__PURE__ */ temporarilyNotSupport('batchSetStorage');
 const batchGetStorageSync = /* @__PURE__ */ temporarilyNotSupport('batchGetStorageSync');
 const batchGetStorage = /* @__PURE__ */ temporarilyNotSupport('batchGetStorage');
+const clearStorage = temporarilyNotSupport('clearStorage');
+const getStorageSync = temporarilyNotSupport('getStorageSync', 'getStorage');
+const setStorageSync = temporarilyNotSupport('setStorageSync', 'setStorage');
+const clearStorageSync = temporarilyNotSupport('clearStorageSync', 'clearStorage');
+const removeStorageSync = temporarilyNotSupport('removeStorageSync', 'removeStorage');
 
 class Animation {
     constructor({ duration = 400, delay = 0, timingFunction = 'linear', transformOrigin = '50% 50% 0', unit = 'px' } = {}) {
@@ -3396,6 +3570,9 @@ class Animation {
             transformOrigin,
             rule: Object.assign({}, this.rule)
         });
+        if (this.rule.transform) {
+            this.rule.transform = Object.assign({}, this.rule.transform);
+        }
         return this;
     }
     matrix(a, b, c, d, tx, ty) {
@@ -3407,75 +3584,120 @@ class Animation {
         return this;
     }
     rotate(angle) {
-        this.rule.rotate = { x: 0, y: 0, z: 1, angle };
+        if (!this.rule.transform) {
+            this.rule.transform = {};
+        }
+        this.rule.transform.Rotate = { x: 0, y: 0, z: 1, angle };
         return this;
     }
     rotate3d(x, y, z, angle) {
-        this.rule.rotate = { x, y, z, angle };
+        if (!this.rule.transform) {
+            this.rule.transform = {};
+        }
+        this.rule.transform.Rotate = { x, y, z, angle };
         return this;
     }
     rotateX(angle) {
-        this.rule.rotate = { x: 1, y: 0, z: 0, angle };
+        if (!this.rule.transform) {
+            this.rule.transform = {};
+        }
+        this.rule.transform.Rotate = { x: 1, y: 0, z: 0, angle };
         return this;
     }
     rotateY(angle) {
-        this.rule.rotate = { x: 0, y: 1, z: 0, angle };
+        if (!this.rule.transform) {
+            this.rule.transform = {};
+        }
+        this.rule.transform.Rotate = { x: 0, y: 1, z: 0, angle };
         return this;
     }
     rotateZ(angle) {
-        this.rule.rotate = { x: 0, y: 0, z: 1, angle };
+        if (!this.rule.transform) {
+            this.rule.transform = {};
+        }
+        this.rule.transform.Rotate = { x: 0, y: 0, z: 1, angle };
         return this;
     }
     scale(sx, sy) {
-        this.rule.scale = { x: sx, y: sy };
+        if (!this.rule.transform) {
+            this.rule.transform = {};
+        }
+        this.rule.transform.Scale = { x: sx, y: isUndefined(sy) ? sx : sy };
         return this;
     }
     scale3d(sx, sy, sz) {
-        this.rule.scale = { x: sx, y: sy, z: sz };
+        if (!this.rule.transform) {
+            this.rule.transform = {};
+        }
+        this.rule.transform.Scale = { x: sx, y: sy, z: sz };
         return this;
     }
     scaleX(scale) {
-        this.rule.scale = { x: scale };
+        if (!this.rule.transform) {
+            this.rule.transform = {};
+        }
+        this.rule.transform.Scale = { x: scale };
         return this;
     }
     scaleY(scale) {
-        this.rule.scale = { y: scale };
+        if (!this.rule.transform) {
+            this.rule.transform = {};
+        }
+        this.rule.transform.Scale = { y: scale };
         return this;
     }
     scaleZ(scale) {
-        this.rule.scale = { z: scale };
+        if (!this.rule.transform) {
+            this.rule.transform = {};
+        }
+        this.rule.transform.Scale = { z: scale };
         return this;
     }
     skew(ax, ay) {
-        this.rule.skew = { x: ax, y: ay };
+        temporarilyNotSupport('animation.skew:' + `${ax}, ${ay}`)(ax, ay);
         return this;
     }
     skewX(angle) {
-        this.rule.skew = { x: angle };
+        temporarilyNotSupport('animation.skewX:' + angle)(angle);
         return this;
     }
     skewY(angle) {
-        this.rule.skew = { y: angle };
+        temporarilyNotSupport('animation.skewY:' + angle)(angle);
         return this;
     }
     translate(tx, ty) {
-        this.rule.translate = { x: tx, y: ty };
+        if (!this.rule.transform) {
+            this.rule.transform = {};
+        }
+        this.rule.transform.Translate = { x: tx, y: ty };
         return this;
     }
     translate3d(tx, ty, tz) {
-        this.rule.translate = { x: tx, y: ty, z: tz };
+        if (!this.rule.transform) {
+            this.rule.transform = {};
+        }
+        this.rule.transform.Translate = { x: tx, y: ty, z: tz };
         return this;
     }
     translateX(translation) {
-        this.rule.translate = { x: translation };
+        if (!this.rule.transform) {
+            this.rule.transform = {};
+        }
+        this.rule.transform.Translate = { x: translation };
         return this;
     }
     translateY(translation) {
-        this.rule.translate = { y: translation };
+        if (!this.rule.transform) {
+            this.rule.transform = {};
+        }
+        this.rule.transform.Translate = { y: translation };
         return this;
     }
     translateZ(translation) {
-        this.rule.translate = { z: translation };
+        if (!this.rule.transform) {
+            this.rule.transform = {};
+        }
+        this.rule.transform.Translate = { z: translation };
         return this;
     }
     opacity(value) {
@@ -3487,15 +3709,15 @@ class Animation {
         return this;
     }
     width(value) {
-        this.rule.size = Object.assign(Object.assign({}, this.rule.size), { width: value });
+        this.rule.width = value;
         return this;
     }
     height(value) {
-        this.rule.size = Object.assign(Object.assign({}, this.rule.size), { height: value });
+        this.rule.height = value;
         return this;
     }
     left(value) {
-        temporarilyNotSupport('animation.left:' + value)(value);
+        this.rule.left = value;
         return this;
     }
     right(value) {
@@ -3503,7 +3725,7 @@ class Animation {
         return this;
     }
     top(value) {
-        temporarilyNotSupport('animation.top:' + value)(value);
+        this.rule.top = value;
         return this;
     }
     bottom(value) {
@@ -3522,7 +3744,8 @@ function setBackgroundColor(options) {
     const handle = new MethodHandler({ name: 'setBackgroundColor', success, fail, complete });
     return new Promise((resolve, reject) => {
         eventCenter.trigger('__taroPageStyle', {
-            backgroundColor: options.backgroundColor || options.backgroundColorTop || options.backgroundColorBottom,
+            backgroundColor: options.backgroundColorBottom || options.backgroundColor,
+            backgroundColorContext: options.backgroundColorTop || options.backgroundColor
         });
         return handle.success({}, { resolve, reject });
     });
@@ -3538,6 +3761,7 @@ const nextTick = (cb, ctx) => {
 // 字体
 const loadFontFace = /* @__PURE__ */ temporarilyNotSupport('getMenuButtonBoundingClientRect');
 
+// @ts-ignore
 const resCallback = (res) => {
     return { errMsg: `${res}:ok` };
 };
@@ -3548,6 +3772,7 @@ const showToastSchema = {
 };
 function showToast(options) {
     return new Promise((resolve, reject) => {
+        var _a, _b;
         const _default = {
             title: '',
             duration: 1500,
@@ -3561,10 +3786,15 @@ function showToast(options) {
             const res = { errMsg: error.message };
             return callAsyncFail(reject, res, options);
         }
-        prompt.showToast({
+        // @ts-ignore
+        const uiContext = (_b = (_a = Current === null || Current === void 0 ? void 0 : Current.page) === null || _a === void 0 ? void 0 : _a.getUIContext) === null || _b === void 0 ? void 0 : _b.call(_a);
+        if (!uiContext)
+            return;
+        uiContext.getPromptAction().showToast({
             message: options.title,
             duration: options.duration,
-            bottom: options.bottom
+            bottom: options.bottom,
+            showMode: 1 // 设置弹窗显示模式，显示在应用之上。
         });
         callAsyncSuccess(resolve, resCallback('showToast'), options);
     });
@@ -3594,25 +3824,29 @@ function showModal(options) {
             color: confirmColor
         });
     }
-    return new Promise(resolve => {
+    return new Promise((resolve, reject) => {
+        var _a, _b;
         const modalOptions = {
             title,
             message: content,
             buttons: buttons,
-            success: (data) => {
-                if (data.index === 1 || !showCancel) {
-                    callAsyncSuccess(resolve, Object.assign(Object.assign({}, resCallback('showModal')), { confirm: true, cancel: false, content: null }), options);
-                }
-                else {
-                    callAsyncSuccess(resolve, Object.assign(Object.assign({}, resCallback('showModal')), { confirm: false, cancel: true }), options);
-                }
-            },
-            // 鸿蒙没有失败方法，只有取消
-            cancel: (_) => {
+        };
+        // @ts-ignore
+        const uiContext = (_b = (_a = Current === null || Current === void 0 ? void 0 : Current.page) === null || _a === void 0 ? void 0 : _a.getUIContext) === null || _b === void 0 ? void 0 : _b.call(_a);
+        if (!uiContext)
+            return;
+        uiContext.getPromptAction().showDialog(modalOptions, (error, data) => {
+            if (error) {
+                const res = { errMsg: error };
+                callAsyncFail(reject, res, options);
+            }
+            if (data.index === 0 && showCancel) {
                 callAsyncSuccess(resolve, Object.assign(Object.assign({}, resCallback('showModal')), { confirm: false, cancel: true }), options);
             }
-        };
-        prompt.showDialog(modalOptions);
+            else {
+                callAsyncSuccess(resolve, Object.assign(Object.assign({}, resCallback('showModal')), { confirm: true, cancel: false, content: null }), options);
+            }
+        });
     });
 }
 const showActionSheetSchema = {
@@ -3621,6 +3855,7 @@ const showActionSheetSchema = {
 };
 function showActionSheet(options) {
     return new Promise((resolve, reject) => {
+        var _a, _b;
         const _default = {
             title: '',
             itemList: [],
@@ -3643,28 +3878,22 @@ function showActionSheet(options) {
         });
         const actionSheetOptions = {
             title,
-            buttons,
-            success: (data) => {
-                callAsyncSuccess(resolve, Object.assign(Object.assign({}, data), resCallback('showActionSheet')), options);
-            },
-            // 取消方法，并非失败
-            fail: (data) => {
-                callAsyncFail(reject, Object.assign(Object.assign({}, data), { errMsg: data.errMsg.replace('showActionMenu', 'showActionSheet') }), options);
-            }
+            buttons
         };
-        prompt.showActionMenu(actionSheetOptions);
-    });
-}
-function hideToast(options) {
-    return new Promise(resolve => {
-        prompt.showToast({
-            message: '关闭中',
-            duration: 10,
-            bottom: '9999px'
+        // @ts-ignore
+        const uiContext = (_b = (_a = Current === null || Current === void 0 ? void 0 : Current.page) === null || _a === void 0 ? void 0 : _a.getUIContext) === null || _b === void 0 ? void 0 : _b.call(_a);
+        if (!uiContext)
+            return;
+        uiContext.getPromptAction().showActionMenu(actionSheetOptions, (error, data) => {
+            var _a;
+            if (error) {
+                callAsyncFail(reject, Object.assign(Object.assign({}, data), { errMsg: (_a = data.errMsg) === null || _a === void 0 ? void 0 : _a.replace('showActionMenu', 'showActionSheet') }), options);
+            }
+            callAsyncSuccess(resolve, Object.assign(Object.assign({}, data), resCallback('showActionSheet')), options);
         });
-        callAsyncSuccess(resolve, resCallback('hideToast'), options);
     });
 }
+const hideToast = /* @__PURE__ */ temporarilyNotSupport('hideToast');
 const showLoading = temporarilyNotSupport('showLoading');
 const hideLoading = temporarilyNotSupport('hideLoading');
 const enableAlertBeforeUnload = /* @__PURE__ */ temporarilyNotSupport('enableAlertBeforeUnload');
@@ -3685,7 +3914,7 @@ const setNavigationBarTitle = function (options) {
 };
 const setNavigationBarColor = function (options) {
     const { success, fail, complete } = options || {};
-    const handle = new MethodHandler({ name: 'setNavigationBarTitle', success, fail, complete });
+    const handle = new MethodHandler({ name: 'setNavigationBarColor', success, fail, complete });
     return new Promise((resolve, reject) => {
         eventCenter.trigger('__taroNavigationStyle', {
             animation: options.animation,
@@ -3727,10 +3956,13 @@ const hideHomeButton = function (options) {
 };
 
 const startPullDownRefresh = function (options) {
-    return new Promise(resolve => {
+    return new Promise((resolve, reject) => {
         var _a;
         const taro = Current.taro;
         const page = taro.getCurrentInstance().page;
+        if (!page) {
+            return callAsyncFail(reject, { errMsg: 'stopPullDownRefresh:fail' }, options);
+        }
         if (page.isRefreshing instanceof Array) {
             const index = page.tabBarCurrentIndex || 0;
             page.isRefreshing[index] = true;
@@ -3744,10 +3976,13 @@ const startPullDownRefresh = function (options) {
     });
 };
 const stopPullDownRefresh = function (options) {
-    return new Promise(resolve => {
+    return new Promise((resolve, reject) => {
         var _a;
         const taro = Current.taro;
         const page = taro.getCurrentInstance().page;
+        if (!page) {
+            return callAsyncFail(reject, { errMsg: 'stopPullDownRefresh:fail' }, options);
+        }
         if (page.isRefreshing instanceof Array) {
             const index = page.tabBarCurrentIndex || 0;
             page.isRefreshing[index] = false;
@@ -3780,8 +4015,8 @@ const pageScrollTo = (options) => {
         const taro = Current.taro;
         const page = taro.getCurrentInstance().page;
         let scrollValue = -1;
-        let scroller = page.scroller;
-        const currentPageNode = getPageScrollerOrNode(page.node, page);
+        let scroller = getPageScrollerOrNode(page === null || page === void 0 ? void 0 : page.scroller, page);
+        const currentPageNode = getPageScrollerOrNode(page === null || page === void 0 ? void 0 : page.node, page);
         if (scrollTop || typeof scrollTop === 'number') {
             scrollValue = scrollTop;
         }
@@ -3806,12 +4041,12 @@ const pageScrollTo = (options) => {
                 scrollValue = areaInfo.globalPosition.y + yOffset + pxTransformHelper(offsetTop, 'px', true);
             }
         }
-        const { xOffset } = scroller.currentOffset();
-        if (scrollValue === -1) {
+        if (!scroller || scrollValue === -1) {
             return handle.fail({
                 errMsg: '请检查传入的 scrollTop 或 selector 是否合法'
             }, { resolve, reject });
         }
+        const { xOffset } = scroller.currentOffset();
         try {
             scroller.scrollTo({
                 xOffset,
@@ -3843,7 +4078,7 @@ const toggleTabBar = function (type) {
             var _a, _b;
             const taro = Current.taro;
             const page = taro.getCurrentInstance().page;
-            const currentData = ((_a = page._data) === null || _a === void 0 ? void 0 : _a.taroTabBar) || page.tabBar;
+            const currentData = ((_a = page === null || page === void 0 ? void 0 : page._data) === null || _a === void 0 ? void 0 : _a.taroTabBar) || (page === null || page === void 0 ? void 0 : page.tabBar);
             const res = { errMsg: `${type}TabBar:ok` };
             const error = { errMsg: `${type}TabBar:fail not TabBar page` };
             if (!currentData) {
@@ -3868,7 +4103,7 @@ const setTabBarStyle = function (options = {}) {
         var _a, _b;
         const taro = Current.taro;
         const page = taro.getCurrentInstance().page;
-        const currentData = ((_a = page._data) === null || _a === void 0 ? void 0 : _a.taroTabBar) || page.tabBar;
+        const currentData = ((_a = page === null || page === void 0 ? void 0 : page._data) === null || _a === void 0 ? void 0 : _a.taroTabBar) || (page === null || page === void 0 ? void 0 : page.tabBar);
         const res = { errMsg: 'setTabBarStyle:ok' };
         const error = { errMsg: 'setTabBarStyle:fail not TabBar page' };
         if (!currentData) {
@@ -3895,7 +4130,7 @@ const setTabBarItem = function (options) {
         var _a, _b;
         const taro = Current.taro;
         const page = taro.getCurrentInstance().page;
-        const currentData = ((_a = page._data) === null || _a === void 0 ? void 0 : _a.taroTabBar) || page.tabBar;
+        const currentData = ((_a = page === null || page === void 0 ? void 0 : page._data) === null || _a === void 0 ? void 0 : _a.taroTabBar) || (page === null || page === void 0 ? void 0 : page.tabBar);
         const res = { errMsg: 'setTabBarItem:ok' };
         const error = { errMsg: 'setTabBarItem:fail not TabBar page' };
         if (!currentData) {
@@ -3988,19 +4223,16 @@ class IntersectionObserver {
         };
         const taro = Current.taro;
         const page = taro.getCurrentInstance().page;
-        const currentPage = getPageScrollerOrNode(page.node, page);
-        this._component = component || currentPage;
+        this._component = component || getPageScrollerOrNode(page === null || page === void 0 ? void 0 : page.node, page);
         Object.assign(this._options, options);
     }
     disconnect() {
-        var _a;
-        if (this._observerNodes) {
+        if (this._observerNodes && this._component) {
             if (this._observerNodes instanceof Array) {
                 this._observerNodes.forEach((n) => {
-                    var _a;
                     disconnectEvent(n, VISIBLE_CHANGE_EVENT_NAME);
                     // @ts-ignore
-                    (_a = n._nodeInfo) === null || _a === void 0 ? void 0 : _a.thresholds = null;
+                    n._nodeInfo.thresholds = null;
                 });
             }
             else {
@@ -4008,35 +4240,40 @@ class IntersectionObserver {
                 // @ts-ignore
                 if (this._observerNodes._nodeInfo) {
                     // @ts-ignore
-                    (_a = this._observerNodes._nodeInfo) === null || _a === void 0 ? void 0 : _a.thresholds = null;
+                    this._observerNodes._nodeInfo.thresholds = null;
                 }
             }
         }
     }
     observe(targetSelector, callback) {
-        var _a;
+        if (!this._component)
+            return;
         const { observeAll, thresholds } = this._options;
         const node = findChildNodeWithDFS(this._component, targetSelector, observeAll);
         this._observerNodes = node;
         if (node) {
             if (node instanceof Array) {
                 node.forEach(n => {
-                    var _a;
                     // @ts-ignore
-                    (_a = n._nodeInfo) === null || _a === void 0 ? void 0 : _a.thresholds = thresholds;
+                    n._nodeInfo.thresholds = thresholds;
                     setNodeEventCallbackAndTriggerComponentUpdate(n, VISIBLE_CHANGE_EVENT_NAME, (isVisible, currentRatio) => {
-                        callback(this.handleResult(isVisible, currentRatio));
+                        callback(this.handleResult(isVisible, currentRatio, n));
                     });
                 });
             }
             else {
                 // @ts-ignore
-                (_a = node._nodeInfo) === null || _a === void 0 ? void 0 : _a.thresholds = thresholds;
+                node._nodeInfo.thresholds = thresholds;
                 setNodeEventCallbackAndTriggerComponentUpdate(node, VISIBLE_CHANGE_EVENT_NAME, (isVisible, currentRatio) => {
-                    callback(this.handleResult(isVisible, currentRatio));
+                    callback(this.handleResult(isVisible, currentRatio, node));
                 });
             }
         }
+        else {
+            callback({
+                errMsg: 'IntersectionObserver.observe:fail cannot find the node for selector.'
+            });
+        }
     }
     relativeTo() {
         temporarilyNotSupport('relativeTo')();
@@ -4047,8 +4284,10 @@ class IntersectionObserver {
         return this;
     }
     // @ts-ignore
-    handleResult(isVisible, currentRatio) {
+    handleResult(isVisible, currentRatio, node) {
         const result = {
+            id: node.id,
+            dataset: node.dataset,
             intersectionRatio: currentRatio,
             // TODO 未做，等待能拿到element的info信息
             boundingClientRect: {
@@ -4256,32 +4495,45 @@ function filter(fields, dom) {
 }
 function querySelector(selector, selectAll) {
     if (typeof selector === 'string') {
-        return parseHandler(selector, selectAll);
+        return selector.split(',').reduce((prev, current) => {
+            const item = current.trim();
+            return prev.concat(parseHandler(item, selectAll));
+        }, []);
     }
-    return null;
+    return [];
 }
 function queryBat(queue, cb) {
     const result = [];
     const taro = Current.taro;
     const page = taro.getCurrentInstance().page;
-    const element = getPageScrollerOrNode(page.node, page);
-    if (element == null)
+    const element = getPageScrollerOrNode(page === null || page === void 0 ? void 0 : page.node, page);
+    if (!element)
         return null;
     arr = [];
     traversalDFSDom(element);
-    queue.forEach(item => {
+    queue.forEach((item) => {
         const { selector, single, fields } = item;
-        const nodeList = querySelector(selector, !single);
-        result.push(nodeList.map(dom => {
+        if (single) {
+            const dom = querySelector(selector, !single)[0];
             // eslint-disable-next-line no-async-promise-executor
-            return new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
+            result.push(new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
                 yield setNodeEventCallbackAndTriggerComponentUpdate(dom, AREA_CHANGE_EVENT_NAME, null, true);
                 resolve(filter(fields, dom));
+            })));
+        }
+        else {
+            const nodeList = querySelector(selector, !single);
+            result.push(nodeList.map(dom => {
+                // eslint-disable-next-line no-async-promise-executor
+                return new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
+                    yield setNodeEventCallbackAndTriggerComponentUpdate(dom, AREA_CHANGE_EVENT_NAME, null, true);
+                    resolve(filter(fields, dom));
+                }));
             }));
-        }));
+        }
     });
     Promise.all(result.map(item => {
-        return Promise.all(item);
+        return item instanceof Array ? Promise.all(item) : item;
     })).then(data => {
         cb(data);
     });
@@ -4774,7 +5026,7 @@ const defaultBaseFontSize = 20;
 const defaultUnitPrecision = 5;
 const defaultTargetUnit = 'vp';
 function getApp$1() {
-    return Current.app;
+    return Current.app || {};
 }
 function initPxTransform({ designWidth = defaultDesignWidth, deviceRatio = defaultDesignRatio, baseFontSize = defaultBaseFontSize, unitPrecision = defaultUnitPrecision, targetUnit = defaultTargetUnit }) {
     const taro = Current.taro;
@@ -4788,19 +5040,56 @@ function initPxTransform({ designWidth = defaultDesignWidth, deviceRatio = defau
         config.unitPrecision = unitPrecision;
     }
 }
-_display.getDefaultDisplaySync();
+const display = _display.getDefaultDisplaySync();
+let displayWidth = display.width;
+let ratioCache = false;
+let designWidthFunc;
+let designWidth = defaultDesignWidth;
+function getRatio(value) {
+    var _a;
+    // Note: 提前调用 display 可能无法获取正确值
+    if (ratioCache === false || displayWidth !== display.width) {
+        const config = ((_a = Current.taro) === null || _a === void 0 ? void 0 : _a.config) || {};
+        if (!isFunction(designWidthFunc)) {
+            designWidthFunc = isFunction(config.designWidth)
+                ? config.designWidth
+                : () => config.designWidth;
+            designWidth = designWidthFunc(value) || defaultDesignWidth;
+        }
+        displayWidth = display.width;
+        ratioCache = Math.min(display.width, display.height) / designWidth;
+    }
+    return ratioCache;
+}
+// Note: 设置为 style 单位时会自动完成设计稿转换，设计开发者调用 API 时也许抹平差异，例如 pageScrollTo[option.offsetTop]
+function pxTransformHelper(size, unit, isNumber = false) {
+    var _a;
+    const config = ((_a = Current.taro) === null || _a === void 0 ? void 0 : _a.config) || {};
+    const targetUnit = unit || config.targetUnit || defaultTargetUnit;
+    if (targetUnit === 'PX') {
+        return px2vp(size * display.scaledDensity) + 'vp';
+    }
+    const ratio = getRatio(size);
+    let val = size * ratio;
+    switch (targetUnit) {
+        case 'vp':
+            // Note: 在应用创建前调用无效
+            val = px2vp(val);
+            break;
+    }
+    return isNumber ? val : val + targetUnit;
+}
 function pxTransform(size) {
     var _a;
     const config = ((_a = Current.taro) === null || _a === void 0 ? void 0 : _a.config) || {};
     const targetUnit = config.targetUnit || defaultTargetUnit;
-    let val = size;
+    const val = size;
     switch (targetUnit) {
         case 'vp':
-            val = px2vp(size);
-            break;
+            return pxTransformHelper(size, 'px');
         // NOTE: 鸿蒙环境下 style 会自动完成设计稿转换，无需在方法内二次调整
     }
-    return val + config.targetUnit;
+    return val + targetUnit;
 }
 function canIUseWebp() {
     return true;