@tarojs/plugin-platform-harmony-cpp 4.1.0 → 4.1.1-alpha.1

package/dist/runtime/runtime-cpp/dom/stylesheet/util.ts

@@ -0,0 +1,186 @@
+// @ts-nocheck
+export class FlexManager {
+  static flexAlign (value: string | number | undefined): FlexAlign {
+    switch (value) {
+      case 'flex-end':
+        return FlexAlign.End
+      case 'center':
+        return FlexAlign.Center
+      case 'space-between':
+        return FlexAlign.SpaceBetween
+      case 'space-around':
+        return FlexAlign.SpaceAround
+      case 'space-evenly':
+        return FlexAlign.SpaceEvenly
+      default:
+        return FlexAlign.Start
+    }
+  }
+
+  static reverseFlexAlign (value: FlexAlign): string {
+    switch (value) {
+      case FlexAlign.Start:
+        return 'flex-start'
+      case FlexAlign.End:
+        return 'flex-end'
+      case FlexAlign.Center:
+        return 'center'
+      case FlexAlign.SpaceBetween:
+        return 'space-between'
+      case FlexAlign.SpaceAround:
+        return 'space-around'
+      case FlexAlign.SpaceEvenly:
+        return 'space-evenly'
+      default:
+        return ''
+    }
+  }
+
+  static direction (value: string): FlexDirection {
+    switch (value) {
+      case 'row': return FlexDirection.Row
+      case 'row-reverse': return FlexDirection.RowReverse
+      case 'column-reverse': return FlexDirection.ColumnReverse
+      default: return FlexDirection.Column
+    }
+  }
+
+  static reverseDirection (value: FlexDirection): string {
+    switch (value) {
+      case FlexDirection.Row: return 'row'
+      case FlexDirection.RowReverse: return 'row-reverse'
+      case FlexDirection.Column: return 'column'
+      case FlexDirection.ColumnReverse: return 'column-reverse'
+      default: return ''
+    }
+  }
+
+  static itemAlign (value: string | number | undefined): ItemAlign {
+    switch (value) {
+      case 'flex-start':
+        return ItemAlign.Start
+      case 'flex-end':
+        return ItemAlign.End
+      case 'center':
+        return ItemAlign.Center
+      case 'stretch':
+        return ItemAlign.Stretch
+      case 'baseline':
+        return ItemAlign.Baseline
+      default:
+        return ItemAlign.Auto
+    }
+  }
+
+  static reverseItemAlign (value: ItemAlign): string {
+    switch (value) {
+      case ItemAlign.Start:
+        return 'flex-start'
+      case ItemAlign.End:
+        return 'flex-end'
+      case ItemAlign.Center:
+        return 'center'
+      case ItemAlign.Stretch:
+        return 'stretch'
+      case ItemAlign.Baseline:
+        return 'baseline'
+      case ItemAlign.Auto:
+        return 'auto'
+      default:
+        return ''
+    }
+  }
+
+  static justifyContent (value: string): FlexAlign {
+    return FlexManager.flexAlign(value)
+  }
+
+  static alignItems (value: string): ItemAlign {
+    return FlexManager.itemAlign(value)
+  }
+
+  static alignSelf (value: string): ItemAlign {
+    return FlexManager.itemAlign(value)
+  }
+
+  static flexWrap (value: string): FlexWrap {
+    switch (value) {
+      case 'nowrap':
+        return FlexWrap.NoWrap
+      case 'wrap':
+        return FlexWrap.Wrap
+      case 'wrap-reverse':
+        return FlexWrap.WrapReverse
+      default:
+        return FlexWrap.NoWrap
+    }
+  }
+
+  static reverseFlexWrap (value: FlexWrap): string {
+    switch (value) {
+      case FlexWrap.NoWrap:
+        return 'nowrap'
+      case FlexWrap.Wrap:
+        return 'wrap'
+      case FlexWrap.WrapReverse:
+        return 'wrap-reverse'
+      default:
+        return 'nowrap'
+    }
+  }
+
+  static alignContent (style: Record<string, string | number> = {}): FlexAlign | undefined {
+    if (style.flexWrap !== 'wrap') return undefined
+    const value = style.alignContent
+    return FlexManager.flexAlign(value)
+  }
+
+  static flexSize (style: Record<string, string | number> = {}): [number, number, number | string] {
+    const flex = style.flex
+    const flexGrow = style.flexGrow || 0
+    const flexShrink = style.flexShrink || 0
+    const flexBasis = style.flexBasis || 'auto'
+    let res: [number, number, number | string] = [Number(flexGrow), Number(flexShrink), flexBasis]
+
+    if (typeof flex === 'number') {
+      res = [flex, 1, 0]
+    } else if (flex === 'auto') {
+      res = [1, 1, 'auto']
+    } else if (flex === 'none') {
+      res = [0, 0, 'auto']
+    } else if (typeof flex === 'string') {
+      const FlexList = flex.replace(new RegExp('\\s+'), ' ').split(' ')
+      FlexList.forEach((item, index) => {
+        res[index] = index < 2 ? Number(item) : item
+      })
+    }
+    return res
+  }
+}
+
+export class BORDER_STYLE_MAP {
+  static solid = BorderStyle.Solid
+  static dotted = BorderStyle.Dotted
+  static dashed = BorderStyle.Dashed
+
+  static get(type: string): BorderStyle {
+    switch (type) {
+      case 'dotted': return BorderStyle.Dotted
+      case 'dashed': return BorderStyle.Dashed
+      default: return BorderStyle.Solid
+    }
+  }
+
+  static reverse(type: BorderStyle): string {
+    switch (type) {
+      case BorderStyle.Dotted: return 'dotted'
+      case BorderStyle.Dashed: return 'dashed'
+      case BorderStyle.Solid: return 'solid'
+      default: return ''
+    }
+  }
+}
+
+export function capitalizeFirstLetter (str: string) {
+  return str.charAt(0).toUpperCase() + str.slice(1)
+}

