vue-element-ui-x 1.0.4 → 1.0.5

package/lib/index.js

@@ -5579,6 +5579,26 @@ module.exports = [
 ];
 
 
+/***/ }),
+
+/***/ 1519:
+/***/ ((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-1df1b25f]:root{--color-primary: #409eff;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399}.el-x-thoughtchain-item-dot[data-v-1df1b25f]{display:flex;justify-content:center;align-items:center}.el-x-thoughtchain-item-dot .el-button[data-v-1df1b25f]{cursor:default !important}.el-x-thoughtchain .el-collapse[data-v-1df1b25f]{border:none}.el-x-thoughtchain .el-collapse .el-collapse-item__header[data-v-1df1b25f]{height:20px;font-weight:normal}.el-x-thoughtchain .el-collapse .el-collapse-item__arrow[data-v-1df1b25f]{margin:0 0 0 8px}.el-x-thoughtchain .el-collapse .el-collapse-item__header[data-v-1df1b25f]{margin-bottom:5px}.el-x-thoughtchain .el-collapse .el-collapse-item__header[data-v-1df1b25f],.el-x-thoughtchain .el-collapse .el-collapse-item__wrap[data-v-1df1b25f]{border:none}.el-x-thoughtchain .el-collapse .el-collapse-item__content[data-v-1df1b25f]{color:#909399;padding:0}.el-x-thoughtchain .el-timeline[data-v-1df1b25f]{padding:10px 0 0 5px}.el-x-thoughtchain .el-timeline-item__timestamp[data-v-1df1b25f]{color:#303133}.el-x-thoughtchain .el-timeline-item__content[data-v-1df1b25f]{color:#909399}.el-x-thoughtchain .el-timeline-item[data-v-1df1b25f]{list-style:none !important}.thought-chain-move[data-v-1df1b25f],.thought-chain-enter-active[data-v-1df1b25f],.thought-chain-leave-active[data-v-1df1b25f]{transition:all .5s ease}.thought-chain-enter[data-v-1df1b25f],.thought-chain-leave-to[data-v-1df1b25f]{opacity:0;transform:translateY(10px) scaleY(0.9)}.thought-chain-leave-active[data-v-1df1b25f]{position:absolute}.el-x-thoughtchain-loading[data-v-1df1b25f]{animation:thoughtchain-rotating-1df1b25f 1.5s linear infinite;transform-origin:center center;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}@keyframes thoughtchain-rotating-1df1b25f{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 1525:
@@ -28773,602 +28793,245 @@ module.exports=/[\0-\uD7FF\uE000-\uFFFF]|[\uD800-\uDBFF][\uDC00-\uDFFF]|[\uD800-
 
 /***/ }),
 
-/***/ 6109:
+/***/ 6280:
+/***/ ((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 _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6314);
+/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, "/**\n * prism.js default theme for JavaScript, CSS and HTML\n * Based on dabblet (http://dabblet.com)\n * @author Lea Verou\n */\n\ncode[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tcolor: black;\n\tbackground: none;\n\ttext-shadow: 0 1px white;\n\tfont-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n\tfont-size: 1em;\n\ttext-align: left;\n\twhite-space: pre;\n\tword-spacing: normal;\n\tword-break: normal;\n\tword-wrap: normal;\n\tline-height: 1.5;\n\n\t-moz-tab-size: 4;\n\t-o-tab-size: 4;\n\ttab-size: 4;\n\n\t-webkit-hyphens: none;\n\t-moz-hyphens: none;\n\t-ms-hyphens: none;\n\thyphens: none;\n}\n\npre[class*=\"language-\"]::-moz-selection, pre[class*=\"language-\"] ::-moz-selection,\ncode[class*=\"language-\"]::-moz-selection, code[class*=\"language-\"] ::-moz-selection {\n\ttext-shadow: none;\n\tbackground: #b3d4fc;\n}\n\npre[class*=\"language-\"]::selection, pre[class*=\"language-\"] ::selection,\ncode[class*=\"language-\"]::selection, code[class*=\"language-\"] ::selection {\n\ttext-shadow: none;\n\tbackground: #b3d4fc;\n}\n\n@media print {\n\tcode[class*=\"language-\"],\n\tpre[class*=\"language-\"] {\n\t\ttext-shadow: none;\n\t}\n}\n\n/* Code blocks */\npre[class*=\"language-\"] {\n\tpadding: 1em;\n\tmargin: .5em 0;\n\toverflow: auto;\n}\n\n:not(pre) > code[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tbackground: #f5f2f0;\n}\n\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n\tpadding: .1em;\n\tborder-radius: .3em;\n\twhite-space: normal;\n}\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n\tcolor: slategray;\n}\n\n.token.punctuation {\n\tcolor: #999;\n}\n\n.token.namespace {\n\topacity: .7;\n}\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n\tcolor: #905;\n}\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.inserted {\n\tcolor: #690;\n}\n\n.token.operator,\n.token.entity,\n.token.url,\n.language-css .token.string,\n.style .token.string {\n\tcolor: #9a6e3a;\n\t/* This background color was intended by the author of this theme. */\n\tbackground: hsla(0, 0%, 100%, .5);\n}\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n\tcolor: #07a;\n}\n\n.token.function,\n.token.class-name {\n\tcolor: #DD4A68;\n}\n\n.token.regex,\n.token.important,\n.token.variable {\n\tcolor: #e90;\n}\n\n.token.important,\n.token.bold {\n\tfont-weight: bold;\n}\n.token.italic {\n\tfont-style: italic;\n}\n\n.token.entity {\n\tcursor: help;\n}\n", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 6314:
+/***/ ((module) => {
+
+"use strict";
+
+
+/*
+  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]);
+
+      if (dedupe && alreadyImportedModules[item[0]]) {
+        // eslint-disable-next-line no-continue
+        continue;
+      }
+
+      if (mediaQuery) {
+        if (!item[2]) {
+          item[2] = mediaQuery;
+        } else {
+          item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
+        }
+      }
+
+      list.push(item);
+    }
+  };
+
+  return list;
+};
+
+/***/ }),
+
+/***/ 6321:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+"use strict";
+/** internal
+ * class Core
+ *
+ * Top-level rules executor. Glues block/inline parsers and does intermediate
+ * transformations.
+ **/
+
+
+
+var Ruler  = __webpack_require__(2378);
+
+
+var _rules = [
+  [ 'normalize',      __webpack_require__(803)      ],
+  [ 'block',          __webpack_require__(3437)          ],
+  [ 'inline',         __webpack_require__(3547)         ],
+  [ 'linkify',        __webpack_require__(986)        ],
+  [ 'replacements',   __webpack_require__(203)   ],
+  [ 'smartquotes',    __webpack_require__(5260)    ]
+];
+
+
+/**
+ * new Core()
+ **/
+function Core() {
+  /**
+   * Core#ruler -> Ruler
+   *
+   * [[Ruler]] instance. Keep configuration of core rules.
+   **/
+  this.ruler = new Ruler();
+
+  for (var i = 0; i < _rules.length; i++) {
+    this.ruler.push(_rules[i][0], _rules[i][1]);
+  }
+}
+
+
+/**
+ * Core.process(state)
+ *
+ * Executes core chain rules.
+ **/
+Core.prototype.process = function (state) {
+  var i, l, rules;
+
+  rules = this.ruler.getRules('');
+
+  for (i = 0, l = rules.length; i < l; i++) {
+    rules[i](state);
+  }
+};
+
+Core.prototype.State = __webpack_require__(1839);
+
+
+module.exports = Core;
+
+
+/***/ }),
+
+/***/ 6355:
+/***/ ((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-5b4c3366]:root{--color-primary: #409eff;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399}.el-x-sender[data-v-5b4c3366]{width:100%;display:flex;flex-direction:column;position:relative;box-sizing:border-box;box-shadow:0 1px 2px 0 rgba(0,0,0,.03),0 1px 6px -1px rgba(0,0,0,.02),0 2px 4px 0 rgba(0,0,0,.02);transition:background .3s;border-radius:calc(4px*2);border-color:#dcdfe6;border-width:0;border-style:solid;transition:width var(--el-x-sender-header-animation-duration)}.el-x-sender[data-v-5b4c3366]:after{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:border-color .3s;border-radius:inherit;border-style:inherit;border-color:inherit;border-width:1px}.el-x-sender[data-v-5b4c3366]:focus-within{box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-color:#409eff}.el-x-sender[data-v-5b4c3366]:focus-within::after{border-width:2px}.el-x-sender .el-x-sender-header-wrap[data-v-5b4c3366]{display:flex;flex-direction:column;gap:8px;width:100%;margin:0;padding:0}.el-x-sender .slide-enter-active[data-v-5b4c3366],.el-x-sender .slide-leave-active[data-v-5b4c3366]{height:calc-size(max-content,size);opacity:1;transition:height var(--el-x-sender-header-animation-duration),opacity var(--el-x-sender-header-animation-duration),border var(--el-x-sender-header-animation-duration);overflow:hidden}.el-x-sender .slide-enter[data-v-5b4c3366],.el-x-sender .slide-leave-to[data-v-5b4c3366]{height:0;opacity:0 !important}.el-x-sender .slide-enter-to[data-v-5b4c3366],.el-x-sender .slide-leave[data-v-5b4c3366]{height:calc-size(max-content,size);opacity:1}.el-x-sender .slide-enter-active .el-x-sender-header-wrap[data-v-5b4c3366],.el-x-sender .slide-leave-active .el-x-sender-header-wrap[data-v-5b4c3366]{min-height:0;overflow:hidden}.el-x-sender .el-x-sender-header[data-v-5b4c3366]{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#dcdfe6}.el-x-sender .el-x-sender-content[data-v-5b4c3366]{display:flex;gap:8px;width:100%;padding-top:12px;padding-bottom:12px;padding-left:16px;padding-right:12px;box-sizing:border-box;align-items:flex-end}.el-x-sender .el-x-sender-content .el-x-sender-prefix[data-v-5b4c3366]{flex:none}.el-x-sender .el-x-sender-content .el-x-sender-input[data-v-5b4c3366]{height:100%;display:flex;align-items:center;align-self:center}.el-x-sender .el-x-sender-content .el-x-sender-input[data-v-5b4c3366] .el-textarea__inner{padding:0 !important;margin:0;color:#303133;font-size:14px;line-height:24px;list-style:none;position:relative;display:inline-block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:auto;min-height:auto !important;border-radius:0;border:none;flex:auto;align-self:center;vertical-align:bottom;resize:none;background-color:rgba(0,0,0,0);transition:all .3s,height 0s;box-shadow:none !important}.el-x-sender .el-x-sender-content .el-x-sender-action-list-presets[data-v-5b4c3366]{display:flex;gap:8px;flex-direction:row-reverse}.el-x-sender .content-variant-updown[data-v-5b4c3366]{display:flex;flex-direction:column;align-items:initial}.el-x-sender .content-variant-updown .el-x-sender-updown-wrap[data-v-5b4c3366]{display:flex;justify-content:space-between;gap:8px}.el-x-sender .content-variant-updown .el-x-sender-updown-wrap .el-x-sender-prefix[data-v-5b4c3366]{flex:initial}.el-x-sender .content-variant-updown .el-x-sender-updown-wrap .el-x-sender-action-list[data-v-5b4c3366]{margin-left:auto}.el-x-sender .el-x-sender-footer[data-v-5b4c3366]{border-top-width:1px;border-top-style:solid;border-top-color:#dcdfe6}.el-x-sender-disabled[data-v-5b4c3366]{background-color:#f5f7fa;pointer-events:none}[data-v-5b4c3366] .el-x-sender-trigger-popover{max-width:calc(100% - 54px) !important;width:var(--el-x-sender-trigger-popover-width) !important;margin-left:var(--el-x-sender-trigger-popover-left) !important}", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 6449:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* 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: '开始思考',
+      processing: '思考中...',
+      completed: '思考完成',
+      error: '思考遇到问题',
+      errorContent: '思考过程中出现错误'
+    },
+    sender: {
+      placeholder: '请输入内容'
+    },
+    common: {
+      loading: '加载中...',
+      success: '成功',
+      error: '错误',
+      warning: '警告'
+    }
+  }
+});
+
+/***/ }),
+
+/***/ 6493:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* binding */ ThoughtChain)
+  "default": () => (/* binding */ BubbleList)
 });
 
