@tarojs/plugin-platform-harmony-ets 4.0.0-beta.1 → 4.0.0-beta.10

package/dist/runtime-framework/react/native-page.ts

@@ -0,0 +1,344 @@
+import { Current, document, requestAnimationFrame, TaroElement, window } from '@tarojs/runtime' // eslint-disable-line import/no-duplicates
+import { CONTEXT_ACTIONS, env, eventCenter, TFunc } from '@tarojs/runtime/dist/runtime.esm' // eslint-disable-line import/no-duplicates
+import { ensure, hooks, isUndefined } from '@tarojs/shared'
+
+import { ReactMeta as reactMeta } from './app'
+import { setReconciler } from './connect'
+import { ON_HIDE, ON_READY, ON_SHOW } from './constant'
+import {
+  addLeadingSlash,
+  getOnHideEventKey,
+  getOnReadyEventKey,
+  getOnShowEventKey, 
+  getPath,
+  injectPageInstance,
+  removePageInstance,
+  safeExecute
+} from './page'
+import { EMPTY_OBJ, incrementId, isClassComponent } from './utils'
+
+import type { AppInstance } from '@tarojs/taro'
+import type * as React from 'react'
+
+const getNativeCompId = incrementId()
+let h: typeof React.createElement
+let ReactDOM
+let nativeComponentApp: AppInstance
+interface InitNativeComponentEntryParams {
+  R: typeof React
+  ReactDOM: typeof ReactDOM
+  cb?: TFunc
+  // 是否使用默认的 DOM 入口 - app；默认为true，false的时候，会创建一个新的dom并且把它挂载在 app 下面
+  isDefaultEntryDom?: boolean
+}
+
+function initNativeComponentEntry (params: InitNativeComponentEntryParams) {
+  const { R, ReactDOM, cb, isDefaultEntryDom = true } = params
+  interface IEntryState {
+    components: {
+      compId: string
+      element: React.ReactElement
+    }[]
+  }
+
+  interface IWrapperProps {
+    compId: string
+    getCtx: () => any
+    renderComponent: (ctx: any) => React.ReactElement
+  }
+
+  class NativeComponentWrapper extends R.Component<IWrapperProps, Record<any, any>> {
+    root = R.createRef<TaroElement>()
+    ctx = this.props.getCtx()
+
+    componentDidMount () {
+      this.ctx.component = this
+      const rootElement = this.root.current!
+      rootElement.ctx = this.ctx
+      // TODO: performUpdate
+      // rootElement.performUpdate(true)
+    }
+
+    render () {
+      return (
+        h(
+          'view',
+          {
+            ref: this.root,
+            id: this.props.compId
+          },
+          this.props.renderComponent(this.ctx)
+        )
+      )
+    }
+  }
+
+  class Entry extends R.Component<Record<any, any>, IEntryState> {
+    state: IEntryState = {
+      components: []
+    }
+
+    componentDidMount () {
+      if (isDefaultEntryDom) {
+        Current.app = this
+      } else {
+        nativeComponentApp = this
+      }
+      cb && cb()
+    }
+
+    mount (Component, compId, getCtx, cb?) {
+      const isReactComponent = isClassComponent(R, Component)
+      const inject = (node?: any) => node && injectPageInstance(node, compId)
+      const refs = isReactComponent ? { ref: inject } : {
+        forwardedRef: inject,
+        reactReduxForwardedRef: inject
+      }
+      if (reactMeta.PageContext === EMPTY_OBJ) {
+        reactMeta.PageContext = R.createContext('')
+      }
+      const item = {
+        compId,
+        element: h(NativeComponentWrapper, {
+          key: compId,
+          compId,
+          getCtx,
+          renderComponent (ctx) {
+            return h(
+              reactMeta.PageContext.Provider,
+              { value: compId },
+              h(
+                Component,
+                {
+                  // TODO: 传递 Props
+                  ...(ctx.props || {}),
+                  ...refs,
+                  $scope: ctx
+                }
+              )
+            )
+          }
+        })
+      }
+      this.setState({
+        components: [...this.state.components, item]
+      }, () => cb && cb())
+    }
+
+    unmount (compId, cb?) {
+      const components = this.state.components
+      const index = components.findIndex(item => item.compId === compId)
+      const next = [...components.slice(0, index), ...components.slice(index + 1)]
+      this.setState({
+        components: next
+      }, () => {
+        removePageInstance(compId)
+        cb && cb()
+      })
+    }
+
+    render () {
+      const components = this.state.components
+
+      return (
+        components.map(({ element }) => element)
+      )
+    }
+  }
+
+  setReconciler(ReactDOM)
+
+  let app = document.getElementById('app')
+  if (!isDefaultEntryDom && !nativeComponentApp) {
+    // create
+    const nativeApp = document.createElement('nativeComponent')
+    // insert
+    app.appendChild(nativeApp)
+    app = nativeApp
+  }
+  // eslint-disable-next-line react/no-deprecated
+  ReactDOM.render(
+    h(Entry, {}),
+    app
+  )
+}
+
+export function createNativePageConfig (Component, pageName: string, react: typeof React, reactDOM: typeof ReactDOM, pageConfig) {
+  reactMeta.R = react
+  h = react.createElement
+  ReactDOM = reactDOM
+  setReconciler(ReactDOM)
+  const [
+    ONLOAD,
+    ONUNLOAD,
+    ONREADY,
+    ONSHOW,
+    ONHIDE,
+    LIFECYCLES,
+    SIDE_EFFECT_LIFECYCLES
+  ] = hooks.call('getMiniLifecycleImpl')!.page
+  let unmounting = false
+  let prepareMountList: (() => void)[] = []
+  let pageElement: TaroElement | null = null
+  let loadResolver: (...args: unknown[]) => void
+  let hasLoaded: Promise<void>
+  const id = pageName ?? `taro_page_${getNativeCompId()}`
+  function setCurrentRouter (page) {
+    const router = page.route || page.__route__ || page.$taroPath
+    Current.router = {
+      params: page.$taroParams!,
+      path: addLeadingSlash(router),
+      $taroPath: page.$taroPath,
+      onReady: getOnReadyEventKey(id),
+      onShow: getOnShowEventKey(id),
+      onHide: getOnHideEventKey(id)
+    }
+    if (!isUndefined(page.exitState)) {
+      Current.router.exitState = page.exitState
+    }
+  }
+
+  const pageObj: Record<string, any> = {
+    options: pageConfig,
+    [ONLOAD] (options: Readonly<Record<string, unknown>> = {}, cb?: TFunc) {
+      hasLoaded = new Promise(resolve => { loadResolver = resolve })
+      Current.page = this as any
+      this.config = pageConfig || {}
+      // this.$taroPath 是页面唯一标识
+      const uniqueOptions = Object.assign({}, options, { $taroTimestamp: Date.now() })
+      const $taroPath = this.$taroPath = getPath(id, uniqueOptions)
+
+      // this.$taroParams 作为暴露给开发者的页面参数对象，可以被随意修改
+      if (this.$taroParams == null) {
+        this.$taroParams = uniqueOptions
+      }
+
+      setCurrentRouter(this)
+      window.trigger(CONTEXT_ACTIONS.INIT, $taroPath)
+
+      const mountCallback = () => {
+        pageElement = document.getElementById($taroPath)
+
+        ensure(pageElement !== null, '没有找到页面实例。')
+
+        safeExecute($taroPath, ONLOAD, this.$taroParams)
+        loadResolver()
+        cb && cb(pageElement)
+        pageElement.ctx = this
+      }
+
+      const mount = () => {
+        if (!Current.app) {
+          initNativeComponentEntry({
+            R: react,
+            ReactDOM,
+            cb: () => {
+              Current.app!.mount!(Component, $taroPath, () => this, mountCallback)
+            }
+          })
+        } else {
+          Current.app!.mount!(Component, $taroPath, () => this, mountCallback)
+        }
+      }
+
+      if (unmounting) {
+        prepareMountList.push(mount)
+      } else {
+        mount()
+      }
+    },
+    [ONUNLOAD] () {
+      const $taroPath = this.$taroPath
+      // 销毁当前页面的上下文信息
+      window.trigger(CONTEXT_ACTIONS.DESTORY, $taroPath)
+      // 触发onUnload生命周期
+      safeExecute($taroPath, ONUNLOAD)
+      resetCurrent()
+      unmounting = true
+      Current.app!.unmount!($taroPath, () => {
+        unmounting = false
+        removePageInstance($taroPath)
+        if (pageElement) {
+          pageElement.ctx = null
+          pageElement = null
+        }
+        if (prepareMountList.length) {
+          prepareMountList.forEach(fn => fn())
+          prepareMountList = []
+        }
+      })
+    },
+    [ONREADY] () {
+      hasLoaded.then(() => {
+        // 触发生命周期
+        safeExecute(this.$taroPath, ON_READY)
+        // 通过事件触发子组件的生命周期
+        requestAnimationFrame(() => eventCenter.trigger(getOnReadyEventKey(id)))
+        this.onReady.called = true
+      })
+    },
+    [ONSHOW] (options = {}) {
+      hasLoaded.then(() => {
+        // 设置 Current 的 page 和 router
+        Current.page = this as any
+        setCurrentRouter(this)
+        // 恢复上下文信息
+        window.trigger(CONTEXT_ACTIONS.RECOVER, this.$taroPath)
+        // 触发生命周期
+        safeExecute(this.$taroPath, ON_SHOW, options)
+        // 通过事件触发子组件的生命周期
+        requestAnimationFrame(() => eventCenter.trigger(getOnShowEventKey(id)))
+      })
+    },
+    [ONHIDE] () {
+      // 缓存当前页面上下文信息
+      window.trigger(CONTEXT_ACTIONS.RESTORE, this.$taroPath)
+      // 设置 Current 的 page 和 router
+      if (Current.page === this) {
+        Current.page = null
+        Current.router = null
+      }
+      // 触发生命周期
+      safeExecute(this.$taroPath, ON_HIDE)
+      // 通过事件触发子组件的生命周期
+      eventCenter.trigger(getOnHideEventKey(id))
+    },
+  }
+
+  function resetCurrent () {
+    // 小程序插件页面卸载之后返回到宿主页面时，需重置Current页面和路由。否则引发插件组件二次加载异常 fix:#11991
+    Current.page = null
+    Current.router = null
+  }
+
+
+  LIFECYCLES.forEach((lifecycle) => {
+    pageObj[lifecycle] = function () {
+      return safeExecute(this.$taroPath, lifecycle, ...arguments)
+    }
+  })
+
+  // onShareAppMessage 和 onShareTimeline 一样，会影响小程序右上方按钮的选项，因此不能默认注册。
+  SIDE_EFFECT_LIFECYCLES.forEach(lifecycle => {
+    if (Component[lifecycle] ||
+      Component.prototype?.[lifecycle] ||
+      Component[lifecycle.replace(/^on/, 'enable')]
+    ) {
+      pageObj[lifecycle] = function (...args) {
+        const target = args[0]?.target
+        if (target?.id) {
+          const id = target.id
+          const element = env.document.getElementById(id)
+          if (element) {
+            target.dataset = element.dataset
+          }
+        }
+        return safeExecute(this.$taroPath, lifecycle, ...args)
+      }
+    }
+  })
+
+  hooks.call('modifyPageObject', pageObj)
+
+  return pageObj
+}

