@tarojs/plugin-platform-harmony-ets 3.7.0-alpha.27 → 4.0.0-alpha.10

package/dist/runtime-ets/dom/element/movableView.ts

@@ -0,0 +1,242 @@
+import { TaroElement } from './element'
+
+import type { MovableViewProps } from '@tarojs/components/types'
+import type { TaroAny } from '../../utils'
+
+type Tsize = {
+  w: number
+  h: number
+}
+type Tpoint = {
+  x: number
+  y: number
+}
+
+function calcPosition(postion: number, start: number, end: number) {
+  if (postion <= end && postion >= start) {
+    return postion
+  } else if (postion < start) {
+    return start
+  } else {
+    return end
+  }
+}
+
+export function isTaroMovableViewElement (item: TaroAny): item is TaroMovableViewElement {
+  return item instanceof TaroMovableViewElement
+}
+@Observed
+export class TaroMovableViewElement extends TaroElement<MovableViewProps & { animation: undefined }> {
+  _scaleValue = 1
+  _scalevalueTemp = 1
+
+  // 父级区别的大小
+  _area?: Tsize
+  // 自己元素的大小
+  _selfSize?: Tsize
+  _areaInited: false
+  _selfSizeInited: false
+
+  // 元素的位置
+  _position: Tpoint = {
+    x: 0,
+    y: 0,
+  }
+
+  _positionTemp: Tpoint = {
+    x: 0,
+    y: 0,
+  }
+
+  constructor() {
+    super('MovableView')
+  }
+
+  get _outOfBounds() {
+    if (this.getAttribute('outOfBounds')) {
+      return this.selfSize ? this.selfSize.w / 3 : 0
+    }
+    return 0
+  }
+
+  startScale() {
+    this._scalevalueTemp = this._scaleValue
+  }
+
+  doScale(val: number) {
+    const scale = this.getAttribute('scale')
+
+    // 禁止缩放的时候不生效
+    if (scale) {
+      this.scaleValue = val * this._scalevalueTemp
+    }
+  }
+
+  set scaleValue(val: number) {
+    if (this.checkScaleValueInBounds(val)) {
+      this._scaleValue = val
+
+      this.checkPositionBoundary(this.position, val)
+
+      const scaleFns = this?.__listeners?.scale || []
+      scaleFns.forEach((fn) => {
+        fn({ ...this.position, scale: this.scaleValue })
+      })
+    }
+  }
+
+  get visibility () {
+    return this._areaInited && this._selfSizeInited ? Visibility.Visible : Visibility.Hidden
+  }
+
+  get scaleValue() {
+    return this._scaleValue
+  }
+
+  startMove() {
+    this._positionTemp = this._position
+  }
+
+  doMove(val: Tpoint) {
+    if (!this.area || !this.selfSize) {
+      return
+    }
+    if (this.getAttribute('disabled')) {
+      return
+    }
+    const direction = this.getAttribute('direction')
+
+    // 容器的宽高终点
+    const areaWidthEnd = this.area.w - this.selfSize.w * this.scaleValue
+    const areaHeightEnd = this.area.h - this.selfSize.h * this.scaleValue
+
+    const incrementWidth = (this.scaleValue - 1) * this.selfSize.w
+    const incrementHeight = (this.scaleValue - 1) * this.selfSize.h
+
+    let x = this._positionTemp.x
+    let y = this._positionTemp.y
+    if (['all', 'horizontal'].includes(direction)) {
+      const nextX = this._positionTemp.x + val.x * this.scaleValue
+      x = calcPosition(
+        nextX,
+        incrementWidth * 0.5 - this._outOfBounds,
+        areaWidthEnd + incrementWidth * 0.5 + this._outOfBounds
+      )
+    }
+
+    if (['all', 'vertical'].includes(direction)) {
+      const nextY = this._positionTemp.y + val.y * this.scaleValue
+      y = calcPosition(
+        nextY,
+        incrementHeight * 0.5 - this._outOfBounds,
+        areaHeightEnd + incrementHeight * 0.5 + this._outOfBounds
+      )
+    }
+
+    const changeFns = this?.__listeners?.change || []
+    changeFns.forEach((fn) => {
+      fn({ x, y, source: 'touch' })
+    })
+
+    this.position = {
+      x: x,
+      y: y,
+    }
+  }
+
+  get position() {
+    return this._position
+  }
+
+  set position(val: Tpoint) {
+    this._position = val
+  }
+
+  set area(val: Tsize) {
+    if (val.w === this._area?.w && val.h === this._area?.h) return
+    this._area = val
+    if (!this._areaInited) {
+      this._areaInited = true
+      this.initPositionFromAttribute()
+    }
+  }
+
+  get area(): Tsize | undefined {
+    return this._area
+  }
+
+  set selfSize(val: Tsize) {
+    if (val.w === this._selfSize?.w && val.h === this._selfSize?.h) return
+    this._selfSize = val
+    if (!this._selfSizeInited) {
+      this._selfSizeInited = true
+      this.initPositionFromAttribute()
+    }
+  }
+
+  get selfSize(): Tsize | undefined {
+    return this._selfSize
+  }
+
+  initPositionFromAttribute () {
+    if (!this.area || !this.selfSize) {
+      return
+    }
+    const x = this.getAttribute('x') ? Number(this.getAttribute('x')) : 0
+    const y = this.getAttribute('y') ? Number(this.getAttribute('y')) : 0
+    this.checkPositionBoundary({ x, y }, this.scaleValue)
+  }
+
+  checkPositionBoundary(position: Tpoint, scale: number) {
+    if (!this.area || !this.selfSize) {
+      return { x: 0, y: 0 }
+    }
+
+    const areaWidthEnd = this.area.w - this.selfSize.w * scale
+    const areaHeightEnd = this.area.h - this.selfSize.h * scale
+
+    const incrementWidth = (scale - 1) * this.selfSize.w
+    const incrementHeight = (scale - 1) * this.selfSize.h
+
+    this.position = {
+      x: calcPosition(position.x, incrementWidth * 0.5, areaWidthEnd + incrementWidth * 0.5),
+      y: calcPosition(position.y, incrementHeight * 0.5, areaHeightEnd + incrementHeight * 0.5),
+    }
+  }
+
+  checkScaleValueInBounds(currentScale: number) {
+    const scaleMin = this.getAttribute('scaleMin')
+    const scaleMax = this.getAttribute('scaleMax')
+
+    if (scaleMin && Number(scaleMin) >= 0.1 && currentScale < Number(scaleMin)) {
+      return false
+    } else if (scaleMax && Number(scaleMax) >= 0.1 && currentScale > Number(scaleMax)) {
+      return false
+    }
+
+    return true
+  }
+
+  public setAttribute(name: string, value: any): void {
+    if (name === 'x') {
+      this.checkPositionBoundary({ x: value, y: this.position.y }, this.scaleValue)
+    }
+    if (name === 'y') {
+      this.checkPositionBoundary({ x: this.position.x, y: value }, this.scaleValue)
+    }
+
+    super.setAttribute(name, value)
+  }
+
+  public callTouchEventFnFromGesture(eventName: string, gestureEvent: GestureEvent) {
+    const touchFns = (this?.__listeners?.[eventName] || []) as Function[]
+    touchFns.forEach(fn => {
+      fn({
+        changedTouches: gestureEvent.fingerList.map(finger => ({
+          clientX: finger.globalX,
+          clientY: finger.globalY
+        }))
+      })
+    })
+  }
+}