-;// ./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/ThoughtChain/src/main.vue?vue&type=template&id=86d7e9ae&scoped=true
+;// ./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/BubbleList/src/main.vue?vue&type=template&id=62f6ce33&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c("div", {
-    staticClass: "el-x-thoughtchain"
-  }, [_c("el-timeline", {
-    ref: "timelineRef",
+    ref: "scrollContainer",
+    staticClass: "el-x-bubble-list",
+    class: {
+      "always-scrollbar": _vm.alwaysShowScrollbar
+    },
     style: {
-      maxWidth: _vm.maxWidth
-    }
-  }, [_c("transition-group", {
-    attrs: {
-      name: "thought-chain",
-      tag: "div"
+      "--el-x-bubble-list-max-height": `${_vm.maxHeight}`,
+      "--el-x-bubble-list-btn-size": `${_vm.btnIconSize}px`
+    },
+    on: {
+      scroll: _vm.handleScroll
     }
-  }, _vm._l(_vm.thinkingItems, function (item) {
-    return _c("el-timeline-item", {
-      key: _vm.getId(item),
-      attrs: {
-        type: _vm.getType(item),
-        icon: _vm.dotIsIcon ? item.icon : "el-icon-more",
-        color: _vm.dotIsIcon ? item.iconColor : null,
-        size: _vm.dotIsIcon ? item.iconSize : "normal",
-        timestamp: _vm.getTitle(item),
-        "hide-timestamp": item.hideTitle,
-        placement: item.placement || "top"
-      }
-    }, [!item.isCanExpand ? _c("div", [_c("el-x-typewriter", {
-      attrs: {
-        content: _vm.getThinkTitle(item),
-        "is-markdown": item.isMarkdown,
-        typing: item.typing
-      }
-    })], 1) : !item.isDefaultExpand ? _c("el-collapse", {
-      on: {
-        change: () => _vm.onExpand(item)
-      }
-    }, [_c("el-collapse-item", {
-      attrs: {
-        title: _vm.getThinkTitle(item)
-      }
-    }, [_c("el-x-typewriter", {
-      attrs: {
-        content: _vm.getThinkContent(item),
-        "is-markdown": item.isMarkdown,
-        typing: item.typing
-      }
-    })], 1)], 1) : _c("el-collapse", {
-      on: {
-        change: () => _vm.onExpand(item)
-      },
-      model: {
-        value: _vm.defaultActiveNodes,
-        callback: function ($$v) {
-          _vm.defaultActiveNodes = $$v;
-        },
-        expression: "defaultActiveNodes"
-      }
-    }, [_c("el-collapse-item", {
-      attrs: {
-        title: _vm.getThinkTitle(item),
-        name: String(_vm.getId(item))
-      }
-    }, [_c("el-x-typewriter", {
-      attrs: {
-        content: _vm.getThinkContent(item),
-        "is-markdown": item.isMarkdown,
-        typing: item.typing
-      }
-    })], 1)], 1), _vm._v(" "), !_vm.dotIsIcon ? _c("template", {
-      slot: "dot"
-    }, [_c("div", {
-      staticClass: "el-x-thoughtchain-item-dot",
-      style: {
-        margin: _vm.dotMargin
-      }
-    }, [_vm._t("icon", function () {
-      return [_c("el-button", {
-        attrs: {
-          circle: "",
-          type: _vm.getType(item),
-          loading: _vm.isLoading(item),
-          size: _vm.dotSize
-        }
-      }, [_c("template", {
-        slot: "loading"
-      }, [_c("i", {
-        staticClass: "el-icon-loading el-x-thoughtchain-loading"
-      })]), _vm._v(" "), !_vm.isLoading(item) && !_vm.isError(item) ? _c("i", {
-        staticClass: "el-icon-check"
-      }) : _vm._e(), _vm._v(" "), !_vm.isLoading(item) && _vm.isError(item) ? _c("i", {
-        staticClass: "el-icon-close"
-      }) : _vm._e()], 2)];
-    }, {
-      item: item
-    })], 2)]) : _vm._e()], 2);
-  }), 1)], 1)], 1);
-};
-var staticRenderFns = [];
-render._withStripped = true;
-
-;// ./src/components/ThoughtChain/src/main.vue?vue&type=template&id=86d7e9ae&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/lodash/lodash.js
-var lodash = __webpack_require__(2543);
-// EXTERNAL MODULE: ./src/components/Typewriter/index.js + 8 modules
-var Typewriter = __webpack_require__(1207);
-;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/ThoughtChain/src/main.vue?vue&type=script&lang=js
-
-
-/* harmony default export */ const mainvue_type_script_lang_js = ({
-  name: 'ElXThoughtChain',
-  components: {
-    ElXTypewriter: Typewriter["default"]
-  },
-  props: {
-    thinkingItems: {
-      type: Array,
-      default: () => []
-    },
-    dotIsIcon: {
-      type: Boolean,
-      default: false
-    },
-    dotSize: {
-      type: String,
-      default: 'small'
-    },
-    maxWidth: {
-      type: String,
-      default: '600px'
-    },
-    lineGradient: {
-      type: Boolean,
-      default: false
-    },
-    rowKey: {
-      type: String,
-      default: 'id'
-    },
-    statusKey: {
-      type: String,
-      default: 'status'
-    },
-    statusEnum: {
-      type: Object,
-      default: () => ({
-        loading: {
-          value: 'loading',
-          type: 'warning'
-        },
-        error: {
-          value: 'error',
-          type: 'danger'
-        },
-        success: {
-          value: 'success',
-          type: 'success'
-        }
-      })
-    },
-    titleKey: {
-      type: String,
-      default: 'title'
-    },
-    thinkTitleKey: {
-      type: String,
-      default: 'thinkTitle'
-    },
-    thinkContentKey: {
-      type: String,
-      default: 'thinkContent'
-    }
-  },
-  data() {
-    return {
-      colorArr: {
-        // 使用与SCSS变量对应的字符串表示
-        info: 'var(--color-info, #909399)',
-        success: 'var(--color-success, #67C23A)',
-        warning: 'var(--color-warning, #E6A23C)',
-        danger: 'var(--color-danger, #F56C6C)',
-        primary: 'var(--color-primary, #409EFF)'
-      },
-      defaultActiveNodes: []
-    };
-  },
-  computed: {
-    dotMargin() {
-      switch (this.dotSize) {
-        case 'mini':
-          return '-8px 0 0 -9px';
-        case 'small':
-          return '-8px 0 0 -11px';
-        case 'medium':
-          return '-8px 0 0 -13px';
-        default:
-          return '-8px 0 0 -16px';
-      }
-    },
-    getLineColor() {
-      if (this.thinkingItems.length) {
-        const arr = this.thinkingItems.map(item => {
-          const _type_ = this.getType(item);
-          if (_type_) {
-            return this.colorArr[_type_];
-          }
-          return '';
-        });
-        return arr;
-      }
-      return [];
-    },
-    activeNamesComputed() {
-      return this.thinkingItems.filter(item => item.isCanExpand && item.isDefaultExpand).map(item => String(this.getId(item)));
-    }
-  },
-  watch: {
-    activeNamesComputed: {
-      handler(v) {
-        this.defaultActiveNodes = [...v];
-      },
-      immediate: true
-    },
-    getLineColor() {
-      this.$nextTick(() => {
-        this.getEle();
-      });
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.getEle();
-    });
-  },
-  methods: {
-    onExpand(item) {
-      this.$emit('handle-expand', item);
-    },
-    setRadialGradient(colors, ele) {
-      const length = ele.length;
-      Array.from(ele).forEach((item, index) => {
-        const line = item.children[0];
-        if (line) {
-          line.setAttribute('style', `
-            border: none;
-            width:2px;
-            background: linear-gradient(to bottom, ${colors[index]} 0% , ${colors[index < length ? index + 1 : index]} 100%);
-          `);
-        }
-      });
-    },
-    getEle() {
-      if (this.getLineColor && this.$refs.timelineRef && this.lineGradient) {
-        const ele = this.$refs.timelineRef.$el.children[0].children;
-        this.setRadialGradient(this.getLineColor, ele);
-      }
-    },
-    isLoading(item) {
-      const status = this.getStatus(item);
-      return status === this.statusEnum.loading.value;
-    },
-    isError(item) {
-      const status = this.getStatus(item);
-      return status === this.statusEnum.error.value;
-    },
-    getId(item) {
-      return (0,lodash.get)(item, this.rowKey);
-    },
-    getType(item) {
-      const status = this.getStatus(item);
-      // 优先查找statusEnum中value匹配的项
-      const matchedStatus = Object.values(this.statusEnum).find(s => s.value === status);
-      return matchedStatus ? matchedStatus.type : 'success';
-    },
-    getTitle(item) {
-      return (0,lodash.get)(item, this.titleKey) || '';
-    },
-    getThinkTitle(item) {
-      return (0,lodash.get)(item, this.thinkTitleKey) || '';
-    },
-    getThinkContent(item) {
-      return (0,lodash.get)(item, this.thinkContentKey) || '';
-    },
-    getStatus(item) {
-      return (0,lodash.get)(item, this.statusKey);
-    }
-  }
-});
-;// ./src/components/ThoughtChain/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/ThoughtChain/src/main.vue?vue&type=style&index=0&id=86d7e9ae&prod&lang=scss&scoped=true
-var mainvue_type_style_index_0_id_86d7e9ae_prod_lang_scss_scoped_true = __webpack_require__(9371);
-;// ./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/ThoughtChain/src/main.vue?vue&type=style&index=0&id=86d7e9ae&prod&lang=scss&scoped=true
-
-            
-
-var options = {};
-
-options.insert = "head";
-options.singleton = false;
-
-var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_86d7e9ae_prod_lang_scss_scoped_true/* default */.A, options);
-
-
-
-/* harmony default export */ const src_mainvue_type_style_index_0_id_86d7e9ae_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_86d7e9ae_prod_lang_scss_scoped_true/* default */.A.locals || {});
-;// ./src/components/ThoughtChain/src/main.vue?vue&type=style&index=0&id=86d7e9ae&prod&lang=scss&scoped=true
-
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(4486);
-;// ./src/components/ThoughtChain/src/main.vue
-
-
-
-;
-
-
-/* normalize component */
-
-var component = (0,componentNormalizer/* default */.A)(
-  src_mainvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "86d7e9ae",
-  null
-  
-)
-
-/* harmony default export */ const main = (component.exports);
-;// ./src/components/ThoughtChain/index.js
-
-
-/* istanbul ignore next */
-main.install = function (Vue) {
-  Vue.component(main.name, main);
-};
-/* harmony default export */ const ThoughtChain = (main);
-
-/***/ }),
-
-/***/ 6280:
-/***/ ((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 _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6314);
-/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
-// Imports
-
-var ___CSS_LOADER_EXPORT___ = _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, "/**\n * prism.js default theme for JavaScript, CSS and HTML\n * Based on dabblet (http://dabblet.com)\n * @author Lea Verou\n */\n\ncode[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tcolor: black;\n\tbackground: none;\n\ttext-shadow: 0 1px white;\n\tfont-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n\tfont-size: 1em;\n\ttext-align: left;\n\twhite-space: pre;\n\tword-spacing: normal;\n\tword-break: normal;\n\tword-wrap: normal;\n\tline-height: 1.5;\n\n\t-moz-tab-size: 4;\n\t-o-tab-size: 4;\n\ttab-size: 4;\n\n\t-webkit-hyphens: none;\n\t-moz-hyphens: none;\n\t-ms-hyphens: none;\n\thyphens: none;\n}\n\npre[class*=\"language-\"]::-moz-selection, pre[class*=\"language-\"] ::-moz-selection,\ncode[class*=\"language-\"]::-moz-selection, code[class*=\"language-\"] ::-moz-selection {\n\ttext-shadow: none;\n\tbackground: #b3d4fc;\n}\n\npre[class*=\"language-\"]::selection, pre[class*=\"language-\"] ::selection,\ncode[class*=\"language-\"]::selection, code[class*=\"language-\"] ::selection {\n\ttext-shadow: none;\n\tbackground: #b3d4fc;\n}\n\n@media print {\n\tcode[class*=\"language-\"],\n\tpre[class*=\"language-\"] {\n\t\ttext-shadow: none;\n\t}\n}\n\n/* Code blocks */\npre[class*=\"language-\"] {\n\tpadding: 1em;\n\tmargin: .5em 0;\n\toverflow: auto;\n}\n\n:not(pre) > code[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tbackground: #f5f2f0;\n}\n\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n\tpadding: .1em;\n\tborder-radius: .3em;\n\twhite-space: normal;\n}\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n\tcolor: slategray;\n}\n\n.token.punctuation {\n\tcolor: #999;\n}\n\n.token.namespace {\n\topacity: .7;\n}\n\n.token.property,\n.token.tag,\n.token.boolean,\n.token.number,\n.token.constant,\n.token.symbol,\n.token.deleted {\n\tcolor: #905;\n}\n\n.token.selector,\n.token.attr-name,\n.token.string,\n.token.char,\n.token.builtin,\n.token.inserted {\n\tcolor: #690;\n}\n\n.token.operator,\n.token.entity,\n.token.url,\n.language-css .token.string,\n.style .token.string {\n\tcolor: #9a6e3a;\n\t/* This background color was intended by the author of this theme. */\n\tbackground: hsla(0, 0%, 100%, .5);\n}\n\n.token.atrule,\n.token.attr-value,\n.token.keyword {\n\tcolor: #07a;\n}\n\n.token.function,\n.token.class-name {\n\tcolor: #DD4A68;\n}\n\n.token.regex,\n.token.important,\n.token.variable {\n\tcolor: #e90;\n}\n\n.token.important,\n.token.bold {\n\tfont-weight: bold;\n}\n.token.italic {\n\tfont-style: italic;\n}\n\n.token.entity {\n\tcursor: help;\n}\n", ""]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
-/***/ }),
-
-/***/ 6314:
-/***/ ((module) => {
-
-"use strict";
-
-
-/*
-  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]);
-
-      if (dedupe && alreadyImportedModules[item[0]]) {
-        // eslint-disable-next-line no-continue
-        continue;
-      }
-
-      if (mediaQuery) {
-        if (!item[2]) {
-          item[2] = mediaQuery;
-        } else {
-          item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
-        }
-      }
-
-      list.push(item);
-    }
-  };
-
-  return list;
-};
-
-/***/ }),
-
-/***/ 6321:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-"use strict";
-/** internal
- * class Core
- *
- * Top-level rules executor. Glues block/inline parsers and does intermediate
- * transformations.
- **/
-
-
-
-var Ruler  = __webpack_require__(2378);
-
-
-var _rules = [
-  [ 'normalize',      __webpack_require__(803)      ],
-  [ 'block',          __webpack_require__(3437)          ],
-  [ 'inline',         __webpack_require__(3547)         ],
-  [ 'linkify',        __webpack_require__(986)        ],
-  [ 'replacements',   __webpack_require__(203)   ],
-  [ 'smartquotes',    __webpack_require__(5260)    ]
-];
-
-
-/**
- * new Core()
- **/
-function Core() {
-  /**
-   * Core#ruler -> Ruler
-   *
-   * [[Ruler]] instance. Keep configuration of core rules.
-   **/
-  this.ruler = new Ruler();
-
-  for (var i = 0; i < _rules.length; i++) {
-    this.ruler.push(_rules[i][0], _rules[i][1]);
-  }
-}
-
-
-/**
- * Core.process(state)
- *
- * Executes core chain rules.
- **/
-Core.prototype.process = function (state) {
-  var i, l, rules;
-
-  rules = this.ruler.getRules('');
-
-  for (i = 0, l = rules.length; i < l; i++) {
-    rules[i](state);
-  }
-};
-
-Core.prototype.State = __webpack_require__(1839);
-
-
-module.exports = Core;
-
-
-/***/ }),
-
-/***/ 6355:
-/***/ ((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-5b4c3366]:root{--color-primary: #409eff;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399}.el-x-sender[data-v-5b4c3366]{width:100%;display:flex;flex-direction:column;position:relative;box-sizing:border-box;box-shadow:0 1px 2px 0 rgba(0,0,0,.03),0 1px 6px -1px rgba(0,0,0,.02),0 2px 4px 0 rgba(0,0,0,.02);transition:background .3s;border-radius:calc(4px*2);border-color:#dcdfe6;border-width:0;border-style:solid;transition:width var(--el-x-sender-header-animation-duration)}.el-x-sender[data-v-5b4c3366]:after{content:\"\";position:absolute;inset:0;pointer-events:none;transition:border-color .3s;border-radius:inherit;border-style:inherit;border-color:inherit;border-width:1px}.el-x-sender[data-v-5b4c3366]:focus-within{box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-color:#409eff}.el-x-sender[data-v-5b4c3366]:focus-within::after{border-width:2px}.el-x-sender .el-x-sender-header-wrap[data-v-5b4c3366]{display:flex;flex-direction:column;gap:8px;width:100%;margin:0;padding:0}.el-x-sender .slide-enter-active[data-v-5b4c3366],.el-x-sender .slide-leave-active[data-v-5b4c3366]{height:calc-size(max-content,size);opacity:1;transition:height var(--el-x-sender-header-animation-duration),opacity var(--el-x-sender-header-animation-duration),border var(--el-x-sender-header-animation-duration);overflow:hidden}.el-x-sender .slide-enter[data-v-5b4c3366],.el-x-sender .slide-leave-to[data-v-5b4c3366]{height:0;opacity:0 !important}.el-x-sender .slide-enter-to[data-v-5b4c3366],.el-x-sender .slide-leave[data-v-5b4c3366]{height:calc-size(max-content,size);opacity:1}.el-x-sender .slide-enter-active .el-x-sender-header-wrap[data-v-5b4c3366],.el-x-sender .slide-leave-active .el-x-sender-header-wrap[data-v-5b4c3366]{min-height:0;overflow:hidden}.el-x-sender .el-x-sender-header[data-v-5b4c3366]{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#dcdfe6}.el-x-sender .el-x-sender-content[data-v-5b4c3366]{display:flex;gap:8px;width:100%;padding-block:12px;padding-inline-start:16px;padding-inline-end:12px;box-sizing:border-box;align-items:flex-end}.el-x-sender .el-x-sender-content .el-x-sender-prefix[data-v-5b4c3366]{flex:none}.el-x-sender .el-x-sender-content .el-x-sender-input[data-v-5b4c3366]{height:100%;display:flex;align-items:center;align-self:center}.el-x-sender .el-x-sender-content .el-x-sender-input[data-v-5b4c3366] .el-textarea__inner{padding:0 !important;margin:0;color:#303133;font-size:14px;line-height:24px;list-style:none;position:relative;display:inline-block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:auto;min-height:auto !important;border-radius:0;border:none;flex:auto;align-self:center;vertical-align:bottom;resize:none;background-color:rgba(0,0,0,0);transition:all .3s,height 0s;box-shadow:none !important}.el-x-sender .el-x-sender-content .el-x-sender-action-list-presets[data-v-5b4c3366]{display:flex;gap:8px;flex-direction:row-reverse}.el-x-sender .content-variant-updown[data-v-5b4c3366]{display:flex;flex-direction:column;align-items:initial}.el-x-sender .content-variant-updown .el-x-sender-updown-wrap[data-v-5b4c3366]{display:flex;justify-content:space-between;gap:8px}.el-x-sender .content-variant-updown .el-x-sender-updown-wrap .el-x-sender-prefix[data-v-5b4c3366]{flex:initial}.el-x-sender .content-variant-updown .el-x-sender-updown-wrap .el-x-sender-action-list[data-v-5b4c3366]{margin-left:auto}.el-x-sender .el-x-sender-footer[data-v-5b4c3366]{border-top-width:1px;border-top-style:solid;border-top-color:#dcdfe6}.el-x-sender-disabled[data-v-5b4c3366]{background-color:#f5f7fa;pointer-events:none}[data-v-5b4c3366] .el-x-sender-trigger-popover{max-width:calc(100% - 54px) !important;width:var(--el-x-sender-trigger-popover-width) !important;margin-left:var(--el-x-sender-trigger-popover-left) !important}", ""]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
-/***/ }),
-
-/***/ 6449:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* 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: '开始思考',
-      processing: '思考中...',
-      completed: '思考完成',
-      error: '思考遇到问题',
-      errorContent: '思考过程中出现错误'
-    },
-    sender: {
-      placeholder: '请输入内容'
-    },
-    common: {
-      loading: '加载中...',
-      success: '成功',
-      error: '错误',
-      warning: '警告'
-    }
-  }
-});
-
-/***/ }),
-
-/***/ 6493:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* binding */ BubbleList)
-});
-
-;// ./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/BubbleList/src/main.vue?vue&type=template&id=62f6ce33&scoped=true
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c("div", {
-    ref: "scrollContainer",
-    staticClass: "el-x-bubble-list",
-    class: {
-      "always-scrollbar": _vm.alwaysShowScrollbar
-    },
-    style: {
-      "--el-x-bubble-list-max-height": `${_vm.maxHeight}`,
-      "--el-x-bubble-list-btn-size": `${_vm.btnIconSize}px`
-    },
-    on: {
-      scroll: _vm.handleScroll
-    }
-  }, [_vm._l(_vm.list, function (item, index) {
-    return _c("Bubble", {
-      key: index,
+  }, [_vm._l(_vm.list, function (item, index) {
+    return _c("Bubble", {
+      key: index,
       attrs: {
         content: item.content,
         placement: _vm.defaultPlacement || item.placement,
@@ -30412,210 +30075,567 @@ module.exports = function list(state, startLine, endLine, silent) {
         break;
       }
 
-      pos++;
-    }
+      pos++;
+    }
+
+    contentStart = pos;
+
+    if (contentStart >= max) {
+      // trimming space in "-    \n  3" case, indent is 1 here
+      indentAfterMarker = 1;
+    } else {
+      indentAfterMarker = offset - initial;
+    }
+
+    // If we have more than 4 spaces, the indent is 1
+    // (the rest is just indented code block)
+    if (indentAfterMarker > 4) { indentAfterMarker = 1; }
+
+    // "  -  test"
+    //  ^^^^^ - calculating total length of this thing
+    indent = initial + indentAfterMarker;
+
+    // Run subparser & write tokens
+    token        = state.push('list_item_open', 'li', 1);
+    token.markup = String.fromCharCode(markerCharCode);
+    token.map    = itemLines = [ startLine, 0 ];
+    if (isOrdered) {
+      token.info = state.src.slice(start, posAfterMarker - 1);
+    }
+
+    // change current state, then restore it after parser subcall
+    oldTight = state.tight;
+    oldTShift = state.tShift[startLine];
+    oldSCount = state.sCount[startLine];
+
+    //  - example list
+    // ^ listIndent position will be here
+    //   ^ blkIndent position will be here
+    //
+    oldListIndent = state.listIndent;
+    state.listIndent = state.blkIndent;
+    state.blkIndent = indent;
+
+    state.tight = true;
+    state.tShift[startLine] = contentStart - state.bMarks[startLine];
+    state.sCount[startLine] = offset;
+
+    if (contentStart >= max && state.isEmpty(startLine + 1)) {
+      // workaround for this case
+      // (list item is empty, list terminates before "foo"):
+      // ~~~~~~~~
+      //   -
+      //
+      //     foo
+      // ~~~~~~~~
+      state.line = Math.min(state.line + 2, endLine);
+    } else {
+      state.md.block.tokenize(state, startLine, endLine, true);
+    }
+
+    // If any of list item is tight, mark list as tight
+    if (!state.tight || prevEmptyEnd) {
+      tight = false;
+    }
+    // Item become loose if finish with empty line,
+    // but we should filter last element, because it means list finish
+    prevEmptyEnd = (state.line - startLine) > 1 && state.isEmpty(state.line - 1);
+
+    state.blkIndent = state.listIndent;
+    state.listIndent = oldListIndent;
+    state.tShift[startLine] = oldTShift;
+    state.sCount[startLine] = oldSCount;
+    state.tight = oldTight;
+
+    token        = state.push('list_item_close', 'li', -1);
+    token.markup = String.fromCharCode(markerCharCode);
+
+    nextLine = startLine = state.line;
+    itemLines[1] = nextLine;
+    contentStart = state.bMarks[startLine];
+
+    if (nextLine >= endLine) { break; }
+
+    //
+    // Try to check if list is terminated or continued.
+    //
+    if (state.sCount[nextLine] < state.blkIndent) { break; }
+
+    // if it's indented more than 3 spaces, it should be a code block
+    if (state.sCount[startLine] - state.blkIndent >= 4) { break; }
+
+    // fail if terminating block found
+    terminate = false;
+    for (i = 0, l = terminatorRules.length; i < l; i++) {
+      if (terminatorRules[i](state, nextLine, endLine, true)) {
+        terminate = true;
+        break;
+      }
+    }
+    if (terminate) { break; }
+
+    // fail if list has another type
+    if (isOrdered) {
+      posAfterMarker = skipOrderedListMarker(state, nextLine);
+      if (posAfterMarker < 0) { break; }
+      start = state.bMarks[nextLine] + state.tShift[nextLine];
+    } else {
+      posAfterMarker = skipBulletListMarker(state, nextLine);
+      if (posAfterMarker < 0) { break; }
+    }
+
+    if (markerCharCode !== state.src.charCodeAt(posAfterMarker - 1)) { break; }
+  }
+
+  // Finalize list
+  if (isOrdered) {
+    token = state.push('ordered_list_close', 'ol', -1);
+  } else {
+    token = state.push('bullet_list_close', 'ul', -1);
+  }
+  token.markup = String.fromCharCode(markerCharCode);
+
+  listLines[1] = nextLine;
+  state.line = nextLine;
+
+  state.parentType = oldParentType;
+
+  // mark paragraphs tight if needed
+  if (tight) {
+    markTightParagraphs(state, listTokIdx);
+  }
+
+  return true;
+};
+
+
+/***/ }),
+
+/***/ 6757:
+/***/ ((module) => {
+
+"use strict";
+// Parse backticks
+
+
+
+
+module.exports = function backtick(state, silent) {
+  var start, max, marker, token, matchStart, matchEnd, openerLength, closerLength,
+      pos = state.pos,
+      ch = state.src.charCodeAt(pos);
+
+  if (ch !== 0x60/* ` */) { return false; }
+
+  start = pos;
+  pos++;
+  max = state.posMax;
+
+  // scan marker length
+  while (pos < max && state.src.charCodeAt(pos) === 0x60/* ` */) { pos++; }
+
+  marker = state.src.slice(start, pos);
+  openerLength = marker.length;
+
+  if (state.backticksScanned && (state.backticks[openerLength] || 0) <= start) {
+    if (!silent) state.pending += marker;
+    state.pos += openerLength;
+    return true;
+  }
+
+  matchStart = matchEnd = pos;
+
+  // Nothing found in the cache, scan until the end of the line (or until marker is found)
+  while ((matchStart = state.src.indexOf('`', matchEnd)) !== -1) {
+    matchEnd = matchStart + 1;
+
+    // scan marker length
+    while (matchEnd < max && state.src.charCodeAt(matchEnd) === 0x60/* ` */) { matchEnd++; }
+
+    closerLength = matchEnd - matchStart;
+
+    if (closerLength === openerLength) {
+      // Found matching closer length.
+      if (!silent) {
+        token     = state.push('code_inline', 'code', 0);
+        token.markup  = marker;
+        token.content = state.src.slice(pos, matchStart)
+          .replace(/\n/g, ' ')
+          .replace(/^ (.+) $/, '$1');
+      }
+      state.pos = matchEnd;
+      return true;
+    }
+
+    // Some different length found, put it in cache as upper limit of where closer can be found
+    state.backticks[closerLength] = matchStart;
+  }
+
+  // Scanned through the end, didn't find anything
+  state.backticksScanned = true;
 
-    contentStart = pos;
+  if (!silent) state.pending += marker;
+  state.pos += openerLength;
+  return true;
+};
 
-    if (contentStart >= max) {
-      // trimming space in "-    \n  3" case, indent is 1 here
-      indentAfterMarker = 1;
-    } else {
-      indentAfterMarker = offset - initial;
-    }
 
-    // If we have more than 4 spaces, the indent is 1
-    // (the rest is just indented code block)
-    if (indentAfterMarker > 4) { indentAfterMarker = 1; }
+/***/ }),
 
-    // "  -  test"
-    //  ^^^^^ - calculating total length of this thing
-    indent = initial + indentAfterMarker;
+/***/ 6765:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-    // Run subparser & write tokens
-    token        = state.push('list_item_open', 'li', 1);
-    token.markup = String.fromCharCode(markerCharCode);
-    token.map    = itemLines = [ startLine, 0 ];
-    if (isOrdered) {
-      token.info = state.src.slice(start, posAfterMarker - 1);
+"use strict";
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ ThoughtChain)
+});
+
+;// ./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/ThoughtChain/src/main.vue?vue&type=template&id=1df1b25f&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "el-x-thoughtchain"
+  }, [_c("el-timeline", {
+    ref: "timelineRef",
+    style: {
+      maxWidth: _vm.maxWidth
+    }
+  }, [_c("transition-group", {
+    attrs: {
+      name: "thought-chain",
+      tag: "div"
     }
+  }, _vm._l(_vm.thinkingItems, function (item) {
+    return _c("el-timeline-item", {
+      key: _vm.getId(item),
+      attrs: {
+        type: _vm.getType(item),
+        icon: _vm.dotIsIcon ? item.icon : "el-icon-more",
+        color: _vm.dotIsIcon ? item.iconColor : null,
+        size: _vm.dotIsIcon ? item.iconSize || _vm.dotSize : "normal",
+        timestamp: _vm.getTitle(item),
+        "hide-timestamp": item.hideTitle,
+        placement: item.placement || "top"
+      }
+    }, [!item.isCanExpand ? _c("div", [_c("el-x-typewriter", {
+      attrs: {
+        content: _vm.getThinkTitle(item),
+        "is-markdown": item.isMarkdown,
+        typing: item.typing
+      }
+    })], 1) : !item.isDefaultExpand ? _c("el-collapse", {
+      on: {
+        change: () => _vm.onExpand(item)
+      }
+    }, [_c("el-collapse-item", {
+      attrs: {
+        title: _vm.getThinkTitle(item)
+      }
+    }, [_c("el-x-typewriter", {
+      attrs: {
+        content: _vm.getThinkContent(item),
+        "is-markdown": item.isMarkdown,
+        typing: item.typing
+      }
+    })], 1)], 1) : _c("el-collapse", {
+      on: {
+        change: () => _vm.onExpand(item)
+      },
+      model: {
+        value: _vm.defaultActiveNodes,
+        callback: function ($$v) {
+          _vm.defaultActiveNodes = $$v;
+        },
+        expression: "defaultActiveNodes"
+      }
+    }, [_c("el-collapse-item", {
+      attrs: {
+        title: _vm.getThinkTitle(item),
+        name: String(_vm.getId(item))
+      }
+    }, [_c("el-x-typewriter", {
+      attrs: {
+        content: _vm.getThinkContent(item),
+        "is-markdown": item.isMarkdown,
+        typing: item.typing
+      }
+    })], 1)], 1), _vm._v(" "), !_vm.dotIsIcon ? _c("template", {
+      slot: "dot"
+    }, [_c("div", {
+      staticClass: "el-x-thoughtchain-item-dot",
+      style: {
+        margin: _vm.dotMargin
+      }
+    }, [_vm._t("icon", function () {
+      return [_c("el-button", {
+        attrs: {
+          circle: "",
+          type: _vm.getType(item),
+          loading: _vm.isLoading(item),
+          size: _vm.dotSize
+        }
+      }, [_c("template", {
+        slot: "loading"
+      }, [_c("i", {
+        staticClass: "el-icon-loading el-x-thoughtchain-loading"
+      })]), _vm._v(" "), !_vm.isLoading(item) && !_vm.isError(item) ? _c("i", {
+        staticClass: "el-icon-check"
+      }) : _vm._e(), _vm._v(" "), !_vm.isLoading(item) && _vm.isError(item) ? _c("i", {
+        staticClass: "el-icon-close"
+      }) : _vm._e()], 2)];
+    }, {
+      item: item
+    })], 2)]) : _vm._e()], 2);
+  }), 1)], 1)], 1);
+};
+var staticRenderFns = [];
+render._withStripped = true;
 
