@tarojs/plugin-platform-harmony-ets 4.0.0-canary.8 → 4.0.0

package/dist/runtime-utils.js

@@ -1,10 +1,11 @@
 import { isFunction, isString, isArray, isObject, isNull, isNumber, isUndefined, queryToJson, PLATFORM_TYPE, singleQuote, internalComponents } 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 { Current, window, eventSource, hooks, document as document$1, getPageScrollerOrNode, findChildNodeWithDFS, setNodeEventCallbackAndTriggerComponentUpdate, AREA_CHANGE_EVENT_NAME, disconnectEvent, VISIBLE_CHANGE_EVENT_NAME, getCurrentInstance } from '@tarojs/runtime';
+import '@ohos.abilityAccessCtrl';
 import { eventCenter, Events, History } from '@tarojs/runtime/dist/runtime.esm';
+import ConfigurationConstant from '@ohos.app.ability.ConfigurationConstant';
 import deviceInfo from '@ohos.deviceInfo';
 import i18n from '@ohos.i18n';
-import deviceMethod from '@system.device';
 import errorManager from '@ohos.app.ability.errorManager';
 import sensor from '@ohos.sensor';
 import batteryInfo, { BatteryChargeState } from '@ohos.batteryInfo';
@@ -21,6 +22,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 +30,9 @@ 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';
+import { pxTransformHelper as pxTransformHelper$1 } from '@tarojs/taro';
 
 class MethodHandler {
     constructor({ name, success, fail, complete }) {
@@ -186,7 +186,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,16 +266,63 @@ const preloadWebview = /* @__PURE__ */ temporarilyNotSupport('preloadWebview');
 const preloadSkylineView = /* @__PURE__ */ temporarilyNotSupport('preloadSkylineView');
 const preloadAssets = /* @__PURE__ */ temporarilyNotSupport('preloadAssets');
 
-// 设备信息,从 API Version 6 开始支持
-const display = _display.getDefaultDisplaySync();
-let device;
-deviceMethod.getInfo({
-    success: data => {
-        device = data;
-    }
+let display$1;
+let navigationIndicatorRect;
+let safeArea = null;
+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);
+        }
+    });
 });
