vue-element-ui-x 0.2.1 → 1.0.1

package/src/components/Thinking/src/main.vue

@@ -46,12 +46,12 @@
         >
           {{
             localStatus === 'thinking'
-              ? '思考中...'
+              ? elXt('el_x.thinking.processing')
               : localStatus === 'error'
-              ? '思考遇到问题'
+              ? elXt('el_x.thinking.error')
               : localStatus === 'end'
-              ? '思考完成'
-              : '开始思考'
+              ? elXt('el_x.thinking.completed')
+              : elXt('el_x.thinking.start')
           }}
         </slot>
       </span>
@@ -99,8 +99,11 @@
 </template>
 
 <script>
+  import Locale from '../../../locale/mixin';
+
   export default {
     name: 'ElXThinking',
+    mixins: [Locale],
     props: {
       content: {
         type: String,
@@ -154,7 +157,9 @@
     },
     computed: {
       displayedContent() {
-        return this.localStatus === 'error' ? '思考过程中出现错误' : this.content;
+        return this.localStatus === 'error'
+          ? this.elXt('el_x.thinking.errorContent')
+          : this.content;
       },
     },
     watch: {

package/src/index.js

@@ -20,6 +20,9 @@ import {
   XRequest,
   XStream,
 } from './mixins';
+// 导入国际化功能
+import locale from './locale';
+import lang from './locale/lang';
 
 const components = [
   ElXTypewriter,
@@ -35,14 +38,27 @@ const components = [
   ElXWelcome,
 ];
 
-const install = function (Vue) {
+const install = function (Vue, opts = {}) {
+  // 处理国际化配置
+  if (opts.locale) {
+    locale.use(opts.locale);
+  }
+  if (opts.i18n) {
+    locale.i18n(opts.i18n);
+  }
+
   components.forEach(component => {
     Vue.component(component.name, component);
   });
 };
 
-// 具名导出（按需引入）- 组件
+// 具名导出（按需引入）- 组件和Mixins
 export {
+  // Mixins
+  createSendUtils,
+  createStreamUtils,
+  customMixins,
+  // 组件
   ElXAttachments,
   ElXBubble,
   ElXBubbleList,
@@ -54,23 +70,22 @@ export {
   ElXThoughtChain,
   ElXTypewriter,
   ElXWelcome,
-};
-
-// 具名导出（按需引入）- Mixins
-export {
-  createSendUtils,
-  createStreamUtils,
-  customMixins,
+  lang,
+  // 国际化
+  locale,
   recordMixin,
   sendMixin,
   streamMixin,
   XRequest,
   XStream,
 };
+
 // 默认导出（完整引入）
 const ElementUIX = {
-  version: '1.0.0',
+  version: '0.2.2',
   install,
+  locale,
+  lang,
 };
 
 // 将组件添加到默认导出对象中

package/src/locale/index.js

@@ -0,0 +1,97 @@
+import defaultLang from './lang/zh-CN';
+
+let lang = defaultLang;
+let merged = false;
+let i18nHandler = function () {
+  // 检查是否存在 vue-i18n@5.x (Vue.locale)
+  if (typeof window !== 'undefined' && window.Vue && window.Vue.locale) {
+    const vuei18n = window.Vue.locale;
+    if (typeof vuei18n === 'function') {
+      if (!merged) {
+        merged = true;
+        window.Vue.locale(
+          window.Vue.config.lang,
+          deepMerge(lang, window.Vue.locale(window.Vue.config.lang) || {}, { clone: true }),
+        );
+      }
+      return vuei18n.apply(this, arguments);
+    }
+  }
+
+  // 检查是否存在 vue-i18n@6.x+ (this.$t)
+  if (this && this.$t && typeof this.$t === 'function') {
+    try {
+      return this.$t.apply(this, arguments);
+    } catch (e) {
+      // 如果出错，回退到内置翻译
+    }
+  }
+};
+
+const deepMerge = function (target, source, options) {
+  options = options || {};
+  const clone = options.clone !== false;
+  const mergedTarget = clone ? { ...target } : target;
+
+  for (const key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      const value = source[key];
+      if (value !== null && typeof value === 'object' && !Array.isArray(value)) {
+        mergedTarget[key] = deepMerge(mergedTarget[key] || {}, value, options);
+      } else {
+        mergedTarget[key] = value;
+      }
+    }
+  }
+
+  return mergedTarget;
+};
+
+const t = function (path, options) {
+  let value = i18nHandler.apply(this, arguments);
+  if (value !== null && value !== undefined) return value;
+
+  const array = path.split('.');
+  let current = lang;
+
+  for (let i = 0, j = array.length; i < j; i++) {
+    const property = array[i];
+    value = current[property];
+    if (i === j - 1) return format(value, options);
+    if (!value) return '';
+    current = value;
+  }
+  return '';
+};
+
+const format = function (template, ...args) {
+  if (typeof template === 'function') {
+    return template(...args);
+  }
+
+  if (typeof template !== 'string') {
+    return template;
+  }
+
+  const [options] = args;
+  if (!options) return template;
+
+  return template.replace(/\{(\w+)\}/g, (match, key) => {
+    return options[key] !== undefined ? options[key] : match;
+  });
+};
+
+const use = function (l) {
+  lang = l || lang;
+  merged = false;
+};
+
+const i18n = function (fn) {
+  i18nHandler = fn || i18nHandler;
+};
+
+export default {
+  use,
+  t,
+  i18n,
+};

package/src/locale/lang/ar.js

@@ -0,0 +1,18 @@
+export default {
+  el_x: {
+    thinking: {
+      start: 'ابدأ التفكير',
+      processing: 'جاري التفكير...',
+      completed: 'اكتمل التفكير',
+      error: 'خطأ في التفكير',
+      errorContent: 'حدث خطأ أثناء التفكير',
+    },
+    sender: { placeholder: 'يرجى إدخال المحتوى' },
+    common: {
+      loading: 'جاري التحميل...',
+      success: 'نجح',
+      error: 'خطأ',
+      warning: 'تحذير',
+    },
+  },
+};

package/src/locale/lang/de.js

@@ -0,0 +1,18 @@
+export default {
+  el_x: {
+    thinking: {
+      start: 'Denken beginnen',
+      processing: 'Denken...',
+      completed: 'Denken abgeschlossen',
+      error: 'Denkfehler',
+      errorContent: 'Beim Denken ist ein Fehler aufgetreten',
+    },
+    sender: { placeholder: 'Bitte geben Sie Inhalt ein' },
+    common: {
+      loading: 'Laden...',
+      success: 'Erfolg',
+      error: 'Fehler',
+      warning: 'Warnung',
+    },
+  },
+};

package/src/locale/lang/en.js

@@ -0,0 +1,18 @@
+export default {
+  el_x: {
+    thinking: {
+      start: 'Start Thinking',
+      processing: 'Thinking...',
+      completed: 'Thinking Completed',
+      error: 'Thinking Error',
+      errorContent: 'An error occurred during thinking',
+    },
+    sender: { placeholder: 'Please enter content' },
+    common: {
+      loading: 'Loading...',
+      success: 'Success',
+      error: 'Error',
+      warning: 'Warning',
+    },
+  },
+};

package/src/locale/lang/es.js

@@ -0,0 +1,18 @@
+export default {
+  el_x: {
+    thinking: {
+      start: 'Comenzar a pensar',
+      processing: 'Pensando...',
+      completed: 'Pensamiento completado',
+      error: 'Error de pensamiento',
+      errorContent: 'Ocurrió un error durante el pensamiento',
+    },
+    sender: { placeholder: 'Por favor ingrese contenido' },
+    common: {
+      loading: 'Cargando...',
+      success: 'Éxito',
+      error: 'Error',
+      warning: 'Advertencia',
+    },
+  },
+};

package/src/locale/lang/fr.js

@@ -0,0 +1,18 @@
+export default {
+  el_x: {
+    thinking: {
+      start: 'Commencer à réfléchir',
+      processing: 'Réflexion en cours...',
+      completed: 'Réflexion terminée',
+      error: 'Erreur de réflexion',
+      errorContent: "Une erreur s'est produite pendant la réflexion",
+    },
+    sender: { placeholder: 'Veuillez entrer le contenu' },
+    common: {
+      loading: 'Chargement...',
+      success: 'Succès',
+      error: 'Erreur',
+      warning: 'Avertissement',
+    },
+  },
+};

package/src/locale/lang/index.js

@@ -0,0 +1,62 @@
+import ar from './ar';
+import de from './de';
+import en from './en';
+import es from './es';
+import fr from './fr';
+import it from './it';
+import ja from './ja';
+import ko from './ko';
+import ptBr from './pt-br';
+import ruRU from './ru-RU';
+import zhCN from './zh-CN';
+import zhTW from './zh-TW';
+
+export default {
+  // 中文
+  'zh-CN': zhCN,
+  'zh-cn': zhCN,
+  'zh-TW': zhTW,
+  'zh-tw': zhTW,
+
+  // 英文
+  en: en,
+  'en-US': en,
+  'en-GB': en,
+
+  // 日语
+  'ja-JP': ja,
+  ja: ja,
+
+  // 韩语
+  'ko-KR': ko,
+  ko: ko,
+
+  // 法语
+  'fr-FR': fr,
+  fr: fr,
+
+  // 德语
+  'de-DE': de,
+  de: de,
+
+  // 西班牙语
+  'es-ES': es,
+  es: es,
+
+  // 俄语
+  'ru-RU': ruRU,
+  ru: ruRU,
+
+  // 葡萄牙语
+  'pt-BR': ptBr,
+  'pt-br': ptBr,
+  pt: ptBr,
+
+  // 意大利语
+  'it-IT': it,
+  it: it,
+
+  // 阿拉伯语
+  'ar-SA': ar,
+  ar: ar,
+};

package/src/locale/lang/it.js

@@ -0,0 +1,18 @@
+export default {
+  el_x: {
+    thinking: {
+      start: 'Inizia a pensare',
+      processing: 'Pensando...',
+      completed: 'Pensiero completato',
+      error: 'Errore di pensiero',
+      errorContent: 'Si è verificato un errore durante il pensiero',
+    },
+    sender: { placeholder: 'Inserisci il contenuto' },
+    common: {
+      loading: 'Caricamento...',
+      success: 'Successo',
+      error: 'Errore',
+      warning: 'Avvertimento',
+    },
+  },
+};

package/src/locale/lang/ja.js

@@ -0,0 +1,18 @@
+export default {
+  el_x: {
+    thinking: {
+      start: '思考を開始',
+      processing: '思考中...',
+      completed: '思考完了',
+      error: '思考エラー',
+      errorContent: '思考中にエラーが発生しました',
+    },
+    sender: { placeholder: '内容を入力してください' },
+    common: {
+      loading: '読み込み中...',
+      success: '成功',
+      error: 'エラー',
+      warning: '警告',
+    },
+  },
+};

package/src/locale/lang/ko.js

@@ -0,0 +1,18 @@
+export default {
+  el_x: {
+    thinking: {
+      start: '생각 시작',
+      processing: '생각 중...',
+      completed: '생각 완료',
+      error: '생각 오류',
+      errorContent: '생각 중 오류가 발생했습니다',
+    },
+    sender: { placeholder: '내용을 입력하세요' },
+    common: {
+      loading: '로딩 중...',
+      success: '성공',
+      error: '오류',
+      warning: '경고',
+    },
+  },
+};

package/src/locale/lang/pt-br.js

@@ -0,0 +1,18 @@
+export default {
+  el_x: {
+    thinking: {
+      start: 'Começar a pensar',
+      processing: 'Pensando...',
+      completed: 'Pensamento concluído',
+      error: 'Erro de pensamento',
+      errorContent: 'Ocorreu um erro durante o pensamento',
+    },
+    sender: { placeholder: 'Por favor, insira o conteúdo' },
+    common: {
+      loading: 'Carregando...',
+      success: 'Sucesso',
+      error: 'Erro',
+      warning: 'Aviso',
+    },
+  },
+};

package/src/locale/lang/ru-RU.js

@@ -0,0 +1,18 @@
+export default {
+  el_x: {
+    thinking: {
+      start: 'Начать размышление',
+      processing: 'Размышление...',
+      completed: 'Размышление завершено',
+      error: 'Ошибка размышления',
+      errorContent: 'Произошла ошибка во время размышления',
+    },
+    sender: { placeholder: 'Пожалуйста, введите содержание' },
+    common: {
+      loading: 'Загрузка...',
+      success: 'Успех',
+      error: 'Ошибка',
+      warning: 'Предупреждение',
+    },
+  },
+};

package/src/locale/lang/zh-CN.js

@@ -0,0 +1,18 @@
+export default {
+  el_x: {
+    thinking: {
+      start: '开始思考',
+      processing: '思考中...',
+      completed: '思考完成',
+      error: '思考遇到问题',
+      errorContent: '思考过程中出现错误',
+    },
+    sender: { placeholder: '请输入内容' },
+    common: {
+      loading: '加载中...',
+      success: '成功',
+      error: '错误',
+      warning: '警告',
+    },
+  },
+};

package/src/locale/lang/zh-TW.js

@@ -0,0 +1,18 @@
+export default {
+  el_x: {
+    thinking: {
+      start: '開始思考',
+      processing: '思考中...',
+      completed: '思考完成',
+      error: '思考遇到問題',
+      errorContent: '思考過程中出現錯誤',
+    },
+    sender: { placeholder: '請輸入內容' },
+    common: {
+      loading: '載入中...',
+      success: '成功',
+      error: '錯誤',
+      warning: '警告',
+    },
+  },
+};

package/src/locale/mixin.js

@@ -0,0 +1,9 @@
+import Locale from './index';
+
+export default {
+  methods: {
+    elXt(...args) {
+      return Locale.t.apply(this, args);
+    },
+  },
+};