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

package/dist/apis/device/memory.ts

@@ -1,4 +1,11 @@
-import { temporarilyNotSupport } from '../utils'
+import { hooks } from '@tarojs/runtime'
 
-export const onMemoryWarning = temporarilyNotSupport('onMemoryWarning')
-export const offMemoryWarning = temporarilyNotSupport('offMemoryWarning')
+export const onMemoryWarning = (listener) => {
+  hooks.tap('getMemoryLevel', (res) => {
+    listener(res)
+  })
+}
+
+export const offMemoryWarning = (listener) => {
+  hooks.off('getMemoryLevel', listener)
+}

package/dist/apis/index.ts

@@ -120,5 +120,7 @@ export function getAppInfo () {
   }
 }
 
+initNativeApi(taro)
+
 export * from './apis'
 export default taro

package/dist/apis/network/request.ts

@@ -6,7 +6,7 @@
 // ✅ RequestTask.onHeadersReceived
 
 import http from '@ohos.net.http'
-import { isString, isUndefined } from '@tarojs/shared'
+import { isString } from '@tarojs/shared'
 
 import { callAsyncFail, callAsyncSuccess, validateParams } from '../utils'
 
@@ -59,10 +59,10 @@ export const request: typeof Taro.request = function (options) {
     }
 
     // 检查 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) {

package/dist/apis/route/index.ts

@@ -16,6 +16,21 @@ function parseURL (raw = ''): [string, Record<string, unknown>] {
   const [urlStr, queryStr = ''] = raw.split('?')
   const query: Record<string, unknown> = 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

package/dist/apis/storage/index.ts

@@ -7,32 +7,30 @@ import dataPreferences from '@ohos.data.preferences'
 import hilog from '@ohos.hilog'
 import { Current } from '@tarojs/runtime'
 
-import { callAsyncFail, callAsyncSuccess, temporarilyNotSupport, validateParams } from '../utils'
+import { temporarilyNotSupport, validateParams } from '../utils'
+import { MethodHandler } from '../utils/handler'
 
 import type Taro from '@tarojs/taro/types'
 
-const preferencesPromise = (Current as any).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)
-  })
+let context
+let preferences: any
 
-async function getItem (key: string): Promise<{ result: boolean, data?: number | string | boolean }> {
-  try {
-    const preferences = await preferencesPromise
-    const item = await preferences.get(key, null)
+(Current as any).contextPromise.then((ctx) => {
+  context = ctx
+  return context
+})
 
-    return { result: true, data: item }
+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) {
-    return { result: false }
+    hilog.error(0x0000, 'TaroFailedTag', 'Failed to load the storage. Cause: %{public}s', error.code ? JSON.stringify(error) : error.message || error)
   }
+
+  return preferences
 }
 
 const storageSchema = {
@@ -40,89 +38,155 @@ const storageSchema = {
 }
 
 export function getStorage<T = any> (options: Taro.getStorage.Option<T>) {
+  const { key, success, fail, complete } = options || {}
+  const handle = new MethodHandler<{data: any}>({ 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: Record<string, any> = { errMsg: 'getStorage:ok' }
-
-      if (result) {
-        res.data = data
-        callAsyncSuccess(resolve, res, options)
-      } else {
-        res.errMsg = 'getStorage:fail data not found'
-        callAsyncFail(reject, res, options)
-      }
-    })
   })
 }
 
+export function getStorageSync (key: string) {
+  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')
+  }
+}
+
 export function setStorage (options: Taro.setStorage.Option) {
+  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' }
+    const preferences = getPreferences()
 
-    preferencesPromise.then(async (preferences) => {
-      await preferences.put(key, data)
-      await preferences.flush()
+    if (!preferences) return handle.fail({}, { resolve, reject })
 
-      callAsyncSuccess(resolve, res, options)
-    })
+    preferences.putSync(key, data)
+    preferences.flush()
+
+    return handle.success({}, { resolve, reject })
   })
 }
 