package/dist/runtime/runtime-cpp/emitter/emitter.ts

@@ -0,0 +1,29 @@
+import { hooks } from '@tarojs/runtime/dist/runtime.esm'
+
+import { TaroNativeModule } from '../harmony-library'
+
+class Events {
+  on = (...args) => {
+    TaroNativeModule.onEventCenter(...args)
+    return this
+  }
+
+  once = (...args) => {
+    TaroNativeModule.onEventCenterOnce(...args)
+    return this
+  }
+
+  off = (...args) => {
+    TaroNativeModule.offEventCenter(...args)
+    return this
+  }
+
+  trigger = (type, ...args) => {
+    TaroNativeModule.triggerEventCenter(type, args)
+    return this
+  }
+}
+
+export const eventCenter = hooks.call('getEventCenter', Events as any) as Events
+
+export { Events, EventsType } from '@tarojs/runtime/dist/runtime.esm'

package/dist/runtime/runtime-cpp/env.ts

@@ -0,0 +1 @@
+export { env } from '@tarojs/runtime/dist/runtime.esm'

package/dist/runtime/runtime-cpp/harmony-library.ts

@@ -0,0 +1 @@
+export { default as TaroNativeModule } from 'libTaroHarmonyLibrary.so'

package/dist/runtime/runtime-cpp/index.ts

