@yl_lowcode/docs-theme 0.0.3 → 0.0.5

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/layout.vue

@@ -131,11 +131,6 @@ h2.text {
   margin-bottom: 0.5em;
 }
 
-/* 调整样式 */
-body {
-  --vp-code-font-size: 12px !important;
-}
-
 .VPDoc.has-aside .content-container {
   max-width: 940px;
 }
@@ -188,11 +183,6 @@ body {
   margin-left: 30px !important;
 }
 
-.vp-doc td,
-.vp-doc th {
-  font-size: 12px;
-}
-
 .custom-block {
   padding: 12px 30px !important;
 }
@@ -229,10 +219,6 @@ h2.text {
   --vp-button-brand-bg: var(--soui-brand-6);
 }
 
-body {
-  font-size: 12px;
-}
-
 .VPNavBar.has-sidebar .content {
   padding-right: 40px !important;
 }
@@ -240,21 +226,4 @@ body {
 h2 {
   margin-left: 0 !important;
 }
-
-.VPImage.logo {
-  border-radius: 50%;
-  height: 30px;
-}
-
-.vp-doc[class*=" _interview"] .custom-block {
-  padding: 16px !important;
-}
-
-.vp-doc[class*=" _interview"] .custom-block summary {
-  margin-bottom: 0 !important;
-}
-
-.vp-doc[class*=" _interview"] .custom-block p {
-  margin: 0 !important;
-}
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yl_lowcode/docs-theme",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "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));
 });