vue-element-ui-x 0.2.1 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (81) hide show
  1. package/README.md +8 -8
  2. package/lib/components/Attachments/index.js +8 -8
  3. package/lib/components/Bubble/index.js +116 -113
  4. package/lib/components/BubbleList/index.js +137 -134
  5. package/lib/components/Conversations/index.js +14368 -14360
  6. package/lib/components/FilesCard/index.js +4 -4
  7. package/lib/components/Prompts/index.js +4 -4
  8. package/lib/components/Sender/index.js +1594 -1448
  9. package/lib/components/Thinking/index.js +155 -15
  10. package/lib/components/ThoughtChain/index.js +121 -118
  11. package/lib/components/Typewriter/index.js +111 -108
  12. package/lib/components/Welcome/index.js +4 -4
  13. package/lib/index.common.js +1 -1
  14. package/lib/index.esm.js +1 -1
  15. package/lib/index.js +704 -236
  16. package/lib/index.umd.js +1 -1
  17. package/lib/locale/index.js +97 -0
  18. package/lib/locale/lang/ar-SA.js +18 -0
  19. package/lib/locale/lang/ar-SA.umd.js +26 -0
  20. package/lib/locale/lang/ar.js +18 -0
  21. package/lib/locale/lang/ar.umd.js +26 -0
  22. package/lib/locale/lang/de-DE.js +18 -0
  23. package/lib/locale/lang/de-DE.umd.js +26 -0
  24. package/lib/locale/lang/de.js +18 -0
  25. package/lib/locale/lang/de.umd.js +26 -0
  26. package/lib/locale/lang/en.js +18 -0
  27. package/lib/locale/lang/en.umd.js +26 -0
  28. package/lib/locale/lang/es-ES.js +18 -0
  29. package/lib/locale/lang/es-ES.umd.js +26 -0
  30. package/lib/locale/lang/es.js +18 -0
  31. package/lib/locale/lang/es.umd.js +26 -0
  32. package/lib/locale/lang/fr-FR.js +18 -0
  33. package/lib/locale/lang/fr-FR.umd.js +26 -0
  34. package/lib/locale/lang/fr.js +18 -0
  35. package/lib/locale/lang/fr.umd.js +26 -0
  36. package/lib/locale/lang/index.js +50 -0
  37. package/lib/locale/lang/it-IT.js +18 -0
  38. package/lib/locale/lang/it-IT.umd.js +26 -0
  39. package/lib/locale/lang/it.js +18 -0
  40. package/lib/locale/lang/it.umd.js +26 -0
  41. package/lib/locale/lang/ja-JP.js +18 -0
  42. package/lib/locale/lang/ja-JP.umd.js +26 -0
  43. package/lib/locale/lang/ja.js +18 -0
  44. package/lib/locale/lang/ja.umd.js +26 -0
  45. package/lib/locale/lang/ko-KR.js +18 -0
  46. package/lib/locale/lang/ko-KR.umd.js +26 -0
  47. package/lib/locale/lang/ko.js +18 -0
  48. package/lib/locale/lang/ko.umd.js +26 -0
  49. package/lib/locale/lang/pt-BR.js +18 -0
  50. package/lib/locale/lang/pt-BR.umd.js +26 -0
  51. package/lib/locale/lang/ru-RU.js +18 -0
  52. package/lib/locale/lang/ru-RU.umd.js +26 -0
  53. package/lib/locale/lang/zh-CN.js +18 -0
  54. package/lib/locale/lang/zh-CN.umd.js +26 -0
  55. package/lib/locale/lang/zh-TW.js +18 -0
  56. package/lib/locale/lang/zh-TW.umd.js +26 -0
  57. package/lib/locale/mixin.js +9 -0
  58. package/package.json +6 -4
  59. package/src/components/Bubble/src/main.vue +299 -299
  60. package/src/components/Conversations/src/main.vue +9 -3
  61. package/src/components/Sender/src/main.vue +12 -3
  62. package/src/components/Thinking/src/main.vue +10 -5
  63. package/src/index.js +25 -10
  64. package/src/locale/index.js +97 -0
  65. package/src/locale/lang/ar.js +18 -0
  66. package/src/locale/lang/de.js +18 -0
  67. package/src/locale/lang/en.js +18 -0
  68. package/src/locale/lang/es.js +18 -0
  69. package/src/locale/lang/fr.js +18 -0
  70. package/src/locale/lang/index.js +62 -0
  71. package/src/locale/lang/it.js +18 -0
  72. package/src/locale/lang/ja.js +18 -0
  73. package/src/locale/lang/ko.js +18 -0
  74. package/src/locale/lang/pt-br.js +18 -0
  75. package/src/locale/lang/ru-RU.js +18 -0
  76. package/src/locale/lang/zh-CN.js +18 -0
  77. package/src/locale/lang/zh-TW.js +18 -0
  78. package/src/locale/mixin.js +9 -0
  79. package/src/styles/Bubble.scss +157 -157
  80. package/src/styles/Conversations.scss +260 -260
  81. package/src/styles/Sender.scss +196 -199
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 102);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 105);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -192,14 +192,14 @@ function normalizeComponent(
192
192
 
193
193
  /***/ }),
