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

package/lib/components/ThoughtChain/index.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 105);
+/******/ 	return __webpack_require__(__webpack_require__.s = 103);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -20609,7 +20609,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___);
 
@@ -20648,7 +20648,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;
@@ -20677,7 +20677,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);
@@ -20776,8 +20776,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;
@@ -20876,10 +20884,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
 
             
 
@@ -20888,12 +20896,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);
@@ -20913,7 +20921,7 @@ var component = Object(componentNormalizer["a" /* default */])(
   staticRenderFns,
   false,
   null,
-  "0a15f16e",
+  "5217aa42",
   null
   
 )
@@ -21286,7 +21294,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() :
@@ -21495,7 +21503,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
@@ -21592,7 +21600,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
@@ -21831,8 +21839,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
@@ -22197,7 +22205,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;
       }
@@ -22349,7 +22357,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;
@@ -22375,10 +22384,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 */
@@ -22395,6 +22403,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 */
@@ -22415,19 +22424,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);
@@ -30004,8 +30017,7 @@ module.exports = {
 /* 91 */,
 /* 92 */,
 /* 93 */,
-/* 94 */,
-/* 95 */
+/* 94 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -30015,12 +30027,13 @@ 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-1362b73a]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}.el-x-thoughtchain-item-dot[data-v-1362b73a]{display:flex;justify-content:center;align-items:center}.el-x-thoughtchain-item-dot .el-button[data-v-1362b73a]{cursor:default !important}.el-x-thoughtchain .el-collapse[data-v-1362b73a]{border:none}.el-x-thoughtchain .el-collapse .el-collapse-item__header[data-v-1362b73a]{height:20px;font-weight:normal}.el-x-thoughtchain .el-collapse .el-collapse-item__arrow[data-v-1362b73a]{margin:0 0 0 8px}.el-x-thoughtchain .el-collapse .el-collapse-item__header[data-v-1362b73a]{margin-bottom:5px}.el-x-thoughtchain .el-collapse .el-collapse-item__header[data-v-1362b73a],.el-x-thoughtchain .el-collapse .el-collapse-item__wrap[data-v-1362b73a]{border:none}.el-x-thoughtchain .el-collapse .el-collapse-item__content[data-v-1362b73a]{color:#909399;padding:0}.el-x-thoughtchain .el-timeline[data-v-1362b73a]{padding:10px 0 0 5px}.el-x-thoughtchain .el-timeline-item__timestamp[data-v-1362b73a]{color:#303133}.el-x-thoughtchain .el-timeline-item__content[data-v-1362b73a]{color:#909399}.el-x-thoughtchain .el-timeline-item[data-v-1362b73a]{list-style:none !important}.thought-chain-move[data-v-1362b73a],.thought-chain-enter-active[data-v-1362b73a],.thought-chain-leave-active[data-v-1362b73a]{transition:all .5s ease}.thought-chain-enter[data-v-1362b73a],.thought-chain-leave-to[data-v-1362b73a]{opacity:0;transform:translateY(10px) scaleY(0.9)}.thought-chain-leave-active[data-v-1362b73a]{position:absolute}.el-x-thoughtchain-loading[data-v-1362b73a]{animation:thoughtchain-rotating-1362b73a 1.5s linear infinite;transform-origin:center center;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}@keyframes thoughtchain-rotating-1362b73a{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}", ""]);
+___CSS_LOADER_EXPORT___.push([module.i, "[data-v-1362b73a]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}.el-x-thoughtchain-item-dot[data-v-1362b73a]{display:flex;justify-content:center;align-items:center}.el-x-thoughtchain-item-dot .el-button[data-v-1362b73a]{cursor:default !important}.el-x-thoughtchain .el-collapse[data-v-1362b73a]{border:none}.el-x-thoughtchain .el-collapse .el-collapse-item__header[data-v-1362b73a]{height:20px;font-weight:normal}.el-x-thoughtchain .el-collapse .el-collapse-item__arrow[data-v-1362b73a]{margin:0 0 0 8px}.el-x-thoughtchain .el-collapse .el-collapse-item__header[data-v-1362b73a]{margin-bottom:5px}.el-x-thoughtchain .el-collapse .el-collapse-item__header[data-v-1362b73a],.el-x-thoughtchain .el-collapse .el-collapse-item__wrap[data-v-1362b73a]{border:none}.el-x-thoughtchain .el-collapse .el-collapse-item__content[data-v-1362b73a]{color:#909399;padding:0}.el-x-thoughtchain .el-timeline[data-v-1362b73a]{padding:10px 0 0 5px}.el-x-thoughtchain .el-timeline-item__timestamp[data-v-1362b73a]{color:#303133}.el-x-thoughtchain .el-timeline-item__content[data-v-1362b73a]{color:#909399}.el-x-thoughtchain .el-timeline-item[data-v-1362b73a]{list-style:none !important}.thought-chain-move[data-v-1362b73a],.thought-chain-enter-active[data-v-1362b73a],.thought-chain-leave-active[data-v-1362b73a]{transition:all 0.5s ease}.thought-chain-enter[data-v-1362b73a],.thought-chain-leave-to[data-v-1362b73a]{opacity:0;transform:translateY(10px) scaleY(0.9)}.thought-chain-leave-active[data-v-1362b73a]{position:absolute}.el-x-thoughtchain-loading[data-v-1362b73a]{animation:thoughtchain-rotating-1362b73a 1.5s linear infinite;transform-origin:center center;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}@keyframes thoughtchain-rotating-1362b73a{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}\n", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
 
 /***/ }),
