From 90abde57cc01218b483c94faf29f88996fb75c20 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Thu, 27 Feb 2025 19:32:48 +0800
Subject: [PATCH] =?UTF-8?q?feat(runtime):=20vue2=20h=E4=BC=A0=E5=8F=82?=
 =?UTF-8?q?=E4=B8=8Evue3=E4=B8=8D=E4=B8=80=E6=A0=B7=EF=BC=8C=E9=9C=80?=
 =?UTF-8?q?=E8=A6=81=E8=87=AA=E5=AE=9A=E4=B9=89render?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 runtime/vue2/page/main.ts       | 5 +++++
 runtime/vue2/playground/main.ts | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/runtime/vue2/page/main.ts b/runtime/vue2/page/main.ts
index bf349976..500bd383 100644
--- a/runtime/vue2/page/main.ts
+++ b/runtime/vue2/page/main.ts
@@ -19,6 +19,7 @@
 import Vue from 'vue';
 
 import TMagicApp, { DataSourceManager, DeepObservedData, getUrlParam, registerDataSourceOnDemand } from '@tmagic/core';
+import type { userRenderFunctionOptions } from '@tmagic/vue-runtime-help';
 
 import asyncDataSources from '../.tmagic/async-datasource-entry';
 import components from '../.tmagic/comp-entry';
@@ -64,6 +65,10 @@ registerDataSourceOnDemand(dsl, asyncDataSources).then((dataSources) => {
   const vueApp = new Vue({
     provide: {
       app,
+      userRender: ({ h, type, props, attrs, style, className }: userRenderFunctionOptions) =>
+        // class作为保留字符，android 4.4以下不能直接使用, 需要加引号
+        // eslint-disable-next-line prettier/prettier
+        h(type, { props, attrs, style, 'class': className }),
     },
 
     render: (h) => h(AppComponent),
diff --git a/runtime/vue2/playground/main.ts b/runtime/vue2/playground/main.ts
index 17819187..b3c65396 100644
--- a/runtime/vue2/playground/main.ts
+++ b/runtime/vue2/playground/main.ts
@@ -19,6 +19,7 @@
 import Vue from 'vue';
 
 import TMagicApp, { DataSourceManager, DeepObservedData } from '@tmagic/core';
+import type { userRenderFunctionOptions } from '@tmagic/vue-runtime-help';
 
 import App from './App.vue';
 
@@ -61,6 +62,10 @@ Promise.all([
     render: (h) => h(App),
     provide: {
       app,
+      userRender: ({ h, type, props, attrs, style, className }: userRenderFunctionOptions) =>
+        // class作为保留字符，android 4.4以下不能直接使用, 需要加引号
+        // eslint-disable-next-line prettier/prettier
+        h(type, { props, attrs, style, 'class': className }),
     },
     el: '#app',
   });