@quicktvui/web-renderer 1.0.0

package/src/components/plugins/TextV2Component.js

@@ -0,0 +1,70 @@
+/**
+ * TextV2Component - 文本组件 V2 适配层
+ *
+ * 用于适配使用 text-v2 标签的插件组件
+ * 基于 QtText 实现，支持自定义字体等扩展功能
+ */
+
+import { QtText } from '../QtText'
+
+class TextV2Component extends QtText {
+  constructor(context, id, parentId) {
+    super(context, id, parentId)
+    this.tagName = 'text-v2'
+  }
+
+  /**
+   * 更新属性 - 支持 TextV2 特有属性
+   */
+  updateProperty(key, value) {
+    switch (key) {
+      case 'fontPath':
+        // 自定义字体路径 - Web 端暂不支持，但保留接口
+        this._fontPath = value
+        // 未来可以通过 CSS @font-face 动态加载
+        break
+
+      case 'fontWeight':
+        if (this.dom) {
+          this.dom.style.fontWeight = value
+        }
+        break
+
+      case 'fontStyle':
+        if (this.dom) {
+          this.dom.style.fontStyle = value
+        }
+        break
+
+      case 'letterSpacing':
+        if (this.dom) {
+          this.dom.style.letterSpacing = typeof value === 'number' ? `${value}px` : value
+        }
+        break
+
+      case 'lineHeight':
+        if (this.dom) {
+          this.dom.style.lineHeight = typeof value === 'number' ? `${value}px` : value
+        }
+        break
+
+      case 'textDecoration':
+        if (this.dom) {
+          this.dom.style.textDecoration = value
+        }
+        break
+
+      case 'textShadow':
+        if (this.dom) {
+          this.dom.style.textShadow = value
+        }
+        break
+
+      default:
+        // 其他属性交给基类处理
+        super.updateProperty(key, value)
+    }
+  }
+}
+
+export { TextV2Component }

package/src/components/plugins/index.js

@@ -0,0 +1,7 @@
+/**
+ * Plugin Components Index
+ *
+ * 插件组件适配层，用于适配第三方插件提供的组件
+ */
+
+export { TextV2Component } from './TextV2Component'

package/src/core/SceneBuilder.js

@@ -0,0 +1,58 @@
+// SceneBuilder implementation for web renderer
+// This provides a fake SceneBuilder so es3-vue's Native.callUIFunction works in web
+
+export function setupSceneBuilder() {
+  if (!global.Hippy) {
+    global.Hippy = {}
+  }
+  if (!global.Hippy.SceneBuilder) {
+    const normalizeEventName = (eventName) => {
+      if (!eventName || typeof eventName !== 'string') return eventName
+      return eventName.startsWith('on')
+        ? eventName
+        : `on${eventName.charAt(0).toUpperCase()}${eventName.slice(1)}`
+    }
+    global.Hippy.SceneBuilder = function SceneBuilder(rootViewId) {
+      this.rootViewId = rootViewId
+      this.create = (nodes) => {
+        global.Hippy.bridge.callNative('UIManagerModule', 'createNode', this.rootViewId, nodes)
+      }
+      this.update = (nodes) => {
+        global.Hippy.bridge.callNative('UIManagerModule', 'updateNode', this.rootViewId, nodes)
+      }
+      this.delete = (nodes) => {
+        global.Hippy.bridge.callNative('UIManagerModule', 'deleteNode', this.rootViewId, nodes)
+      }
+      this.move = (nodes) => {
+        global.Hippy.bridge.callNative('UIManagerModule', 'moveNode', this.rootViewId, nodes)
+      }
+      this.build = () => {
+        // Nothing to do at web platform
+      }
+      // CRITICAL: addEventListener is called by es3-vue to register event listeners
+      // This is how Vue component events get registered to web-renderer components
+      this.addEventListener = (id, eventName, handler) => {
+        const normalizedName = normalizeEventName(eventName)
+        // Use callNative instead of callNativeWithoutDelete
+        // The handler is a callback wrapper that will be stored in component.events
+        global.Hippy.bridge.callNative(
+          'UIManagerModule',
+          'addEventListener',
+          id,
+          normalizedName,
+          handler
+        )
+      }
+      this.removeEventListener = (id, eventName, handler) => {
+        global.Hippy.bridge.callNative(
+          'UIManagerModule',
+          'removeEventListener',
+          id,
+          normalizeEventName(eventName),
+          handler
+        )
+      }
+    }
+    console.log('[Web Renderer] Installed SceneBuilder with addEventListener support')
+  }
+}