From 915241a8c49cd7090644595612caa5d030db5546 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Wed, 5 Jun 2024 11:28:55 +0800
Subject: [PATCH] =?UTF-8?q?fix(xpack):=20xpack=E5=9B=BD=E9=99=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/plugin/src/index.vue       | 24 +++++++++++++++----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/core/core-frontend/src/components/plugin/src/index.vue b/core/core-frontend/src/components/plugin/src/index.vue
index 6197cca108..a22df5391c 100644
--- a/core/core-frontend/src/components/plugin/src/index.vue
+++ b/core/core-frontend/src/components/plugin/src/index.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import noLic from './nolic.vue'
-import { ref, useAttrs, onMounted } from 'vue'
+import { ref, useAttrs, onMounted, watch } from 'vue'
 import { execute, randomKey, formatArray } from './convert'
 import { load, loadDistributed, xpackModelApi } from '@/api/plugin'
 import { useCache } from '@/hooks/web/useCache'
@@ -8,7 +8,6 @@ import { i18n } from '@/plugins/vue-i18n'
 import * as Vue from 'vue'
 import axios from 'axios'
 import * as Pinia from 'pinia'
-import * as vueI18n from 'vue-i18n'
 import * as vueRouter from 'vue-router'
 import { useEmitt } from '@/hooks/web/useEmitt'
 
@@ -99,10 +98,9 @@ onMounted(async () => {
     window['Vue'] = Vue
     window['Axios'] = axios
     window['Pinia'] = Pinia
-    window['vueI18n'] = vueI18n
     window['vueRouter'] = vueRouter
     window['MittAll'] = useEmitt().emitter.all
-    window['i18n'] = i18n
+    window['I18n'] = i18n
     if (window['DEXPack']) {
       const xpack = await window['DEXPack'].mapping[attrs.jsname]
       plugin.value = xpack.default
@@ -118,6 +116,16 @@ onMounted(async () => {
   }
 })
 
+watch(
+  () => attrs.jsname,
+  () => {
+    if (window['DEXPack']) {
+      const xpack = window['DEXPack'].mapping[attrs.jsname]
+      plugin.value = xpack.default
+    }
+  }
+)
+
 const emits = defineEmits(['loadFail'])
 defineExpose({
   invokeMethod
@@ -125,7 +133,13 @@ defineExpose({
 </script>
 
 <template>
-  <component ref="pluginProxy" :is="plugin" v-loading="loading" v-bind="attrs"></component>
+  <component
+    :class="attrs.jsname"
+    ref="pluginProxy"
+    :is="plugin"
+    v-loading="loading"
+    v-bind="attrs"
+  ></component>
 </template>
 
 <style lang="less" scoped></style>