+/* 95 */,
 /* 96 */,
 /* 97 */,
 /* 98 */,
@@ -30028,9 +30041,7 @@ ___CSS_LOADER_EXPORT___.push([module.i, "[data-v-1362b73a]:root{--color-primary:
 /* 100 */,
 /* 101 */,
 /* 102 */,
-/* 103 */,
-/* 104 */,
-/* 105 */
+/* 103 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -30336,7 +30347,7 @@ 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/ThoughtChain/src/main.vue?vue&type=style&index=0&id=1362b73a&prod&lang=scss&scoped=true
-var mainvue_type_style_index_0_id_1362b73a_prod_lang_scss_scoped_true = __webpack_require__(95);
+var mainvue_type_style_index_0_id_1362b73a_prod_lang_scss_scoped_true = __webpack_require__(94);
 
 // 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/ThoughtChain/src/main.vue?vue&type=style&index=0&id=1362b73a&prod&lang=scss&scoped=true
 

package/lib/components/Typewriter/index.js

@@ -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);

package/lib/components/Welcome/index.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 106);
+/******/ 	return __webpack_require__(__webpack_require__.s = 104);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -192,7 +192,7 @@ function normalizeComponent(
 
 /***/ }),
 
-/***/ 106:
+/***/ 104:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -333,7 +333,7 @@ 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/Welcome/src/main.vue?vue&type=style&index=0&id=68cfb339&prod&lang=scss&scoped=true
-var mainvue_type_style_index_0_id_68cfb339_prod_lang_scss_scoped_true = __webpack_require__(96);
+var mainvue_type_style_index_0_id_68cfb339_prod_lang_scss_scoped_true = __webpack_require__(95);
 
 // 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/Welcome/src/main.vue?vue&type=style&index=0&id=68cfb339&prod&lang=scss&scoped=true
 
@@ -735,7 +735,7 @@ module.exports = function (list, options) {
 
 /***/ }),
 