-    // change current state, then restore it after parser subcall
-    oldTight = state.tight;
-    oldTShift = state.tShift[startLine];
-    oldSCount = state.sCount[startLine];
+;// ./src/components/ThoughtChain/src/main.vue?vue&type=template&id=1df1b25f&scoped=true
 
-    //  - example list
-    // ^ listIndent position will be here
-    //   ^ blkIndent position will be here
-    //
-    oldListIndent = state.listIndent;
-    state.listIndent = state.blkIndent;
-    state.blkIndent = indent;
+// EXTERNAL MODULE: ./node_modules/lodash/lodash.js
+var lodash = __webpack_require__(2543);
+// EXTERNAL MODULE: ./src/components/Typewriter/index.js + 8 modules
+var Typewriter = __webpack_require__(1207);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/ThoughtChain/src/main.vue?vue&type=script&lang=js
 
-    state.tight = true;
-    state.tShift[startLine] = contentStart - state.bMarks[startLine];
-    state.sCount[startLine] = offset;
 
-    if (contentStart >= max && state.isEmpty(startLine + 1)) {
-      // workaround for this case
-      // (list item is empty, list terminates before "foo"):
-      // ~~~~~~~~
-      //   -
-      //
-      //     foo
-      // ~~~~~~~~
-      state.line = Math.min(state.line + 2, endLine);
-    } else {
-      state.md.block.tokenize(state, startLine, endLine, true);
+/* harmony default export */ const mainvue_type_script_lang_js = ({
+  name: 'ElXThoughtChain',
+  components: {
+    ElXTypewriter: Typewriter["default"]
+  },
+  props: {
+    thinkingItems: {
+      type: Array,
+      default: () => []
+    },
+    dotIsIcon: {
+      type: Boolean,
+      default: false
+    },
+    dotSize: {
+      type: String,
+      default: 'small'
+    },
+    maxWidth: {
+      type: String,
+      default: '600px'
+    },
+    lineGradient: {
+      type: Boolean,
+      default: false
+    },
+    rowKey: {
+      type: String,
+      default: 'id'
+    },
+    statusKey: {
+      type: String,
+      default: 'status'
+    },
+    statusEnum: {
+      type: Object,
+      default: () => ({
+        loading: {
+          value: 'loading',
+          type: 'warning'
+        },
+        error: {
+          value: 'error',
+          type: 'danger'
+        },
+        success: {
+          value: 'success',
+          type: 'success'
+        }
+      })
+    },
+    titleKey: {
+      type: String,
+      default: 'title'
+    },
+    thinkTitleKey: {
+      type: String,
+      default: 'thinkTitle'
+    },
+    thinkContentKey: {
+      type: String,
+      default: 'thinkContent'
+    }
+  },
+  data() {
+    return {
+      colorArr: {
+        // 使用与SCSS变量对应的字符串表示
+        info: 'var(--color-info, #909399)',
+        success: 'var(--color-success, #67C23A)',
+        warning: 'var(--color-warning, #E6A23C)',
+        danger: 'var(--color-danger, #F56C6C)',
+        primary: 'var(--color-primary, #409EFF)'
+      },
+      defaultActiveNodes: []
+    };
+  },
+  computed: {
+    dotMargin() {
+      switch (this.dotSize) {
+        case 'mini':
+          return '-8px 0 0 -9px';
+        case 'small':
+          return '-8px 0 0 -11px';
+        case 'medium':
+          return '-8px 0 0 -13px';
+        default:
+          return '-8px 0 0 -16px';
+      }
+    },
+    getLineColor() {
+      if (this.thinkingItems.length) {
+        const arr = this.thinkingItems.map(item => {
+          const _type_ = this.getType(item);
+          if (_type_) {
+            return this.colorArr[_type_];
+          }
+          return '';
+        });
+        return arr;
+      }
+      return [];
+    },
+    activeNamesComputed() {
+      return this.thinkingItems.filter(item => item.isCanExpand && item.isDefaultExpand).map(item => String(this.getId(item)));
     }
-
-    // If any of list item is tight, mark list as tight
-    if (!state.tight || prevEmptyEnd) {
-      tight = false;
+  },
+  watch: {
+    activeNamesComputed: {
+      handler(v) {
+        this.defaultActiveNodes = [...v];
+      },
+      immediate: true
+    },
+    getLineColor() {
+      this.$nextTick(() => {
+        this.getEle();
+      });
     }
-    // Item become loose if finish with empty line,
-    // but we should filter last element, because it means list finish
-    prevEmptyEnd = (state.line - startLine) > 1 && state.isEmpty(state.line - 1);
-
-    state.blkIndent = state.listIndent;
-    state.listIndent = oldListIndent;
-    state.tShift[startLine] = oldTShift;
-    state.sCount[startLine] = oldSCount;
-    state.tight = oldTight;
-
-    token        = state.push('list_item_close', 'li', -1);
-    token.markup = String.fromCharCode(markerCharCode);
-
-    nextLine = startLine = state.line;
-    itemLines[1] = nextLine;
-    contentStart = state.bMarks[startLine];
-
-    if (nextLine >= endLine) { break; }
-
-    //
-    // Try to check if list is terminated or continued.
-    //
-    if (state.sCount[nextLine] < state.blkIndent) { break; }
-
-    // if it's indented more than 3 spaces, it should be a code block
-    if (state.sCount[startLine] - state.blkIndent >= 4) { break; }
-
-    // fail if terminating block found
-    terminate = false;
-    for (i = 0, l = terminatorRules.length; i < l; i++) {
-      if (terminatorRules[i](state, nextLine, endLine, true)) {
-        terminate = true;
-        break;
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.getEle();
+    });
+  },
+  methods: {
+    onExpand(item) {
+      this.$emit('handle-expand', item);
+    },
+    setRadialGradient(colors, ele) {
+      const length = ele.length;
+      Array.from(ele).forEach((item, index) => {
+        const line = item.children[0];
+        if (line) {
+          line.setAttribute('style', `
+            border: none;
+            width:2px;
+            background: linear-gradient(to bottom, ${colors[index]} 0% , ${colors[index < length ? index + 1 : index]} 100%);
+          `);
+        }
+      });
+    },
+    getEle() {
+      if (this.getLineColor && this.$refs.timelineRef && this.lineGradient) {
+        const ele = this.$refs.timelineRef.$el.children[0].children;
+        this.setRadialGradient(this.getLineColor, ele);
       }
+    },
+    isLoading(item) {
+      const status = this.getStatus(item);
+      return status === this.statusEnum.loading.value;
+    },
+    isError(item) {
+      const status = this.getStatus(item);
+      return status === this.statusEnum.error.value;
+    },
+    getId(item) {
+      return (0,lodash.get)(item, this.rowKey);
+    },
+    getType(item) {
+      const status = this.getStatus(item);
+      // 优先查找statusEnum中value匹配的项
+      const matchedStatus = Object.values(this.statusEnum).find(s => s.value === status);
+      return matchedStatus ? matchedStatus.type : 'success';
+    },
+    getTitle(item) {
+      return (0,lodash.get)(item, this.titleKey) || '';
+    },
+    getThinkTitle(item) {
+      return (0,lodash.get)(item, this.thinkTitleKey) || '';
+    },
+    getThinkContent(item) {
+      return (0,lodash.get)(item, this.thinkContentKey) || '';
+    },
+    getStatus(item) {
+      return (0,lodash.get)(item, this.statusKey);
     }
-    if (terminate) { break; }
-
-    // fail if list has another type
-    if (isOrdered) {
-      posAfterMarker = skipOrderedListMarker(state, nextLine);
-      if (posAfterMarker < 0) { break; }
-      start = state.bMarks[nextLine] + state.tShift[nextLine];
-    } else {
-      posAfterMarker = skipBulletListMarker(state, nextLine);
-      if (posAfterMarker < 0) { break; }
-    }
-
-    if (markerCharCode !== state.src.charCodeAt(posAfterMarker - 1)) { break; }
-  }
-
-  // Finalize list
-  if (isOrdered) {
-    token = state.push('ordered_list_close', 'ol', -1);
-  } else {
-    token = state.push('bullet_list_close', 'ul', -1);
-  }
-  token.markup = String.fromCharCode(markerCharCode);
-
-  listLines[1] = nextLine;
-  state.line = nextLine;
-
-  state.parentType = oldParentType;
-
-  // mark paragraphs tight if needed
-  if (tight) {
-    markTightParagraphs(state, listTokIdx);
   }
+});
+;// ./src/components/ThoughtChain/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/ThoughtChain/src/main.vue?vue&type=style&index=0&id=1df1b25f&prod&lang=scss&scoped=true
+var mainvue_type_style_index_0_id_1df1b25f_prod_lang_scss_scoped_true = __webpack_require__(1519);
+;// ./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/ThoughtChain/src/main.vue?vue&type=style&index=0&id=1df1b25f&prod&lang=scss&scoped=true
 
-  return true;
-};
-
-
-/***/ }),
-
-/***/ 6757:
-/***/ ((module) => {
-
-"use strict";
-// Parse backticks
-
+            
 
+var options = {};
 
+options.insert = "head";
+options.singleton = false;
 
-module.exports = function backtick(state, silent) {
-  var start, max, marker, token, matchStart, matchEnd, openerLength, closerLength,
-      pos = state.pos,
-      ch = state.src.charCodeAt(pos);
+var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_1df1b25f_prod_lang_scss_scoped_true/* default */.A, options);
 
-  if (ch !== 0x60/* ` */) { return false; }
 
-  start = pos;
-  pos++;
-  max = state.posMax;
 
-  // scan marker length
-  while (pos < max && state.src.charCodeAt(pos) === 0x60/* ` */) { pos++; }
+/* harmony default export */ const src_mainvue_type_style_index_0_id_1df1b25f_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_1df1b25f_prod_lang_scss_scoped_true/* default */.A.locals || {});
+;// ./src/components/ThoughtChain/src/main.vue?vue&type=style&index=0&id=1df1b25f&prod&lang=scss&scoped=true
 
-  marker = state.src.slice(start, pos);
-  openerLength = marker.length;
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(4486);
+;// ./src/components/ThoughtChain/src/main.vue
 
-  if (state.backticksScanned && (state.backticks[openerLength] || 0) <= start) {
-    if (!silent) state.pending += marker;
-    state.pos += openerLength;
-    return true;
-  }
 
-  matchStart = matchEnd = pos;
 
-  // Nothing found in the cache, scan until the end of the line (or until marker is found)
-  while ((matchStart = state.src.indexOf('`', matchEnd)) !== -1) {
-    matchEnd = matchStart + 1;
+;
 
-    // scan marker length
-    while (matchEnd < max && state.src.charCodeAt(matchEnd) === 0x60/* ` */) { matchEnd++; }
 
-    closerLength = matchEnd - matchStart;
+/* normalize component */
 
-    if (closerLength === openerLength) {
-      // Found matching closer length.
-      if (!silent) {
-        token     = state.push('code_inline', 'code', 0);
-        token.markup  = marker;
-        token.content = state.src.slice(pos, matchStart)
-          .replace(/\n/g, ' ')
-          .replace(/^ (.+) $/, '$1');
-      }
-      state.pos = matchEnd;
-      return true;
-    }
+var component = (0,componentNormalizer/* default */.A)(
+  src_mainvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "1df1b25f",
+  null
+  
+)
 
-    // Some different length found, put it in cache as upper limit of where closer can be found
-    state.backticks[closerLength] = matchStart;
-  }
+/* harmony default export */ const main = (component.exports);
+;// ./src/components/ThoughtChain/index.js
 
-  // Scanned through the end, didn't find anything
-  state.backticksScanned = true;
 
-  if (!silent) state.pending += marker;
-  state.pos += openerLength;
-  return true;
+/* istanbul ignore next */
+main.install = function (Vue) {
+  Vue.component(main.name, main);
 };
-
+/* harmony default export */ const ThoughtChain = (main);
 
 /***/ }),
 