package/dist/runtime-ets/dom/element/normal.ts

@@ -0,0 +1,103 @@
+
+import { TaroElement } from './element'
+
+import type {
+  ButtonProps,
+  IconProps,
+  ImageProps,
+  LabelProps,
+  NavigationBarProps,
+  PageMetaProps,
+  RichTextProps,
+  SwiperItemProps,
+  SwiperProps,
+  ViewProps
+} from '@tarojs/components/types'
+
+@Observed
+class TaroOtherElement extends TaroElement<ViewProps> {}
+
+@Observed
+class TaroViewElement extends TaroElement<ViewProps> {
+  constructor() {
+    super('View')
+  }
+}
+
+@Observed
+class TaroImageElement extends TaroElement<ImageProps> {
+  constructor() {
+    super('Image')
+  }
+}
+
+@Observed
+class TaroButtonElement extends TaroElement<ButtonProps> {
+  constructor() {
+    super('Button')
+  }
+}
+
+@Observed
+class TaroIconElement extends TaroElement<IconProps> {
+  constructor() {
+    super('Icon')
+  }
+}
+@Observed
+class TaroLabelElement extends TaroElement<LabelProps> {
+  constructor() {
+    super('Label')
+  }
+}
+
+@Observed
+class TaroRichTextElement extends TaroElement<RichTextProps> {
+  constructor() {
+    super('RichText')
+  }
+}
+
+@Observed
+class TaroSwiperElement extends TaroElement<SwiperProps> {
+  controller: SwiperController = new SwiperController()
+
+  constructor() {
+    super('Swiper')
+  }
+}
+
+@Observed
+class TaroSwiperItemElement extends TaroElement<SwiperItemProps> {
+  constructor() {
+    super('SwiperItem')
+  }
+}
+
+@Observed
+class TaroPageMetaElement extends TaroElement<PageMetaProps> {
+  constructor() {
+    super('PageMeta')
+  }
+}
+
+@Observed
+class TaroNavigationBarElement extends TaroElement<NavigationBarProps> {
+  constructor() {
+    super('NavigationBar')
+  }
+}
+
+export {
+  TaroButtonElement,
+  TaroIconElement,
+  TaroImageElement,
+  TaroLabelElement,
+  TaroNavigationBarElement,
+  TaroOtherElement,
+  TaroPageMetaElement,
+  TaroRichTextElement,
+  TaroSwiperElement,
+  TaroSwiperItemElement,
+  TaroViewElement
+}

