vue-element-ui-x 1.0.3 → 1.0.31-beta

package/lib/components/Thinking/index.js

@@ -1,97 +1,107 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 105);
-/******/ })
-/************************************************************************/
-/******/ ({
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 2932:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _lang_zh_CN__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6449);
+
+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 */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  use,
+  t,
+  i18n
+});
+
+/***/ }),
 
-/***/ 0:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ 4486:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (/* binding */ normalizeComponent)
+/* harmony export */ });
 /* globals __VUE_SSR_CONTEXT__ */
 
 // IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
@@ -192,300 +202,327 @@ function normalizeComponent(
 
 /***/ }),
 
-/***/ 105:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ 5072:
+/***/ ((module, __unused_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=f68ab76a&scoped=true
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c("div", {
-    staticClass: "el-x-thinking",
-    style: {
-      "--el-x-thinking-button-width": _vm.buttonWidth,
-      "--el-x-thinking-animation-duration": _vm.duration,
-      "--el-x-thinking-content-wrapper-width": _vm.maxWidth,
-      "--el-x-thinking-content-wrapper-background-color": _vm.backgroundColor,
-      "--el-x-thinking-content-wrapper-color": _vm.color
-    }
-  }, [_c("button", {
-    staticClass: "trigger",
-    class: [_vm.localStatus, {
-      disabled: !_vm.disabled
-    }],
-    attrs: {
-      disabled: _vm.disabled
-    },
-    on: {
-      click: _vm.changeExpand
-    }
-  }, [_c("span", {
-    staticClass: "status-icon"
-  }, [_vm._t("status-icon", function () {
-    return [_vm.localStatus === "thinking" ? _c("i", {
-      staticClass: "is-loading el-icon-center el-icon-loading"
-    }) : _vm._e(), _vm._v(" "), _vm.localStatus === "start" ? _c("i", {
-      staticClass: "el-icon-center start-color el-icon-opportunity"
-    }) : _vm._e(), _vm._v(" "), _vm.localStatus === "end" ? _c("i", {
-      staticClass: "el-icon-center end-color el-icon-success"
-    }) : _vm._e(), _vm._v(" "), _vm.localStatus === "error" ? _c("i", {
-      staticClass: "el-icon-center error-color el-icon-circle-close"
-    }) : _vm._e()];
-  }, {
-    status: _vm.localStatus
-  })], 2), _vm._v(" "), _c("span", {
-    staticClass: "label"
-  }, [_vm._t("label", function () {
-    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", {
-    attrs: {
-      name: "rotate"
-    }
-  }, [!_vm.disabled ? _c("span", {
-    staticClass: "thinking-arrow el-icon-center",
-    class: {
-      expanded: _vm.isExpanded
+
+var isOldIE = function isOldIE() {
+  var memo;
+  return function memorize() {
+    if (typeof memo === 'undefined') {
+      // Test for IE <= 9 as proposed by Browserhacks
+      // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
+      // Tests for existence of standard globals is to allow style-loader
+      // to operate correctly into non-standard environments
+      // @see https://github.com/webpack-contrib/style-loader/issues/177
+      memo = Boolean(window && document && document.all && !window.atob);
     }
-  }, [_vm._t("arrow", function () {
-    return [_c("i", {
-      staticClass: "el-icon-center el-icon-arrow-up"
-    })];
-  })], 2) : _vm._e()])], 1), _vm._v(" "), _c("transition", {
-    attrs: {
-      name: "slide"
+
+    return memo;
+  };
+}();
+
+var getTarget = function getTarget() {
+  var memo = {};
+  return function memorize(target) {
+    if (typeof memo[target] === 'undefined') {
+      var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
+
+      if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
+        try {
+          // This will throw an exception if access to iframe is blocked
+          // due to cross-origin restrictions
+          styleTarget = styleTarget.contentDocument.head;
+        } catch (e) {
+          // istanbul ignore next
+          styleTarget = null;
+        }
+      }
+
+      memo[target] = styleTarget;
     }
-  }, [_vm.isExpanded && _vm.displayedContent ? _c("div", {
-    staticClass: "content-wrapper",
-    class: {
-      "error-state": _vm.localStatus === "error"
+
+    return memo[target];
+  };
+}();
+
+var stylesInDom = [];
+
+function getIndexByIdentifier(identifier) {
+  var result = -1;
+
+  for (var i = 0; i < stylesInDom.length; i++) {
+    if (stylesInDom[i].identifier === identifier) {
+      result = i;
+      break;
     }
-  }, [_c("div", {
-    staticClass: "content"
-  }, [_vm.localStatus !== "error" ? _vm._t("content", function () {
-    return [_c("pre", [_vm._v(_vm._s(_vm.displayedContent))])];
-  }, {
-    content: _vm.displayedContent
-  }) : _vm._t("error", function () {
-    return [_c("div", {
-      staticClass: "error-message"
-    }, [_vm._v(_vm._s(_vm.displayedContent))])];
-  }, {
-    errorContent: _vm.displayedContent
-  })], 2)]) : _vm._e()])], 1);
-};
-var staticRenderFns = [];
-render._withStripped = true;
+  }
 
-// CONCATENATED MODULE: ./src/components/Thinking/src/main.vue?vue&type=template&id=f68ab76a&scoped=true
+  return result;
+}
 
-// EXTERNAL MODULE: ./src/locale/mixin.js
-var mixin = __webpack_require__(31);
+function modulesToDom(list, options) {
+  var idCountMap = {};
+  var identifiers = [];
 
-// 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
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i];
+    var id = options.base ? item[0] + options.base : item[0];
+    var count = idCountMap[id] || 0;
+    var identifier = "".concat(id, " ").concat(count);
+    idCountMap[id] = count + 1;
+    var index = getIndexByIdentifier(identifier);
+    var obj = {
+      css: item[1],
+      media: item[2],
+      sourceMap: item[3]
+    };
 
-/* harmony default export */ var mainvue_type_script_lang_js = ({
-  name: 'ElXThinking',
-  mixins: [mixin["a" /* default */]],
-  props: {
-    content: {
-      type: String,
-      default: ''
-    },
-    modelValue: {
-      type: Boolean,
-      default: true
-    },
-    status: {
-      type: String,
-      default: 'start',
-      validator: function (value) {
-        return ['start', 'thinking', 'end', 'error'].indexOf(value) !== -1;
-      }
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    autoCollapse: {
-      type: Boolean,
-      default: false
-    },
-    buttonWidth: {
-      type: String,
-      default: '160px'
-    },
-    duration: {
-      type: String,
-      default: '0.2s'
-    },
-    maxWidth: {
-      type: String,
-      default: '500px'
-    },
-    backgroundColor: {
-      type: String,
-      default: '#fcfcfc'
-    },
-    color: {
-      type: String,
-      default: '#909399'
-    }
-  },
-  data() {
-    return {
-      isExpanded: this.modelValue,
-      localStatus: this.status
-    };
-  },
-  computed: {
-    displayedContent() {
-      return this.localStatus === 'error' ? this.elXt('el_x.thinking.errorContent') : this.content;
-    }
-  },
-  watch: {
-    modelValue(newVal) {
-      this.isExpanded = newVal;
-    },
-    status(newVal) {
-      this.localStatus = newVal;
-      if (newVal === 'end' && this.autoCollapse) {
-        this.isExpanded = false;
-      }
-    },
-    $attrs: {
-      handler(newVal) {
-        if (newVal['onUpdate:status']) {
-          this.$emit('update:status', this.localStatus);
-        }
-      },
-      immediate: true
-    }
-  },
-  methods: {
-    changeExpand() {
-      if (this.disabled) return;
-      this.isExpanded = !this.isExpanded;
-      this.$emit('change', {
-        value: this.isExpanded,
-        status: this.localStatus
+    if (index !== -1) {
+      stylesInDom[index].references++;
+      stylesInDom[index].updater(obj);
+    } else {
+      stylesInDom.push({
+        identifier: identifier,
+        updater: addStyle(obj, options),
+        references: 1
       });
-      this.$emit('update:expanded', this.isExpanded);
     }
+
+    identifiers.push(identifier);
   }
-});
-// CONCATENATED MODULE: ./src/components/Thinking/src/main.vue?vue&type=script&lang=js
- /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
-// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
-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=f68ab76a&prod&lang=scss&scoped=true
-var mainvue_type_style_index_0_id_f68ab76a_prod_lang_scss_scoped_true = __webpack_require__(96);
+  return identifiers;
+}
 
-// 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
+function insertStyleElement(options) {
+  var style = document.createElement('style');
+  var attributes = options.attributes || {};
 
-            
+  if (typeof attributes.nonce === 'undefined') {
+    var nonce =  true ? __webpack_require__.nc : 0;
 
-var options = {};
+    if (nonce) {
+      attributes.nonce = nonce;
+    }
+  }
 
-options.insert = "head";
-options.singleton = false;
+  Object.keys(attributes).forEach(function (key) {
+    style.setAttribute(key, attributes[key]);
+  });
 
-var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_f68ab76a_prod_lang_scss_scoped_true["a" /* default */], options);
+  if (typeof options.insert === 'function') {
+    options.insert(style);
+  } else {
+    var target = getTarget(options.insert || 'head');
 
+    if (!target) {
+      throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+    }
 
+    target.appendChild(style);
+  }
 
-/* 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
+  return style;
+}
 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(0);
+function removeStyleElement(style) {
+  // istanbul ignore if
+  if (style.parentNode === null) {
+    return false;
+  }
 
-// CONCATENATED MODULE: ./src/components/Thinking/src/main.vue
+  style.parentNode.removeChild(style);
+}
+/* istanbul ignore next  */
 
 
+var replaceText = function replaceText() {
+  var textStore = [];
+  return function replace(index, replacement) {
+    textStore[index] = replacement;
+    return textStore.filter(Boolean).join('\n');
+  };
+}();
 
+function applyToSingletonTag(style, index, remove, obj) {
+  var css = remove ? '' : obj.media ? "@media ".concat(obj.media, " {").concat(obj.css, "}") : obj.css; // For old IE
 
+  /* istanbul ignore if  */
 
+  if (style.styleSheet) {
+    style.styleSheet.cssText = replaceText(index, css);
+  } else {
+    var cssNode = document.createTextNode(css);
+    var childNodes = style.childNodes;
 
-/* normalize component */
+    if (childNodes[index]) {
+      style.removeChild(childNodes[index]);
+    }
 
-var component = Object(componentNormalizer["a" /* default */])(
-  src_mainvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "f68ab76a",
-  null
-  
-)
+    if (childNodes.length) {
+      style.insertBefore(cssNode, childNodes[index]);
+    } else {
+      style.appendChild(cssNode);
+    }
+  }
+}
 
-/* harmony default export */ var main = (component.exports);
-// CONCATENATED MODULE: ./src/components/Thinking/index.js
+function applyToTag(style, options, obj) {
+  var css = obj.css;
+  var media = obj.media;
+  var sourceMap = obj.sourceMap;
 
+  if (media) {
+    style.setAttribute('media', media);
+  } else {
+    style.removeAttribute('media');
+  }
 
-/* istanbul ignore next */
-main.install = function (Vue) {
-  Vue.component(main.name, main);
-};
-/* harmony default export */ var Thinking = __webpack_exports__["default"] = (main);
+  if (sourceMap && typeof btoa !== 'undefined') {
+    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
+  } // For old IE
 
-/***/ }),
+  /* istanbul ignore if  */
 
-/***/ 2:
-/***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    while (style.firstChild) {
+      style.removeChild(style.firstChild);
+    }
 
+    style.appendChild(document.createTextNode(css));
+  }
+}
 
-/*
-  MIT License http://www.opensource.org/licenses/mit-license.php
-  Author Tobias Koppers @sokra
-*/
-// css base code, injected by the css-loader
-// eslint-disable-next-line func-names
-module.exports = function (cssWithMappingToString) {
-  var list = []; // return the list of modules as css string
+var singleton = null;
+var singletonCounter = 0;
 
-  list.toString = function toString() {
-    return this.map(function (item) {
-      var content = cssWithMappingToString(item);
+function addStyle(obj, options) {
+  var style;
+  var update;
+  var remove;
 
-      if (item[2]) {
-        return "@media ".concat(item[2], " {").concat(content, "}");
-      }
+  if (options.singleton) {
+    var styleIndex = singletonCounter++;
+    style = singleton || (singleton = insertStyleElement(options));
+    update = applyToSingletonTag.bind(null, style, styleIndex, false);
+    remove = applyToSingletonTag.bind(null, style, styleIndex, true);
+  } else {
+    style = insertStyleElement(options);
+    update = applyToTag.bind(null, style, options);
 
-      return content;
-    }).join("");
-  }; // import a list of modules into the list
-  // eslint-disable-next-line func-names
+    remove = function remove() {
+      removeStyleElement(style);
+    };
+  }
 
+  update(obj);
+  return function updateStyle(newObj) {
+    if (newObj) {
+      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
+        return;
+      }
 
-  list.i = function (modules, mediaQuery, dedupe) {
-    if (typeof modules === "string") {
-      // eslint-disable-next-line no-param-reassign
-      modules = [[null, modules, ""]];
+      update(obj = newObj);
+    } else {
+      remove();
     }
+  };
+}
 
-    var alreadyImportedModules = {};
-
-    if (dedupe) {
-      for (var i = 0; i < this.length; i++) {
-        // eslint-disable-next-line prefer-destructuring
-        var id = this[i][0];
+module.exports = function (list, options) {
+  options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
+  // tags it will allow on a page
 
-        if (id != null) {
-          alreadyImportedModules[id] = true;
-        }
-      }
-    }
+  if (!options.singleton && typeof options.singleton !== 'boolean') {
+    options.singleton = isOldIE();
+  }
+
+  list = list || [];
+  var lastIdentifiers = modulesToDom(list, options);
+  return function update(newList) {
+    newList = newList || [];
+
+    if (Object.prototype.toString.call(newList) !== '[object Array]') {
+      return;
+    }
+
+    for (var i = 0; i < lastIdentifiers.length; i++) {
+      var identifier = lastIdentifiers[i];
+      var index = getIndexByIdentifier(identifier);
+      stylesInDom[index].references--;
+    }
+
+    var newLastIdentifiers = modulesToDom(newList, options);
+
+    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
+      var _identifier = lastIdentifiers[_i];
+
+      var _index = getIndexByIdentifier(_identifier);
+
+      if (stylesInDom[_index].references === 0) {
+        stylesInDom[_index].updater();
+
+        stylesInDom.splice(_index, 1);
+      }
+    }
+
+    lastIdentifiers = newLastIdentifiers;
+  };
+};
+
+/***/ }),
+
+/***/ 6314:
+/***/ ((module) => {
+
+
+
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+// eslint-disable-next-line func-names
+module.exports = function (cssWithMappingToString) {
+  var list = []; // return the list of modules as css string
+
+  list.toString = function toString() {
+    return this.map(function (item) {
+      var content = cssWithMappingToString(item);
+
+      if (item[2]) {
+        return "@media ".concat(item[2], " {").concat(content, "}");
+      }
+
+      return content;
+    }).join("");
+  }; // import a list of modules into the list
+  // eslint-disable-next-line func-names
+
+
+  list.i = function (modules, mediaQuery, dedupe) {
+    if (typeof modules === "string") {
+      // eslint-disable-next-line no-param-reassign
+      modules = [[null, modules, ""]];
+    }
+
+    var alreadyImportedModules = {};
+
+    if (dedupe) {
+      for (var i = 0; i < this.length; i++) {
+        // eslint-disable-next-line prefer-destructuring
+        var id = this[i][0];
+
+        if (id != null) {
+          alreadyImportedModules[id] = true;
+        }
+      }
+    }
 
     for (var _i = 0; _i < modules.length; _i++) {
       var item = [].concat(modules[_i]);
@@ -512,103 +549,13 @@ 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__) {
+/***/ 6449:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
-/* harmony default export */ __webpack_exports__["a"] = ({
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   el_x: {
     thinking: {
       start: '开始思考',
@@ -631,313 +578,358 @@ const i18n = function (fn) {
 
 /***/ }),
 
-/***/ 3:
-/***/ (function(module, exports, __webpack_require__) {
+/***/ 7755:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
 
+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.id, "[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 */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
-var isOldIE = function isOldIE() {
-  var memo;
-  return function memorize() {
-    if (typeof memo === 'undefined') {
-      // Test for IE <= 9 as proposed by Browserhacks
-      // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
-      // Tests for existence of standard globals is to allow style-loader
-      // to operate correctly into non-standard environments
-      // @see https://github.com/webpack-contrib/style-loader/issues/177
-      memo = Boolean(window && document && document.all && !window.atob);
-    }
 
-    return memo;
-  };
-}();
+/***/ }),
 
-var getTarget = function getTarget() {
-  var memo = {};
-  return function memorize(target) {
-    if (typeof memo[target] === 'undefined') {
-      var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
+/***/ 9497:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-      if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
-        try {
-          // This will throw an exception if access to iframe is blocked
-          // due to cross-origin restrictions
-          styleTarget = styleTarget.contentDocument.head;
-        } catch (e) {
-          // istanbul ignore next
-          styleTarget = null;
-        }
-      }
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2932);
 
-      memo[target] = styleTarget;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  methods: {
+    elXt(...args) {
+      return _index__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.t.apply(this, args);
     }
+  }
+});
 
-    return memo[target];
-  };
-}();
+/***/ })
 
-var stylesInDom = [];
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			id: moduleId,
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/nonce */
+/******/ 	(() => {
+/******/ 		__webpack_require__.nc = undefined;
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
 
-function getIndexByIdentifier(identifier) {
-  var result = -1;
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ Thinking)
+});
 
-  for (var i = 0; i < stylesInDom.length; i++) {
-    if (stylesInDom[i].identifier === identifier) {
-      result = i;
-      break;
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??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;
+  return _c("div", {
+    staticClass: "el-x-thinking",
+    style: {
+      "--el-x-thinking-button-width": _vm.buttonWidth,
+      "--el-x-thinking-animation-duration": _vm.duration,
+      "--el-x-thinking-content-wrapper-width": _vm.maxWidth,
+      "--el-x-thinking-content-wrapper-background-color": _vm.backgroundColor,
+      "--el-x-thinking-content-wrapper-color": _vm.color
     }
-  }
-
-  return result;
-}
-
-function modulesToDom(list, options) {
-  var idCountMap = {};
-  var identifiers = [];
-
-  for (var i = 0; i < list.length; i++) {
-    var item = list[i];
-    var id = options.base ? item[0] + options.base : item[0];
-    var count = idCountMap[id] || 0;
-    var identifier = "".concat(id, " ").concat(count);
-    idCountMap[id] = count + 1;
-    var index = getIndexByIdentifier(identifier);
-    var obj = {
-      css: item[1],
-      media: item[2],
-      sourceMap: item[3]
-    };
-
-    if (index !== -1) {
-      stylesInDom[index].references++;
-      stylesInDom[index].updater(obj);
-    } else {
-      stylesInDom.push({
-        identifier: identifier,
-        updater: addStyle(obj, options),
-        references: 1
-      });
+  }, [_c("button", {
+    staticClass: "trigger",
+    class: [_vm.localStatus, {
+      disabled: !_vm.disabled
+    }],
+    attrs: {
+      disabled: _vm.disabled
+    },
+    on: {
+      click: _vm.changeExpand
     }
-
-    identifiers.push(identifier);
-  }
-
-  return identifiers;
-}
-
-function insertStyleElement(options) {
-  var style = document.createElement('style');
-  var attributes = options.attributes || {};
-
-  if (typeof attributes.nonce === 'undefined') {
-    var nonce =  true ? __webpack_require__.nc : undefined;
-
-    if (nonce) {
-      attributes.nonce = nonce;
+  }, [_c("span", {
+    staticClass: "status-icon"
+  }, [_vm._t("status-icon", function () {
+    return [_vm.localStatus === "thinking" ? _c("i", {
+      staticClass: "is-loading el-icon-center el-icon-loading"
+    }) : _vm._e(), _vm._v(" "), _vm.localStatus === "start" ? _c("i", {
+      staticClass: "el-icon-center start-color el-icon-opportunity"
+    }) : _vm._e(), _vm._v(" "), _vm.localStatus === "end" ? _c("i", {
+      staticClass: "el-icon-center end-color el-icon-success"
+    }) : _vm._e(), _vm._v(" "), _vm.localStatus === "error" ? _c("i", {
+      staticClass: "el-icon-center error-color el-icon-circle-close"
+    }) : _vm._e()];
+  }, {
+    status: _vm.localStatus
+  })], 2), _vm._v(" "), _c("span", {
+    staticClass: "label"
+  }, [_vm._t("label", function () {
+    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", {
+    attrs: {
+      name: "rotate"
     }
-  }
-
-  Object.keys(attributes).forEach(function (key) {
-    style.setAttribute(key, attributes[key]);
-  });
-
-  if (typeof options.insert === 'function') {
-    options.insert(style);
-  } else {
-    var target = getTarget(options.insert || 'head');
-
-    if (!target) {
-      throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+  }, [!_vm.disabled ? _c("span", {
+    staticClass: "thinking-arrow el-icon-center",
+    class: {
+      expanded: _vm.isExpanded
     }
-
-    target.appendChild(style);
-  }
-
-  return style;
-}
-
-function removeStyleElement(style) {
-  // istanbul ignore if
-  if (style.parentNode === null) {
-    return false;
-  }
-
-  style.parentNode.removeChild(style);
-}
-/* istanbul ignore next  */
-
-
-var replaceText = function replaceText() {
-  var textStore = [];
-  return function replace(index, replacement) {
-    textStore[index] = replacement;
-    return textStore.filter(Boolean).join('\n');
-  };
-}();
-
-function applyToSingletonTag(style, index, remove, obj) {
-  var css = remove ? '' : obj.media ? "@media ".concat(obj.media, " {").concat(obj.css, "}") : obj.css; // For old IE
-
-  /* istanbul ignore if  */
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = replaceText(index, css);
-  } else {
-    var cssNode = document.createTextNode(css);
-    var childNodes = style.childNodes;
-
-    if (childNodes[index]) {
-      style.removeChild(childNodes[index]);
+  }, [_vm._t("arrow", function () {
+    return [_c("i", {
+      staticClass: "el-icon-center el-icon-arrow-up"
+    })];
+  })], 2) : _vm._e()])], 1), _vm._v(" "), _c("transition", {
+    attrs: {
+      name: "slide"
     }
-
-    if (childNodes.length) {
-      style.insertBefore(cssNode, childNodes[index]);
-    } else {
-      style.appendChild(cssNode);
+  }, [_vm.isExpanded && _vm.displayedContent ? _c("div", {
+    staticClass: "content-wrapper",
+    class: {
+      "error-state": _vm.localStatus === "error"
     }
-  }
-}
-
-function applyToTag(style, options, obj) {
-  var css = obj.css;
-  var media = obj.media;
-  var sourceMap = obj.sourceMap;
-
-  if (media) {
-    style.setAttribute('media', media);
-  } else {
-    style.removeAttribute('media');
-  }
-
-  if (sourceMap && typeof btoa !== 'undefined') {
-    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
-  } // For old IE
+  }, [_c("div", {
+    staticClass: "content"
+  }, [_vm.localStatus !== "error" ? _vm._t("content", function () {
+    return [_c("pre", [_vm._v(_vm._s(_vm.displayedContent))])];
+  }, {
+    content: _vm.displayedContent
+  }) : _vm._t("error", function () {
+    return [_c("div", {
+      staticClass: "error-message"
+    }, [_vm._v(_vm._s(_vm.displayedContent))])];
+  }, {
+    errorContent: _vm.displayedContent
+  })], 2)]) : _vm._e()])], 1);
+};
+var staticRenderFns = [];
+render._withStripped = true;
 
-  /* istanbul ignore if  */
+;// ./src/components/Thinking/src/main.vue?vue&type=template&id=f68ab76a&scoped=true
 
+// EXTERNAL MODULE: ./src/locale/mixin.js
+var mixin = __webpack_require__(9497);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/Thinking/src/main.vue?vue&type=script&lang=js
 
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    while (style.firstChild) {
-      style.removeChild(style.firstChild);
+/* harmony default export */ const mainvue_type_script_lang_js = ({
+  name: 'ElXThinking',
+  mixins: [mixin/* default */.A],
+  props: {
+    content: {
+      type: String,
+      default: ''
+    },
+    modelValue: {
+      type: Boolean,
+      default: true
+    },
+    status: {
+      type: String,
+      default: 'start',
+      validator: function (value) {
+        return ['start', 'thinking', 'end', 'error'].indexOf(value) !== -1;
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    autoCollapse: {
+      type: Boolean,
+      default: false
+    },
+    buttonWidth: {
+      type: String,
+      default: '160px'
+    },
+    duration: {
+      type: String,
+      default: '0.2s'
+    },
+    maxWidth: {
+      type: String,
+      default: '500px'
+    },
+    backgroundColor: {
+      type: String,
+      default: '#fcfcfc'
+    },
+    color: {
+      type: String,
+      default: '#909399'
     }
-
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var singleton = null;
-var singletonCounter = 0;
-
-function addStyle(obj, options) {
-  var style;
-  var update;
-  var remove;
-
-  if (options.singleton) {
-    var styleIndex = singletonCounter++;
-    style = singleton || (singleton = insertStyleElement(options));
-    update = applyToSingletonTag.bind(null, style, styleIndex, false);
-    remove = applyToSingletonTag.bind(null, style, styleIndex, true);
-  } else {
-    style = insertStyleElement(options);
-    update = applyToTag.bind(null, style, options);
-
-    remove = function remove() {
-      removeStyleElement(style);
+  },
+  data() {
+    return {
+      isExpanded: this.modelValue,
+      localStatus: this.status
     };
-  }
-
-  update(obj);
-  return function updateStyle(newObj) {
-    if (newObj) {
-      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
-        return;
-      }
-
-      update(obj = newObj);
-    } else {
-      remove();
+  },
+  computed: {
+    displayedContent() {
+      return this.localStatus === 'error' ? this.elXt('el_x.thinking.errorContent') : this.content;
     }
-  };
-}
-
-module.exports = function (list, options) {
-  options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
-  // tags it will allow on a page
-
-  if (!options.singleton && typeof options.singleton !== 'boolean') {
-    options.singleton = isOldIE();
-  }
-
-  list = list || [];
-  var lastIdentifiers = modulesToDom(list, options);
-  return function update(newList) {
-    newList = newList || [];
-
-    if (Object.prototype.toString.call(newList) !== '[object Array]') {
-      return;
+  },
+  watch: {
+    modelValue(newVal) {
+      this.isExpanded = newVal;
+    },
+    status(newVal) {
+      this.localStatus = newVal;
+      if (newVal === 'end' && this.autoCollapse) {
+        this.isExpanded = false;
+      }
+    },
+    $attrs: {
+      handler(newVal) {
+        if (newVal['onUpdate:status']) {
+          this.$emit('update:status', this.localStatus);
+        }
+      },
+      immediate: true
     }
-
-    for (var i = 0; i < lastIdentifiers.length; i++) {
-      var identifier = lastIdentifiers[i];
-      var index = getIndexByIdentifier(identifier);
-      stylesInDom[index].references--;
+  },
+  methods: {
+    changeExpand() {
+      if (this.disabled) return;
+      this.isExpanded = !this.isExpanded;
+      this.$emit('change', {
+        value: this.isExpanded,
+        status: this.localStatus
+      });
+      this.$emit('update:expanded', this.isExpanded);
     }
+  }
+});
+;// ./src/components/Thinking/src/main.vue?vue&type=script&lang=js
+ /* harmony default export */ const src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
+var injectStylesIntoStyleTag = __webpack_require__(5072);
+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??clonedRuleSet-2.use[2]!./node_modules/vue-loader/lib/index.js??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__(7755);
+;// ./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??clonedRuleSet-2.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/Thinking/src/main.vue?vue&type=style&index=0&id=f68ab76a&prod&lang=scss&scoped=true
 
-    var newLastIdentifiers = modulesToDom(newList, options);
+            
 
-    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
-      var _identifier = lastIdentifiers[_i];
+var options = {};
 
-      var _index = getIndexByIdentifier(_identifier);
+options.insert = "head";
+options.singleton = false;
 
-      if (stylesInDom[_index].references === 0) {
-        stylesInDom[_index].updater();
+var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_f68ab76a_prod_lang_scss_scoped_true/* default */.A, options);
 
-        stylesInDom.splice(_index, 1);
-      }
-    }
 
-    lastIdentifiers = newLastIdentifiers;
-  };
-};
 
-/***/ }),
+/* harmony default export */ const 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/* default */.A.locals || {});
+;// ./src/components/Thinking/src/main.vue?vue&type=style&index=0&id=f68ab76a&prod&lang=scss&scoped=true
 
-/***/ 31:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(4486);
+;// ./src/components/Thinking/src/main.vue
 
-"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";
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
-// Imports
+/* normalize component */
 
-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-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___);
+var component = (0,componentNormalizer/* default */.A)(
+  src_mainvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "f68ab76a",
+  null
+  
+)
 
+/* harmony default export */ const main = (component.exports);
+;// ./src/components/Thinking/index.js
 
-/***/ })
 
-/******/ });
+/* istanbul ignore next */
+main.install = function (Vue) {
+  Vue.component(main.name, main);
+};
+/* harmony default export */ const Thinking = (main);
+module.exports = __webpack_exports__;
+/******/ })()
+;