vue-element-ui-x 0.1.9-beta → 0.2.0

package/lib/components/BubbleList/index.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 100);
+/******/ 	return __webpack_require__(__webpack_require__.s = 99);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -3402,7 +3402,7 @@ module.exports = Token;
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
 ___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_node_modules_prismjs_themes_prism_css__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"]);
 // Module
-___CSS_LOADER_EXPORT___.push([module.i, ".typer-container[data-v-0a15f16e]{overflow-x:auto}.markdown-content[data-v-0a15f16e] ul{list-style-type:disc}.typing-markdown-cursor-foggy.markdown-content[data-v-0a15f16e] h1,.typing-markdown-cursor-foggy.markdown-content[data-v-0a15f16e] h2,.typing-markdown-cursor-foggy.markdown-content[data-v-0a15f16e] h3,.typing-markdown-cursor-foggy.markdown-content[data-v-0a15f16e] h4,.typing-markdown-cursor-foggy.markdown-content[data-v-0a15f16e] h5,.typing-markdown-cursor-foggy.markdown-content[data-v-0a15f16e] h6,.typing-markdown-cursor-foggy.markdown-content[data-v-0a15f16e] p,.typing-markdown-cursor-foggy.markdown-content[data-v-0a15f16e] ol:last-child li,.typing-markdown-cursor-foggy.markdown-content[data-v-0a15f16e] ul:last-child li,.typing-cursor-foggy.markdown-content[data-v-0a15f16e] h1,.typing-cursor-foggy.markdown-content[data-v-0a15f16e] h2,.typing-cursor-foggy.markdown-content[data-v-0a15f16e] h3,.typing-cursor-foggy.markdown-content[data-v-0a15f16e] h4,.typing-cursor-foggy.markdown-content[data-v-0a15f16e] h5,.typing-cursor-foggy.markdown-content[data-v-0a15f16e] h6,.typing-cursor-foggy.markdown-content[data-v-0a15f16e] p,.typing-cursor-foggy.markdown-content[data-v-0a15f16e] ol:last-child li,.typing-cursor-foggy.markdown-content[data-v-0a15f16e] ul:last-child li{position:relative;overflow:hidden}.typing-markdown-cursor-foggy.markdown-content[data-v-0a15f16e] h1:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-0a15f16e] h2:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-0a15f16e] h3:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-0a15f16e] h4:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-0a15f16e] h5:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-0a15f16e] h6:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-0a15f16e] p:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-0a15f16e] ol:last-child li:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-0a15f16e] ul:last-child li:last-child:after,.typing-cursor-foggy.markdown-content[data-v-0a15f16e] h1:last-child:after,.typing-cursor-foggy.markdown-content[data-v-0a15f16e] h2:last-child:after,.typing-cursor-foggy.markdown-content[data-v-0a15f16e] h3:last-child:after,.typing-cursor-foggy.markdown-content[data-v-0a15f16e] h4:last-child:after,.typing-cursor-foggy.markdown-content[data-v-0a15f16e] h5:last-child:after,.typing-cursor-foggy.markdown-content[data-v-0a15f16e] h6:last-child:after,.typing-cursor-foggy.markdown-content[data-v-0a15f16e] p:last-child:after,.typing-cursor-foggy.markdown-content[data-v-0a15f16e] ol:last-child li:last-child:after,.typing-cursor-foggy.markdown-content[data-v-0a15f16e] ul:last-child li:last-child:after{content:\"\";width:var(--cursor-fog-width);height:1.5em;background:linear-gradient(90deg, transparent, var(--cursor-fog-bg-color));position:absolute;margin-left:calc(-1*var(--cursor-fog-width))}.typer-content.typing-cursor[data-v-0a15f16e]::after{content:var(--cursor-char);margin-left:2px;display:inline-block}.typer-content.typing-cursor-foggy[data-v-0a15f16e]{position:relative;overflow:hidden}.typer-content.typing-cursor-foggy[data-v-0a15f16e]:last-child:after{content:\"\";width:var(--cursor-fog-width);height:100%;background:linear-gradient(90deg, transparent, var(--cursor-fog-bg-color));position:absolute;margin-left:calc(-1*var(--cursor-fog-width))}", ""]);
+___CSS_LOADER_EXPORT___.push([module.i, ".typer-container[data-v-5217aa42]{overflow-x:auto}.markdown-content[data-v-5217aa42] ul{list-style-type:disc}.typing-markdown-cursor-foggy.markdown-content[data-v-5217aa42] h1,.typing-markdown-cursor-foggy.markdown-content[data-v-5217aa42] h2,.typing-markdown-cursor-foggy.markdown-content[data-v-5217aa42] h3,.typing-markdown-cursor-foggy.markdown-content[data-v-5217aa42] h4,.typing-markdown-cursor-foggy.markdown-content[data-v-5217aa42] h5,.typing-markdown-cursor-foggy.markdown-content[data-v-5217aa42] h6,.typing-markdown-cursor-foggy.markdown-content[data-v-5217aa42] p,.typing-markdown-cursor-foggy.markdown-content[data-v-5217aa42] ol:last-child li,.typing-markdown-cursor-foggy.markdown-content[data-v-5217aa42] ul:last-child li,.typing-cursor-foggy.markdown-content[data-v-5217aa42] h1,.typing-cursor-foggy.markdown-content[data-v-5217aa42] h2,.typing-cursor-foggy.markdown-content[data-v-5217aa42] h3,.typing-cursor-foggy.markdown-content[data-v-5217aa42] h4,.typing-cursor-foggy.markdown-content[data-v-5217aa42] h5,.typing-cursor-foggy.markdown-content[data-v-5217aa42] h6,.typing-cursor-foggy.markdown-content[data-v-5217aa42] p,.typing-cursor-foggy.markdown-content[data-v-5217aa42] ol:last-child li,.typing-cursor-foggy.markdown-content[data-v-5217aa42] ul:last-child li{position:relative;overflow:hidden}.typing-markdown-cursor-foggy.markdown-content[data-v-5217aa42] h1:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-5217aa42] h2:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-5217aa42] h3:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-5217aa42] h4:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-5217aa42] h5:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-5217aa42] h6:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-5217aa42] p:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-5217aa42] ol:last-child li:last-child:after,.typing-markdown-cursor-foggy.markdown-content[data-v-5217aa42] ul:last-child li:last-child:after,.typing-cursor-foggy.markdown-content[data-v-5217aa42] h1:last-child:after,.typing-cursor-foggy.markdown-content[data-v-5217aa42] h2:last-child:after,.typing-cursor-foggy.markdown-content[data-v-5217aa42] h3:last-child:after,.typing-cursor-foggy.markdown-content[data-v-5217aa42] h4:last-child:after,.typing-cursor-foggy.markdown-content[data-v-5217aa42] h5:last-child:after,.typing-cursor-foggy.markdown-content[data-v-5217aa42] h6:last-child:after,.typing-cursor-foggy.markdown-content[data-v-5217aa42] p:last-child:after,.typing-cursor-foggy.markdown-content[data-v-5217aa42] ol:last-child li:last-child:after,.typing-cursor-foggy.markdown-content[data-v-5217aa42] ul:last-child li:last-child:after{content:'';width:var(--cursor-fog-width);height:1.5em;background:linear-gradient(90deg, transparent, var(--cursor-fog-bg-color));position:absolute;margin-left:calc(-1 * var(--cursor-fog-width))}.typer-content.typing-cursor[data-v-5217aa42]::after{content:var(--cursor-char);margin-left:2px;display:inline-block}.typer-content.typing-cursor-foggy[data-v-5217aa42]{position:relative;overflow:hidden}.typer-content.typing-cursor-foggy[data-v-5217aa42]:last-child:after{content:'';width:var(--cursor-fog-width);height:100%;background:linear-gradient(90deg, transparent, var(--cursor-fog-bg-color));position:absolute;margin-left:calc(-1 * var(--cursor-fog-width))}\n", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
@@ -3441,7 +3441,7 @@ module.exports = g;
 // 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/Typewriter/src/main.vue?vue&type=template&id=0a15f16e&scoped=true
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Typewriter/src/main.vue?vue&type=template&id=5217aa42&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -3470,7 +3470,7 @@ var render = function render() {
 var staticRenderFns = [];
 render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/Typewriter/src/main.vue?vue&type=template&id=0a15f16e&scoped=true
+// CONCATENATED MODULE: ./src/components/Typewriter/src/main.vue?vue&type=template&id=5217aa42&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/dompurify/dist/purify.js
 var purify = __webpack_require__(21);
@@ -3569,8 +3569,16 @@ var prism_default = /*#__PURE__*/__webpack_require__.n(prism);
           return;
         }
 
-        // 仅在内容完全不同时重置
-        if (!oldVal || newVal !== oldVal) {
+        // 流式更新优化：如果新内容是旧内容的扩展，则不重置
+        if (oldVal && newVal && newVal.startsWith(oldVal)) {
+          // 增量更新，只更新缓存，不重置打字状态
+          this.contentCache = newVal;
+          // 如果当前没在打字，且有新内容，继续打字
+          if (!this.isTyping && this.typingIndex < newVal.length) {
+            this.startTyping();
+          }
+        } else if (!oldVal || newVal !== oldVal) {
+          // 完全不同的内容才重置
           this.contentCache = newVal || '';
           if (!this.isTyping) {
             this.typingIndex = 0;
@@ -3669,10 +3677,10 @@ var prism_default = /*#__PURE__*/__webpack_require__.n(prism);
 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/Typewriter/src/main.vue?vue&type=style&index=0&id=0a15f16e&prod&lang=scss&scoped=true
-var mainvue_type_style_index_0_id_0a15f16e_prod_lang_scss_scoped_true = __webpack_require__(10);
+// 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/Typewriter/src/main.vue?vue&type=style&index=0&id=5217aa42&prod&lang=scss&scoped=true
+var mainvue_type_style_index_0_id_5217aa42_prod_lang_scss_scoped_true = __webpack_require__(10);
 
-// 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/Typewriter/src/main.vue?vue&type=style&index=0&id=0a15f16e&prod&lang=scss&scoped=true
+// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Typewriter/src/main.vue?vue&type=style&index=0&id=5217aa42&prod&lang=scss&scoped=true
 
             
 
@@ -3681,12 +3689,12 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_0a15f16e_prod_lang_scss_scoped_true["a" /* default */], options);
+var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_5217aa42_prod_lang_scss_scoped_true["a" /* default */], options);
 
 
 
-/* harmony default export */ var src_mainvue_type_style_index_0_id_0a15f16e_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_0a15f16e_prod_lang_scss_scoped_true["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/components/Typewriter/src/main.vue?vue&type=style&index=0&id=0a15f16e&prod&lang=scss&scoped=true
+/* harmony default export */ var src_mainvue_type_style_index_0_id_5217aa42_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_5217aa42_prod_lang_scss_scoped_true["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/components/Typewriter/src/main.vue?vue&type=style&index=0&id=5217aa42&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(0);
@@ -3706,7 +3714,7 @@ var component = Object(componentNormalizer["a" /* default */])(
   staticRenderFns,
   false,
   null,
-  "0a15f16e",
+  "5217aa42",
   null
   
 )
@@ -4079,7 +4087,7 @@ module.exports.postProcess = function emphasis(state) {
 /* 21 */
 /***/ (function(module, exports, __webpack_require__) {
 
-/*! @license DOMPurify 3.2.5 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.5/LICENSE */
+/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */
 
 (function (global, factory) {
    true ? module.exports = factory() :
@@ -4288,7 +4296,7 @@ module.exports.postProcess = function emphasis(state) {
   const TMPLIT_EXPR = seal(/\$\{[\w\W]*/gm); // eslint-disable-line unicorn/better-regex
   const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]+$/); // eslint-disable-line no-useless-escape
   const ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape
-  const IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape
+  const IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape
   );
   const IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
   const ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g // eslint-disable-line no-control-regex
@@ -4385,7 +4393,7 @@ module.exports.postProcess = function emphasis(state) {
   function createDOMPurify() {
     let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
     const DOMPurify = root => createDOMPurify(root);
-    DOMPurify.version = '3.2.5';
+    DOMPurify.version = '3.2.6';
     DOMPurify.removed = [];
     if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) {
       // Not running in a browser, provide a factory function
@@ -4624,8 +4632,8 @@ module.exports.postProcess = function emphasis(state) {
       URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, 'ADD_URI_SAFE_ATTR') ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR, transformCaseFunc) : DEFAULT_URI_SAFE_ATTRIBUTES;
       DATA_URI_TAGS = objectHasOwnProperty(cfg, 'ADD_DATA_URI_TAGS') ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS, transformCaseFunc) : DEFAULT_DATA_URI_TAGS;
       FORBID_CONTENTS = objectHasOwnProperty(cfg, 'FORBID_CONTENTS') ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;
-      FORBID_TAGS = objectHasOwnProperty(cfg, 'FORBID_TAGS') ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : {};
-      FORBID_ATTR = objectHasOwnProperty(cfg, 'FORBID_ATTR') ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : {};
+      FORBID_TAGS = objectHasOwnProperty(cfg, 'FORBID_TAGS') ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : clone({});
+      FORBID_ATTR = objectHasOwnProperty(cfg, 'FORBID_ATTR') ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : clone({});
       USE_PROFILES = objectHasOwnProperty(cfg, 'USE_PROFILES') ? cfg.USE_PROFILES : false;
       ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true
       ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true
@@ -4990,7 +4998,7 @@ module.exports.postProcess = function emphasis(state) {
         allowedTags: ALLOWED_TAGS
       });
       /* Detect mXSS attempts abusing namespace confusion */
-      if (currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w!]/g, currentNode.innerHTML) && regExpTest(/<[/\w!]/g, currentNode.textContent)) {
+      if (SAFE_FOR_XML && currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w!]/g, currentNode.innerHTML) && regExpTest(/<[/\w!]/g, currentNode.textContent)) {
         _forceRemove(currentNode);
         return true;
       }
@@ -5142,7 +5150,8 @@ module.exports.postProcess = function emphasis(state) {
           value: attrValue
         } = attr;
         const lcName = transformCaseFunc(name);
-        let value = name === 'value' ? attrValue : stringTrim(attrValue);
+        const initValue = attrValue;
+        let value = name === 'value' ? initValue : stringTrim(initValue);
         /* Execute a hook if present */
         hookEvent.attrName = lcName;
         hookEvent.attrValue = value;
@@ -5168,10 +5177,9 @@ module.exports.postProcess = function emphasis(state) {
         if (hookEvent.forceKeepAttr) {
           continue;
         }
-        /* Remove attribute */
-        _removeAttribute(name, currentNode);
         /* Did the hooks approve of the attribute? */
         if (!hookEvent.keepAttr) {
+          _removeAttribute(name, currentNode);
           continue;
         }
         /* Work around a security issue in jQuery 3.0 */
@@ -5188,6 +5196,7 @@ module.exports.postProcess = function emphasis(state) {
         /* Is `value` valid for this attribute? */
         const lcTag = transformCaseFunc(currentNode.nodeName);
         if (!_isValidAttribute(lcTag, lcName, value)) {
+          _removeAttribute(name, currentNode);
           continue;
         }
         /* Handle attributes that require Trusted Types */
@@ -5208,19 +5217,23 @@ module.exports.postProcess = function emphasis(state) {
           }
         }
         /* Handle invalid data-* attribute set by try-catching it */
-        try {
-          if (namespaceURI) {
-            currentNode.setAttributeNS(namespaceURI, name, value);
-          } else {
-            /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */
-            currentNode.setAttribute(name, value);
-          }
-          if (_isClobbered(currentNode)) {
-            _forceRemove(currentNode);
-          } else {
-            arrayPop(DOMPurify.removed);
+        if (value !== initValue) {
+          try {
+            if (namespaceURI) {
+              currentNode.setAttributeNS(namespaceURI, name, value);
+            } else {
+              /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */
+              currentNode.setAttribute(name, value);
+            }
+            if (_isClobbered(currentNode)) {
+              _forceRemove(currentNode);
+            } else {
+              arrayPop(DOMPurify.removed);
+            }
+          } catch (_) {
+            _removeAttribute(name, currentNode);
           }
-        } catch (_) {}
+        }
       }
       /* Execute a hook if present */
       _executeHooks(hooks.afterSanitizeAttributes, currentNode, null);
@@ -5496,7 +5509,7 @@ module.exports = function(module) {
 
 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-716e941e]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}.el-x-bubble[data-v-716e941e]{display:flex;gap:var(--el-x-bubble-avatar-placeholder-gap)}.el-x-bubble-avatar-size[data-v-716e941e] .el-avatar{width:var(--el-x-bubble-avatar-placeholder-width);height:var(--el-x-bubble-avatar-placeholder-height)}.el-x-bubble-avatar-placeholder[data-v-716e941e]{width:var(--el-x-bubble-avatar-placeholder-width);height:var(--el-x-bubble-avatar-placeholder-height)}.el-x-bubble-start .el-x-bubble-content-wrapper .el-x-bubble-content-corner[data-v-716e941e]{border-start-start-radius:2px}.el-x-bubble-end[data-v-716e941e]{justify-content:end;flex-direction:row-reverse}.el-x-bubble-end .el-x-bubble-content-wrapper[data-v-716e941e]{align-items:flex-end}.el-x-bubble-end .el-x-bubble-content-wrapper .el-x-bubble-content-corner[data-v-716e941e]{border-start-end-radius:2px}.el-x-bubble-no-style .el-x-bubble-content-wrapper .el-x-bubble-content[data-v-716e941e]{background-color:rgba(0,0,0,0);padding:0}.el-x-bubble-content-wrapper[data-v-716e941e]{flex:auto;display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:100%}.el-x-bubble-content-wrapper .el-x-bubble-header[data-v-716e941e],.el-x-bubble-content-wrapper .el-x-bubble-content[data-v-716e941e],.el-x-bubble-content-wrapper .el-x-bubble-footer[data-v-716e941e]{font-size:14px;color:#303133;line-height:24px}.el-x-bubble-content-wrapper .el-x-bubble-content[data-v-716e941e]{background-color:#edf2fc;padding:12px 18px;border-radius:8px;position:relative;box-sizing:border-box;min-width:0;max-width:var(--bubble-content-max-width);color:#303133;font-size:14px;line-height:24px;word-break:break-word}.el-x-bubble-content-wrapper .el-x-bubble-content .no-content[data-v-716e941e]{height:0}.el-x-bubble-content-wrapper .el-x-bubble-content-round[data-v-716e941e]{border-radius:20px}.el-x-bubble-content-wrapper .el-x-bubble-content-filled[data-v-716e941e]{background-color:#edf2fc}.el-x-bubble-content-wrapper .el-x-bubble-content-borderless[data-v-716e941e]{background-color:#edf2fc;border:1px solid #dcdfe6}.el-x-bubble-content-wrapper .el-x-bubble-content-outlined[data-v-716e941e]{background:none;border:1px solid #dcdfe6}.el-x-bubble-content-wrapper .el-x-bubble-content-shadow[data-v-716e941e]{background:none;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.el-x-bubble-content-wrapper .el-x-bubble-content-loading[data-v-716e941e]{width:fit-content}.el-x-bubble-content-wrapper .el-x-bubble-content-loading .el-x-bubble-loading-wrap[data-v-716e941e]{display:flex;justify-content:center;align-items:center;gap:5px}.el-x-bubble-content-wrapper .el-x-bubble-content-loading .dot[data-v-716e941e]{width:5px;height:5px;background-color:#409eff;border-radius:50%;animation:wave-716e941e 1s infinite ease-in-out}@keyframes wave-716e941e{0%,100%{transform:translateY(-2px)}50%{transform:translateY(2px)}}.el-x-bubble-content-wrapper .el-x-bubble-footer[data-v-716e941e]{margin-top:8px}", ""]);
+___CSS_LOADER_EXPORT___.push([module.i, "[data-v-716e941e]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}.el-x-bubble[data-v-716e941e]{display:flex;gap:var(--el-x-bubble-avatar-placeholder-gap)}.el-x-bubble-avatar-size[data-v-716e941e] .el-avatar{width:var(--el-x-bubble-avatar-placeholder-width);height:var(--el-x-bubble-avatar-placeholder-height)}.el-x-bubble-avatar-placeholder[data-v-716e941e]{width:var(--el-x-bubble-avatar-placeholder-width);height:var(--el-x-bubble-avatar-placeholder-height)}.el-x-bubble-start .el-x-bubble-content-wrapper .el-x-bubble-content-corner[data-v-716e941e]{border-start-start-radius:2px}.el-x-bubble-end[data-v-716e941e]{justify-content:end;flex-direction:row-reverse}.el-x-bubble-end .el-x-bubble-content-wrapper[data-v-716e941e]{align-items:flex-end}.el-x-bubble-end .el-x-bubble-content-wrapper .el-x-bubble-content-corner[data-v-716e941e]{border-start-end-radius:2px}.el-x-bubble-no-style .el-x-bubble-content-wrapper .el-x-bubble-content[data-v-716e941e]{background-color:transparent;padding:0}.el-x-bubble-content-wrapper[data-v-716e941e]{flex:auto;display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:100%}.el-x-bubble-content-wrapper .el-x-bubble-header[data-v-716e941e],.el-x-bubble-content-wrapper .el-x-bubble-content[data-v-716e941e],.el-x-bubble-content-wrapper .el-x-bubble-footer[data-v-716e941e]{font-size:14px;color:#303133;line-height:24px}.el-x-bubble-content-wrapper .el-x-bubble-content[data-v-716e941e]{background-color:#edf2fc;padding:12px 18px;border-radius:8px;position:relative;box-sizing:border-box;min-width:0;max-width:var(--bubble-content-max-width);color:#303133;font-size:14px;line-height:24px;word-break:break-word}.el-x-bubble-content-wrapper .el-x-bubble-content .no-content[data-v-716e941e]{height:0}.el-x-bubble-content-wrapper .el-x-bubble-content-round[data-v-716e941e]{border-radius:20px}.el-x-bubble-content-wrapper .el-x-bubble-content-filled[data-v-716e941e]{background-color:#edf2fc}.el-x-bubble-content-wrapper .el-x-bubble-content-borderless[data-v-716e941e]{background-color:#edf2fc;border:1px solid #DCDFE6}.el-x-bubble-content-wrapper .el-x-bubble-content-outlined[data-v-716e941e]{background:none;border:1px solid #DCDFE6}.el-x-bubble-content-wrapper .el-x-bubble-content-shadow[data-v-716e941e]{background:none;box-shadow:0 2px 4px rgba(0,0,0,0.12),0 0 6px rgba(0,0,0,0.04)}.el-x-bubble-content-wrapper .el-x-bubble-content-loading[data-v-716e941e]{width:fit-content}.el-x-bubble-content-wrapper .el-x-bubble-content-loading .el-x-bubble-loading-wrap[data-v-716e941e]{display:flex;justify-content:center;align-items:center;gap:5px}.el-x-bubble-content-wrapper .el-x-bubble-content-loading .dot[data-v-716e941e]{width:5px;height:5px;background-color:#409EFF;border-radius:50%;animation:wave-716e941e 1s infinite ease-in-out}@keyframes wave-716e941e{0%,100%{transform:translateY(-2px)}50%{transform:translateY(2px)}}.el-x-bubble-content-wrapper .el-x-bubble-footer[data-v-716e941e]{margin-top:8px}\n", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
@@ -13149,7 +13162,7 @@ module.exports = {
 
 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-1c7b8442]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}.el-x-bubble-list[data-v-1c7b8442]{display:flex;flex-direction:column;gap:16px;min-height:0;max-height:var(--el-x-bubble-list-max-height);overflow:auto;scroll-behavior:smooth;position:relative}.el-x-bubble-list[data-v-1c7b8442]::-webkit-scrollbar{width:6px;height:8px}.el-x-bubble-list[data-v-1c7b8442]::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);background-color:rgba(0,0,0,.2);border-radius:10px;transition:background-color .2s ease-in-out}.el-x-bubble-list[data-v-1c7b8442]::-webkit-scrollbar-track{border-radius:10px;background:rgba(0,0,0,0)}.el-x-bubble-list[data-v-1c7b8442]:hover::-webkit-scrollbar-thumb{background:#c1c1c1}.el-x-bubble-list[data-v-1c7b8442]:hover::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.el-x-bubble-list.always-scrollbar[data-v-1c7b8442]::-webkit-scrollbar-thumb{background:#c1c1c1}.el-x-bubble-list.always-scrollbar[data-v-1c7b8442]:hover::-webkit-scrollbar-thumb{background:#a8a8a8}@supports(scrollbar-color: auto){.el-x-bubble-list[data-v-1c7b8442]{scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);scrollbar-width:thin}.el-x-bubble-list[data-v-1c7b8442]:hover{scrollbar-color:#c1c1c1 rgba(0,0,0,0)}.el-x-bubble-list.always-scrollbar[data-v-1c7b8442]{scrollbar-color:#c1c1c1 rgba(0,0,0,0)}}.el-x-bubble-list-default-back-button[data-v-1c7b8442]{position:sticky;user-select:none;cursor:pointer;width:40px;height:40px;padding:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:50%;box-shadow:0 0 4px 0 rgba(0,0,0,.02),0 6px 10px 0 rgba(47,53,64,.1);transition:all .3s ease;z-index:100}.el-x-bubble-list-default-back-button[data-v-1c7b8442]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.el-x-bubble-list-default-back-button .el-x-bubble-list-back-to-bottom-icon[data-v-1c7b8442]{font-size:var(--el-x-bubble-list-btn-size);position:relative}.el-x-bubble-list-default-back-button .el-x-bubble-list-back-to-bottom-icon .back-to-bottom-loading-svg-bg[data-v-1c7b8442]{position:absolute;font-size:calc(var(--el-x-bubble-list-btn-size) + 26px);animation:is-loading-1c7b8442 1s infinite linear;width:40px;height:40px}@keyframes is-loading-1c7b8442{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.el-x-bubble-list-default-back-button .back-to-bottom-loading-svg-bg[data-v-1c7b8442]{position:absolute;font-size:calc(var(--el-x-bubble-list-btn-size) + 26px);animation:is-loading-1c7b8442 1s infinite linear;width:40px;height:40px}@keyframes is-loading-1c7b8442{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.el-x-bubble-list-back-to-bottom-solt[data-v-1c7b8442]{position:sticky;user-select:none;cursor:initial;width:fit-content;height:fit-content;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;box-shadow:initial}.el-x-bubble-list-back-to-bottom-solt[data-v-1c7b8442]:hover{transform:translateY(0px);box-shadow:initial}", ""]);
+___CSS_LOADER_EXPORT___.push([module.i, "[data-v-6f319e88]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}.el-x-bubble-list[data-v-6f319e88]{display:flex;flex-direction:column;gap:16px;min-height:0;max-height:var(--el-x-bubble-list-max-height);overflow:auto;scroll-behavior:smooth;position:relative}.el-x-bubble-list[data-v-6f319e88]::-webkit-scrollbar{width:6px;height:8px}.el-x-bubble-list[data-v-6f319e88]::-webkit-scrollbar-thumb{background:transparent;background-color:#0003;border-radius:10px;transition:background-color 0.2s ease-in-out}.el-x-bubble-list[data-v-6f319e88]::-webkit-scrollbar-track{border-radius:10px;background:transparent}.el-x-bubble-list[data-v-6f319e88]:hover::-webkit-scrollbar-thumb{background:#c1c1c1}.el-x-bubble-list[data-v-6f319e88]:hover::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.el-x-bubble-list.always-scrollbar[data-v-6f319e88]::-webkit-scrollbar-thumb{background:#c1c1c1}.el-x-bubble-list.always-scrollbar[data-v-6f319e88]:hover::-webkit-scrollbar-thumb{background:#a8a8a8}@supports (scrollbar-color: auto){.el-x-bubble-list[data-v-6f319e88]{scrollbar-color:transparent transparent;scrollbar-width:thin}.el-x-bubble-list[data-v-6f319e88]:hover{scrollbar-color:#c1c1c1 transparent}.el-x-bubble-list.always-scrollbar[data-v-6f319e88]{scrollbar-color:#c1c1c1 transparent}}.el-x-bubble-list-default-back-button[data-v-6f319e88]{position:sticky;user-select:none;cursor:pointer;width:40px;height:40px;padding:10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:#ffffff;border-radius:50%;box-shadow:0 0 4px 0 rgba(0,0,0,0.02),0 6px 10px 0 rgba(47,53,64,0.1);transition:all 0.3s ease;z-index:100}.el-x-bubble-list-default-back-button[data-v-6f319e88]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.el-x-bubble-list-default-back-button .el-x-bubble-list-back-to-bottom-icon[data-v-6f319e88]{font-size:var(--el-x-bubble-list-btn-size);position:relative}.el-x-bubble-list-default-back-button .el-x-bubble-list-back-to-bottom-icon .back-to-bottom-loading-svg-bg[data-v-6f319e88]{position:absolute;font-size:calc(var(--el-x-bubble-list-btn-size) + 26px);animation:is-loading-6f319e88 1s infinite linear;width:40px;height:40px}@keyframes is-loading-6f319e88{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.el-x-bubble-list-default-back-button .back-to-bottom-loading-svg-bg[data-v-6f319e88]{position:absolute;font-size:calc(var(--el-x-bubble-list-btn-size) + 26px);animation:is-loading-6f319e88 1s infinite linear;width:40px;height:40px}@keyframes is-loading-6f319e88{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.el-x-bubble-list-back-to-bottom-solt[data-v-6f319e88]{position:sticky;user-select:none;cursor:initial;width:fit-content;height:fit-content;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;box-shadow:initial}.el-x-bubble-list-back-to-bottom-solt[data-v-6f319e88]:hover{transform:translateY(0px);box-shadow:initial}\n", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
@@ -13164,8 +13177,7 @@ ___CSS_LOADER_EXPORT___.push([module.i, "[data-v-1c7b8442]:root{--color-primary:
 /* 93 */,
 /* 94 */,
 /* 95 */,
-/* 96 */,
-/* 97 */
+/* 96 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -13262,16 +13274,16 @@ render._withStripped = true;
 
 
 /***/ }),
+/* 97 */,
 /* 98 */,
-/* 99 */,
-/* 100 */
+/* 99 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/BubbleList/src/main.vue?vue&type=template&id=1c7b8442&scoped=true
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/BubbleList/src/main.vue?vue&type=template&id=6f319e88&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -13376,13 +13388,13 @@ var render = function render() {
 var staticRenderFns = [];
 render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/BubbleList/src/main.vue?vue&type=template&id=1c7b8442&scoped=true
+// CONCATENATED MODULE: ./src/components/BubbleList/src/main.vue?vue&type=template&id=6f319e88&scoped=true
 
 // EXTERNAL MODULE: ./src/components/Bubble/index.js + 7 modules
 var Bubble = __webpack_require__(28);
 
 // EXTERNAL MODULE: ./src/components/BubbleList/src/loading.vue
-var loading = __webpack_require__(107);
+var loading = __webpack_require__(105);
 
 // CONCATENATED MODULE: ./src/utils/scrollDetector.js
 function createScrollDetector(elementRef) {
@@ -13604,11 +13616,6 @@ function createScrollDetector(elementRef) {
       this.scrollDetector.destroy();
     }
   },
-  beforeDestroy() {
-    if (this.resizeObserver) {
-      this.resizeObserver.disconnect();
-    }
-  },
   methods: {
     getValidIndices(list, indices) {
       const validIndices = [];
@@ -13750,10 +13757,10 @@ function createScrollDetector(elementRef) {
 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/BubbleList/src/main.vue?vue&type=style&index=0&id=1c7b8442&prod&lang=scss&scoped=true
-var mainvue_type_style_index_0_id_1c7b8442_prod_lang_scss_scoped_true = __webpack_require__(86);
+// 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/BubbleList/src/main.vue?vue&type=style&index=0&id=6f319e88&prod&lang=scss&scoped=true
+var mainvue_type_style_index_0_id_6f319e88_prod_lang_scss_scoped_true = __webpack_require__(86);
 
-// 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/BubbleList/src/main.vue?vue&type=style&index=0&id=1c7b8442&prod&lang=scss&scoped=true
+// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/BubbleList/src/main.vue?vue&type=style&index=0&id=6f319e88&prod&lang=scss&scoped=true
 
             
 
@@ -13762,12 +13769,12 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_1c7b8442_prod_lang_scss_scoped_true["a" /* default */], options);
+var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_6f319e88_prod_lang_scss_scoped_true["a" /* default */], options);
 
 
 
-/* harmony default export */ var src_mainvue_type_style_index_0_id_1c7b8442_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_1c7b8442_prod_lang_scss_scoped_true["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/components/BubbleList/src/main.vue?vue&type=style&index=0&id=1c7b8442&prod&lang=scss&scoped=true
+/* harmony default export */ var src_mainvue_type_style_index_0_id_6f319e88_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_6f319e88_prod_lang_scss_scoped_true["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/components/BubbleList/src/main.vue?vue&type=style&index=0&id=6f319e88&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(0);
@@ -13787,7 +13794,7 @@ var component = Object(componentNormalizer["a" /* default */])(
   staticRenderFns,
   false,
   null,
-  "1c7b8442",
+  "6f319e88",
   null
   
 )
@@ -13803,17 +13810,16 @@ main.install = function (Vue) {
 /* harmony default export */ var BubbleList = __webpack_exports__["default"] = (main);
 
 /***/ }),
+/* 100 */,
 /* 101 */,
 /* 102 */,
 /* 103 */,
 /* 104 */,
-/* 105 */,
-/* 106 */,
-/* 107 */
+/* 105 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _loading_vue_vue_type_template_id_ed06f0be_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(97);
+/* harmony import */ var _loading_vue_vue_type_template_id_ed06f0be_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(96);
 /* harmony import */ var _loading_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(83);
 /* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);