@@ -34674,26 +34694,6 @@ exports.P = __webpack_require__(2828);
 exports.Z = __webpack_require__(3978);
 
 
-/***/ }),
-
-/***/ 9371:
-/***/ ((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-86d7e9ae]:root{--color-primary: #409eff;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399}.el-x-thoughtchain-item-dot[data-v-86d7e9ae]{display:flex;justify-content:center;align-items:center}.el-x-thoughtchain-item-dot .el-button[data-v-86d7e9ae]{cursor:default !important}.el-x-thoughtchain .el-collapse[data-v-86d7e9ae]{border:none}.el-x-thoughtchain .el-collapse .el-collapse-item__header[data-v-86d7e9ae]{height:20px;font-weight:normal}.el-x-thoughtchain .el-collapse .el-collapse-item__arrow[data-v-86d7e9ae]{margin:0 0 0 8px}.el-x-thoughtchain .el-collapse .el-collapse-item__header[data-v-86d7e9ae]{margin-bottom:5px}.el-x-thoughtchain .el-collapse .el-collapse-item__header[data-v-86d7e9ae],.el-x-thoughtchain .el-collapse .el-collapse-item__wrap[data-v-86d7e9ae]{border:none}.el-x-thoughtchain .el-collapse .el-collapse-item__content[data-v-86d7e9ae]{color:#909399;padding:0}.el-x-thoughtchain .el-timeline[data-v-86d7e9ae]{padding:10px 0 0 5px}.el-x-thoughtchain .el-timeline-item__timestamp[data-v-86d7e9ae]{color:#303133}.el-x-thoughtchain .el-timeline-item__content[data-v-86d7e9ae]{color:#909399}.el-x-thoughtchain .el-timeline-item[data-v-86d7e9ae]{list-style:none !important}.thought-chain-move[data-v-86d7e9ae],.thought-chain-enter-active[data-v-86d7e9ae],.thought-chain-leave-active[data-v-86d7e9ae]{transition:all .5s ease}.thought-chain-enter[data-v-86d7e9ae],.thought-chain-leave-to[data-v-86d7e9ae]{opacity:0;transform:translateY(10px) scaleY(0.9)}.thought-chain-leave-active[data-v-86d7e9ae]{position:absolute}.el-x-thoughtchain-loading[data-v-86d7e9ae]{animation:thoughtchain-rotating-86d7e9ae 1.5s linear infinite;transform-origin:center center;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}@keyframes thoughtchain-rotating-86d7e9ae{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}", ""]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 9442:
@@ -37174,7 +37174,7 @@ var Sender = __webpack_require__(650);
 // EXTERNAL MODULE: ./src/components/Thinking/index.js + 7 modules
 var Thinking = __webpack_require__(6784);
 // EXTERNAL MODULE: ./src/components/ThoughtChain/index.js + 7 modules
-var ThoughtChain = __webpack_require__(6109);
+var ThoughtChain = __webpack_require__(6765);
 // EXTERNAL MODULE: ./src/components/Typewriter/index.js + 8 modules
 var Typewriter = __webpack_require__(1207);
 // EXTERNAL MODULE: ./src/components/Welcome/index.js + 7 modules