package/dist/runtime-framework/react/page.ts

@@ -136,7 +136,8 @@ export function createPageConfig (component: any, pageName?: string, pageConfig?
       window.trigger(CONTEXT_ACTIONS.INIT, $taroPath)
 
       const mount = () => {
-        Current.app!.mount!(component, $taroPath, () => {
+        // @ts-ignore
+        Current.app!.mount!(component, $taroPath, null, () => {
           pageElement = document.getElementById($taroPath)
 
           if (!pageElement) {
@@ -183,7 +184,6 @@ export function createPageConfig (component: any, pageName?: string, pageConfig?
         safeExecute(this.$taroPath, ON_READY)
         // 通过事件触发子组件的生命周期
         requestAnimationFrame(() => eventCenter.trigger(getOnReadyEventKey(id)))
-        this.onReady.called = true
       })
     },
     [ONSHOW] (options = {}) {

package/dist/runtime-framework/solid/hooks.ts

@@ -1,8 +1,8 @@
 import {
   AppInstance,
   Current,
-  Func,
-  PageLifeCycle
+  PageLifeCycle,
+  TFunc
 } from '@tarojs/runtime'
 import { isArray, isFunction } from '@tarojs/shared'
 import {
@@ -16,7 +16,7 @@ import { getPageInstance, injectPageInstance } from './page'
 import { HOOKS_APP_ID } from './utils'
 
 const createTaroHook = (lifecycle: keyof PageLifeCycle | keyof AppInstance) => {
-  return (fn: Func) => {
+  return (fn: TFunc) => {
     const id = ReactMeta.PageContext || HOOKS_APP_ID
 
     createRenderEffect(() => {

package/dist/runtime-utils.js

@@ -1,6 +1,6 @@
 import { isFunction, isString, isArray, isObject, isNull, isNumber, isUndefined, queryToJson, PLATFORM_TYPE, singleQuote, internalComponents } from '@tarojs/shared';
 import _display from '@ohos.display';
-import { Current, window, document as document$1, getPageScrollerOrNode, findChildNodeWithDFS, setNodeEventCallbackAndTriggerComponentUpdate, AREA_CHANGE_EVENT_NAME, disconnectEvent, VISIBLE_CHANGE_EVENT_NAME, hooks } from '@tarojs/runtime';
+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 deviceInfo from '@ohos.deviceInfo';
 import i18n from '@ohos.i18n';
@@ -736,8 +736,14 @@ const hideKeyboard = function (options) {
 };
 const getSelectedTextRange = /* @__PURE__ */ temporarilyNotSupport('getSelectedTextRange');
 
-const onMemoryWarning = temporarilyNotSupport('onMemoryWarning');
-const offMemoryWarning = temporarilyNotSupport('offMemoryWarning');
+const onMemoryWarning = (listener) => {
+    hooks.tap('getMemoryLevel', (res) => {
+        listener(res);
+    });
+};
+const offMemoryWarning = (listener) => {
+    hooks.off('getMemoryLevel', listener);
+};
 
 const stopDeviceMotionListening = temporarilyNotSupport('stopDeviceMotionListening');
 const startDeviceMotionListening = temporarilyNotSupport('startDeviceMotionListening');
@@ -2605,10 +2611,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)) {
@@ -3054,6 +3060,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;
@@ -3171,107 +3190,152 @@ 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 preferences;
+Current.contextPromise.then((ctx) => {
+    context = ctx;
+    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 };
+function getPreferences() {
+    try {
+        if (!preferences) {
+            const data = bundleManager.getBundleInfoForSelfSync(bundleManager.BundleFlag.GET_BUNDLE_INFO_WITH_APPLICATION);
+            preferences = dataPreferences.getPreferencesSync(context, { name: `${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);
+    }
+    return preferences;
 }
 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 callAsyncFail(reject, res, options);
+            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 });
+        }
+        else {
+            return handle.success({ errMsg: 'data not found' }, { resolve, reject });
         }
-        getItem(options.key).then(({ result, data }) => {
-            const res = { errMsg: 'getStorage:ok' };
-            if (result) {
-                res.data = data;
-                callAsyncSuccess(resolve, res, options);
-            }
-            else {
-                res.errMsg = 'getStorage:fail data not found';
-                callAsyncFail(reject, res, options);
-            }
-        });
     });
 }
+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 callAsyncFail(reject, res, options);
+            return handle.fail(res, { resolve, reject });
         }
-        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);
-        }));
+        const preferences = getPreferences();
+        if (!preferences)
+            return handle.fail({}, { resolve, reject });
+        preferences.putSync(key, data);
+        preferences.flush();
+        return handle.success({}, { resolve, reject });
     });
 }
+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');
+    }
+    preferences.putSync(key, data);
+    preferences.flush();
+}
 function removeStorage(options) {
+    const { key, success, fail, complete } = options || {};
+    const handle = new MethodHandler({ name: 'removeStorage', 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);
+            return handle.fail(res, { resolve, reject });
         }
-        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);
-        }));
+        const preferences = getPreferences();
+        if (!preferences)
+            return handle.fail({}, { resolve, reject });
+        preferences.deleteSync(key);
+        preferences.flush();
+        return handle.success({}, { 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');
+    }
+    preferences.deleteSync(key);
+    preferences.flush();
+}
 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);
-        }));
+    const { success, fail, complete } = options || {};
+    const handle = new MethodHandler({ name: 'clearStorage', 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 });
     });
 }
+function clearStorageSync() {
+    const preferences = getPreferences();
+    if (!preferences) {
+        throw new Error('clearStorageSync:fail:preferences is null');
+    }
+    preferences.clearSync();
+    preferences.flush();
+}
 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');
@@ -4274,6 +4338,7 @@ var apis = /*#__PURE__*/Object.freeze({
   ENV_TYPE: ENV_TYPE,
   Events: Events,
   History: History,
+  IntersectionObserver: IntersectionObserver,
   addCard: addCard,
   addFileToFavorites: addFileToFavorites,
   addPhoneCalendar: addPhoneCalendar,
@@ -4663,7 +4728,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;
@@ -4727,6 +4792,7 @@ function getAppInfo() {
         designWidth: config === null || config === void 0 ? void 0 : config.designWidth,
     };
 }
+initNativeApi(taro);
 
 const components = {
     Checkbox: {