package/dist/runtime-ets/dom/element/progress.ts

@@ -0,0 +1,11 @@
+
+import { TaroElement } from './element'
+
+import type { ProgressProps } from '@tarojs/components/types'
+
+@Observed
+export class TaroProgressElement extends TaroElement<ProgressProps> {
+  constructor() {
+    super('Progress')
+  }
+}

package/dist/runtime-ets/dom/element/scrollView.ts

@@ -0,0 +1,15 @@
+import { bindScrollTo } from '../bind'
+import { TaroElement } from './element'
+
+import type { ScrollViewProps } from '@tarojs/components/types'
+
+@Observed
+export class TaroScrollViewElement extends TaroElement<ScrollViewProps> {
+  scroller: Scroller = new Scroller()
+
+  constructor() {
+    super('ScrollView')
+
+    bindScrollTo(this)
+  }
+}

package/dist/runtime-ets/dom/element/text.ts

@@ -0,0 +1,10 @@
+import { TaroElement } from './element'
+
+import type { TextProps } from '@tarojs/components/types'
+
+@Observed
+export class TaroTextElement extends TaroElement<TextProps> {
+  constructor() {
+    super('Text')
+  }
+}

package/dist/runtime-ets/dom/element/video.ts

@@ -0,0 +1,50 @@
+import { TaroElement } from './element'
+
+import type { VideoProps } from '@tarojs/components/types'
+
+@Observed
+export class TaroVideoElement extends TaroElement<VideoProps> {
+  controller: VideoController = new VideoController()
+
+  constructor() {
+    super('Video')
+
+    this._nodeInfo._currentTime = 0
+  }
+
+  async play() {
+    try {
+      this.controller.start()
+      return Promise.resolve()
+    } catch (e) {
+      return Promise.reject(e)
+    }
+  }
+
+  pause() {
+    try {
+      this.controller.pause()
+      return Promise.resolve()
+    } catch (e) {
+      return Promise.reject(e)
+    }
+  }
+
+  stop() {
+    try {
+      this.controller.stop()
+      return Promise.resolve()
+    } catch (e) {
+      return Promise.reject(e)
+    }
+  }
+
+  get currentTime() {
+    return this._nodeInfo._currentTime
+  }
+
+  set currentTime(val: number) {
+    this._nodeInfo._currentTime = val
+    this.controller.setCurrentTime(val)
+  }
+}

package/dist/runtime-ets/dom/element/webView.ts

