From 1eae4e00294ff47d6b8dbe1f8a728e7354d2fd22 Mon Sep 17 00:00:00 2001
From: "2817212736@qq.com" <2817212736@qq.com>
Date: Mon, 19 May 2025 11:39:55 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0Invoker=EF=BC=8C=E7=A7=BB?=
 =?UTF-8?q?=E9=99=A4tsx?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/{Invoker.tsx => Invoker.ts} | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)
 rename src/components/{Invoker.tsx => Invoker.ts} (88%)

diff --git a/src/components/Invoker.tsx b/src/components/Invoker.ts
similarity index 88%
rename from src/components/Invoker.tsx
rename to src/components/Invoker.ts
index 7ba090c..33b6451 100644
--- a/src/components/Invoker.tsx
+++ b/src/components/Invoker.ts
@@ -1,5 +1,7 @@
 import {
   defineComponent,
+  h,
+  isVue2,
   onMounted,
   onUnmounted,
   ref,
@@ -9,6 +11,7 @@ import {
 import { ModContext } from "../types/ModContext";
 import { InvokerItem } from "./InvokerItem";
 import { modPageConfig } from "../modPageConfig";
+import { hh } from "./DemiHelper";
 
 let idCount = 0;
 export type InvokerModName = string;
@@ -108,18 +111,17 @@ export default defineComponent({
       emit('destroyed');
     });
 
-    return (h) => {
+    return (createElem) => {
+      const render = isVue2 ? createElem : h;
       if (slots.default) {
-        return <div>{slots.default()}</div>;
+        return render('div', {}, slots.default());
       }
 
-      return (
-        <iframe
-          src={url.value}
-          scrolling={props.scroll ? "yes" : "no"}
-          style={`border: none; width: 100%; height: ${props.height}; `}
-        ></iframe>
-      );
+      return hh('iframe', {
+        src: url.value,
+        scrolling: props.scroll ? "yes" : "no",
+        style: `border: none; width: 100%; height: ${props.height}; `
+      });
     };
   },
 });