@@ -0,0 +1,79 @@
+/* eslint-disable simple-import-sort/exports */
+import _display from '@ohos.display'
+
+import { FOLD_SPLIT_MAX_WIDTH } from './constant'
+import { Current } from './current'
+import { systemContext, systemPromise, TaroWindowUtil } from './system'
+
+export function initStyleSheetConfig (layout: { width: number, height: number} = { width: 0, height: 0 }, navHeight = 0) {
+  const display = _display.getDefaultDisplaySync()
+
+  let logicWidth = layout.width ? layout.width : display.width / display.densityPixels
+  const logicHeight = layout.height ? layout.height : display.height / display.densityPixels
+  // 断点区间
+  if (logicWidth >= FOLD_SPLIT_MAX_WIDTH && logicHeight <= (FOLD_SPLIT_MAX_WIDTH * 10.8)) {
+    logicWidth = logicWidth / 2
+  }
+  const designWidth = typeof Current.taro.config.designWidth === 'function' ? Current.taro.config.designWidth(0) : Current.taro.config.designWidth
+  const deviceRatio = Current.taro.config.deviceRatio ? Current.taro.config.deviceRatio[designWidth] || 1 : 1
+
+  return {
+    // 设计稿比例基准
+    designRatio: logicWidth / (designWidth * deviceRatio),
+    // vp -> px比例，逻辑像素和物理像素的比值
+    densityPixels: display.densityPixels,
+    // 屏幕宽度:单位vp
+    deviceWidth: display.width / display.densityPixels,
+    // 屏幕高度:单位vp
+    deviceHeight: display.height / display.densityPixels,
+    // 窗口宽度:单位vp
+    viewportWidth: layout.width || (display.width / display.densityPixels),
+    // 窗口高度:单位vp
+    viewportHeight: (layout.height || (display.height / display.densityPixels)) - navHeight,
+    // 安全区域:单位vp
+    safeArea: systemContext.safeArea,
+    // 显示设备的显示字体的缩放因子。该参数为浮点数，通常与densityPixels相同
+    scaledDensity: display.scaledDensity,
+    // 表示屏幕当前显示的方向
+    orientation: display.orientation,
+    // 显示设备屏幕的物理像素密度，表示每英寸上的像素点数。该参数为浮点数，单位为px，支持的范围为[80.0，640.0]。一般取值160.0、480.0等，实际能取到的值取决于不同设备设置里提供的可选值
+    densityDPI: display.densityDPI
+  }
+}
+
+export { systemContext, systemPromise, TaroWindowUtil }
+
+// Current必须放在前面初始化
+export * from './current'
+export { hooks } from '@tarojs/shared'
+// bom
+export * from './bom/document'
+export * from './bom/history'
+export * from './bom/location'
+export * from './bom/navigator'
+export * from './bom/raf'
+export * from './bom/URL'
+export * from './bom/window'
+// dom
+export * from './dom/element'
+export * from './dom/event'
+export * from './dom/event-source'
+export * from './dom/node'
+export * from './dom/stylesheet'
+// others
+export * from './env'
+export * from './constant'
+export * from './emitter/emitter'
+export { nextTick } from './next-tick'
+export * from './utils'
+export * from './utils/page'
+export * from './harmony-library'
+export * from './system'
+// typings
+export * from './interface'
+export {
+  Instance, PageProps,
+  ReactPageComponent, ReactPageInstance, ReactAppInstance,
+  PageLifeCycle, PageInstance,
+  AppInstance,
+} from '@tarojs/runtime/dist/runtime.esm'

package/dist/runtime/runtime-cpp/interface/event.ts

@@ -0,0 +1,10 @@
+export interface EventOptions {
+  bubbles: boolean
+  cancelable: boolean
+  [x: string]: any
+}
+
+export interface EventHandler<T = any, R = void> {
+  (...args: T[]): R
+  _stop?: boolean
+}

package/dist/runtime/runtime-cpp/interface/index.ts

@@ -0,0 +1,7 @@
+export * from './event'
+export { PageConfig, TFunc } from '@tarojs/runtime/dist/runtime.esm'
+
+export type TaroAny = any
+export type TaroFunc = (...args: TaroAny[]) => TaroAny
+export type TaroIndent = string | number | boolean | undefined | null
+export type TaroObject = Record<string | number | symbol, TaroAny>

package/dist/runtime/runtime-cpp/next-tick.ts

@@ -0,0 +1,14 @@
+import { TaroNativeModule } from './harmony-library'
+
+import type { TFunc } from './interface'
+
+// 自定义组件
+export const nextTick = (cb: TFunc, ctx?: Record<string, any>) => {
+  TaroNativeModule.registryNextTick(function() {
+    try {
+      ctx ? cb.call(ctx) : cb()
+    } catch (err) {
+      console.error('Error(nextTick): callback error - ' + err + '\n' + err.stack)
+    }
+  })
+}

package/dist/runtime/runtime-cpp/system.ts

