icve-sso 0.0.13 → 0.0.14

package/dist/icve-sso.common.js

@@ -71042,13 +71042,9 @@ const messages = {
   },
 };
 
-// 创建一个 i18n 实例（不在这里使用 Vue.use，在 install 方法中处理）
+// 创建一个 i18n 实例
+// 注意：Vue.use(VueI18n) 应该在调用此函数之前已经执行
 const createI18n = (Vue) => {
-  // 如果还没有安装 VueI18n，则安装
-  if (!Vue.prototype.$t) {
-    Vue.use(vue_i18n_esm);
-  }
-
   const i18n = new vue_i18n_esm({
     locale: localStorage.getItem('language') || 'cn',
     messages,
@@ -71063,6 +71059,7 @@ const createI18n = (Vue) => {
 
 
 
+
 // 导出组件
 
 
@@ -71076,37 +71073,83 @@ let i18nInstance = null;
     Vue.component('userCenterCompleteInformation', userCenterCompleteInformation);
     Vue.component('userCenterLogin', userCenterLogin);
 
-    // 如果主应用已经安装了 i18n，则使用主应用的 i18n
-    // 否则创建并注册组件库自己的 i18n 实例
-    if (Vue.prototype.$t && Vue.prototype.$i18n) {
-      // 主应用已经有 i18n，无需额外处理
-      // 组件可以直接使用 this.$t 和 this.$i18n
-      i18nInstance = Vue.prototype.$i18n;
+    // 检查主应用是否已经配置了 i18n
+    // 方式1：检查 $t 方法是否存在（VueI18n 安装后会自动添加）
+    // 方式2：检查 $i18n getter 是否存在（更可靠的方式）
+    const hasI18nMethod = Vue.prototype.$t && typeof Vue.prototype.$t === 'function';
+    const hasI18nGetter = Object.getOwnPropertyDescriptor(Vue.prototype, '$i18n') !== undefined;
+
+    // 如果主应用已经安装了 i18n，则完全使用主应用的 i18n，不做任何操作
+    if (hasI18nMethod || hasI18nGetter) {
+      // 主应用已经有 i18n，组件可以直接使用 this.$t 和 this.$i18n
+      // 不需要创建新的 i18n 实例，避免冲突
       return;
     }
 
-    // 创建 i18n 实例
+    // 确保 VueI18n 插件已安装（如果还没有安装的话）
+    // 注意：Vue.use() 是幂等的，多次调用不会重复安装
+    Vue.use(vue_i18n_esm);
+
+    // 创建组件库自己的 i18n 实例
     i18nInstance = utils_i18n(Vue);
+
     // 通过 mixin 确保所有组件实例都能访问 i18n
-    // VueI18n 的 $i18n getter 会查找组件实例的 _i18n 属性
+    // 注意：使用 beforeCreate 钩子，并且检查 _i18n 是否已存在
+    // 这样可以避免与主应用或其他插件的 i18n 冲突
     Vue.mixin({
       beforeCreate() {
-        // 为所有组件（包括根实例）设置 _i18n
-        // VueI18n 会通过 $i18n getter 访问这个属性
+        // 只有在组件实例还没有 _i18n 时才设置
+        // 这样可以确保不会覆盖主应用或其他插件已经设置的 i18n
         if (!this._i18n) {
           this._i18n = i18nInstance;
         }
       },
     });
 
-    // 如果 $t 方法不存在，则定义它
-    if (!Vue.prototype.$t) {
-      Vue.prototype.$t = function (key, values) {
-        const i18n = this.$i18n || (this.$root && this.$root.$i18n) || i18nInstance;
-        return i18n ? i18n.t(key, values) : key;
-      };
+    // 确保 $i18n getter 可用
+    // 如果 VueI18n 已经添加了 $i18n getter，我们不覆盖它
+    // 如果还没有，我们手动添加一个
+    const i18nDescriptor = Object.getOwnPropertyDescriptor(Vue.prototype, '$i18n');
+    if (!i18nDescriptor) {
+      Object.defineProperty(Vue.prototype, '$i18n', {
+        get() {
+          // 优先使用组件实例的 _i18n，然后是根实例的 _i18n，最后才是我们的 i18n 实例
+          return this._i18n || (this.$root && this.$root._i18n) || i18nInstance;
+        },
+        configurable: true,
+      });
     }
 
+    // 确保所有 i18n 方法都可用
+    // 这些方法会智能地使用组件实例的 i18n（优先使用主应用的 i18n）
+    // 如果组件实例没有 i18n，则回退到我们的 i18n 实例
+    Vue.prototype.$t = function (key, ...args) {
+      // 优先使用组件实例的 $i18n（可能是主应用的 i18n）
+      // 如果组件实例没有，则使用根实例的 $i18n，最后才使用我们的 i18n 实例
+      const i18n = this.$i18n || (this.$root && this.$root.$i18n) || i18nInstance;
+      return i18n && i18n.t ? i18n.t(key, ...args) : key;
+    };
+
+    Vue.prototype.$tc = function (key, choice, ...args) {
+      const i18n = this.$i18n || (this.$root && this.$root.$i18n) || i18nInstance;
+      return i18n && i18n.tc ? i18n.tc(key, choice, ...args) : key;
+    };
+
+    Vue.prototype.$te = function (key, locale) {
+      const i18n = this.$i18n || (this.$root && this.$root.$i18n) || i18nInstance;
+      return i18n && i18n.te ? i18n.te(key, locale) : false;
+    };
+
+    Vue.prototype.$d = function (value, ...args) {
+      const i18n = this.$i18n || (this.$root && this.$root.$i18n) || i18nInstance;
+      return i18n && i18n.d ? i18n.d(value, ...args) : value;
+    };
+
+    Vue.prototype.$n = function (value, ...args) {
+      const i18n = this.$i18n || (this.$root && this.$root.$i18n) || i18nInstance;
+      return i18n && i18n.n ? i18n.n(value, ...args) : value;
+    };
+
   },
 });