mp-darkmode 1.2.1 → 1.2.3-beta.0

package/dist/darkmode.js

@@ -2357,6 +2357,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _modules_constant__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./modules/constant */ "./src/modules/constant.js");
 /* harmony import */ var _modules_config__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modules/config */ "./src/modules/config.js");
 /* harmony import */ var _modules_global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./modules/global */ "./src/modules/global.js");
+/* harmony import */ var _modules_domUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./modules/domUtils */ "./src/modules/domUtils.js");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /**
  * @name Darkmode主入口
  *
@@ -2411,6 +2418,7 @@ var classReg = new RegExp("".concat(_modules_constant__WEBPACK_IMPORTED_MODULE_0
 
 
 
+
 // Dark Mode切换
 var mql = null;
 var switchToDarkmode = function switchToDarkmode(mqlObj) {
@@ -2468,10 +2476,34 @@ var switchToDarkmode = function switchToDarkmode(mqlObj) {
       _modules_global__WEBPACK_IMPORTED_MODULE_2__["sdk"].isDarkmode && _modules_global__WEBPACK_IMPORTED_MODULE_2__["tnQueue"].forEach(function (text) {
         return _modules_global__WEBPACK_IMPORTED_MODULE_2__["bgStack"].contains(text, function (bg) {
           _modules_global__WEBPACK_IMPORTED_MODULE_2__["cssUtils"].addCss(_modules_global__WEBPACK_IMPORTED_MODULE_2__["cssUtils"].genCss(bg.className, bg.cssKV)); // 写入非首屏样式
+          typeof bg.cb === 'function' && bg.cb(bg);
+
+          // 还得处理该背景下的所有新老节点
+          [bg.elOld, bg.el].forEach(function (el) {
+            var _el$COLORATTR, _el$BGCOLORATTR, _el$ORIGINAL_COLORATT, _el$ORIGINAL_BGCOLORA, _el$BGIMAGEATTR, _el$COMPLEMENTARY_BGI;
+            var inheritAttrs = [[_modules_constant__WEBPACK_IMPORTED_MODULE_0__["COLORATTR"], (_el$COLORATTR = el[_modules_constant__WEBPACK_IMPORTED_MODULE_0__["COLORATTR"]]) !== null && _el$COLORATTR !== void 0 ? _el$COLORATTR : null], [_modules_constant__WEBPACK_IMPORTED_MODULE_0__["BGCOLORATTR"], (_el$BGCOLORATTR = el[_modules_constant__WEBPACK_IMPORTED_MODULE_0__["BGCOLORATTR"]]) !== null && _el$BGCOLORATTR !== void 0 ? _el$BGCOLORATTR : null], [_modules_constant__WEBPACK_IMPORTED_MODULE_0__["ORIGINAL_COLORATTR"], (_el$ORIGINAL_COLORATT = el[_modules_constant__WEBPACK_IMPORTED_MODULE_0__["ORIGINAL_COLORATTR"]]) !== null && _el$ORIGINAL_COLORATT !== void 0 ? _el$ORIGINAL_COLORATT : null], [_modules_constant__WEBPACK_IMPORTED_MODULE_0__["ORIGINAL_BGCOLORATTR"], (_el$ORIGINAL_BGCOLORA = el[_modules_constant__WEBPACK_IMPORTED_MODULE_0__["ORIGINAL_BGCOLORATTR"]]) !== null && _el$ORIGINAL_BGCOLORA !== void 0 ? _el$ORIGINAL_BGCOLORA : null], [_modules_constant__WEBPACK_IMPORTED_MODULE_0__["BGIMAGEATTR"], (_el$BGIMAGEATTR = el[_modules_constant__WEBPACK_IMPORTED_MODULE_0__["BGIMAGEATTR"]]) !== null && _el$BGIMAGEATTR !== void 0 ? _el$BGIMAGEATTR : null], [_modules_constant__WEBPACK_IMPORTED_MODULE_0__["COMPLEMENTARY_BGIMAGECOLORATTR"], (_el$COMPLEMENTARY_BGI = el[_modules_constant__WEBPACK_IMPORTED_MODULE_0__["COMPLEMENTARY_BGIMAGECOLORATTR"]]) !== null && _el$COMPLEMENTARY_BGI !== void 0 ? _el$COMPLEMENTARY_BGI : null]];
+            var children = Object(_modules_domUtils__WEBPACK_IMPORTED_MODULE_3__["getChildrenAndIt"])(el, true);
+            children.forEach(function (child) {
+              // 重置继承属性
+              inheritAttrs.forEach(function (_ref) {
+                var _ref2 = _slicedToArray(_ref, 2),
+                  attr = _ref2[0],
+                  value = _ref2[1];
+                if (value === null) {
+                  delete child[attr];
+                } else {
+                  child[attr] = value;
+                }
+              });
+            });
+            children.forEach(function (child) {
+              // 重新运行Dark Mode处理逻辑
+              _modules_global__WEBPACK_IMPORTED_MODULE_2__["cssUtils"].addCss(_modules_global__WEBPACK_IMPORTED_MODULE_2__["sdk"].convert(child, undefined, false, true));
+            });
+          });
         });
       });
     }
-
     if (_modules_config__WEBPACK_IMPORTED_MODULE_1__["default"].needJudgeFirstPage || !_modules_config__WEBPACK_IMPORTED_MODULE_1__["default"].needJudgeFirstPage && !_modules_global__WEBPACK_IMPORTED_MODULE_2__["domUtils"].showFirstPage) {
       // config.needJudgeFirstPage === ture，表示需要判断首屏但是正文长度没超过一屏
       // config.needJudgeFirstPage === false && domUtils.showFirstPage === false，表示不需要判断首屏且没有做首屏优化
@@ -2636,7 +2668,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 // Darkmode配置
 
 var BgNodeStack = /*#__PURE__*/function () {
-  // 需要判断位置的背景堆栈，{ el, className, cssKV, updated, rect }
+  // 需要判断位置的背景堆栈，{ elOld, el, className, cssKV, updated, rect }
   // 索引值
 
   function BgNodeStack(prefix) {
@@ -2654,6 +2686,7 @@ var BgNodeStack = /*#__PURE__*/function () {
       var className = "".concat(this._prefix).concat(this._idx++);
       el.classList.add(className);
       this._stack.unshift({
+        elOld: el,
         el: el,
         className: className,
         cssKV: cssKV,
@@ -2679,7 +2712,8 @@ var BgNodeStack = /*#__PURE__*/function () {
         }
       });
       while (idxStack.length) {
-        var item = this._stack.splice(idxStack.shift(), 1)[0];
+        var idx = idxStack.shift();
+        var item = this._stack.splice(idx, 1)[0];
         typeof callback === 'function' && callback(item);
       }
     }
@@ -3122,6 +3156,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  * @param {boolean} isFirstPageStyle 是否首屏样式
  * @return void
  *
+ * @method watch 监听生成css键值对
+ * @param {string} key  css属性
+ * @param {function} cb 回调函数
+ * @return void
+ *
+ * @method unwatch 取消监听生成css键值对
+ * @param {string} key css属性
+ * @return void
+ *
  */
 
 // 常量
@@ -3133,6 +3176,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var CssUtils = /*#__PURE__*/function () {
   // 首屏样式
   // 非首屏样式
+  // 监听器，用于监听生成css键值对
 
   // 是否运行过Dark Mode处理逻辑（写入过非首屏样式表则表示已运行过）
 
@@ -3140,6 +3184,7 @@ var CssUtils = /*#__PURE__*/function () {
     _classCallCheck(this, CssUtils);
     _defineProperty(this, "_firstPageStyle", '');
     _defineProperty(this, "_otherPageStyle", '');
+    _defineProperty(this, "_watcher", {});
     _defineProperty(this, "isFinish", false);
   }
 
@@ -3147,6 +3192,8 @@ var CssUtils = /*#__PURE__*/function () {
   _createClass(CssUtils, [{
     key: "genCssKV",
     value: function genCssKV(key, val) {
+      var _this$_watcher$key, _this$_watcher;
+      (_this$_watcher$key = (_this$_watcher = this._watcher)[key]) === null || _this$_watcher$key === void 0 ? void 0 : _this$_watcher$key.call(_this$_watcher);
       return "".concat(key, ": ").concat(val, " !important;");
     }
 
@@ -3212,6 +3259,20 @@ var CssUtils = /*#__PURE__*/function () {
       // 写入样式表
       styles && document.head.insertAdjacentHTML('beforeend', "<style type=\"text/css\">".concat(styles, "</style>"));
     }
+
+    // 监听生成css键值对
+  }, {
+    key: "watch",
+    value: function watch(key, cb) {
+      this._watcher[key] = cb;
+    }
+
+    // 取消监听生成css键值对
+  }, {
+    key: "unwatch",
+    value: function unwatch(key) {
+      delete this._watcher[key];
+    }
   }]);
   return CssUtils;
 }();
@@ -3250,6 +3311,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  *
  * @function getChildrenAndIt 获取某个节点及它的所有子节点
  * @param {DOM Object} el 节点对象
+ * @param {boolean} exceptIt 是否排除自身
  * @return {DOM Object Array} 节点对象列表
  *
  * @function hasTextNode 判断某个节点里是否包含文字节点
@@ -3269,7 +3331,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 // 获取某个节点及它的所有子节点
 function getChildrenAndIt(el) {
   var _ref;
-  return (_ref = [el]).concat.apply(_ref, _toConsumableArray(el.querySelectorAll('*')));
+  var exceptIt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  return (_ref = exceptIt ? [] : [el]).concat.apply(_ref, _toConsumableArray(el.querySelectorAll('*')));
 }
 ;
 
@@ -3748,7 +3811,7 @@ var SDK = /*#__PURE__*/function () {
   // 调整明度
   _createClass(SDK, [{
     key: "_adjustBrightness",
-    value: function _adjustBrightness(color, el, options, isUpdate) {
+    value: function _adjustBrightness(color, el, options, isUpdate, needReset) {
       // 背景：
       // 处理原则：白背景改黑，其他高感知亮度背景调暗，低亮度适当提高亮度（感知亮度：https://www.w3.org/TR/AERT/#color-contrast）
       // 处理方法：
@@ -3778,10 +3841,12 @@ var SDK = /*#__PURE__*/function () {
             // 根据最小可觉差Just-noticeable difference(即JND，表示人类或动物对于某一特定的感官刺激所能察觉的最小改变）和韦伯-费希纳定律，在特定条件下，人类能感知小至 0.5% - 2% 的变化，0.5%换算成对比度为1.1
             // https://zh.wikipedia.org/wiki/%E6%9C%80%E5%B0%8F%E5%8F%AF%E8%A6%BA%E5%B7%AE 最小可觉差wiki
             // https://zh.wikipedia.org/wiki/%E9%9F%8B%E4%BC%AF-%E8%B2%BB%E5%B8%8C%E7%B4%8D%E5%AE%9A%E7%90%86 韦伯-费希纳定理wiki
-            if (el[_constant__WEBPACK_IMPORTED_MODULE_2__["COMPLEMENTARY_BGIMAGECOLORATTR"]] === color.toString() || this.getContrast(el[_constant__WEBPACK_IMPORTED_MODULE_2__["COMPLEMENTARY_BGIMAGECOLORATTR"]], color.toString()) < 1.1) return {
-              newColor: '',
-              extStyle: extStyle
-            };
+            if (el[_constant__WEBPACK_IMPORTED_MODULE_2__["COMPLEMENTARY_BGIMAGECOLORATTR"]] === color.toString() || this.getContrast(el[_constant__WEBPACK_IMPORTED_MODULE_2__["COMPLEMENTARY_BGIMAGECOLORATTR"]], color.toString()) < 1.1) {
+              return {
+                newColor: needReset ? color.toString() : '',
+                extStyle: extStyle
+              };
+            }
 
             // 否则取消背景图片补色的影响
             Object(_domUtils__WEBPACK_IMPORTED_MODULE_5__["getChildrenAndIt"])(el).forEach(function (dom) {
@@ -3797,7 +3862,7 @@ var SDK = /*#__PURE__*/function () {
             var ret = this._adjustBrightness(parentTextColor, el, {
               isTextColor: true,
               parentElementBgColorStr: newColor || color
-            }, isUpdate);
+            }, isUpdate, needReset);
             if (ret.newColor) {
               extStyle += _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].genCssKV('color', ret.newColor);
             } else {
@@ -3813,7 +3878,13 @@ var SDK = /*#__PURE__*/function () {
         // 无背景图片
         if (parentElementBgColor && !el[_constant__WEBPACK_IMPORTED_MODULE_2__["BGIMAGEATTR"]]) {
           newColor = this._adjustTextBrightness(color, parentElementBgColor);
-          _global__WEBPACK_IMPORTED_MODULE_4__["plugins"].emit("afterConvertTextColor".concat(isUpdate ? 'ByUpdateStyle' : ''), el, {
+          var emitNameSuffix = '';
+          if (isUpdate) {
+            emitNameSuffix = 'ByUpdateStyle';
+          } else if (needReset) {
+            emitNameSuffix = 'ByReset';
+          }
+          _global__WEBPACK_IMPORTED_MODULE_4__["plugins"].emit("afterConvertTextColor".concat(emitNameSuffix), el, {
             // fontColor: color,
             fontColor: newColor,
             bgColor: parentElementBgColor
@@ -3905,7 +3976,7 @@ var SDK = /*#__PURE__*/function () {
     // 叠加渐变色到背景色中，并更新背景色相关属性值以及文本颜色
   }, {
     key: "_updateBgWithGradient",
-    value: function _updateBgWithGradient(gradientColor, el, className, cssKVList, hasInlineColor, isUpdate) {
+    value: function _updateBgWithGradient(gradientColor, el, className, cssKVList, hasInlineColor, isUpdate, needReset) {
       var newBgColor = Object(_color__WEBPACK_IMPORTED_MODULE_1__["mixColors"])([el[_constant__WEBPACK_IMPORTED_MODULE_2__["BGCOLORATTR"]] || _config__WEBPACK_IMPORTED_MODULE_3__["default"].defaultDarkBgColor, gradientColor], 'normal');
       var newOriginalBgColor = (el[_constant__WEBPACK_IMPORTED_MODULE_2__["ORIGINAL_BGCOLORATTR"]] || _config__WEBPACK_IMPORTED_MODULE_3__["default"].defaultLightBgColor).split(_constant__WEBPACK_IMPORTED_MODULE_2__["BG_COLOR_DELIMITER"]).concat(gradientColor.toString()).join(_constant__WEBPACK_IMPORTED_MODULE_2__["BG_COLOR_DELIMITER"]);
       Object(_domUtils__WEBPACK_IMPORTED_MODULE_5__["getChildrenAndIt"])(el).forEach(function (dom) {
@@ -3920,7 +3991,7 @@ var SDK = /*#__PURE__*/function () {
           isTextColor: true,
           isBorderColor: false,
           hasInlineColor: hasInlineColor
-        }, isUpdate);
+        }, isUpdate, needReset);
         if (ret.newColor) return _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].genCss(className, _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].genCssKV('color', ret.newColor));
       }
       return '';
@@ -3952,14 +4023,20 @@ var SDK = /*#__PURE__*/function () {
     // 处理节点
   }, {
     key: "convert",
-    value: function convert(el, cssKVList, isUpdate) {
+    value: function convert(el, cssKVList, isUpdate, needReset) {
       var _this = this;
       _global__WEBPACK_IMPORTED_MODULE_4__["plugins"].resetCss();
-      _global__WEBPACK_IMPORTED_MODULE_4__["plugins"].emit("beforeConvertNode".concat(isUpdate ? 'ByUpdateStyle' : ''), el);
+      var emitNameSuffix = '';
+      if (isUpdate) {
+        emitNameSuffix = 'ByUpdateStyle';
+      } else if (needReset) {
+        emitNameSuffix = 'ByReset';
+      }
+      _global__WEBPACK_IMPORTED_MODULE_4__["plugins"].emit("beforeConvertNode".concat(emitNameSuffix), el);
       var css = ''; // css
       var bgCss = ''; // 文字底图css
 
-      if (this.isDarkmode || isUpdate) {
+      if (this.isDarkmode || isUpdate || needReset) {
         var nodeName = el.nodeName;
         if (_config__WEBPACK_IMPORTED_MODULE_3__["default"].whitelist.tagName.indexOf(nodeName) > -1) return '';
         if (_config__WEBPACK_IMPORTED_MODULE_3__["default"].whitelist.attribute.some(function (attribute) {
@@ -4102,7 +4179,7 @@ var SDK = /*#__PURE__*/function () {
 
         var dmClassName = '';
         var dmBgClassName = '';
-        if (isUpdate && el.className && typeof el.className === 'string') {
+        if ((isUpdate || needReset) && el.className && typeof el.className === 'string') {
           // 先提取dm className
           var matches = el.className.match(_constant__WEBPACK_IMPORTED_MODULE_2__["DM_CLASSNAME_REGEXP"]);
           if (matches) {
@@ -4116,6 +4193,11 @@ var SDK = /*#__PURE__*/function () {
           }
         }
         var cssKV = ''; // css键值对
+        var noColor = needReset;
+        noColor && _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].watch('color', function () {
+          noColor = false;
+          _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].unwatch('color');
+        });
         cssKVList.forEach(function (_ref9) {
           var _ref10 = _slicedToArray(_ref9, 2),
             key = _ref10[0],
@@ -4166,7 +4248,7 @@ var SDK = /*#__PURE__*/function () {
                     isTextColor: textColorIdx > -1,
                     isBorderColor: isBorderColor,
                     hasInlineColor: hasInlineColor
-                  }, isUpdate);
+                  }, isUpdate, needReset);
                   var retColor = !hasInlineBackgroundImage && ret.newColor;
                   extStyle += ret.extStyle;
 
@@ -4232,23 +4314,25 @@ var SDK = /*#__PURE__*/function () {
                       cssKV += _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].genCssKV('background-size', elBackgroundSizeAttr);
                       tmpCssKvStr += _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].genCssKV('background-size', imgBgColor ? "".concat(elBackgroundSizeAttr, ",100%") : elBackgroundSizeAttr);
                     }
-                    if (dmBgClassName) {
-                      // 如果是文字底图，则直接加样式
-                      bgCss += _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].genCss(dmBgClassName, tmpCssKvStr);
-                      Object(_domUtils__WEBPACK_IMPORTED_MODULE_5__["getChildrenAndIt"])(el).forEach(function (dom) {
-                        dom[_constant__WEBPACK_IMPORTED_MODULE_2__["COMPLEMENTARY_BGIMAGECOLORATTR"]] = imgBgColor || newValue;
-                      });
-                    } else {
-                      // 否则背景图入栈
-                      _global__WEBPACK_IMPORTED_MODULE_4__["bgStack"].push(el, tmpCssKvStr, function () {
+                    if (!needReset) {
+                      if (dmBgClassName) {
+                        // 如果是文字底图，则直接加样式
+                        bgCss += _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].genCss(dmBgClassName, tmpCssKvStr);
                         Object(_domUtils__WEBPACK_IMPORTED_MODULE_5__["getChildrenAndIt"])(el).forEach(function (dom) {
                           dom[_constant__WEBPACK_IMPORTED_MODULE_2__["COMPLEMENTARY_BGIMAGECOLORATTR"]] = imgBgColor || newValue;
                         });
-                      });
+                      } else {
+                        // 否则背景图入栈
+                        _global__WEBPACK_IMPORTED_MODULE_4__["bgStack"].push(el, tmpCssKvStr, function () {
+                          Object(_domUtils__WEBPACK_IMPORTED_MODULE_5__["getChildrenAndIt"])(el).forEach(function (dom) {
+                            dom[_constant__WEBPACK_IMPORTED_MODULE_2__["COMPLEMENTARY_BGIMAGECOLORATTR"]] = imgBgColor || newValue;
+                          });
+                        });
+                      }
                     }
                   } else {
                     // border-image元素，如果当前元素没有背景颜色，补背景颜色
-                    if (imgBgColor && !hasInlineBackground) {
+                    if (imgBgColor && !hasInlineBackground && !needReset) {
                       tmpCssKvStr = _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].genCssKV('background-image', "linear-gradient(".concat(imgBgColor, ", ").concat(imgBgColor, ")"));
                       if (dmBgClassName) {
                         // 如果是文字底图，则直接加样式
@@ -4273,32 +4357,42 @@ var SDK = /*#__PURE__*/function () {
                 }
               }
             }
-            if (cssChange) {
-              !isUpdate && _constant__WEBPACK_IMPORTED_MODULE_2__["IMPORTANT_REGEXP"].test(oldValue) && (styles[key] = oldValue.replace(_constant__WEBPACK_IMPORTED_MODULE_2__["IMPORTANT_REGEXP"], '')); // 清除inline style的!important
+            if (cssChange || needReset) {
+              !isUpdate && !needReset && _constant__WEBPACK_IMPORTED_MODULE_2__["IMPORTANT_REGEXP"].test(oldValue) && (styles[key] = oldValue.replace(_constant__WEBPACK_IMPORTED_MODULE_2__["IMPORTANT_REGEXP"], '')); // 清除inline style的!important
               if (isGradient) {
-                if (dmBgClassName) {
-                  // 如果是文字底图，则直接加样式（其实理论上不会走到这里）
-                  bgCss += _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].genCss(dmBgClassName, _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].genCssKV(key, value));
-                  if (/^background/.test(key) && !/url\([^)]*\)/i.test(value)) {
-                    // 是无背景图的渐变，需要重新计算背景色
-                    css += _this._updateBgWithGradient(gradientMixColor, el, dmBgClassName, cssKVList, hasInlineColor, isUpdate);
-                  }
-                } else {
-                  // 否则渐变入栈
-                  _global__WEBPACK_IMPORTED_MODULE_4__["bgStack"].push(el, _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].genCssKV(key, value), function (item) {
-                    // 渐变入栈
+                if (!needReset) {
+                  if (dmBgClassName) {
+                    // 如果是文字底图，则直接加样式
+                    bgCss += _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].genCss(dmBgClassName, _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].genCssKV(key, value));
                     if (/^background/.test(key) && !/url\([^)]*\)/i.test(value)) {
                       // 是无背景图的渐变，需要重新计算背景色
-                      css += _this._updateBgWithGradient(gradientMixColor, el, item.className, cssKVList, hasInlineColor, isUpdate);
+                      css += _this._updateBgWithGradient(gradientMixColor, el, dmBgClassName, cssKVList, hasInlineColor, isUpdate, needReset);
                     }
-                  });
+                  } else {
+                    // 否则渐变入栈
+                    _global__WEBPACK_IMPORTED_MODULE_4__["bgStack"].push(el, _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].genCssKV(key, value), function (item) {
+                      // 渐变入栈
+                      if (/^background/.test(key) && !/url\([^)]*\)/i.test(value)) {
+                        // 是无背景图的渐变，需要重新计算背景色
+                        css += _this._updateBgWithGradient(gradientMixColor, el, item.className, cssKVList, hasInlineColor, isUpdate, needReset);
+                      }
+                    });
+                  }
                 }
               } else {
-                cssKV += _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].genCssKV(key, value);
+                if (key === 'color') {
+                  noColor = false;
+                  _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].unwatch('color');
+                }
+                cssKV += _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].genCssKV(key, !cssChange && needReset ? el.style[key] : value);
               }
             }
           });
         });
+        if (noColor) {
+          cssKV += _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].genCssKV('color', el.style.color || el[_constant__WEBPACK_IMPORTED_MODULE_2__["COLORATTR"]] || _config__WEBPACK_IMPORTED_MODULE_3__["default"].defaultDarkTextColor);
+          _global__WEBPACK_IMPORTED_MODULE_4__["cssUtils"].unwatch('color');
+        }
         if (cssKV) {
           // 有处理过或者是背景图片就加class以及css
           if (!dmClassName) {
@@ -4309,7 +4403,7 @@ var SDK = /*#__PURE__*/function () {
         }
         css += bgCss; // 追加文字底图样式，要在添加cssKV之后添加，避免被覆盖
 
-        if (!isUpdate && Object(_domUtils__WEBPACK_IMPORTED_MODULE_5__["hasTextNode"])(el)) {
+        if (!isUpdate && Object(_domUtils__WEBPACK_IMPORTED_MODULE_5__["hasTextNode"])(el) && !needReset) {
           // 如果节点里有文本，要判断是否在背景图里
           if (_config__WEBPACK_IMPORTED_MODULE_3__["default"].delayBgJudge) {
             // 延迟背景判断
@@ -4322,7 +4416,7 @@ var SDK = /*#__PURE__*/function () {
           }
         }
       }
-      _global__WEBPACK_IMPORTED_MODULE_4__["plugins"].emit("afterConvertNode".concat(isUpdate ? 'ByUpdateStyle' : ''), el);
+      _global__WEBPACK_IMPORTED_MODULE_4__["plugins"].emit("afterConvertNode".concat(emitNameSuffix), el);
       return css;
     }
 
@@ -4366,6 +4460,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  * @constructor
  * @param {string} prefix 类名前缀
  *
+ * @attr {number} length 队列长度
+ *
  * @method push 文本节点入队
  * @param {DOM Object} el 文本节点对象
  * @return void
@@ -4393,8 +4489,15 @@ var TextNodeQueue = /*#__PURE__*/function () {
     this._prefix = prefix;
   }
 
-  // 文本节点入队
+  // 队列长度
   _createClass(TextNodeQueue, [{
+    key: "length",
+    get: function get() {
+      return this._queue.length;
+    }
+
+    // 文本节点入队
+  }, {
     key: "push",
     value: function push(el) {
       var className = "".concat(this._prefix).concat(this._idx++);