@@ -0,0 +1,213 @@
+// 设备信息,从 API Version 6 开始支持
+import _display from '@ohos.display'
+import _window from '@ohos.window'
+
+import { printInfo, runInDebug } from './utils'
+
+let __windowWidth = 0
+let __windowHeight = 0
+let __safeArea: TaroGeneral.SafeAreaResult | null = null
+
+export const WINDOW_STATE = 'taro-window-stage-yy-key'
+export class TaroWindowUtil {
+  static avoidAreaTopHeight = -1
+  static resolve: (...args: any[]) => any = () => {}
+  static reject: (...args: any[]) => any = () => {}
+  static resolver = new Promise((resolve, reject) => {
+    TaroWindowUtil.resolve = resolve
+    TaroWindowUtil.reject = reject
+
+    return resolve
+  })
+
+  static updateTopHeight = (t48) => {
+    if (t48.type === _window.AvoidAreaType.TYPE_SYSTEM) {
+      typeof TaroWindowUtil.resolve === 'function' && TaroWindowUtil.resolve()
+      TaroWindowUtil.avoidAreaTopHeight = t48.area.topRect.height
+    }
+  }
+
+  // 需要在 entryAbility 绑定 onWindowStageCreate 生命周期
+  static setWindowStage(b49) {
+    try {
+      TaroWindowUtil.resolver = new Promise((resolve, reject) => {
+        TaroWindowUtil.resolve = resolve
+        TaroWindowUtil.reject = reject
+
+        return resolve
+      })
+      AppStorage.setOrCreate(WINDOW_STATE, b49)
+      const topHeight = b49.getMainWindowSync()?.getWindowAvoidArea(_window.AvoidAreaType.TYPE_SYSTEM)?.topRect?.height
+      if (typeof topHeight !== 'undefined') {
+        TaroWindowUtil.avoidAreaTopHeight = topHeight
+        TaroWindowUtil.resolve()
+      }
+      b49?.getMainWindow().then((d49) => {
+        d49?.on('avoidAreaChange', TaroWindowUtil.updateTopHeight)
+      }).catch((error) => {
+        console.error('Taro Failed to set window stage', error)
+      })
+      b49.getMainWindowSync().on('avoidAreaChange', (res) => {
+        if (res.type !== _window.AvoidAreaType.TYPE_SYSTEM) return
+        updateSystemInfo()
+      })
+    } catch (error) {
+      console.error('Taro Failed to set window stage', error)
+    }
+  }
+
+  static getNavigationBarHeight() {
+    const a49 = AppStorage.get(WINDOW_STATE)?.getMainWindowSync()?.getWindowAvoidArea(_window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR)
+    return a49?.bottomRect?.height ?? 0
+  }
+
+  static getStatusBarHeight() {
+    if (TaroWindowUtil.avoidAreaTopHeight === -1) {
+      const z48 = AppStorage.get(WINDOW_STATE)?.getMainWindowSync()?.getWindowAvoidArea(_window.AvoidAreaType.TYPE_SYSTEM)
+      return z48?.topRect?.height ?? 0
+    } else {
+      return TaroWindowUtil.avoidAreaTopHeight
+    }
+  }
+
+  static setStatusBarColor(x48, y48) {
+    AppStorage.get(WINDOW_STATE)?.getMainWindowSync()?.setWindowSystemBarProperties({
+      statusBarColor: x48,
+      statusBarContentColor: y48
+    })
+  }
+
+  static onWindowEventListener(u48) {
+    AppStorage.get(WINDOW_STATE)?.getMainWindowSync()?.on('windowEvent', (w48) => {
+      if (w48 === _window.WindowEventType.WINDOW_SHOWN) {
+        u48?.onBackToForeground()
+      } else if (w48 === _window.WindowEventType.WINDOW_HIDDEN) {
+        u48?.onForeToBackground()
+      }
+    })
+  }
+
+  static offWindowEventListener() {
+    AppStorage.get(WINDOW_STATE)?.getMainWindowSync()?.off('windowEvent')
+  }
+}
+
+_display.on('change', (status: number) => {
+  runInDebug(() => {
+    printInfo('foldStatusChange:', status)
+
+    updateSystemInfo()
+  })
+})
+
+export const systemContext: any = {
+  resolve: null,
+  reject: null,
+  get windowHeight () {
+    return __windowHeight
+  },
+  set windowHeight (value: number) {
+    __windowHeight = value
+  },
+  get windowWidth () {
+    return __windowWidth
+  },
+  set windowWidth (value: number) {
+    __windowWidth = value
+  },
+  get safeArea (): TaroGeneral.SafeAreaResult | null {
+    // left 和 right 通过监听 display 的变化获取，top 和 bottom 通过 TaroWindowUtil 来获取
+    const left = __safeArea?.left || 0
+    const right = __safeArea?.right || 0
+    const top = px2vp(TaroWindowUtil.getStatusBarHeight())
+    const bottom = __windowHeight - px2vp(TaroWindowUtil.getNavigationBarHeight())
+
+    return {
+      top,
+      bottom,
+      left,
+      right,
+      height: bottom - top,
+      width: right - left,
+    }
+  },
+  set safeArea ({ top, left, right, bottom }: TaroGeneral.SafeAreaResult) {
+    __safeArea = {
+      bottom: px2vp(bottom),
+      top: px2vp(top),
+      left: px2vp(left),
+      right: px2vp(right),
+      height: px2vp(bottom - top),
+      width: px2vp(right - left),
+    }
+  },
+  get statusBarHeight () {
+    return px2vp(TaroWindowUtil.getStatusBarHeight())
+  }
+}
+
+export const systemPromise = {
+  resolver: new Promise((resolve, reject) => {
+    systemContext.resolve = resolve
+    systemContext.reject = reject
+
+    return resolve
+  }),
+}
+
+let lastUpdate = 0
+async function updateSystemInfo () {
+  if (Date.now() - lastUpdate < 1000) {
+    // Note: 防抖, 切换折叠屏状态时 change 事件会多次触发
+    return
+  }
+  lastUpdate = Date.now()
+
+  try {
+    const display = _display.getDefaultDisplaySync()
+
+    // top 和 bottom 通过 TaroWindowUtil 来获取
+    // Note: display.width 与 getWindowProperties().windowRect.width 一致，通过 getLastWindow 获取此时是上一个窗口的信息
+    systemContext.safeArea ||= {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: display.width,
+    }
+
+    // @ts-ignore
+    display.getCutoutInfo((err, { waterfallDisplayAreaRects = {} }: _display.CutoutInfo = {}) => {
+      if (err?.code) {
+        console.error('Failed to get cutout info', JSON.stringify(err))
+        systemContext.reject()
+        return
+      }
+      // top 和 bottom 通过 TaroWindowUtil 来获取
+      const top = 0
+      const bottom = 0
+      const left = waterfallDisplayAreaRects.left?.left + waterfallDisplayAreaRects.left?.width
+      const right = display.width - waterfallDisplayAreaRects.right?.left
+
+      systemContext.safeArea = {
+        top,
+        left,
+        right,
+        bottom
+      }
+    })
+    systemContext.resolve()
+  } catch (error) {
+    systemContext.reject()
+  }
+}
+
+try {
+  const display = _display.getDefaultDisplaySync()
+  systemContext.densityPixels ||= display.densityPixels
+  systemContext.windowWidth ||= px2vp(display.width)
+  systemContext.windowHeight ||= px2vp(display.height)
+} catch (error) {
+  console.error('Failed to get system info from window', error)
+}
+
+updateSystemInfo()

