From 56766c39424a4b1230fd6bcc6b9d5ea5570022e6 Mon Sep 17 00:00:00 2001
From: rhlin <r.h.lin@163.com>
Date: Tue, 9 Jan 2024 14:53:43 -0800
Subject: [PATCH 01/10] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Dpreview=E7=94=9F?=
 =?UTF-8?q?=E4=BA=A7=E6=89=93=E5=8C=85=E7=9A=84=E6=97=B6=E5=80=99repl?=
 =?UTF-8?q?=E5=BC=95=E5=85=A5=E7=9A=84monaco-editor=E9=87=8C=E7=9A=84worke?=
 =?UTF-8?q?r=E8=B7=A8=E5=9F=9F=E6=8A=A5=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../design-core/src/preview/src/preview/Preview.vue    | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/design-core/src/preview/src/preview/Preview.vue b/packages/design-core/src/preview/src/preview/Preview.vue
index facd066768..91ca278e22 100644
--- a/packages/design-core/src/preview/src/preview/Preview.vue
+++ b/packages/design-core/src/preview/src/preview/Preview.vue
@@ -11,8 +11,8 @@
 </template>
 
 <script>
+import { defineComponent } from 'vue'
 import { Repl, ReplStore } from '@vue/repl'
-import Monaco from '@vue/repl/monaco-editor'
 import vueJsx from '@vue/babel-plugin-jsx'
 import { transformSync } from '@babel/core'
 import { Notify } from '@opentiny/vue'
@@ -23,6 +23,12 @@ import { getSearchParams, fetchCode, fetchMetaData } from './http'
 import { PanelType, PreviewTips } from '../constant'
 import '@vue/repl/style.css'
 
+const fakeEditor = defineComponent({
+  setup() {
+    return () => null
+  }
+}) // 不需要MonacoEditor的编辑框，用空组件替代
+
 const importNames = [
   'createVNode',
   'Fragment',
@@ -173,7 +179,7 @@ export default {
     return {
       store,
       sfcOptions,
-      Monaco
+      Monaco: fakeEditor
     }
   }
 }

From 456b1d8c3875f9f44ab71e5d0e5ab184d5e04bb5 Mon Sep 17 00:00:00 2001
From: rhlin <r.h.lin@163.com>
Date: Thu, 11 Jan 2024 17:14:41 -0800
Subject: [PATCH 02/10] =?UTF-8?q?fix:=20=E9=80=9A=E8=BF=87patch=E8=A7=A3?=
 =?UTF-8?q?=E5=86=B3=E7=94=9F=E4=BA=A7=E6=89=93=E5=8C=85=E5=90=8Eworker.js?=
 =?UTF-8?q?=E9=9C=80=E8=A6=81=E5=90=8C=E4=B8=AA=E5=9F=9F=E5=90=8D=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                   |  5 +++++
 patches/@vue__repl@2.9.0.patch | 36 ++++++++++++++++++++++++++++++++++
 2 files changed, 41 insertions(+)
 create mode 100644 patches/@vue__repl@2.9.0.patch

diff --git a/package.json b/package.json
index 328eb7d3d4..1d7f1ea452 100644
--- a/package.json
+++ b/package.json
@@ -65,5 +65,10 @@
   "engines": {
     "node": ">=14",
     "pnpm": ">=7"
+  },
+  "pnpm": {
+    "patchedDependencies": {
+      "@vue/repl@2.9.0": "patches/@vue__repl@2.9.0.patch"
+    }
   }
 }
