From 2e305f889e2ec46e0042531a6d27e0af0e1e7120 Mon Sep 17 00:00:00 2001
From: rookie4show <rookie4show@gmail.com>
Date: Wed, 25 Feb 2026 00:07:45 +0800
Subject: [PATCH] fix(embed): auto-install element-plus and include theme css
 in lib entry

---
 src/YysEditorEmbed.vue | 21 ++++++++++++++++++++-
 src/index.js           |  2 ++
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/YysEditorEmbed.vue b/src/YysEditorEmbed.vue
index 531984d..176903c 100644
--- a/src/YysEditorEmbed.vue
+++ b/src/YysEditorEmbed.vue
@@ -38,7 +38,8 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch, onMounted, onBeforeUnmount, nextTick } from 'vue'
+import { ref, computed, watch, onMounted, onBeforeUnmount, nextTick, getCurrentInstance } from 'vue'
+import ElementPlus from 'element-plus'
 import { createPinia, setActivePinia } from 'pinia'
 import LogicFlow from '@logicflow/core'
 import '@logicflow/core/lib/style/index.css'
@@ -129,6 +130,24 @@ const emit = defineEmits<{
 const localPinia = createPinia()
 setActivePinia(localPinia)
 
+const ensureElementPlusInstalled = () => {
+  const instance = getCurrentInstance()
+  const app = instance?.appContext?.app as any
+  if (!app) return
+
+  const installedPlugins = app._context?.plugins
+  if (installedPlugins?.has?.(ElementPlus)) {
+    return
+  }
+
+  try {
+    app.use(ElementPlus)
+  } catch {
+    // 忽略重复安装或宿主限制导致的异常
+  }
+}
+ensureElementPlusInstalled()
+
 // Refs
 const flowEditorRef = ref<InstanceType<typeof FlowEditor>>()
 const previewContainerRef = ref<HTMLElement | null>(null)
diff --git a/src/index.js b/src/index.js
index a1810b9..bdc9bf6 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,4 +1,6 @@
 // 库入口文件
+import 'element-plus/dist/index.css'
+import 'vue3-draggable-resizable/dist/Vue3DraggableResizable.css'
 import YysEditorEmbed from './YysEditorEmbed.vue'
 
 // 导出组件