package/dist/runtime/runtime-cpp/utils/index.ts

@@ -0,0 +1,63 @@
+import _display from '@ohos.display'
+
+import { NodeType } from '../dom/node'
+
+import type { TaroElement } from '../dom/element/element'
+import type { TaroNode } from '../dom/node'
+
+const display = _display.getDefaultDisplaySync()
+
+export function isElement (node: TaroNode): node is TaroElement {
+  return node.nodeType === NodeType.ELEMENT_NODE
+}
+
+/** @deprecated */
+export function convertNumber2PX(value: number): string {
+  return `${value}px`
+}
+
+/** @deprecated */
+export function convertNumber2VP(value: number, unit = 'px'): string {
+  if (unit === 'vw' || unit === 'vh') {
+    return (value / 100 * (unit === 'vw' ? display.width : display.height)) + 'px'
+  }
+  return `${value}${unit}`
+}
+
+export function getPageScrollerOrNode (scrollerOrNode: any, page: any) {
+  if (!page) return scrollerOrNode
+  if (page.cacheData) return page.cacheData
+
+  const isArrayData = scrollerOrNode instanceof Array
+
+  if (isArrayData) {
+    const index = page.tabBarCurrentIndex || 0
+
+    return scrollerOrNode[index]
+  }
+
+  return scrollerOrNode
+}
+
+export function ObjectKeys(obj: object): string[] {
+  return Object.keys(obj)
+}
+
+export function ObjectAssign(...objects) {
+  return Object.assign.apply(this, [].concat(...objects))
+}
+
+export function callFn (fn: any, ctx: any, ...args: any) {
+  if (typeof fn === 'function') {
+    return fn.apply(ctx, args)
+  }
+}
+export function bindFn (fn: any, ctx: any, ...args: any) {
+  if (typeof fn === 'function') {
+    return fn.bind(ctx, ...args)
+  }
+}
+
+export * from './info'
+export * from './router'
+export * from '@tarojs/runtime/dist/utils/cache'