diff --git a/patches/@vue__repl@2.9.0.patch b/patches/@vue__repl@2.9.0.patch
new file mode 100644
index 0000000000..53852919e7
--- /dev/null
+++ b/patches/@vue__repl@2.9.0.patch
@@ -0,0 +1,36 @@
+diff --git a/dist/chunks/MonacoEditor-KSgTEMrh.js b/dist/chunks/MonacoEditor-KSgTEMrh.js
+index c9668cbf8c44ba3c816246b746127204839f8349..a37490f2eeda313390ede42233801d373a329232 100644
+--- a/dist/chunks/MonacoEditor-KSgTEMrh.js
++++ b/dist/chunks/MonacoEditor-KSgTEMrh.js
+@@ -1,5 +1,13 @@
+ import { watchEffect, defineComponent, ref, shallowRef, inject, computed, onMounted, nextTick, watch, onBeforeUnmount, openBlock, createElementBlock, createBlock } from 'vue';
+ import { c as commonjsGlobal, a as getAugmentedNamespace } from './_commonjsHelpers-9Q-OoQuc.js';
++function getWorkerURL(url){
++    if (typeof document !== 'undefined' && document.location && document.location.origin !== url.origin) {
++        return URL.createObjectURL(new Blob([`importScripts(${url.href})`], {
++            type: 'application/javascript'
++        }))
++    }
++    return url.href;
++}
+ 
+ /*---------------------------------------------------------------------------------------------
+  *  Copyright (c) Microsoft Corporation. All rights reserved.
+@@ -170640,7 +170648,7 @@ var languages;
+ 
+ function WorkerWrapper$1(options) {
+           return new Worker(
+-            ""+new URL('../assets/editor.worker-FXpxnIqv.js', import.meta.url).href+"",
++            ""+getWorkerURL(new URL('../assets/editor.worker-FXpxnIqv.js', import.meta.url))+"",
+             {
+         type: "module",
+         name: options?.name
+@@ -172020,7 +172028,7 @@ function getOrCreateModel(uri, lang, value) {
+ 
+ function WorkerWrapper(options) {
+           return new Worker(
+-            ""+new URL('../assets/vue.worker-eqEbSb3e.js', import.meta.url).href+"",
++            ""+getWorkerURL(new URL('../assets/vue.worker-eqEbSb3e.js', import.meta.url))+"",
+             {
+         type: "module",
+         name: options?.name
\ No newline at end of file

From 08c1fc64f1de8e946c407839f1b5a733f3713441 Mon Sep 17 00:00:00 2001
From: rhlin <r.h.lin@163.com>
Date: Thu, 11 Jan 2024 17:16:29 -0800
Subject: [PATCH 03/10] =?UTF-8?q?fix:=20=E8=A7=A3=E5=86=B3=E5=BC=80?=
 =?UTF-8?q?=E5=8F=91=E6=80=81=20@vue/repl=20monaco=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E5=99=A8worker=E7=9B=B8=E5=AF=B9=E5=9C=B0=E5=9D=80=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-core/package.json   |  1 +
 packages/design-core/vite.config.js | 12 +++++++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/design-core/package.json b/packages/design-core/package.json
index 56381b58d3..62b0e239a0 100644
--- a/packages/design-core/package.json
+++ b/packages/design-core/package.json
@@ -85,6 +85,7 @@
     "@vue/repl": "^2.9.0",
     "@vueuse/core": "^9.6.0",
     "element-resize-detector": "^1.2.4",
+    "esbuild-plugin-copy": "^2.1.1",
     "file-saver": "^2.0.5",
     "html2canvas": "^1.4.1",
     "jszip": "^3.10.1",
diff --git a/packages/design-core/vite.config.js b/packages/design-core/vite.config.js
index e149e0f227..981e9537a5 100644
--- a/packages/design-core/vite.config.js
+++ b/packages/design-core/vite.config.js
@@ -7,6 +7,7 @@ import vueJsx from '@vitejs/plugin-vue-jsx'
 import nodeGlobalsPolyfillPlugin from '@esbuild-plugins/node-globals-polyfill'
 import nodeModulesPolyfillPlugin from '@esbuild-plugins/node-modules-polyfill'
 import nodePolyfill from 'rollup-plugin-polyfill-node'
+import esbuildCopy from 'esbuild-plugin-copy'
 import lowcodeConfig from './config/lowcode.config'
 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
 import { importmapPlugin } from './scripts/externalDeps'
@@ -79,7 +80,16 @@ const config = {
           process: true,
           buffer: true
         }),
-        nodeModulesPolyfillPlugin()
+        nodeModulesPolyfillPlugin(),
+        esbuildCopy({
+          //@vue/repl monaco编辑器需要
+          resolveFrom: 'cwd',
+          assets: {
+            from: ['./node_modules/@vue/repl/dist/assets/*'], // worker.js文件以url形式引用不会被esbuild拉起，需要手动复制
+            to: ['./node_modules/.vite/assets'] // 开发态，js文件被缓存在.vite/deps，请求相对路径为.vite/assets
+          },
+          watch: true
+        })
       ]
     }
   },

From 2734e700cac2913ffcfd08f7c1f31ae17d43b54f Mon Sep 17 00:00:00 2001
From: rhlin <r.h.lin@163.com>
Date: Thu, 11 Jan 2024 17:19:30 -0800
Subject: [PATCH 04/10] =?UTF-8?q?feat(design-core/preview):=20=E9=A2=84?=
 =?UTF-8?q?=E8=A7=88=E5=A2=9E=E5=8A=A0=E8=B0=83=E8=AF=95=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E6=9D=A5=E6=89=93=E5=BC=80vue-repl=E7=BC=96=E8=BE=91=E6=A8=A1?=
 =?UTF-8?q?=E5=BC=8F=EF=BC=8C=E5=B9=B6=E5=AE=9E=E7=8E=B0=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E5=99=A8=E6=87=92=E5=8A=A0=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-core/src/preview/src/App.vue  |  4 ++
 .../design-core/src/preview/src/Toolbar.vue   | 12 ++++-
 .../src/preview/src/preview/Preview.vue       | 46 +++++++++++++------
 .../src/preview/src/preview/debugSwitch.js    | 10 ++++
 4 files changed, 58 insertions(+), 14 deletions(-)
 create mode 100644 packages/design-core/src/preview/src/preview/debugSwitch.js

diff --git a/packages/design-core/src/preview/src/App.vue b/packages/design-core/src/preview/src/App.vue
index a289d44b36..bc57e710bb 100644
--- a/packages/design-core/src/preview/src/App.vue
+++ b/packages/design-core/src/preview/src/App.vue
@@ -4,6 +4,7 @@
 </template>
 
 <script>
+import { useDebugSwitch } from './preview/debugSwitch'
 import Preview from './preview/Preview.vue'
 import Toolbar from './Toolbar.vue'
 import '@opentiny/tiny-engine-theme'
@@ -18,6 +19,9 @@ export default {
       type: Boolean,
       default: true
     }
+  },
+  setup() {
+    useDebugSwitch()
   }
 }
 </script>
diff --git a/packages/design-core/src/preview/src/Toolbar.vue b/packages/design-core/src/preview/src/Toolbar.vue
index 8f46583fae..d9c205a7aa 100644
--- a/packages/design-core/src/preview/src/Toolbar.vue
+++ b/packages/design-core/src/preview/src/Toolbar.vue
@@ -7,6 +7,7 @@
       <component :is="ToolbarMedia" :isCanvas="false" @setViewPort="setViewPort"></component>
     </div>
     <div class="toolbar-right">
+      <span><tiny-switch v-model="debugSwitch"></tiny-switch>调试模式</span>
       <component :is="ChangeLang" :langChannel="previewLangChannel"></component>
     </div>
   </div>
@@ -15,9 +16,11 @@
 <script lang="jsx">
 import { defineAsyncComponent } from 'vue'
 import { useBreadcrumb } from '@opentiny/tiny-engine-controller'
+import { Switch as TinySwitch } from '@opentiny/vue'
 import { getSearchParams } from './preview/http'
 import { BROADCAST_CHANNEL } from '../src/preview/srcFiles/constant'
 import addons from '@opentiny/tiny-engine-app-addons'
+import { injectDebugSwitch } from './preview/debugSwitch'
 
 const getToolbars = (pluginId) => {
   return defineAsyncComponent(() =>
@@ -26,7 +29,11 @@ const getToolbars = (pluginId) => {
 }
 
 export default {
+  components: {
+    TinySwitch
+  },
   setup() {
+    const debugSwitch = injectDebugSwitch()
     const tools = ['breadcrumb', 'lang', 'media']
     const [Breadcrumb, ChangeLang, ToolbarMedia] = tools.map(getToolbars)
 
@@ -47,7 +54,8 @@ export default {
       Breadcrumb,
       ChangeLang,
       ToolbarMedia,
-      setViewPort
+      setViewPort,
+      debugSwitch
     }
   }
 }
@@ -71,6 +79,8 @@ export default {
 .toolbar-left,
 .toolbar-right {
   margin: 0 12px;
+  display: flex;
+  gap: 12px;
 }
 :deep(.top-panel-breadcrumb) {
   width: auto;
diff --git a/packages/design-core/src/preview/src/preview/Preview.vue b/packages/design-core/src/preview/src/preview/Preview.vue
index 91ca278e22..3fb57d281f 100644
--- a/packages/design-core/src/preview/src/preview/Preview.vue
+++ b/packages/design-core/src/preview/src/preview/Preview.vue
@@ -1,17 +1,20 @@
 <template>
-  <Repl
-    :editor="Monaco"
-    :store="store"
-    :sfcOptions="sfcOptions"
-    :showCompileOutput="false"
-    :showImportMap="false"
-    :clearConsole="false"
-    :autoResize="false"
-  />
+  <div :class="['vue-repl-container', debugSwitch ? 'preview-debug-mode' : '']">
+    <Repl
+      :editor="editorComponent"
+      :store="store"
+      :sfcOptions="sfcOptions"
+      :showCompileOutput="false"
+      :showTsConfig="false"
+      :showImportMap="true"
+      :clearConsole="false"
+      :autoResize="false"
+    />
+  </div>
 </template>
 
 <script>
-import { defineComponent } from 'vue'
+import { defineComponent, computed, defineAsyncComponent } from 'vue'
 import { Repl, ReplStore } from '@vue/repl'
 import vueJsx from '@vue/babel-plugin-jsx'
 import { transformSync } from '@babel/core'
@@ -21,13 +24,16 @@ import srcFiles from './srcFiles'
 import generateMetaFiles, { processAppJsCode } from './generate'
 import { getSearchParams, fetchCode, fetchMetaData } from './http'
 import { PanelType, PreviewTips } from '../constant'
+import { injectDebugSwitch } from './debugSwitch'
 import '@vue/repl/style.css'
 
-const fakeEditor = defineComponent({
+const Monaco = defineAsyncComponent(() => import('@vue/repl/monaco-editor')) // 异步组件实现懒加载，打开debug后再加载
+
+const EmptyEditor = defineComponent({
   setup() {
     return () => null
   }
-}) // 不需要MonacoEditor的编辑框，用空组件替代
+})
 
 const importNames = [
   'createVNode',
@@ -57,6 +63,8 @@ export default {
     Repl
   },
   setup() {
+    const debugSwitch = injectDebugSwitch()
+    const editorComponent = computed(() => (debugSwitch?.value ? Monaco : EmptyEditor))
     const store = new ReplStore()
 
     const compiler = store.compiler
@@ -102,6 +110,7 @@ export default {
       await store.setFiles(newFiles, mainFileName)
       // 强制更新 codeSandbox
       store.state.resetFlip = !store.state.resetFlip
+      store['initTsConfig']() // 触发获取组件d.ts方便调试
     }
 
     const addUtilsImportMap = (utils = []) => {
@@ -179,7 +188,8 @@ export default {
     return {
       store,
       sfcOptions,
-      Monaco: fakeEditor
+      editorComponent,
+      debugSwitch
     }
   }
 }
@@ -212,4 +222,14 @@ export default {
     }
   }
 }
+.vue-repl-container {
+  height: calc(100vh - 48px);
+  width: 100%;
+  &.preview-debug-mode .vue-repl .split-pane {
+    .left,
+    .right .tab-buttons {
+      display: block;
+    }
+  }
+}
 </style>
diff --git a/packages/design-core/src/preview/src/preview/debugSwitch.js b/packages/design-core/src/preview/src/preview/debugSwitch.js
new file mode 100644
index 0000000000..654b5eba01
--- /dev/null
+++ b/packages/design-core/src/preview/src/preview/debugSwitch.js
@@ -0,0 +1,10 @@
+import { ref, provide, inject } from 'vue'
+export const debuggerSwitchTokenKey = Symbol('tiny-engine-preview-debug-switch')
+export function useDebugSwitch() {
+  const debugSwitch = ref(false)
+  provide(debuggerSwitchTokenKey, debugSwitch)
+  return debugSwitch
+}
+export function injectDebugSwitch() {
+  return inject(debuggerSwitchTokenKey)
+}

From 295af13390bc1d6e611ad804f38bccb55b8ddb4c Mon Sep 17 00:00:00 2001
From: rhlin <r.h.lin@163.com>
Date: Fri, 12 Jan 2024 10:10:52 -0800
Subject: [PATCH 05/10] =?UTF-8?q?fix(design-core/preview):=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8Drepl-patch=E5=BC=95=E5=85=A5=E8=84=9A=E6=9C=AC?=
 =?UTF-8?q?=E8=B7=AF=E5=BE=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 patches/@vue__repl@2.9.0.patch | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/patches/@vue__repl@2.9.0.patch b/patches/@vue__repl@2.9.0.patch
index 53852919e7..d95c66f3dc 100644
--- a/patches/@vue__repl@2.9.0.patch
+++ b/patches/@vue__repl@2.9.0.patch
@@ -7,7 +7,7 @@ index c9668cbf8c44ba3c816246b746127204839f8349..a37490f2eeda313390ede42233801d37
  import { c as commonjsGlobal, a as getAugmentedNamespace } from './_commonjsHelpers-9Q-OoQuc.js';
 +function getWorkerURL(url){
 +    if (typeof document !== 'undefined' && document.location && document.location.origin !== url.origin) {
-+        return URL.createObjectURL(new Blob([`importScripts(${url.href})`], {
++        return URL.createObjectURL(new Blob([`importScripts('${url.href}')`], {
 +            type: 'application/javascript'
 +        }))
 +    }

From e46bcefb44e2bee013c6e7d1fb2f1a21b9f501b7 Mon Sep 17 00:00:00 2001
From: rhlin <r.h.lin@163.com>
Date: Fri, 12 Jan 2024 10:23:48 -0800
Subject: [PATCH 06/10] =?UTF-8?q?fix(design-core/preview):=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8Drepl-patch=E5=BC=95=E5=85=A5=E8=84=9A=E6=9C=AC?=
 =?UTF-8?q?=E8=B7=AF=E5=BE=84=E6=A8=A1=E5=9D=97=E5=8C=96=E4=B8=8D=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81importScripts=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 patches/@vue__repl@2.9.0.patch | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/patches/@vue__repl@2.9.0.patch b/patches/@vue__repl@2.9.0.patch
index d95c66f3dc..230ae413d8 100644
--- a/patches/@vue__repl@2.9.0.patch
+++ b/patches/@vue__repl@2.9.0.patch
@@ -7,7 +7,7 @@ index c9668cbf8c44ba3c816246b746127204839f8349..a37490f2eeda313390ede42233801d37
  import { c as commonjsGlobal, a as getAugmentedNamespace } from './_commonjsHelpers-9Q-OoQuc.js';
 +function getWorkerURL(url){
 +    if (typeof document !== 'undefined' && document.location && document.location.origin !== url.origin) {
-+        return URL.createObjectURL(new Blob([`importScripts('${url.href}')`], {
++        return URL.createObjectURL(new Blob([`import '${url.href}'`], {
 +            type: 'application/javascript'
 +        }))
 +    }

From 431f7036c58f802303537f11b24644fd5bde41b8 Mon Sep 17 00:00:00 2001
From: rhlin <r.h.lin@163.com>
Date: Fri, 12 Jan 2024 14:03:15 -0800
Subject: [PATCH 07/10] =?UTF-8?q?fix(design-core/preview):=20patch=20repl?=
 =?UTF-8?q?=20=E8=84=9A=E6=9C=AC=EF=BC=8C=E5=A2=9E=E5=8A=A0=E5=85=81?=
 =?UTF-8?q?=E8=AE=B8=E4=B8=8B=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 patches/@vue__repl@2.9.0.patch | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/patches/@vue__repl@2.9.0.patch b/patches/@vue__repl@2.9.0.patch
index 230ae413d8..86303479e1 100644
--- a/patches/@vue__repl@2.9.0.patch
+++ b/patches/@vue__repl@2.9.0.patch
@@ -1,5 +1,5 @@
 diff --git a/dist/chunks/MonacoEditor-KSgTEMrh.js b/dist/chunks/MonacoEditor-KSgTEMrh.js
-index c9668cbf8c44ba3c816246b746127204839f8349..a37490f2eeda313390ede42233801d373a329232 100644
+index c9668cbf8c44ba3c816246b746127204839f8349..e893c59a432e53372c18aa2e70d7b7bb9fd666ba 100644
 --- a/dist/chunks/MonacoEditor-KSgTEMrh.js
 +++ b/dist/chunks/MonacoEditor-KSgTEMrh.js
 @@ -1,5 +1,13 @@
@@ -33,4 +33,18 @@ index c9668cbf8c44ba3c816246b746127204839f8349..a37490f2eeda313390ede42233801d37
 +            ""+getWorkerURL(new URL('../assets/vue.worker-eqEbSb3e.js', import.meta.url))+"",
              {
          type: "module",
-         name: options?.name
\ No newline at end of file
+         name: options?.name
+diff --git a/dist/vue-repl.js b/dist/vue-repl.js
+index 43bfd22a1a7d6f831e3f85228d809750317c4bfb..d5f5cb335533295c63e4cfa8aaa02770d16babca 100644
+--- a/dist/vue-repl.js
++++ b/dist/vue-repl.js
+@@ -528,7 +528,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+           "allow-popups",
+           "allow-same-origin",
+           "allow-scripts",
+-          "allow-top-navigation-by-user-activation"
++          "allow-top-navigation-by-user-activation",
++          "allow-downloads"
+         ].join(" ")
+       );
+       const importMap = store.getImportMap();
\ No newline at end of file

From c510fde2f1f415afae1dd6cf698cc6b7ca4196ed Mon Sep 17 00:00:00 2001
From: rhlin <r.h.lin@163.com>
Date: Fri, 12 Jan 2024 16:21:54 -0800
Subject: [PATCH 08/10] =?UTF-8?q?fix(design-core):=20esbuild-plugin-copy?=
 =?UTF-8?q?=E6=8D=A2=E5=88=B0devDependencies?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-core/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/design-core/package.json b/packages/design-core/package.json
index 62b0e239a0..02a5e7b5cd 100644
--- a/packages/design-core/package.json
+++ b/packages/design-core/package.json
@@ -85,7 +85,6 @@
     "@vue/repl": "^2.9.0",
     "@vueuse/core": "^9.6.0",
     "element-resize-detector": "^1.2.4",
-    "esbuild-plugin-copy": "^2.1.1",
     "file-saver": "^2.0.5",
     "html2canvas": "^1.4.1",
     "jszip": "^3.10.1",
@@ -109,6 +108,7 @@
     "assert": "^2.0.0",
     "buffer": "^6.0.3",
     "cross-env": "^7.0.3",
+    "esbuild-plugin-copy": "^2.1.1",
     "eslint": "^8.38.0",
     "eslint-plugin-vue": "^8.0.0",
     "fs-extra": "^10.1.0",

From 2407b00a47d66689e2ddf755bfdabbd73587aa5d Mon Sep 17 00:00:00 2001
From: rhlin <r.h.lin@163.com>
Date: Tue, 6 Feb 2024 19:41:15 -0800
Subject: [PATCH 09/10] =?UTF-8?q?fix(design-core/preview):=20=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E8=B0=83=E8=AF=95=E6=A8=A1=E5=BC=8F=E6=96=87=E6=9C=AC?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-core/src/preview/src/Toolbar.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/design-core/src/preview/src/Toolbar.vue b/packages/design-core/src/preview/src/Toolbar.vue
index d9c205a7aa..8346a860c2 100644
--- a/packages/design-core/src/preview/src/Toolbar.vue
+++ b/packages/design-core/src/preview/src/Toolbar.vue
@@ -7,7 +7,7 @@
       <component :is="ToolbarMedia" :isCanvas="false" @setViewPort="setViewPort"></component>
     </div>
     <div class="toolbar-right">
-      <span><tiny-switch v-model="debugSwitch"></tiny-switch>调试模式</span>
+      <span><tiny-switch v-model="debugSwitch"></tiny-switch><span class="toolbar-button-text">调试模式</span></span>
       <component :is="ChangeLang" :langChannel="previewLangChannel"></component>
     </div>
   </div>
@@ -82,6 +82,11 @@ export default {
   display: flex;
   gap: 12px;
 }
+.toolbar-button-text {
+  color: #191919;
+  margin-left: 4px;
+  font-size: 12px;
+}
 :deep(.top-panel-breadcrumb) {
   width: auto;
 }

From df4dd6e748218d2e5bcb54f621fc26bcdfabcbde Mon Sep 17 00:00:00 2001
From: rhlin <r.h.lin@163.com>
Date: Fri, 23 Feb 2024 15:37:36 -0800
Subject: [PATCH 10/10] =?UTF-8?q?fix(design-core/preview):=20=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E8=B0=83=E8=AF=95=E6=A8=A1=E5=BC=8F=E5=AE=B9=E5=99=A8?=
 =?UTF-8?q?=E9=AB=98=E5=BA=A6=EF=BC=8C=E5=8E=BB=E6=8E=89=E6=97=A0=E7=94=A8?=
 =?UTF-8?q?=E7=9A=84css=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/design-core/src/preview/src/preview/Preview.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/design-core/src/preview/src/preview/Preview.vue b/packages/design-core/src/preview/src/preview/Preview.vue
index 3fb57d281f..33468dab16 100644
--- a/packages/design-core/src/preview/src/preview/Preview.vue
+++ b/packages/design-core/src/preview/src/preview/Preview.vue
@@ -197,8 +197,7 @@ export default {
 
 <style lang="less">
 .vue-repl {
-  width: 100vw;
-  height: 100vh;
+  height: 100%;
 
   .split-pane {
     .left {
@@ -224,12 +223,14 @@ export default {
 }
 .vue-repl-container {
   height: calc(100vh - 48px);
-  width: 100%;
   &.preview-debug-mode .vue-repl .split-pane {
     .left,
     .right .tab-buttons {
       display: block;
     }
+    .right .output-container {
+      height: calc(100% - 38px);
+    }
   }
 }
 </style>