@yl_lowcode/docs-theme 0.0.3 → 0.0.4

package/demo.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
 // @ts-nocheck
+import React from "react";
+import * as ReactDOMClient from "react-dom/client";
 import { ref, onMounted, onBeforeUnmount } from "vue";
 import { withBase } from 'vitepress'
 
@@ -17,11 +19,8 @@ let copyTimer: ReturnType<typeof setTimeout> | null = null;
 
 function mountPreview() {
   if (!previewRef.value) return;
-  const React = (window as any).React;
-  const ReactDOM = (window as any).ReactDOM;
-  if (!React || !ReactDOM) return;
   previewRoot?.unmount();
-  previewRoot = ReactDOM.createRoot(previewRef.value);
+  previewRoot = ReactDOMClient.createRoot(previewRef.value);
   previewRoot.render(React.createElement(props.component));
 }
 function openLive() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yl_lowcode/docs-theme",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "共享 VitePress 文档主题（React Demo 支持）",
   "type": "module",
   "main": "index.ts",

package/playground.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
 // @ts-nocheck
+import React from "react";
+import * as ReactDOMClient from "react-dom/client";
 import { ref, inject, onMounted, onBeforeUnmount } from "vue";
 /**
  * 通用 Playground 组件
@@ -30,8 +32,6 @@ onMounted(async () => {
   if (!matchKey) return;
 
   const rawCode = (await config.codeGlobs[matchKey]()).raw as string;
-  const React = (window as any).React;
-  const ReactDOM = (window as any).ReactDOM;
   const { transform } = await import("sucrase");
   const userModules = await config.loadModules();
 
@@ -202,7 +202,7 @@ onMounted(async () => {
     );
   }
 
-  reactRoot = ReactDOM.createRoot(containerRef.value);
+  reactRoot = ReactDOMClient.createRoot(containerRef.value);
   reactRoot.render(React.createElement(App));
 });