@tarojs/plugin-platform-harmony-ets 4.0.0-beta.53 → 4.0.0-beta.54

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

@@ -1,7 +1,7 @@
 import type { TaroAny, HarmonyStyle, TaroElement, TaroStyleType, TaroTextElement }  from '@tarojs/runtime'
 import { ObjectAssign }  from '@tarojs/runtime'
 import { isUndefined } from '@tarojs/shared'
-import { computeBackgroundPosition } from './utils'
+import { computeBackgroundPosition, convertVp2Px } from './utils'
 import { getNormalAttributes } from './utils/helper'
 import { isMaxWidthView } from './utils/styles'
 import { FlexManager } from './utils/flexManager.ets'
@@ -376,34 +376,15 @@ export function setNormalAttributeIntoInstance(instance: CommonAttribute, style:
     // 为了适应position不设置z-index也能高于同层级组件，估且让设置了z-index的会更高一级
     instance.zIndex(style.zIndex + 1)
   }
-  // if (!isUndefined(style.transform)) {
-  //   if (style.transform.Translate) {
-  //     instance.translate({
-  //       x: style.transform.Translate.x || 0,
-  //       y: style.transform.Translate.y || 0,
-  //       z: style.transform.Translate.z || 0,
-  //     })
-  //   }
-  //   if (style.transform.Scale) {
-  //     instance.scale({
-  //       x: style.transform.Scale.x || 0,
-  //       y: style.transform.Scale.y || 0,
-  //       z: style.transform.Scale.z || 0,
-  //       centerX: style.transformOrigin?.x || 0,
-  //       centerY: style.transformOrigin?.y || 0,
-  //     })
-  //   }
-  //   if (style.transform.Rotate) {
-  //     instance.rotate({
-  //       x: style.transform.Rotate.x || 0,
-  //       y: style.transform.Rotate.y || 0,
-  //       z: style.transform.Rotate.z || 0,
-  //       centerX: style.transformOrigin?.x || 0,
-  //       centerY: style.transformOrigin?.y || 0,
-  //       angle: style.transform.Rotate.angle
-  //     })
-  //   }
-  // }
+  if (!isUndefined(style.boxShadow)) {
+    instance.shadow({
+      radius: convertVp2Px(style.boxShadow.radius),
+      color: style.boxShadow.color,
+      offsetX: convertVp2Px(style.boxShadow.offsetX),
+      offsetY: convertVp2Px(style.boxShadow.offsetY),
+      fill: style.boxShadow.fill,
+    })
+  }
 }
 
 export const pseudoModify = new PseudoStyleModify()

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

@@ -77,5 +77,28 @@ export default struct TaroSwiper {
         this.node._nodeInfo.areaInfo = res[1]
       }))
       .onVisibleAreaChange(getNodeThresholds(this.node) || [0.0, 1.0], getComponentEventCallback(this.node, VISIBLE_CHANGE_EVENT_NAME))
+      .onGestureSwipe(shouldBindEvent((index: number, extraInfo: SwiperAnimationEvent) => {
+        const currentOffset = extraInfo.currentOffset || 0
+        // 判断设置的滚动方向
+        const isVertical = this.node._attrs.vertical || false
+        let event: TaroEvent
+        if (isVertical) {
+          event = createTaroEvent('transition', { detail: { dx: 0, dy: currentOffset } }, this.node)
+        } else {
+          event = createTaroEvent('transition', { detail: { dx: currentOffset, dy: 0 } }, this.node)
+        }
+        eventHandler(event, 'transition', this.node)
+      }, this.node, ['transition']))
+      .onTouch(shouldBindEvent((event: TouchEvent) => {
+        if (event.type === TouchType.Down) {
+          eventHandler(event, 'touchStart', this.node)
+        }
+        if (event.type === TouchType.Up) {
+          eventHandler(event, 'touchEnd', this.node)
+        }
+        if (event.type === TouchType.Move) {
+          eventHandler(event, 'touchMove', this.node)
+        }
+      }, this.node, ['touchstart', 'touchmove', 'touchend']))
   }
 }

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

@@ -1,7 +1,7 @@
 import { isString } from '@tarojs/shared'
 import { eventHandler, convertNumber2VP, getComponentEventCallback, AREA_CHANGE_EVENT_NAME, VISIBLE_CHANGE_EVENT_NAME, NodeType } from '@tarojs/runtime'
 
-import commonStyleModify, { textModify, setNormalTextAttributeIntoInstance } from './style'
+import { textModify, setNormalTextAttributeIntoInstance } from './style'
 import { getButtonColor } from './button'
 import { getImageMode } from './image'
 import { BUTTON_THEME_COLOR } from './utils/constant/style'