+function setSafeArea({ top, left, right, bottom }) {
+    safeArea = {
+        top,
+        bottom,
+        left,
+        right,
+        height: bottom - top,
+        width: right - left,
+    };
+}
 /* 同步版本 */
 const getSystemInfoSync = function () {
+    var _a, _b;
     const res = {};
     res.SDKVersion = deviceInfo && deviceInfo.sdkApiVersion; // 客户端基础库版本 string
     res.albumAuthorized = false; // 允许使用相册的开关（仅 iOS 有效） boolean
@@ -285,7 +332,7 @@ const getSystemInfoSync = function () {
     res.cameraAuthorized = null; // 允许使用摄像头的开关 boolean
     res.enableDebug = null; // 是否已打开调试 boolean
     res.fontSizeSetting = null; // 用户字体大小（单位px） number
-    res.language = i18n && i18n.getSystemLanguage && i18n.getSystemLanguage(); // string
+    res.language = (_a = i18n === null || i18n === void 0 ? void 0 : i18n.getSystemLanguage) === null || _a === void 0 ? void 0 : _a.call(i18n); // string
     res.locationAuthorized = null; // 定位的开关 boolean
     res.locationEnabled = null; // 地理位置的系统开关 boolean
     res.microphoneAuthorized = null; // 麦克风的开关 boolean
@@ -296,17 +343,18 @@ const getSystemInfoSync = function () {
     res.notificationSoundAuthorized = false; // 通知带有声音的开关（仅 iOS 有效）boolean
     res.phoneCalendarAuthorized = null; // 使用日历的开关 boolean
     res.wifiEnabled = false; // Wi-Fi 的系统开关 boolean
-    res.pixelRatio = null; // 设备像素比,number
-    res.platform = 'android'; // 客户端平台 string
-    res.safeArea = null; // 在竖屏正方向下的安全区域 General.SafeAreaResult
-    res.screenHeight = display && display.height; // 屏幕高度，单位px number
-    res.screenWidth = display && display.width; // 屏幕宽度，单位px number
-    res.statusBarHeight = null; // 状态栏的高度，单位px number
-    res.system = deviceInfo && deviceInfo.osFullName; // 操作系统及版本 string
-    res.theme = null; // 系统当前主题，取值为light或dark 'light' | 'dark'
-    res.windowWidth = device && device.windowWidth; // 可使用窗口宽度，单位px number
-    res.windowHeight = device && device.windowHeight; // 可使用窗口高度，单位px number
-    res.version = deviceInfo && deviceInfo.displayVersion; // 版本号 string
+    res.pixelRatio = display$1 && display$1.densityPixels; // 设备像素比,number
+    res.platform = 'harmony'; // 客户端平台 string
+    res.safeArea = safeArea; // 在竖屏正方向下的安全区域 General.SafeAreaResult
+    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 = 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;
 };
 /* 异步版本 */
@@ -412,7 +460,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');
 /** 将像素数据绘制到画布 */
@@ -533,7 +587,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());
@@ -605,9 +659,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 = {
@@ -616,12 +687,7 @@ const setClipboardData = function (options) {
                 };
                 callAsyncFail(reject, res, options);
             }
-            else {
-                return handle.success({
-                    data,
-                }, { resolve, reject });
-            }
-        });
+        }
     });
 };
 /**
@@ -632,7 +698,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({
@@ -771,7 +837,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' });
     }
@@ -1984,7 +2050,6 @@ function getEnv() {
 }
 // TODO
 const getCurrentPages = () => [];
-const getCurrentInstance = () => Current;
 const requirePlugin$1 = temporarilyNotSupport('requirePlugin');
 
 // @ts-nocheck
@@ -2014,7 +2079,7 @@ function formatLocation(location) {
         altitude: location.altitude,
         accuracy: location.accuracy,
         speed: location.speed,
-        verticalAccuracy: 0,
+        verticalAccuracy: 0, // OHOS 不支持返回此参数，直接设置为默认值
         horizontalAccuracy: 0 // OHOS 不支持返回此参数，直接设置为默认值
     };
     return wxLocate;
@@ -2206,17 +2271,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'
@@ -2246,6 +2305,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 {
@@ -2255,27 +2350,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);
+                });
+            }
         });
     });
 };
@@ -2290,10 +2420,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);
         });
@@ -2611,10 +2795,10 @@ const request = function (options) {
             header['Content-Type'] = 'application/json';
         }
         // 检查 Header 是否有 Referer
-        if (isUndefined(header.Referer)) {
-            const error = { errMsg: 'request fail parameter error: the header doesn‘t support Referer property' };
-            callAsyncFail(reject, error, options);
-        }
+        // if (isUndefined(header.Referer)) {
+        //   const error = { errMsg: 'request fail parameter error: the header doesn‘t support Referer property' }
+        //   callAsyncFail(reject, error, options)
+        // }
         // 检查 method 是否正确
         if (method) {
             if (!METHOD.includes(method)) {
@@ -3060,6 +3244,19 @@ function parseURL(raw = '') {
     const [urlStr, queryStr = ''] = raw.split('?');
     const query = queryToJson(queryStr);
     let url = urlStr.replace(/^\//, '');
+    // 处理相对路径
+    if (url.indexOf('.') === 0) {
+        const page = router.getState();
+        const parts = page.path.split('/');
+        parts.pop();
+        url.split('/').forEach((item) => {
+            if (item === '.') {
+                return;
+            }
+            item === '..' ? parts.pop() : parts.push(item);
+        });
+        url = parts.join('/');
+    }
     if (isTabPage(url)) {
         query.$page = url;
         url = TARO_TABBAR_PAGE_PATH;
@@ -3177,113 +3374,172 @@ const getBackgroundFetchData = /* @__PURE__ */ temporarilyNotSupport('getBackgro
 // 周期性更新
 const createCacheManager = /* @__PURE__ */ temporarilyNotSupport('createCacheManager');
 
-const preferencesPromise = Current.contextPromise
-    .then((context) => {
-    return bundleManager
-        .getBundleInfoForSelf(bundleManager.BundleFlag.GET_BUNDLE_INFO_WITH_APPLICATION)
-        .then(data => {
-        return dataPreferences
-            .getPreferences(context, `${data.appInfo.uid}Store`);
-    });
-})
-    .catch((error) => {
-    hilog.error(0x0000, 'TaroFailedTag', 'Failed to load the storage. Cause: %{public}s', error.code ? JSON.stringify(error) : error.message || error);
+/**
+ * 从API Version 6开始，该模块不再维护，可以使用模块@ohos.data.storage。在API Version 9后，推荐使用新模块@ohos.data.preferences。
+ * https://developer.harmonyos.com/cn/docs/documentation/doc-references-V3/js-apis-data-preferences-0000001427745052-V3
+*/
+let context;
+let kvManager;
+let kvStore;
+let kvStorePromise;
+Current.contextPromise.then((ctx) => {
+    context = ctx;
+    const kvManagerConfig = {
+        context: context,
+        bundleName: 'com.example.taro'
+    };
+    try {
+        // 创建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 (e) {
+        console.error(`Failed to create KVManager. Code:${e.code},message:${e.message}`);
+    }
+    return context;
 });
-function getItem(key) {
-    return __awaiter(this, void 0, void 0, function* () {
-        try {
-            const preferences = yield preferencesPromise;
-            const item = yield preferences.get(key, null);
-            return { result: true, data: item };
-        }
-        catch (error) {
-            return { result: false };
-        }
-    });
-}
 const storageSchema = {
     key: 'String'
 };
-function getStorage(options) {
-    return new Promise((resolve, reject) => {
-        try {
-            validateParams('getStorage', options, storageSchema);
+function checkContextExist(api, isAsync = false) {
+    if (!context) {
+        const message = `${api} 调用失败，Taro 不支持过早地调用 ${api}，请确保页面已经渲染完成再调用此 API`;
+        if (isAsync) {
+            return {
+                isExist: false,
+                error: Promise.reject(new Error(message))
+            };
         }
-        catch (error) {
-            const res = { errMsg: error.message };
-            return callAsyncFail(reject, res, options);
+        else {
+            console.warn(message);
+            return {
+                isExist: false,
+            };
         }
-        getItem(options.key).then(({ result, data }) => {
-            const res = { errMsg: 'getStorage:ok' };
-            if (result) {
-                res.data = data;
-                callAsyncSuccess(resolve, res, options);
+    }
+    return {
+        isExist: true,
+    };
+}
+function getStorage(options) {
+    const name = 'getStorage';
+    const { isExist, error } = checkContextExist(name, true);
+    if (!isExist) {
+        return error;
+    }
+    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);
             }
-            else {
-                res.errMsg = 'getStorage:fail data not found';
-                callAsyncFail(reject, res, options);
+            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 setStorage(options) {
+    const name = 'setStorage';
+    const { isExist, error } = checkContextExist(name, true);
+    if (!isExist) {
+        return error;
+    }
+    const { key, data, success, fail, complete } = options || {};
+    const handle = new MethodHandler({ name, success, fail, complete });
     return new Promise((resolve, reject) => {
-        try {
-            validateParams('setStorage', options, storageSchema);
-        }
-        catch (error) {
-            const res = { errMsg: error.message };
-            return callAsyncFail(reject, res, options);
-        }
-        const { key, data } = options;
-        const res = { errMsg: 'setStorage:ok' };
-        preferencesPromise.then((preferences) => __awaiter(this, void 0, void 0, function* () {
-            yield preferences.put(key, data);
-            yield preferences.flush();
-            callAsyncSuccess(resolve, res, options);
-        }));
+        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 removeStorage(options) {
+    const name = 'removeStorage';
+    const { isExist, error } = checkContextExist(name, true);
+    if (!isExist) {
+        return error;
+    }
+    const { key, success, fail, complete } = options || {};
+    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 callAsyncFail(reject, res, options);
-        }
-        const { key } = options;
-        preferencesPromise.then((preferences) => __awaiter(this, void 0, void 0, function* () {
-            yield preferences.delete(key);
-            yield preferences.flush();
-            const res = { errMsg: 'removeStorage:ok' };
-            callAsyncSuccess(resolve, res, options);
-        }));
-    });
-}
-function clearStorage(options) {
-    return new Promise(resolve => {
-        preferencesPromise.then((preferences) => __awaiter(this, void 0, void 0, function* () {
-            yield preferences.clear();
-            yield preferences.flush();
-            const res = { errMsg: 'clearStorage:ok' };
-            callAsyncSuccess(resolve, res, options);
-        }));
+        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');
-const getStorageSync = temporarilyNotSupport('getStorageSync', 'getStorage');
-const setStorageSync = temporarilyNotSupport('setStorageSync', 'setStorage');
-const clearStorageSync = temporarilyNotSupport('clearStorageSync', 'clearStorage');
-const removeStorageSync = temporarilyNotSupport('removeStorageSync', 'removeStorage');
 const createBufferURL = /* @__PURE__ */ temporarilyNotSupport('createBufferURL');
 const revokeBufferURL = /* @__PURE__ */ temporarilyNotSupport('revokeBufferURL');
 const batchSetStorageSync = /* @__PURE__ */ temporarilyNotSupport('batchSetStorageSync');
 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' } = {}) {
@@ -3316,6 +3572,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) {
@@ -3327,75 +3586,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) {
@@ -3407,15 +3711,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) {
@@ -3423,7 +3727,7 @@ class Animation {
         return this;
     }
     top(value) {
-        temporarilyNotSupport('animation.top:' + value)(value);
+        this.rule.top = value;
         return this;
     }
     bottom(value) {
@@ -3442,7 +3746,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 });
     });
@@ -3458,6 +3763,7 @@ const nextTick = (cb, ctx) => {
 // 字体
 const loadFontFace = /* @__PURE__ */ temporarilyNotSupport('getMenuButtonBoundingClientRect');
 
+// @ts-ignore
 const resCallback = (res) => {
     return { errMsg: `${res}:ok` };
 };
@@ -3468,6 +3774,7 @@ const showToastSchema = {
 };
 function showToast(options) {
     return new Promise((resolve, reject) => {
+        var _a, _b;
         const _default = {
             title: '',
             duration: 1500,
@@ -3481,10 +3788,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);
     });
@@ -3514,25 +3826,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 = {
@@ -3541,6 +3857,7 @@ const showActionSheetSchema = {
 };
 function showActionSheet(options) {
     return new Promise((resolve, reject) => {
+        var _a, _b;
         const _default = {
             title: '',
             itemList: [],
@@ -3563,28 +3880,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');
@@ -3605,7 +3916,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,
@@ -3647,10 +3958,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;
@@ -3664,10 +3978,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;
@@ -3700,8 +4017,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;
         }
@@ -3723,15 +4040,15 @@ const pageScrollTo = (options) => {
             scroller = getPageScrollerOrNode(scroller, page);
             const { yOffset } = scroller.currentOffset();
             if (areaInfo) {
-                scrollValue = areaInfo.globalPosition.y + yOffset + pxTransformHelper(offsetTop, 'px', true);
+                scrollValue = areaInfo.globalPosition.y + yOffset + pxTransformHelper$1(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,
@@ -3763,7 +4080,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) {
@@ -3788,7 +4105,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) {
@@ -3815,7 +4132,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) {
@@ -3908,19 +4225,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 {
@@ -3928,35 +4242,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')();
@@ -3967,8 +4286,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: {
@@ -4176,32 +4497,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);
     });
@@ -4280,6 +4614,7 @@ var apis = /*#__PURE__*/Object.freeze({
   ENV_TYPE: ENV_TYPE,
   Events: Events,
   History: History,
+  IntersectionObserver: IntersectionObserver,
   addCard: addCard,
   addFileToFavorites: addFileToFavorites,
   addPhoneCalendar: addPhoneCalendar,
@@ -4669,7 +5004,7 @@ var apis = /*#__PURE__*/Object.freeze({
   writeBLECharacteristicValue: writeBLECharacteristicValue
 });
 
-Object.assign({}, apis);
+const taro = Object.assign({}, apis);
 const requirePlugin = /* @__PURE__ */ permanentlyNotSupport('requirePlugin');
 function initNativeApi(taro) {
     Current.taro = taro;
@@ -4693,7 +5028,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;
@@ -4707,19 +5042,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;
@@ -4733,6 +5105,7 @@ function getAppInfo() {
         designWidth: config === null || config === void 0 ? void 0 : config.designWidth,
     };
 }
+initNativeApi(taro);
 
 const components = {
     Checkbox: {