-/***/ 96:
+/***/ 95:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -745,7 +745,7 @@ module.exports = function (list, options) {
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
 // Module
-___CSS_LOADER_EXPORT___.push([module.i, "[data-v-68cfb339]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}.el-x-welcome[data-v-68cfb339]{--border-radius: 4px;--icon-size: 64px;--icon-size-small: 48px;--icon-size-mobile: 40px;--gap: 16px;--gap-small: 8px;--gap-mobile: 12px;--gap-small-mobile: 6px;--padding: 24px;--padding-mobile: 16px;--title-font-size: 16px;--title-font-size-mobile: 14px;--description-font-size: 14px;--description-font-size-mobile: 13px;--color-filled-bg: #e6f4ff;--color-filled-border: #91caff;--color-title: #303133;--color-description: #606266;display:flex;gap:var(--gap);padding:var(--padding);border-radius:var(--border-radius)}.el-x-welcome.el-x-welcome-filled[data-v-68cfb339]{background-color:var(--color-filled-bg);border:1px solid var(--color-filled-border)}.el-x-welcome.el-x-welcome-borderless[data-v-68cfb339]{border:none}.el-x-welcome.el-x-welcome-rtl[data-v-68cfb339]{direction:rtl}@media(max-width: 768px){.el-x-welcome[data-v-68cfb339]{--gap: var(--gap-mobile);--gap-small: var(--gap-small-mobile);--padding: var(--padding-mobile);--title-font-size: var(--title-font-size-mobile);--description-font-size: var(--description-font-size-mobile);gap:var(--gap-mobile);padding:var(--padding-mobile)}}@media(max-width: 480px){.el-x-welcome[data-v-68cfb339]{--icon-size: var(--icon-size-mobile);--padding: 12px;--gap: 8px;--gap-small: 4px;flex-direction:column;align-items:center;text-align:center;padding:12px;gap:8px}.el-x-welcome.el-x-welcome-rtl[data-v-68cfb339]{direction:ltr}}@media(max-width: 320px){.el-x-welcome[data-v-68cfb339]{--padding: 8px;--gap: 6px;--icon-size: 32px;padding:8px;gap:6px}}.el-x-welcome-icon[data-v-68cfb339]{flex:0 0 auto;width:var(--icon-size);height:var(--icon-size);display:flex;align-items:center;justify-content:center;border-radius:calc(var(--border-radius)/2);overflow:hidden;font-size:24px}.el-x-welcome-icon .icon-image[data-v-68cfb339]{width:100%;height:100%;object-fit:contain;padding:4px}@media(max-width: 768px){.el-x-welcome-icon[data-v-68cfb339]{width:var(--icon-size-small);height:var(--icon-size-small);font-size:20px}}@media(max-width: 480px){.el-x-welcome-icon[data-v-68cfb339]{width:var(--icon-size-mobile);height:var(--icon-size-mobile);font-size:16px;margin-bottom:4px}.el-x-welcome-icon .icon-image[data-v-68cfb339]{padding:2px}}@media(max-width: 320px){.el-x-welcome-icon[data-v-68cfb339]{width:32px;height:32px;font-size:14px}}.content-wrapper[data-v-68cfb339]{flex:1;display:flex;flex-direction:column;gap:var(--gap-small)}@media(max-width: 480px){.content-wrapper[data-v-68cfb339]{align-items:center;text-align:center;width:100%;gap:var(--gap-small-mobile)}}.title-wrapper[data-v-68cfb339]{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-small)}@media(max-width: 768px){.title-wrapper[data-v-68cfb339]{gap:var(--gap-small-mobile)}}@media(max-width: 480px){.title-wrapper[data-v-68cfb339]{flex-direction:column;align-items:center;gap:4px;width:100%}}@media(max-width: 320px){.title-wrapper[data-v-68cfb339]{gap:2px}}.el-x-welcome-title[data-v-68cfb339]{margin:0;font-size:var(--title-font-size);font-weight:600;color:var(--color-title);word-break:break-word}@media(max-width: 768px){.el-x-welcome-title[data-v-68cfb339]{font-size:var(--title-font-size-mobile)}}@media(max-width: 480px){.el-x-welcome-title[data-v-68cfb339]{font-size:14px;text-align:center;line-height:1.4}}@media(max-width: 320px){.el-x-welcome-title[data-v-68cfb339]{font-size:13px}}.el-x-welcome-extra[data-v-68cfb339]{flex-shrink:0;display:flex;align-items:center;gap:var(--gap-small)}.el-x-welcome-extra .el-dropdown[data-v-68cfb339],.el-x-welcome-extra .el-button[data-v-68cfb339],.el-x-welcome-extra .el-link[data-v-68cfb339]{flex-shrink:0}@media(max-width: 768px){.el-x-welcome-extra[data-v-68cfb339]{gap:var(--gap-small-mobile)}.el-x-welcome-extra .el-button[data-v-68cfb339]{font-size:12px;padding:6px 12px}}@media(max-width: 480px){.el-x-welcome-extra[data-v-68cfb339]{justify-content:center;flex-wrap:wrap;gap:4px}.el-x-welcome-extra .el-button[data-v-68cfb339]{font-size:12px;padding:4px 8px;min-height:28px}.el-x-welcome-extra .el-dropdown .el-button[data-v-68cfb339]{font-size:12px;padding:4px 8px}.el-x-welcome-extra .el-link[data-v-68cfb339]{font-size:12px}}@media(max-width: 320px){.el-x-welcome-extra .el-button[data-v-68cfb339]{font-size:11px;padding:3px 6px;min-height:24px}}.el-x-welcome-description[data-v-68cfb339]{margin:0;font-size:var(--description-font-size);color:var(--color-description);line-height:1.5;word-break:break-word}@media(max-width: 768px){.el-x-welcome-description[data-v-68cfb339]{font-size:var(--description-font-size-mobile);line-height:1.4}}@media(max-width: 480px){.el-x-welcome-description[data-v-68cfb339]{font-size:13px;line-height:1.4;text-align:center}}@media(max-width: 320px){.el-x-welcome-description[data-v-68cfb339]{font-size:12px;line-height:1.3}}", ""]);
+___CSS_LOADER_EXPORT___.push([module.i, "[data-v-68cfb339]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}.el-x-welcome[data-v-68cfb339]{--border-radius: 4px;--icon-size: 64px;--icon-size-small: 48px;--icon-size-mobile: 40px;--gap: 16px;--gap-small: 8px;--gap-mobile: 12px;--gap-small-mobile: 6px;--padding: 24px;--padding-mobile: 16px;--title-font-size: 16px;--title-font-size-mobile: 14px;--description-font-size: 14px;--description-font-size-mobile: 13px;--color-filled-bg: #e6f4ff;--color-filled-border: #91caff;--color-title: #303133;--color-description: #606266;display:flex;gap:var(--gap);padding:var(--padding);border-radius:var(--border-radius)}.el-x-welcome.el-x-welcome-filled[data-v-68cfb339]{background-color:var(--color-filled-bg);border:1px solid var(--color-filled-border)}.el-x-welcome.el-x-welcome-borderless[data-v-68cfb339]{border:none}.el-x-welcome.el-x-welcome-rtl[data-v-68cfb339]{direction:rtl}@media (max-width: 768px){.el-x-welcome[data-v-68cfb339]{--gap: var(--gap-mobile);--gap-small: var(--gap-small-mobile);--padding: var(--padding-mobile);--title-font-size: var(--title-font-size-mobile);--description-font-size: var(--description-font-size-mobile);gap:var(--gap-mobile);padding:var(--padding-mobile)}}@media (max-width: 480px){.el-x-welcome[data-v-68cfb339]{--icon-size: var(--icon-size-mobile);--padding: 12px;--gap: 8px;--gap-small: 4px;flex-direction:column;align-items:center;text-align:center;padding:12px;gap:8px}.el-x-welcome.el-x-welcome-rtl[data-v-68cfb339]{direction:ltr}}@media (max-width: 320px){.el-x-welcome[data-v-68cfb339]{--padding: 8px;--gap: 6px;--icon-size: 32px;padding:8px;gap:6px}}.el-x-welcome-icon[data-v-68cfb339]{flex:0 0 auto;width:var(--icon-size);height:var(--icon-size);display:flex;align-items:center;justify-content:center;border-radius:calc(var(--border-radius) / 2);overflow:hidden;font-size:24px}.el-x-welcome-icon .icon-image[data-v-68cfb339]{width:100%;height:100%;object-fit:contain;padding:4px}@media (max-width: 768px){.el-x-welcome-icon[data-v-68cfb339]{width:var(--icon-size-small);height:var(--icon-size-small);font-size:20px}}@media (max-width: 480px){.el-x-welcome-icon[data-v-68cfb339]{width:var(--icon-size-mobile);height:var(--icon-size-mobile);font-size:16px;margin-bottom:4px}.el-x-welcome-icon .icon-image[data-v-68cfb339]{padding:2px}}@media (max-width: 320px){.el-x-welcome-icon[data-v-68cfb339]{width:32px;height:32px;font-size:14px}}.content-wrapper[data-v-68cfb339]{flex:1;display:flex;flex-direction:column;gap:var(--gap-small)}@media (max-width: 480px){.content-wrapper[data-v-68cfb339]{align-items:center;text-align:center;width:100%;gap:var(--gap-small-mobile)}}.title-wrapper[data-v-68cfb339]{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-small)}@media (max-width: 768px){.title-wrapper[data-v-68cfb339]{gap:var(--gap-small-mobile)}}@media (max-width: 480px){.title-wrapper[data-v-68cfb339]{flex-direction:column;align-items:center;gap:4px;width:100%}}@media (max-width: 320px){.title-wrapper[data-v-68cfb339]{gap:2px}}.el-x-welcome-title[data-v-68cfb339]{margin:0;font-size:var(--title-font-size);font-weight:600;color:var(--color-title);word-break:break-word}@media (max-width: 768px){.el-x-welcome-title[data-v-68cfb339]{font-size:var(--title-font-size-mobile)}}@media (max-width: 480px){.el-x-welcome-title[data-v-68cfb339]{font-size:14px;text-align:center;line-height:1.4}}@media (max-width: 320px){.el-x-welcome-title[data-v-68cfb339]{font-size:13px}}.el-x-welcome-extra[data-v-68cfb339]{flex-shrink:0;display:flex;align-items:center;gap:var(--gap-small)}.el-x-welcome-extra .el-dropdown[data-v-68cfb339],.el-x-welcome-extra .el-button[data-v-68cfb339],.el-x-welcome-extra .el-link[data-v-68cfb339]{flex-shrink:0}@media (max-width: 768px){.el-x-welcome-extra[data-v-68cfb339]{gap:var(--gap-small-mobile)}.el-x-welcome-extra .el-button[data-v-68cfb339]{font-size:12px;padding:6px 12px}}@media (max-width: 480px){.el-x-welcome-extra[data-v-68cfb339]{justify-content:center;flex-wrap:wrap;gap:4px}.el-x-welcome-extra .el-button[data-v-68cfb339]{font-size:12px;padding:4px 8px;min-height:28px}.el-x-welcome-extra .el-dropdown .el-button[data-v-68cfb339]{font-size:12px;padding:4px 8px}.el-x-welcome-extra .el-link[data-v-68cfb339]{font-size:12px}}@media (max-width: 320px){.el-x-welcome-extra .el-button[data-v-68cfb339]{font-size:11px;padding:3px 6px;min-height:24px}}.el-x-welcome-description[data-v-68cfb339]{margin:0;font-size:var(--description-font-size);color:var(--color-description);line-height:1.5;word-break:break-word}@media (max-width: 768px){.el-x-welcome-description[data-v-68cfb339]{font-size:var(--description-font-size-mobile);line-height:1.4}}@media (max-width: 480px){.el-x-welcome-description[data-v-68cfb339]{font-size:13px;line-height:1.4;text-align:center}}@media (max-width: 320px){.el-x-welcome-description[data-v-68cfb339]{font-size:12px;line-height:1.3}}\n", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);