@yl_lowcode/docs-theme 0.0.2 → 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.2",
+  "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));
 });
 

package/plugins/shiki-raw.js

@@ -10,6 +10,11 @@ function getMd(srcDir, options) {
   return mdPromise;
 }
 
+// 配置文件变更时 VitePress 会重新加载插件，重置单例避免引用已销毁的 Shiki 实例
+export function resetMd() {
+  mdPromise = null;
+}
+
 export function shikiRawPlugin(options) {
   let srcDir = process.cwd();
 
@@ -18,6 +23,8 @@ export function shikiRawPlugin(options) {
     enforce: "pre",
     configResolved(config) {
       srcDir = config.root;
+      // 每次配置重新解析时重置 markdown renderer，避免 Shiki disposed 错误
+      resetMd();
     },
     async load(id) {
       if (!id.endsWith("?raw")) return null;