@@ -78,9 +78,32 @@ export default struct TaroText {
 function createTextChildNode (item: TaroElement, align: ImageSpanAlignment) {
   if (item.tagName === 'IMAGE') {
     ImageSpan(item.getAttribute('src'))
-      .attributeModifier(commonStyleModify.setNode(item))
+      // .attributeModifier(commonStyleModify.setNode(item))
       .objectFit(getImageMode(item.getAttribute('mode')))
       .verticalAlign(align)
+      .width(item._st.hmStyle.width)
+      .height(item._st.hmStyle.height)
+      .margin({
+        top: item._st.hmStyle.marginTop,
+        left: item._st.hmStyle.marginLeft,
+        right: item._st.hmStyle.marginRight,
+        bottom: item._st.hmStyle.marginBottom,
+      })
+      .padding({
+        top: item._st.hmStyle.paddingTop,
+        left: item._st.hmStyle.paddingLeft,
+        right: item._st.hmStyle.paddingRight,
+        bottom: item._st.hmStyle.paddingBottom,
+      })
+      .textBackgroundStyle({
+        color: item._st.hmStyle.backgroundColor,
+        radius: {
+          topLeft: item._st.hmStyle.borderTopLeftRadius,
+          topRight: item._st.hmStyle.borderTopRightRadius,
+          bottomLeft: item._st.hmStyle.borderBottomLeftRadius,
+          bottomRight: item._st.hmStyle.borderBottomRightRadius,
+        }
+      })
       .onClick(shouldBindEvent((e: ClickEvent) => eventHandler(e, 'click', item), item, ['click']))
   } else if (item.nodeType === NodeType.TEXT_NODE) {
     Span(item.textContent)
@@ -88,6 +111,15 @@ function createTextChildNode (item: TaroElement, align: ImageSpanAlignment) {
     Span(item.textContent)
       .attributeModifier(spanModify.setNode(item))
       .letterSpacing(item._st.hmStyle.letterSpacing)
+      .textBackgroundStyle({
+        color: item._st.hmStyle.backgroundColor,
+        radius: {
+          topLeft: item._st.hmStyle.borderTopLeftRadius,
+          topRight: item._st.hmStyle.borderTopRightRadius,
+          bottomLeft: item._st.hmStyle.borderBottomLeftRadius,
+          bottomRight: item._st.hmStyle.borderBottomRightRadius,
+        }
+      })
       .onClick(shouldBindEvent((e: ClickEvent) => eventHandler(e, 'click', item), item, ['click']))
   }
 }

package/dist/components-harmony-ets/utils/index.ts

@@ -80,3 +80,8 @@ export function computeBackgroundPosition(style) {
 
   return { offsetX, offsetY }
 }
+
+export function convertVp2Px(val: string | number) {
+  const vp = parseFloat(`${val}`)
+  return vp2px(vp)
+}

package/dist/runtime-ets/dom/stylesheet/type.ts

@@ -113,6 +113,15 @@ export interface TaroStyleType {
   animationDelay?: number
   animationIterationCount?: number
 
+  // shadow
+  boxShadow?: {
+    radius: number
+    color?: string
+    offsetX?: number
+    offsetY?: number
+    fill?: boolean
+  }
+
   // other
   opacity?: number | Resource
   zIndex?: number

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/plugin-platform-harmony-ets",
-  "version": "4.0.0-beta.53",
+  "version": "4.0.0-beta.54",
   "description": "OpenHarmony & 鸿蒙系统插件",
   "author": "O2Team",
   "homepage": "https://gitee.com/openharmony-sig/taro",
@@ -25,13 +25,13 @@
   },
   "dependencies": {
     "webpack-sources": "^3.2.3",
-    "@tarojs/components": "4.0.0-beta.53",
-    "@tarojs/helper": "4.0.0-beta.53",
-    "@tarojs/runner-utils": "4.0.0-beta.53",
-    "@tarojs/service": "4.0.0-beta.53",
-    "@tarojs/runtime": "4.0.0-beta.53",
-    "@tarojs/taro": "4.0.0-beta.53",
-    "@tarojs/shared": "4.0.0-beta.53"
+    "@tarojs/components": "4.0.0-beta.54",
+    "@tarojs/runner-utils": "4.0.0-beta.54",
+    "@tarojs/helper": "4.0.0-beta.54",
+    "@tarojs/runtime": "4.0.0-beta.54",
+    "@tarojs/service": "4.0.0-beta.54",
+    "@tarojs/shared": "4.0.0-beta.54",
+    "@tarojs/taro": "4.0.0-beta.54"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^25.0.7",
@@ -44,7 +44,7 @@
     "solid-js": "^1.8.16",
     "tslib": "^2.4.0",
     "typescript": "^4.8.2",
-    "rollup-plugin-copy": "4.0.0-beta.53"
+    "rollup-plugin-copy": "4.0.0-beta.54"
   },
   "scripts": {
     "prebuild": "rimraf ./dist",