+export function setStorageSync (key: string, data: any) {
+  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()
+}
+
 export function removeStorage (options: Taro.removeStorage.Option) {
+  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
+    const preferences = getPreferences()
 
-    preferencesPromise.then(async (preferences) => {
-      await preferences.delete(key)
-      await preferences.flush()
+    if (!preferences) return handle.fail({}, { resolve, reject })
 
-      const res = { errMsg: 'removeStorage:ok' }
-      callAsyncSuccess(resolve, res, options)
-    })
+    preferences.deleteSync(key)
+    preferences.flush()
+
+    return handle.success({}, { resolve, reject })
   })
 }
 
+export function removeStorageSync (key: string) {
+  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()
+}
+
 export function clearStorage (options: Taro.clearStorage.Option) {
-  return new Promise(resolve => {
-    preferencesPromise.then(async (preferences) => {
-      await preferences.clear()
-      await 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 })
   })
 }
 
+export function clearStorageSync () {
+  const preferences = getPreferences()
+  
+  if (!preferences) {
+    throw new Error('clearStorageSync:fail:preferences is null')
+  }
+
+  preferences.clearSync()
+  preferences.flush()
+}
+
 export const getStorageInfoSync = temporarilyNotSupport('getStorageInfoSync')
 export const getStorageInfo = temporarilyNotSupport('getStorageInfo')
 
-export const getStorageSync = temporarilyNotSupport('getStorageSync', 'getStorage')
-export const setStorageSync = temporarilyNotSupport('setStorageSync', 'setStorage')
-export const clearStorageSync = temporarilyNotSupport('clearStorageSync', 'clearStorage')
-export const removeStorageSync = temporarilyNotSupport('removeStorageSync', 'removeStorage')
-
 export const createBufferURL = /* @__PURE__ */ temporarilyNotSupport('createBufferURL')
 export const revokeBufferURL = /* @__PURE__ */ temporarilyNotSupport('revokeBufferURL')
 

package/dist/apis/wxml/index.ts

@@ -13,3 +13,5 @@ export const createIntersectionObserver: typeof Taro.createIntersectionObserver
 }
 
 export const createMediaQueryObserver = /* @__PURE__ */ temporarilyNotSupport('createMediaQueryObserver')
+
+export { IntersectionObserver }

package/dist/components-harmony-ets/button.ets

@@ -1,76 +1,12 @@
 import { eventHandler, createTaroEvent, convertNumber2VP, getComponentEventCallback, AREA_CHANGE_EVENT_NAME, VISIBLE_CHANGE_EVENT_NAME } from '@tarojs/runtime'
 import { createLazyChildren } from './render'
+import commonStyleModify from './style'
 import { BUTTON_THEME_COLOR } from './utils/constant/style'
 import { TOUCH_EVENT_MAP } from './utils/constant/event'
-import { getNormalAttributes, shouldBindEvent, getNodeThresholds } from './utils/helper'
+import { shouldBindEvent, getNodeThresholds } from './utils/helper'
 
 import type { TaroAny, TaroEvent, TaroButtonElement, TaroStyleType } from '@tarojs/runtime'
 
