From 95d04c4ac94de853b9351c2b6adc845a282ea986 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Cchenhuachun=E2=80=9D?= <“samchen08@163.com”>
Date: Tue, 8 Apr 2025 20:26:04 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20=E2=9C=8F=EF=B8=8F=20=20provider=20exam?=
 =?UTF-8?q?ple?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dev/src/components/Sidebar.vue      |  1 +
 dev/src/views/renderer/provider.vue | 22 ++++++++++++++++++++++
 2 files changed, 23 insertions(+)
 create mode 100644 dev/src/views/renderer/provider.vue

diff --git a/dev/src/components/Sidebar.vue b/dev/src/components/Sidebar.vue
index f1704d3ef..66568d932 100644
--- a/dev/src/components/Sidebar.vue
+++ b/dev/src/components/Sidebar.vue
@@ -9,6 +9,7 @@
         <ElOption label="@vtj/ui" value="ui"></ElOption>
         <ElOption label="@vtj/charts" value="charts"></ElOption>
         <ElOption label="@vtj/core" value="core"></ElOption>
+        <ElOption label="@vtj/renderer" value="renderer"></ElOption>
         <ElOption label="@vtj/designer" value="designer"></ElOption>
         <ElOption label="@vtj/materials" value="materials"></ElOption>
         <ElOption label="debug" value="debug"></ElOption>
diff --git a/dev/src/views/renderer/provider.vue b/dev/src/views/renderer/provider.vue
new file mode 100644
index 000000000..52af3ebd8
--- /dev/null
+++ b/dev/src/views/renderer/provider.vue
@@ -0,0 +1,22 @@
+<template>
+  <component v-if="renderer" :is="renderer"></component>
+</template>
+<script lang="ts" setup>
+  import { ref, getCurrentInstance } from 'vue';
+  import { createProvider, MemoryService, ContextMode } from '@vtj/renderer';
+  const renderer = ref();
+  const instance = getCurrentInstance();
+  const service = new MemoryService();
+  const { provider, onReady } = createProvider({
+    service,
+    mode: ContextMode.Runtime
+  });
+
+  onReady(async () => {
+    const app = instance?.appContext.app;
+    if (app) {
+      app.use(provider);
+      renderer.value = await provider.getRenderComponent('文件id');
+    }
+  });
+</script>