vue-element-ui-x 0.2.2 → 1.0.2

package/lib/components/Thinking/index.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 102);
+/******/ 	return __webpack_require__(__webpack_require__.s = 105);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -192,14 +192,14 @@ function normalizeComponent(
 
 /***/ }),
 
-/***/ 102:
+/***/ 105:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// 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
+// 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=f68ab76a&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -240,7 +240,7 @@ var render = function render() {
   })], 2), _vm._v(" "), _c("span", {
     staticClass: "label"
   }, [_vm._t("label", function () {
-    return [_vm._v("\n        " + _vm._s(_vm.localStatus === "thinking" ? "思考中..." : _vm.localStatus === "error" ? "思考遇到问题" : _vm.localStatus === "end" ? "思考完成" : "开始思考") + "\n      ")];
+    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      ")];
   }, {
     status: _vm.localStatus
   })], 2), _vm._v(" "), _c("transition", {
@@ -256,17 +256,11 @@ var render = function render() {
     return [_c("i", {
       staticClass: "el-icon-center el-icon-arrow-up"
     })];
-  })], 2) : _vm._e()])], 1), _vm._v(" "), _c("Transition", {
+  })], 2) : _vm._e()])], 1), _vm._v(" "), _c("transition", {
     attrs: {
       name: "slide"
     }
-  }, [_vm.displayedContent ? _c("div", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.isExpanded,
-      expression: "isExpanded"
-    }],
+  }, [_vm.isExpanded && _vm.displayedContent ? _c("div", {
     staticClass: "content-wrapper",
     class: {
       "error-state": _vm.localStatus === "error"
@@ -288,11 +282,16 @@ var render = function render() {
 var staticRenderFns = [];
 render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/Thinking/src/main.vue?vue&type=template&id=673c6702&scoped=true
+// CONCATENATED MODULE: ./src/components/Thinking/src/main.vue?vue&type=template&id=f68ab76a&scoped=true
+
+// EXTERNAL MODULE: ./src/locale/mixin.js
+var mixin = __webpack_require__(31);
 
 // 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
+
 /* harmony default export */ var mainvue_type_script_lang_js = ({
   name: 'ElXThinking',
+  mixins: [mixin["a" /* default */]],
   props: {
     content: {
       type: String,
@@ -346,7 +345,7 @@ render._withStripped = true;
   },
   computed: {
     displayedContent() {
-      return this.localStatus === 'error' ? '思考过程中出现错误' : this.content;
+      return this.localStatus === 'error' ? this.elXt('el_x.thinking.errorContent') : this.content;
     }
   },
   watch: {
@@ -386,10 +385,10 @@ render._withStripped = true;
 var injectStylesIntoStyleTag = __webpack_require__(3);
 var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
 
-// 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
-var mainvue_type_style_index_0_id_673c6702_prod_lang_scss_scoped_true = __webpack_require__(93);
+// 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=f68ab76a&prod&lang=scss&scoped=true
+var mainvue_type_style_index_0_id_f68ab76a_prod_lang_scss_scoped_true = __webpack_require__(96);
 
-// 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
+// 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=f68ab76a&prod&lang=scss&scoped=true
 
             
 
@@ -398,12 +397,12 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_673c6702_prod_lang_scss_scoped_true["a" /* default */], options);
+var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_f68ab76a_prod_lang_scss_scoped_true["a" /* default */], options);
 
 
 
-/* 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 || {});
-// CONCATENATED MODULE: ./src/components/Thinking/src/main.vue?vue&type=style&index=0&id=673c6702&prod&lang=scss&scoped=true
+/* harmony default export */ var src_mainvue_type_style_index_0_id_f68ab76a_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_f68ab76a_prod_lang_scss_scoped_true["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/components/Thinking/src/main.vue?vue&type=style&index=0&id=f68ab76a&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(0);
@@ -423,7 +422,7 @@ var component = Object(componentNormalizer["a" /* default */])(
   staticRenderFns,
   false,
   null,
-  "673c6702",
+  "f68ab76a",
   null
   
 )
@@ -513,6 +512,125 @@ module.exports = function (cssWithMappingToString) {
 
 /***/ }),
 
+/***/ 25:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _lang_zh_CN__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(26);
+
+let lang = _lang_zh_CN__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"];
+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;
+};
+/* harmony default export */ __webpack_exports__["a"] = ({
+  use,
+  t,
+  i18n
+});
+
+/***/ }),
+
+/***/ 26:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony default export */ __webpack_exports__["a"] = ({
+  el_x: {
+    thinking: {
+      start: '开始思考',
+      processing: '思考中...',
+      completed: '思考完成',
+      error: '思考遇到问题',
+      errorContent: '思考过程中出现错误'
+    },
+    sender: {
+      placeholder: '请输入内容'
+    },
+    common: {
+      loading: '加载中...',
+      success: '成功',
+      error: '错误',
+      warning: '警告'
+    }
+  }
+});
+
+/***/ }),
+
 /***/ 3:
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -789,7 +907,23 @@ module.exports = function (list, options) {
 
 /***/ }),
 
-/***/ 93:
+/***/ 31:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(25);
+
+/* harmony default export */ __webpack_exports__["a"] = ({
+  methods: {
+    elXt(...args) {
+      return _index__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"].t.apply(this, args);
+    }
+  }
+});
+
+/***/ }),
+
+/***/ 96:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -799,7 +933,7 @@ module.exports = function (list, options) {
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
 // Module
-___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}", ""]);
+___CSS_LOADER_EXPORT___.push([module.i, "[data-v-f68ab76a]:root{--color-primary: #409eff;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399}.el-x-thinking[data-v-f68ab76a]{margin:0 auto}.trigger[data-v-f68ab76a]{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-f68ab76a]{height:100%;display:flex;align-items:center}.trigger .start-color[data-v-f68ab76a]{color:#e6a23c}.trigger .end-color[data-v-f68ab76a]{color:#67c23a}.trigger .is-loading[data-v-f68ab76a]{color:#409eff}.trigger .error-color[data-v-f68ab76a]{color:#f56c6c}.trigger[data-v-f68ab76a]:hover{background:#f5f7fa}.trigger.disabled[data-v-f68ab76a]{cursor:pointer}.trigger[data-v-f68ab76a]:disabled{cursor:not-allowed;opacity:.7}.status-icon[data-v-f68ab76a]{font-size:16px}.thinking-arrow[data-v-f68ab76a]{margin-left:auto;transition:transform var(--el-x-thinking-animation-duration)}.thinking-arrow.expanded[data-v-f68ab76a]{transform:rotate(180deg)}.slide-enter-active[data-v-f68ab76a],.slide-leave-active[data-v-f68ab76a]{height:calc-size(max-content, size);opacity:1;transition:height var(--el-x-thinking-animation-duration),opacity var(--el-x-thinking-animation-duration),border var(--el-x-thinking-animation-duration);overflow:hidden}.slide-enter[data-v-f68ab76a],.slide-leave-to[data-v-f68ab76a]{height:0;opacity:0 !important}.slide-enter-to[data-v-f68ab76a],.slide-leave[data-v-f68ab76a]{height:calc-size(max-content, size);opacity:1}.content-wrapper[data-v-f68ab76a]{box-sizing:border-box;min-width:0}.content pre[data-v-f68ab76a]{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-f68ab76a]{border-color:#fde2e2;background:#fde2e2}.error-message[data-v-f68ab76a]{color:#f56c6c;height:fit-content;padding:4px;background:#fde2e2;border-radius:8px}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);