-@Extend(Button)
-function attrs (style: TaroStyleType) {
-  .id(style.id)
-  .key(style.id)
-  .flexGrow(style.flexGrow)
-  .flexShrink(style.flexShrink)
-  .flexBasis(style.flexBasis)
-  .alignSelf(style.alignSelf)
-  .padding({
-    top: style.paddingTop,
-    right: style.paddingRight || 10,
-    bottom: style.paddingBottom,
-    left: style.paddingLeft || 10
-  })
-  .margin({
-    top: style.marginTop,
-    right: style.marginRight,
-    bottom: style.marginBottom,
-    left: style.marginLeft
-  })
-  .width(style.width)
-  .height(style.height)
-  .constraintSize({
-    minWidth: style.minWidth,
-    maxWidth: style.maxWidth,
-    minHeight: style.minHeight,
-    maxHeight: style.maxHeight
-  })
-  .backgroundColor(style.backgroundColor)
-  .backgroundImage(style.backgroundImage?.src, style.backgroundRepeat)
-  .backgroundImageSize(style.backgroundSize)
-  .backgroundImagePosition(style.backgroundPosition)
-  .borderStyle({
-    top: style.borderTopStyle,
-    right: style.borderRightStyle,
-    bottom: style.borderBottomStyle,
-    left: style.borderLeftStyle
-  })
-  .borderWidth({
-    top: style.borderTopWidth,
-    right: style.borderRightWidth,
-    bottom: style.borderBottomWidth,
-    left: style.borderLeftWidth
-  })
-  .borderColor({
-    top: style.borderTopColor,
-    right: style.borderRightColor,
-    bottom: style.borderBottomColor,
-    left: style.borderLeftColor
-  })
-  .borderRadius({
-    topLeft: style.borderTopLeftRadius,
-    topRight: style.borderTopRightRadius,
-    bottomLeft: style.borderBottomLeftRadius,
-    bottomRight: style.borderBottomRightRadius
-  })
-  .zIndex(style.zIndex)
-  .opacity(style.opacity)
-  .linearGradient(style.linearGradient)
-  .clip(style.overflow)
-  .rotate({ centerX: style.transformOrigin?.x, centerY: style.transformOrigin?.y, angle: 0 })
-  .scale({ centerX: style.transformOrigin?.x, centerY: style.transformOrigin?.y })
-  .transform(style.transform)
-}
-
 @Extend(Button)
 function themeStyles(style: TaroStyleType) {
   .fontColor(style.color)
@@ -106,9 +42,24 @@ function getThemeAttributes (node: TaroButtonElement): TaroStyleType {
   const type: string = _attrs.type || 'default'
 
   return {
-    borderColor: hmStyle.borderColor || getButtonColor(node, BUTTON_THEME_COLOR.get(type).background),
-    borderWidth: hmStyle.borderWidth || 1,
-    borderRadius: hmStyle.borderRadius || convertNumber2VP(10),
+    borderColor: {
+      top: hmStyle.borderTopColor || getButtonColor(node, BUTTON_THEME_COLOR.get(type).background),
+      right: hmStyle.borderRightColor || getButtonColor(node, BUTTON_THEME_COLOR.get(type).background),
+      bottom: hmStyle.borderBottomColor || getButtonColor(node, BUTTON_THEME_COLOR.get(type).background),
+      left: hmStyle.borderLeftColor || getButtonColor(node, BUTTON_THEME_COLOR.get(type).background)
+    },
+    borderWidth: {
+      top: hmStyle.borderTopWidth || 1,
+      right: hmStyle.borderRightWidth || 1,
+      bottom: hmStyle.borderBottomWidth || 1,
+      left: hmStyle.borderLeftWidth || 1
+    },
+    borderRadius: {
+      topLeft: hmStyle.borderTopLeftRadius || convertNumber2VP(10),
+      topRight: hmStyle.borderTopRightRadius || convertNumber2VP(10),
+      bottomLeft: hmStyle.borderBottomLeftRadius || convertNumber2VP(10),
+      bottomRight: hmStyle.borderBottomRightRadius || convertNumber2VP(10)
+    },
     opacity: isDisabled ? 0.4 : hmStyle.opacity,
     backgroundColor: isPlain ? Color.Transparent : (hmStyle.backgroundColor || BUTTON_THEME_COLOR.get(type).background),
     color: hmStyle.color || getButtonColor(node, BUTTON_THEME_COLOR.get(type).text),
@@ -156,7 +107,7 @@ export default function TaroButton (node: TaroButtonElement) {
     }
   }
   .themeStyles(getThemeAttributes(node))
-  .attrs(getNormalAttributes(node))
+  .attributeModifier(commonStyleModify.setNode(node))
   .constraintSize({
     minWidth: node.hmStyle?.minWidth || getButtonMinWidth(node),
     minHeight: node.hmStyle?.minHeight || getButtonMinHeight(node),
@@ -165,7 +116,7 @@ export default function TaroButton (node: TaroButtonElement) {
   })
   .type(ButtonType.Normal)
   .onClick((e: ClickEvent) => {
-    if (['submit', 'reset'].includes(node._attrs.formType)) {
+    if (node._attrs.formType && ['submit', 'reset'].includes(node._attrs.formType)) {
       const eventName = node._attrs.formType + '-btn'
       const event: TaroEvent = createTaroEvent(eventName, {}, node)
       eventHandler(event, eventName, node)

package/dist/components-harmony-ets/checkbox.ets

@@ -1,10 +1,11 @@
 import { createTaroEvent, eventHandler, getComponentEventCallback, AREA_CHANGE_EVENT_NAME, VISIBLE_CHANGE_EVENT_NAME } from '@tarojs/runtime'
 
+import commonStyleModify from './style'
 import { createLazyChildren } from './render'
 import { FlexManager } from './utils/FlexManager'
-import { shouldBindEvent, getNormalAttributes, getNodeThresholds } from './utils/helper'
+import { shouldBindEvent, getNodeThresholds } from './utils/helper'
 
-import type { TaroStyleType, TaroAny, TaroEvent, TaroCheckboxElement, TaroCheckboxGroupElement } from '@tarojs/runtime'
+import type { TaroAny, TaroEvent, TaroCheckboxElement, TaroCheckboxGroupElement } from '@tarojs/runtime'
 
 interface CheckboxOptions {
   name?: string
@@ -14,71 +15,6 @@ interface CheckboxAttrs {
   selectedColor?: ResourceColor
 }
 
-@Extend(Checkbox)
-function checkboxStyle (style: TaroStyleType) {
-  .id(style.id)
-  .key(style.id)
-  .flexGrow(style.flexGrow)
-  .flexShrink(style.flexShrink)
-  .flexBasis(style.flexBasis)
-  .alignSelf(style.alignSelf)
-  .padding({
-    top: style.paddingTop,
-    right: style.paddingRight,
-    bottom: style.paddingBottom,
-    left: style.paddingLeft
-  })
-  .margin({
-    top: style.marginTop,
-    right: style.marginRight,
-    bottom: style.marginBottom,
-    left: style.marginLeft
-  })
-  .width(style.width)
-  .height(style.height)
-  .constraintSize({
-    minWidth: style.minWidth,
-    maxWidth: style.maxWidth,
-    minHeight: style.minHeight,
-    maxHeight: style.maxHeight
-  })
-  .backgroundColor(style.backgroundColor)
-  .backgroundImage(style.backgroundImage?.src, style.backgroundRepeat)
-  .backgroundImageSize(style.backgroundSize)
-  .backgroundImagePosition(style.backgroundPosition)
-  .borderStyle({
-    top: style.borderTopStyle,
-    right: style.borderRightStyle,
-    bottom: style.borderBottomStyle,
-    left: style.borderLeftStyle
-  })
-  .borderWidth({
-    top: style.borderTopWidth,
-    right: style.borderRightWidth,
-    bottom: style.borderBottomWidth,
-    left: style.borderLeftWidth
-  })
-  .borderColor({
-    top: style.borderTopColor,
-    right: style.borderRightColor,
-    bottom: style.borderBottomColor,
-    left: style.borderLeftColor
-  })
-  .borderRadius({
-    topLeft: style.borderTopLeftRadius,
-    topRight: style.borderTopRightRadius,
-    bottomLeft: style.borderBottomLeftRadius,
-    bottomRight: style.borderBottomRightRadius
-  })
-  .zIndex(style.zIndex)
-  .opacity(style.opacity)
-  .linearGradient(style.linearGradient)
-  .clip(style.overflow)
-  .rotate({ centerX: style.transformOrigin?.x, centerY: style.transformOrigin?.y, angle: 0 })
-  .scale({ centerX: style.transformOrigin?.x, centerY: style.transformOrigin?.y })
-  .transform(style.transform)
-}
-
 @Extend(Checkbox)
 function checkboxAttr(attr: CheckboxAttrs) {
   .selectedColor(attr.selectedColor)
@@ -113,7 +49,7 @@ export struct TaroCheckbox {
       Stack() {
         Row() {
           Checkbox(getOptions(this.node))
-            .checkboxStyle(getNormalAttributes(this.node))
+            .attributeModifier(commonStyleModify.setNode(this.node))
             .checkboxAttr(getAttributes(this.node))
             .opacity(!!this.node._attrs.disabled ? 0.4 : 1)
             .select(this.node.checked)
@@ -154,71 +90,6 @@ export struct TaroCheckbox {
   }
 }
 
-@Extend(Flex)
-function checkboxGroupAttrs (style: TaroStyleType) {
-  .id(style.id)
-  .key(style.id)
-  .flexGrow(style.flexGrow)
-  .flexShrink(style.flexShrink)
-  .flexBasis(style.flexBasis)
-  .alignSelf(style.alignSelf)
-  .padding({
-    top: style.paddingTop,
-    right: style.paddingRight,
-    bottom: style.paddingBottom,
-    left: style.paddingLeft
-  })
-  .margin({
-    top: style.marginTop,
-    right: style.marginRight,
-    bottom: style.marginBottom,
-    left: style.marginLeft
-  })
-  .width(style.width)
-  .height(style.height)
-  .constraintSize({
-    minWidth: style.minWidth,
-    maxWidth: style.maxWidth,
-    minHeight: style.minHeight,
-    maxHeight: style.maxHeight
-  })
-  .backgroundColor(style.backgroundColor)
-  .backgroundImage(style.backgroundImage?.src, style.backgroundRepeat)
-  .backgroundImageSize(style.backgroundSize)
-  .backgroundImagePosition(style.backgroundPosition)
-  .borderStyle({
-    top: style.borderTopStyle,
-    right: style.borderRightStyle,
-    bottom: style.borderBottomStyle,
-    left: style.borderLeftStyle
-  })
-  .borderWidth({
-    top: style.borderTopWidth,
-    right: style.borderRightWidth,
-    bottom: style.borderBottomWidth,
-    left: style.borderLeftWidth
-  })
-  .borderColor({
-    top: style.borderTopColor,
-    right: style.borderRightColor,
-    bottom: style.borderBottomColor,
-    left: style.borderLeftColor
-  })
-  .borderRadius({
-    topLeft: style.borderTopLeftRadius,
-    topRight: style.borderTopRightRadius,
-    bottomLeft: style.borderBottomLeftRadius,
-    bottomRight: style.borderBottomRightRadius
-  })
-  .zIndex(style.zIndex)
-  .opacity(style.opacity)
-  .linearGradient(style.linearGradient)
-  .clip(style.overflow)
-  .rotate({ centerX: style.transformOrigin?.x, centerY: style.transformOrigin?.y, angle: 0 })
-  .scale({ centerX: style.transformOrigin?.x, centerY: style.transformOrigin?.y })
-  .transform(style.transform)
-}
-
 interface ChangeEventDetail { value: string[] }
 
 @Component
@@ -250,12 +121,25 @@ export struct TaroCheckboxGroup {
 
   build() {
     if (this.node) {
-      Flex(FlexManager.flexOptions(this.node)) {
-        createLazyChildren(this.node)
+      if (FlexManager.isFlexNode(this.node) && FlexManager.flexOptions(this.node).direction !== FlexDirection.Column) {
+        Row() {
+          createLazyChildren(this.node)
+        }
+        .attributeModifier(commonStyleModify.setNode(this.node))
+        .defaultEvent()
+        .visibleChangeEvent()
+        .alignItems(FlexManager.flexOptions(this.node).alignItems as VerticalAlign)
+        .justifyContent(FlexManager.flexOptions(this.node).justifyContent)
+      } else {
+        Column() {
+          createLazyChildren(this.node)
+        }
+        .attributeModifier(commonStyleModify.setNode(this.node))
+        .defaultEvent()
+        .visibleChangeEvent()
+        .alignItems(FlexManager.flexOptions(this.node).alignItems as HorizontalAlign)
+        .justifyContent(FlexManager.flexOptions(this.node).justifyContent)
       }
-      .checkboxGroupAttrs(getNormalAttributes(this.node))
-      .defaultEvent()
-      .visibleChangeEvent()
     }
   }
 }