194
194
 
195
- /***/ 102:
195
+ /***/ 105:
196
196
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
197
197
 
198
198
  "use strict";
199
199
  // ESM COMPAT FLAG
200
200
  __webpack_require__.r(__webpack_exports__);
201
201
 
202
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Thinking/src/main.vue?vue&type=template&id=673c6702&scoped=true
202
+ // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Thinking/src/main.vue?vue&type=template&id=a443d9ec&scoped=true
203
203
  var render = function render() {
204
204
  var _vm = this,
205
205
  _c = _vm._self._c;
@@ -240,7 +240,7 @@ var render = function render() {
240
240
  })], 2), _vm._v(" "), _c("span", {
241
241
  staticClass: "label"
242
242
  }, [_vm._t("label", function () {
243
- return [_vm._v("\n " + _vm._s(_vm.localStatus === "thinking" ? "思考中..." : _vm.localStatus === "error" ? "思考遇到问题" : _vm.localStatus === "end" ? "思考完成" : "开始思考") + "\n ")];
243
+ return [_vm._v("\n " + _vm._s(_vm.localStatus === "thinking" ? _vm.elXt("el_x.thinking.processing") : _vm.localStatus === "error" ? _vm.elXt("el_x.thinking.error") : _vm.localStatus === "end" ? _vm.elXt("el_x.thinking.completed") : _vm.elXt("el_x.thinking.start")) + "\n ")];
244
244
  }, {
245
245
  status: _vm.localStatus
246
246
  })], 2), _vm._v(" "), _c("transition", {
@@ -288,11 +288,16 @@ var render = function render() {
288
288
  var staticRenderFns = [];
289
289
  render._withStripped = true;
290
290
 
291
- // CONCATENATED MODULE: ./src/components/Thinking/src/main.vue?vue&type=template&id=673c6702&scoped=true
291
+ // CONCATENATED MODULE: ./src/components/Thinking/src/main.vue?vue&type=template&id=a443d9ec&scoped=true
292
+
293
+ // EXTERNAL MODULE: ./src/locale/mixin.js
294
+ var mixin = __webpack_require__(31);
292
295
 
293
296
  // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Thinking/src/main.vue?vue&type=script&lang=js
297
+
294
298
  /* harmony default export */ var mainvue_type_script_lang_js = ({
295
299
  name: 'ElXThinking',
300
+ mixins: [mixin["a" /* default */]],
296
301
  props: {
297
302
  content: {
298
303
  type: String,
@@ -346,7 +351,7 @@ render._withStripped = true;
346
351
  },
347
352
  computed: {
348
353
  displayedContent() {
349
- return this.localStatus === 'error' ? '思考过程中出现错误' : this.content;
354
+ return this.localStatus === 'error' ? this.elXt('el_x.thinking.errorContent') : this.content;
350
355
  }
351
356
  },
352
357
  watch: {
@@ -386,10 +391,10 @@ render._withStripped = true;
386
391
  var injectStylesIntoStyleTag = __webpack_require__(3);
387
392
  var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
388
393
 
389
- // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Thinking/src/main.vue?vue&type=style&index=0&id=673c6702&prod&lang=scss&scoped=true
390
- var mainvue_type_style_index_0_id_673c6702_prod_lang_scss_scoped_true = __webpack_require__(93);
394
+ // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Thinking/src/main.vue?vue&type=style&index=0&id=a443d9ec&prod&lang=scss&scoped=true
395
+ var mainvue_type_style_index_0_id_a443d9ec_prod_lang_scss_scoped_true = __webpack_require__(96);
391
396
 
392
- // CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Thinking/src/main.vue?vue&type=style&index=0&id=673c6702&prod&lang=scss&scoped=true
397
+ // CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Thinking/src/main.vue?vue&type=style&index=0&id=a443d9ec&prod&lang=scss&scoped=true
393
398
 
394
399
 
395
400
 
@@ -398,12 +403,12 @@ var options = {};
398
403
  options.insert = "head";
399
404
  options.singleton = false;
400
405
 
401
- var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_673c6702_prod_lang_scss_scoped_true["a" /* default */], options);
406
+ var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_a443d9ec_prod_lang_scss_scoped_true["a" /* default */], options);
402
407
 
403
408
 
404
409
 
405
- /* harmony default export */ var src_mainvue_type_style_index_0_id_673c6702_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_673c6702_prod_lang_scss_scoped_true["a" /* default */].locals || {});
406
- // CONCATENATED MODULE: ./src/components/Thinking/src/main.vue?vue&type=style&index=0&id=673c6702&prod&lang=scss&scoped=true
410
+ /* harmony default export */ var src_mainvue_type_style_index_0_id_a443d9ec_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_a443d9ec_prod_lang_scss_scoped_true["a" /* default */].locals || {});
411
+ // CONCATENATED MODULE: ./src/components/Thinking/src/main.vue?vue&type=style&index=0&id=a443d9ec&prod&lang=scss&scoped=true
407
412
 
408
413
  // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
409
414
  var componentNormalizer = __webpack_require__(0);
@@ -423,7 +428,7 @@ var component = Object(componentNormalizer["a" /* default */])(
423
428
  staticRenderFns,
424
429
  false,
425
430
  null,
426
- "673c6702",
431
+ "a443d9ec",
427
432
  null
428
433
 
429
434
  )
@@ -513,6 +518,125 @@ module.exports = function (cssWithMappingToString) {
513
518
 
514
519
  /***/ }),
515
520
 
521
+ /***/ 25:
522
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
523
+
524
+ "use strict";
525
+ /* harmony import */ var _lang_zh_CN__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(26);
526
+
527
+ let lang = _lang_zh_CN__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"];
528
+ let merged = false;
529
+ let i18nHandler = function () {
530
+ // 检查是否存在 vue-i18n@5.x (Vue.locale)
531
+ if (typeof window !== 'undefined' && window.Vue && window.Vue.locale) {
532
+ const vuei18n = window.Vue.locale;
533
+ if (typeof vuei18n === 'function') {
534
+ if (!merged) {
535
+ merged = true;
536
+ window.Vue.locale(window.Vue.config.lang, deepMerge(lang, window.Vue.locale(window.Vue.config.lang) || {}, {
537
+ clone: true
538
+ }));
539
+ }
540
+ return vuei18n.apply(this, arguments);
541
+ }
542
+ }
543
+
544
+ // 检查是否存在 vue-i18n@6.x+ (this.$t)
545
+ if (this && this.$t && typeof this.$t === 'function') {
546
+ try {
547
+ return this.$t.apply(this, arguments);
548
+ } catch (e) {
549
+ // 如果出错,回退到内置翻译
550
+ }
551
+ }
552
+ };
553
+ const deepMerge = function (target, source, options) {
554
+ options = options || {};
555
+ const clone = options.clone !== false;
556
+ const mergedTarget = clone ? {
557
+ ...target
558
+ } : target;
559
+ for (const key in source) {
560
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
561
+ const value = source[key];
562
+ if (value !== null && typeof value === 'object' && !Array.isArray(value)) {
563
+ mergedTarget[key] = deepMerge(mergedTarget[key] || {}, value, options);
564
+ } else {
565
+ mergedTarget[key] = value;
566
+ }
567
+ }
568
+ }
569
+ return mergedTarget;
570
+ };
571
+ const t = function (path, options) {
572
+ let value = i18nHandler.apply(this, arguments);
573
+ if (value !== null && value !== undefined) return value;
574
+ const array = path.split('.');
575
+ let current = lang;
576
+ for (let i = 0, j = array.length; i < j; i++) {
577
+ const property = array[i];
578
+ value = current[property];
579
+ if (i === j - 1) return format(value, options);
580
+ if (!value) return '';
581
+ current = value;
582
+ }
583
+ return '';
584
+ };
585
+ const format = function (template, ...args) {
586
+ if (typeof template === 'function') {
587
+ return template(...args);
588
+ }
589
+ if (typeof template !== 'string') {
590
+ return template;
591
+ }
592
+ const [options] = args;
593
+ if (!options) return template;
594
+ return template.replace(/\{(\w+)\}/g, (match, key) => {
595
+ return options[key] !== undefined ? options[key] : match;
596
+ });
597
+ };
598
+ const use = function (l) {
599
+ lang = l || lang;
600
+ merged = false;
601
+ };
602
+ const i18n = function (fn) {
603
+ i18nHandler = fn || i18nHandler;
604
+ };
605
+ /* harmony default export */ __webpack_exports__["a"] = ({
606
+ use,
607
+ t,
608
+ i18n
609
+ });
610
+
611
+ /***/ }),
612
+
613
+ /***/ 26:
614
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
615
+
616
+ "use strict";
617
+ /* harmony default export */ __webpack_exports__["a"] = ({
618
+ el_x: {
619
+ thinking: {
620
+ start: '开始思考',
621
+ processing: '思考中...',
622
+ completed: '思考完成',
623
+ error: '思考遇到问题',
624
+ errorContent: '思考过程中出现错误'
625
+ },
626
+ sender: {
627
+ placeholder: '请输入内容'
628
+ },
629
+ common: {
630
+ loading: '加载中...',
631
+ success: '成功',
632
+ error: '错误',
633
+ warning: '警告'
634
+ }
635
+ }
636
+ });
637
+
638
+ /***/ }),
639
+
516
640
  /***/ 3:
517
641
  /***/ (function(module, exports, __webpack_require__) {
518
642
 
@@ -789,7 +913,23 @@ module.exports = function (list, options) {
789
913
 
790
914
  /***/ }),
791
915
 
792
- /***/ 93:
916
+ /***/ 31:
917
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
918
+
919
+ "use strict";
920
+ /* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(25);
921
+
922
+ /* harmony default export */ __webpack_exports__["a"] = ({
923
+ methods: {
924
+ elXt(...args) {
925
+ return _index__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"].t.apply(this, args);
926
+ }
927
+ }
928
+ });
929
+
930
+ /***/ }),
931
+
932
+ /***/ 96:
793
933
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
794
934
 
795
935
  "use strict";
@@ -799,7 +939,7 @@ module.exports = function (list, options) {
799
939
 
800
940
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
801
941
  // Module
802
- ___CSS_LOADER_EXPORT___.push([module.i, "[data-v-673c6702]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}.el-x-thinking[data-v-673c6702]{margin:0 auto}.trigger[data-v-673c6702]{display:flex;align-items:center;height:100%;width:var(--el-x-thinking-button-width);gap:4px;padding:8px calc(8px + 4px);border:1px solid #dcdfe6;border-radius:8px;background:#fff;cursor:pointer;margin-bottom:4px}.trigger .el-icon-center[data-v-673c6702]{height:100%;display:flex;align-items:center}.trigger .start-color[data-v-673c6702]{color:#e6a23c}.trigger .end-color[data-v-673c6702]{color:#67c23a}.trigger .is-loading[data-v-673c6702]{color:#409eff}.trigger .error-color[data-v-673c6702]{color:#f56c6c}.trigger[data-v-673c6702]:hover{background:#f5f7fa}.trigger.disabled[data-v-673c6702]{cursor:pointer}.trigger[data-v-673c6702]:disabled{cursor:not-allowed;opacity:.7}.status-icon[data-v-673c6702]{font-size:16px}.thinking-arrow[data-v-673c6702]{margin-left:auto;transition:transform var(--el-x-thinking-animation-duration)}.thinking-arrow.expanded[data-v-673c6702]{transform:rotate(180deg)}.slide-enter-active[data-v-673c6702],.slide-leave-active[data-v-673c6702]{height:max-content;transition:height var(--el-x-thinking-animation-duration) ease-in-out,opacity var(--el-x-thinking-animation-duration) ease-in-out;overflow:hidden}.slide-enter-from[data-v-673c6702],.slide-leave-to[data-v-673c6702]{height:0 !important;opacity:0}.content-wrapper[data-v-673c6702]{box-sizing:border-box;min-width:0}.content pre[data-v-673c6702]{border:1px solid #dcdfe6;background:var(--el-x-thinking-content-wrapper-background-color);padding:8px calc(8px + 4px);border-radius:8px;max-width:var(--el-x-thinking-content-wrapper-width);font-size:14px;color:var(--el-x-thinking-content-wrapper-color);white-space:pre-wrap;margin:0;line-height:24px}.error-state[data-v-673c6702]{border-color:rgb(254,240.3,240.3);background:rgb(254,240.3,240.3)}.error-message[data-v-673c6702]{color:#f56c6c;height:fit-content;padding:4px;background:rgb(254,240.3,240.3);border-radius:8px}", ""]);
942
+ ___CSS_LOADER_EXPORT___.push([module.i, "[data-v-a443d9ec]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}.el-x-thinking[data-v-a443d9ec]{margin:0 auto}.trigger[data-v-a443d9ec]{display:flex;align-items:center;height:100%;width:var(--el-x-thinking-button-width);gap:4px;padding:8px calc(8px + 4px);border:1px solid #dcdfe6;border-radius:8px;background:#fff;cursor:pointer;margin-bottom:4px}.trigger .el-icon-center[data-v-a443d9ec]{height:100%;display:flex;align-items:center}.trigger .start-color[data-v-a443d9ec]{color:#e6a23c}.trigger .end-color[data-v-a443d9ec]{color:#67c23a}.trigger .is-loading[data-v-a443d9ec]{color:#409eff}.trigger .error-color[data-v-a443d9ec]{color:#f56c6c}.trigger[data-v-a443d9ec]:hover{background:#f5f7fa}.trigger.disabled[data-v-a443d9ec]{cursor:pointer}.trigger[data-v-a443d9ec]:disabled{cursor:not-allowed;opacity:.7}.status-icon[data-v-a443d9ec]{font-size:16px}.thinking-arrow[data-v-a443d9ec]{margin-left:auto;transition:transform var(--el-x-thinking-animation-duration)}.thinking-arrow.expanded[data-v-a443d9ec]{transform:rotate(180deg)}.slide-enter-active[data-v-a443d9ec],.slide-leave-active[data-v-a443d9ec]{height:max-content;transition:height var(--el-x-thinking-animation-duration) ease-in-out,opacity var(--el-x-thinking-animation-duration) ease-in-out;overflow:hidden}.slide-enter-from[data-v-a443d9ec],.slide-leave-to[data-v-a443d9ec]{height:0 !important;opacity:0}.content-wrapper[data-v-a443d9ec]{box-sizing:border-box;min-width:0}.content pre[data-v-a443d9ec]{border:1px solid #dcdfe6;background:var(--el-x-thinking-content-wrapper-background-color);padding:8px calc(8px + 4px);border-radius:8px;max-width:var(--el-x-thinking-content-wrapper-width);font-size:14px;color:var(--el-x-thinking-content-wrapper-color);white-space:pre-wrap;margin:0;line-height:24px}.error-state[data-v-a443d9ec]{border-color:rgb(254,240.3,240.3);background:rgb(254,240.3,240.3)}.error-message[data-v-a443d9ec]{color:#f56c6c;height:fit-content;padding:4px;background:rgb(254,240.3,240.3);border-radius:8px}", ""]);
803
943
  // Exports
804
944
  /* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
805
945