@dolphinweex/weex-vue-render 0.2.84 → 0.2.85

package/dist/index.common.js

@@ -5201,6 +5201,35 @@ var findEnterKeyType = function (key) {
 };
 
 var inputCommon = {
+  mounted: function mounted () {
+    var this$1 = this;
+    
+    if (this.autofocus !== 'false' && this.autofocus !== false) {
+      this.focus(this.autofocus)
+    }
+    
+    // 监听键盘高度变化，当键盘收起时（height为0）主动失焦
+    var globalEvent = weex.requireModule('globalEvent');
+    this._keyboardHeightChangeHandler = function(data) {
+      if (data && data.messageType === 'keyboardHeightChange' && 
+          data.messageBody && data.messageBody.height === 0) {
+        // 键盘收起，主动失焦
+        this$1.blur && this$1.blur();
+      }
+    };
+    globalEvent && globalEvent.addEventListener && 
+      globalEvent.addEventListener('receiveMessageFromApp', this._keyboardHeightChangeHandler);
+  },
+  
+  beforeDestroy: function beforeDestroy () {
+    // 移除键盘高度变化监听
+    if (this._keyboardHeightChangeHandler) {
+      var globalEvent = weex.requireModule('globalEvent');
+      globalEvent && globalEvent.removeEventListener && 
+        globalEvent.removeEventListener('receiveMessageFromApp', this._keyboardHeightChangeHandler);
+    }
+  },
+  
   methods: {
     focus: function focus (autofocus) {
       // 当是自动聚焦时才需要主动弹出键盘，否则会导致键盘弹出但是组件失去焦点
@@ -9579,35 +9608,6 @@ function getTextarea (weex) {
       returnKeyType: String
     },
 
-    mounted: function mounted () {
-      var this$1 = this;
-      
-      if (this.autofocus !== 'false' && this.autofocus !== false) {
-        this.focus(this.autofocus)
-      }
-      
-      // 监听键盘高度变化，当键盘收起时（height为0）主动失焦
-      var globalEvent = weex.requireModule('globalEvent');
-      this._keyboardHeightChangeHandler = function(data) {
-        if (data && data.messageType === 'keyboardHeightChange' && 
-            data.messageBody && data.messageBody.height === 0) {
-          // 键盘收起，主动失焦
-          this$1.blur && this$1.blur();
-        }
-      };
-      globalEvent && globalEvent.addEventListener && 
-        globalEvent.addEventListener('receiveMessageFromApp', this._keyboardHeightChangeHandler);
-    },
-    
-    beforeDestroy: function beforeDestroy () {
-      // 移除键盘高度变化监听
-      if (this._keyboardHeightChangeHandler) {
-        var globalEvent = weex.requireModule('globalEvent');
-        globalEvent && globalEvent.removeEventListener && 
-          globalEvent.removeEventListener('receiveMessageFromApp', this._keyboardHeightChangeHandler);
-      }
-    },
-    
     render: function render (createElement) {
       /* istanbul ignore next */
       // if ("production" === 'development') {
@@ -11084,15 +11084,44 @@ function transitionOnce (vnode, config, callback) {
       callback && callback();
     }, totalMs);
     nextFrame(function () {
-      // 修改 transform：translate让它支持传3个参数，且第三个参数无效
+      // 修改 transform：translate让它支持传3개参数，且第三个参数无效
       if (config.styles["transform"]) {
         config.styles["transform"] = config.styles["transform"].replace(/(translate\([^,]+,[^,]+),[^)]+\)/, '$1)')
       }
       var toCss = toCSSText(styleObject2rem(config.styles, DESIGN_ROOT_VALUE) || {})
-
-      //  给dom上标记是动画修改的style
-      if(!dom.animation_style) { dom.animation_style = "" }
-      dom.animation_style += toCss
+      // 劫持该 DOM 的样式更新行为
+      if (dom && !dom._hijacked) {
+        dom._hijacked = true;
+        var observer = new MutationObserver(function(mutations) {
+          try {
+            mutations.forEach(function(mutation) {
+              if (mutation.type === 'attributes' && mutation.attributeName === 'style') {
+                var currentCss = dom.style.cssText;
+                var needAppend = "";
+                for (var key in dom._ani_lock) {
+                  var val = dom._ani_lock[key];
+                  // 使用正则匹配，确保值和单位完全一致（包括括号转义）
+                  var escapedVal = val.toString().replace(/([()])/g, "\\$1");
+                  var valueRegex = new RegExp("(^|;)\\s*" + key + "\\s*:\\s*" + escapedVal + "\\s*(;|$)", "i");
+                  
+                  if (!valueRegex.test(currentCss)) {
+                    needAppend += key + ":" + val + ";";
+                  }
+                }
+                
+                if (needAppend) {
+                  observer.disconnect();
+                  dom.style.cssText += needAppend;
+                  observer.observe(dom, { attributes: true, attributeFilter: ['style'] });
+                }
+              }
+            });
+          } catch (err) {
+            console.error('[weex-vue-render] MutationObserver Protect Error:', err);
+          }
+        });
+        observer.observe(dom, { attributes: true, attributeFilter: ['style'] });
+      }
 
       dom.style.cssText += toCss;
     });
@@ -11107,6 +11136,16 @@ var animation = {
    */
   transition: function transition (vnode, config, callback) {
     if (!vnode || !config.styles) { return }
+    
+    var dom = vnode instanceof HTMLElement ? vnode : vnode.$el;
+    if (dom) {
+      var processed = hyphenateStyleKeys(styleObject2rem(config.styles, DESIGN_ROOT_VALUE) || {});
+      if (!dom._ani_lock) dom._ani_lock = {};
+      for (var k in processed) {
+        dom._ani_lock[k] = processed[k];
+      }
+    }
+
     return transitionOnce(vnode, config, function () {
       callback && callback();
     })

package/package.json

@@ -49,5 +49,5 @@
     "type": "git",
     "url": "git+ssh://git@github.com/weexteam/weex-vue-render.git"
   },
-  "version": "0.2.84"
+  "version": "0.2.85"
 }