修改input在点击图中没有显示样式的问题

Author: shengyonggen

sensorsdata.min.js

@@ -1268,6 +1268,12 @@ _.ry.init.prototype = {
     }else{
       return this.ele.ownerDocument.defaultView.getComputedStyle(this.ele, null).getPropertyValue(value);
     }
+  },
+  wrap: function(elementTagName){
+    var ele = document.createElement(elementTagName);
+    this.ele.parentNode.insertBefore(ele, this.ele);
+    ele.appendChild(this.ele);
+    return _.ry(ele);
   }
 };
 
@@ -2649,12 +2655,11 @@ var heatmap_render = {
       + '\r\n点击占比 ' + data.data_page_percent + '\r\n历史数据 ' + String(data.top_values[0]).slice(0,30) );
   },
   renderHeatData: function(selector,data,key){
-    var allowElements = {
-      'input':true,
-      'a':true,
-      'button':true
-    };
     var dom =  _.ry(selector[0]);
+    if(dom.ele.tagName.toLowerCase() === 'input' || dom.ele.tagName.toLowerCase() === 'textarea'){
+      dom = dom.wrap('span');
+      dom.ele.style.display = 'inline-block';
+    }    
     this.heatDataElement.push(dom);
     dom.attr('data-heat-place',String(key))
     .addClass('sa-click-area')
@@ -2664,13 +2669,6 @@ var heatmap_render = {
     if(dom.getStyle('display') === 'inline'){
       selector[0].style.display = 'inline-block';
     }
-    /*
-    if(selector[0] && (selector[0].tagName.toLowerCase() in allowElements)){
-      dom.addClass('sa-click-area' + this.heatData(data.data_click));
-    }
-    */
-
-    // 判断外层或者内层是否有class。
 
   },
   refreshHeatData: function(){

src/sdk.js

@@ -84,7 +84,7 @@ if(typeof JSON!=='object'){JSON={}}(function(){'use strict';var rx_one=/^[\],:{}
   , slice = ArrayProto.slice
   , toString = ObjProto.toString
   , hasOwnProperty = ObjProto.hasOwnProperty
-  , LIB_VERSION = '1.7.12';
+  , LIB_VERSION = '1.7.13';
 
 sd.lib_version = LIB_VERSION;
 
@@ -1348,6 +1348,12 @@ _.ry.init.prototype = {
     }else{
       return this.ele.ownerDocument.defaultView.getComputedStyle(this.ele, null).getPropertyValue(value);
     }
+  },
+  wrap: function(elementTagName){
+    var ele = document.createElement(elementTagName);
+    this.ele.parentNode.insertBefore(ele, this.ele);
+    ele.appendChild(this.ele);
+    return _.ry(ele);
   }
 };
 
@@ -2723,12 +2729,11 @@ var heatmap_render = {
       + '\r\n点击占比 ' + data.data_page_percent + '\r\n历史数据 ' + String(data.top_values[0]).slice(0,30) );
   },
   renderHeatData: function(selector,data,key){
-    var allowElements = {
-      'input':true,
-      'a':true,
-      'button':true
-    };
     var dom =  _.ry(selector[0]);
+    if(dom.ele.tagName.toLowerCase() === 'input' || dom.ele.tagName.toLowerCase() === 'textarea'){
+      dom = dom.wrap('span');
+      dom.ele.style.display = 'inline-block';
+    }    
     this.heatDataElement.push(dom);
     dom.attr('data-heat-place',String(key))
     .addClass('sa-click-area')
@@ -2738,13 +2743,6 @@ var heatmap_render = {
     if(dom.getStyle('display') === 'inline'){
       selector[0].style.display = 'inline-block';
     }
-    /*
-    if(selector[0] && (selector[0].tagName.toLowerCase() in allowElements)){
-      dom.addClass('sa-click-area' + this.heatData(data.data_click));
-    }
-    */
-
-    // 判断外层或者内层是否有class。
 
   },
   refreshHeatData: function(){

src/sensorsdata.full.js

@@ -1 +1 @@
-var sensorsdata_js_sdk_latest_version = '1.7.12';
+var sensorsdata_js_sdk_latest_version = '1.7.13';