@tarojs/plugin-platform-harmony-ets 4.0.0-alpha.0 → 4.0.0-alpha.11

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

@@ -2,13 +2,14 @@ import { TaroElement } from './element'
 
 import type { VideoProps } from '@tarojs/components/types'
 
+@Observed
 export class TaroVideoElement extends TaroElement<VideoProps> {
-  _currentTime = 0
-
   controller: VideoController = new VideoController()
 
   constructor() {
     super('Video')
+
+    this._nodeInfo._currentTime = 0
   }
 
   async play() {
@@ -39,11 +40,11 @@ export class TaroVideoElement extends TaroElement<VideoProps> {
   }
 
   get currentTime() {
-    return this._currentTime
+    return this._nodeInfo._currentTime
   }
 
   set currentTime(val: number) {
-    this._currentTime = val
+    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

@@ -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)

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

@@ -43,6 +43,8 @@ class TaroEventTarget extends Events {
   }
 
   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
   }
 
@@ -95,5 +95,4 @@ class TaroEventTarget extends Events {
   }
 }
 
-
 export { TaroEventTarget }

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

@@ -31,16 +31,19 @@ export class TaroNode extends TaroDataSourceElement {
   public childNodes: TaroNode[] = []
   public parentNode: TaroNode | null = null
   public _nid: string = genId()
-
   public _doc: TaroDocument | null = null
+  public _instance?: TaroAny
+
+  private _textContent = ''
+
+  // 以下属性为半编译模式下才会赋值和使用的属性
+  // 半编译节点更新触发器
+  public _updateTrigger = 0
   // 是否为半编译模板下的节点
   public _isCompileMode = false
   // 是否为半编译模板下拥有自主更新权的节点
   public _isDynamicNode = false
 
-  public _updateTrigger = 0
-  private _textContent = ''
-
   constructor(nodeName: string, nodeType = NodeType.ELEMENT_NODE) {
     super()
 
@@ -57,25 +60,38 @@ export class TaroNode extends TaroDataSourceElement {
     return this.childNodes[index] as TaroElement
   }
 
-  public findIndex (refChild: TaroNode): number {
-    return this.childNodes.findIndex(node => node._nid === refChild._nid)
+  public findIndex (refChild?: TaroNode): number {
+    return this.childNodes.findIndex(node => node._nid === refChild?._nid)
+  }
+
+  public updateTextNode () {
+    // @ts-ignore
+    if (this.childNodes.length <= 0 || this.tagName !== 'VIEW') return
+
+    // TextNode 不具备 props 更新能力，需要由父节点来进行触发
+    this.childNodes.forEach(item => {
+      if (item.nodeType !== NodeType.TEXT_NODE) return
+
+      item._updateTrigger++
+    })
   }
 
   // 更新对应的 ArkUI 组件
   public updateComponent () {
-    if (!this.parentNode || !this.parentNode.listeners?.length) return
-
-    const idx = this.parentNode.findIndex(this)
-      
-    if (idx >= 0) {
+    // 非半编译模式或者半编译模式下拥有自主更新权力的节点走 @State 的更新模式
+    if (this._isDynamicNode || (!this._isCompileMode && this._instance)) {
       this._updateTrigger++
-      this.parentNode.notifyDataChange(idx)
     } else {
-      this.parentNode.notifyDataReload()
+      this.parentNode?.updateComponent()
     }
   }
 
-  public get firstChild (): TaroNode | null{
+  // 提供唯一标识，方便与小程序一致，能根据uid获取到对应的节点
+  public get uid (): string {
+    return this._nid
+  }
+
+  public get firstChild (): TaroNode | null {
     return this.childNodes[0] || null
   }
 
@@ -116,11 +132,15 @@ export class TaroNode extends TaroDataSourceElement {
   public set textContent (value: string) {
     if (this.nodeType === NodeType.TEXT_NODE) {
       this._textContent = value
-      this.parentNode?.updateComponent()
+      if (!this._instance) {
+        this.updateComponent()
+      }
     } else if (this.nodeType === NodeType.ELEMENT_NODE) {
       const node = new TaroTextNode(value)
       node._doc = this.ownerDocument
-      this.childNodes = [node]
+      node.parentNode = this
+      this.childNodes.length = 0
+      this.childNodes.push(node)
     }
   }
 
@@ -138,7 +158,6 @@ export class TaroNode extends TaroDataSourceElement {
   public set nodeValue (value: string | null) {
     if (this.nodeType === NodeType.TEXT_NODE && value) {
       this.textContent = value
-      this.parentNode?.updateComponent()
     }
   }
 
@@ -151,28 +170,37 @@ export class TaroNode extends TaroDataSourceElement {
   }
 
   // TODO cloneNode()、contains()
-
-  public appendChild (child: TaroNode): TaroNode {
+  public connectParentNode (child: TaroNode) {
     child.parentNode?.removeChild(child)
     child.parentNode = this
+  }
 
+  public appendChild (child: TaroNode): TaroNode {
+    this.connectParentNode(child)
     this.childNodes.push(child)
     this.notifyDataAdd(this.childNodes.length - 1)
 
+    // @ts-ignore
+    child.toggleLayer?.(true)
+
     checkIsCompileModeAndInstallAfterDOMAction(child, this)
     return child
   }
 
-  public insertBefore (newNode: TaroNode, referenceNode: TaroNode | null): TaroNode {
+  public insertBefore (newNode: TaroNode, referenceNode?: TaroNode): TaroNode {
     newNode.parentNode?.removeChild(newNode)
 
-    if (referenceNode === null) {
+    if (!referenceNode) {
       this.appendChild(newNode)
     } else {
       const idxOfRef = this.findIndex(referenceNode)
       this.childNodes.splice(idxOfRef, 0, newNode)
+      this.connectParentNode(newNode)
       // TODO: 优化
       this.notifyDataReload()
+
+      // @ts-ignore
+      newNode.toggleLayer?.(true)
     }
 
     checkIsCompileModeAndInstallAfterDOMAction(newNode, this)
@@ -191,6 +219,7 @@ export class TaroNode extends TaroDataSourceElement {
     oldChild.dispose()
     this.notifyDataChange(idxOfRef)
 
+    checkIsCompileModeAndUninstallAfterDOMAction(oldChild)
     checkIsCompileModeAndInstallAfterDOMAction(newChild, this)
 
     return oldChild
@@ -212,11 +241,16 @@ export class TaroNode extends TaroDataSourceElement {
   }
 
   public dispose () {
+    // 渲染，层级大于0的节点需要让其回到正常层级，然后删掉
+    // @ts-ignore
+    this.toggleLayer?.(false)
+
     this.parentNode = null
     this.childNodes = []
   }
 }
 
+@Observed
 export class TaroTextNode extends TaroNode {
   constructor(value = '', nodeName = '#text', nodeType: NodeType = NodeType.TEXT_NODE) {
     super(nodeName, nodeType)
@@ -232,14 +266,15 @@ export class TaroTextNode extends TaroNode {
   }
 }
 
-function checkIsCompileModeAndInstallAfterDOMAction (_node: TaroNode, _parentNode: TaroNode) {
-  // if (!parentNode._isCompileMode) return
+function checkIsCompileModeAndInstallAfterDOMAction (node: TaroNode, parentNode: TaroNode) {
+  if (!parentNode._isCompileMode || !parentNode._instance) return
 
-  // parentNode._instance?.dynamicCenter?.install?.(node, parentNode)
+  parentNode._instance.dynamicCenter?.install?.(node, parentNode)
+  node.updateComponent()
 }
 
-function checkIsCompileModeAndUninstallAfterDOMAction (_node: TaroNode) {
-  // if (!node._isCompileMode) return
+function checkIsCompileModeAndUninstallAfterDOMAction (node: TaroNode) {
+  if (!node._isCompileMode || !node?._instance) return
 
-  // node._instance?.dynamicCenter?.uninstall?.(node)
+  node._instance.dynamicCenter?.uninstall?.(node)
 }