@@ -0,0 +1,68 @@
+import business_error from '@ohos.base'
+import web_webview from '@ohos.web.webview'
+
+import { TaroElement } from './element'
+
+import type { WebViewProps } from '@tarojs/components/types'
+
+@Observed
+export class TaroInnerHtmlElement extends TaroElement {
+  constructor() {
+    super('InnerHtml')
+  }
+}
+
+@Observed
+export class TaroWebViewElement extends TaroElement<WebViewProps> {
+  ports: web_webview.WebMessagePort[] = []
+
+  nativePort: web_webview.WebMessagePort | null = null
+
+  message: web_webview.WebMessageExt = new web_webview.WebMessageExt()
+
+  controller: web_webview.WebviewController = new web_webview.WebviewController()
+
+  constructor() {
+    super('WebView')
+  }
+
+  postMessage (value: string) {
+    if (!this.nativePort) return
+
+    this.message.setString(value)
+    this.nativePort.postMessageEventExt(this.message)
+  }
+
+  handleMessageFromWeb (result: web_webview.WebMessageExt) {
+    try {
+      const type = result.getType()
+      switch (type) {
+        case web_webview.WebMessageType.STRING: {
+          return result.getString()
+        }
+        case web_webview.WebMessageType.NUMBER: {
+          return result.getNumber()
+        }
+        case web_webview.WebMessageType.BOOLEAN: {
+          return result.getBoolean()
+        }
+        case web_webview.WebMessageType.ARRAY_BUFFER: {
+          return result.getArrayBuffer()
+        }
+        case web_webview.WebMessageType.ARRAY: {
+          return result.getArray()
+        }
+        case web_webview.WebMessageType.ERROR: {
+          return result.getError()
+        }
+        default: {
+          return null
+        }
+      }
+    } catch (error) {
+      const e: business_error.BusinessError = error as business_error.BusinessError
+
+      console.error(`ErrorCode: ${e.code},  Message: ${e.message}`)
+    }
+  }
+}

package/dist/runtime-ets/dom/event.ts

@@ -1,7 +1,7 @@
 import { hooks } from '@tarojs/shared'
 
 import { CONFIRM, CURRENT_TARGET, INPUT, KEY_CODE, TARGET, TIME_STAMP, TYPE } from '../constant'
-import { TaroElement } from './element'
+import { TaroElement } from './element/element'
 
 import type { EventOptions } from '../interface'
 
@@ -55,7 +55,6 @@ export class TaroEvent<T = any> {
   }
 }
 
-
 export function createEvent (event: TaroEvent | string, type?: string, node?: TaroElement) {
   if (typeof event === 'string') {
     // For Vue3 using document.createEvent
@@ -87,7 +86,6 @@ function stopOrTriggerPropagation (event: TaroEvent, node: TaroElement) {
 
   // eslint-disable-next-line no-unmodified-loop-condition
   while ((target = target.parentNode as TaroElement)) {
-    event.currentTarget = target
     const listeners = target.__listeners[event.type]
 
     if (!Array.isArray(listeners) || target._attrs?.disabled) {
@@ -111,7 +109,7 @@ const BUBBLE_EVENTS = new Set([
   'longTap',
   'change',
   'submit',
-  'submit-btn', 
+  'submit-btn',
   'reset-btn'
 ])
 
@@ -144,7 +142,7 @@ export function eventHandler (event, type: string, node: TaroElement) {
 
     // hooks.call('dispatchTaroEventFinish', e, node)
   }
-  
+
   dispatch()
   if (isBatchUpdates) {
     // collectBatchFunction(type, dispatch)
@@ -162,3 +160,26 @@ export function eventHandler (event, type: string, node: TaroElement) {
     })
   }
 }
+
+export function createTaroEvent(type: string, opts: Partial<EventOptions> = {}, node?: TaroElement) {
+  opts.bubbles ||= true
+  opts.cancelable ||= true
+  const e = new TaroEvent(type, opts as Required<EventOptions>)
+
+  if (node) {
+    const properties: Record<string, PropertyDescriptor> = {}
+    properties.target = properties.currentTarget = {
+      get() {
+        return node
+      }
+    }
+    Object.defineProperties(e, properties)
+  }
+  for (const key in opts) {
+    if (['bubbles', 'cancelable'].includes(key)) {
+      continue
+    }
+    e[key] = opts[key]
+  }
+  return e
+}

package/dist/runtime-ets/dom/eventTarget.ts

@@ -37,12 +37,14 @@ class TaroEventTarget extends Events {
 
   public removeEventListener (type: string, listener: fn) {
     const listeners = this.__listeners[type]
-    if (listeners.length) {
+    if (listeners?.length) {
       this.__listeners[type] = listeners.filter(item => item !== listener)
     }
   }
 
   public dispatchEvent (event: TaroEvent) {
+    // @ts-ignore
+    event.currentTarget = this
     const cancelable = event.cancelable
     const listeners = this.__listeners[event.type]
 
@@ -68,12 +70,10 @@ class TaroEventTarget extends Events {
       }
     }
 
-
     if (event._stop) {
       this._stopPropagation(event)
     }
 
-
     return listeners != null
   }