[feat] 增加beforeTrack beforePageView beforePageClose beforeInit生命周期钩子

Author: huangriya

.eslintcache

@@ -5,4 +5,5 @@ node_modules/
 yarn.lock
 .log
 bac
-vue-h5
+vue-h5
+.eslintcache

.gitignore

@@ -1,23 +1,19 @@
-# [易观方舟](https://www.analysys.cn/) asd-javascript-sdk [![NPM version][npm-image]][npm-url] [![License](https://img.shields.io/github/license/analysys/ans-wechat-sdk.svg)](https://github.com/analysys/ans-wechat-sdk/blob/master/LICENSE) [![GitHub release](https://img.shields.io/github/release/analysys/ans-wechat-sdk.svg)](https://github.com/analysys/ans-wechat-sdk/releases)
+# [易观方舟](https://www.analysys.cn/) asd-javascript-sdk [![NPM version][npm-image]][npm-url] [![License](https://img.shields.io/github/license/analysys/ans-javascript-sdk.svg)](https://github.com/analysys/ans-wechat-sdk/blob/master/LICENSE) [![GitHub release](https://img.shields.io/github/release/analysys/ans-javascript-sdk.svg)](https://github.com/analysys/ans-javascript-sdk/releases)
 
 ## 安装
 
 ```sh
 $ npm install asd-javascript-sdk --save 
 ```
 
-## javascript SDK 基础说明
+## javascript SDK 说明
 
 #### 快速集成
 ##### 引入sdk模块并初始化
 ```js
 
 import AnalysysAgent from "asd-javascript-sdk"
 
-// 引入加密模块(非必须)
-import AnalysysEncryption  from 'asd-javascript-sdk/dist/AnalysysAgent_encryption.min.js';
-AnalysysAgent.encrypt = AnalysysEncryption;
-
 //初始化
 AnalysysAgent.init({
   appkey: '',
@@ -29,29 +25,40 @@ AnalysysAgent.init({
 
 参数 | 是否必须| 类型 | 默认值 | 说明
 --- | :--- | :--- | :--- | :---
-appkey | 是 | string | - |  在网站获取的AppKey
-uploadURL | 是 | string | - | 自定义上传地址
+appkey | 是 | string | - |  项目数据的唯一标识，在产品当中_ 数据接入管理 _模块获取的 AppKey
+uploadURL | 是 | string | - | 设置上传数据接口，在 _数据接入管理-集成SDK接入数据 _模块获取
+visitorConfigURL | 否 | string | - | 设置可视化配置获取接口
 debugMode | 否 | number | 0 |  0: 关闭调试模式；1 - 开启调试模式，数据不入库；2 - 开启调试模式，数据入库
+name | 否 | string | - | 设置 JS SDK 全局对象别名
+auto | 否 | boolean | true | 设置自动采集页面打开事件
 autoProfile | 否 | boolean | true | 设置是否追踪新用户的首次属性
-encryptType | 否 | number | 0 | 设置是否对上传数据加密：0 - 对上传数据不加密(默认)；1 - 对上传数据进行AES 128位ECB加密；2 对上传数据进行AES 128位CBC加密
+autoTrack | 否 | boolean | false | 设置是否启用全埋点功能
+autoPageViewDuration | 否 | boolean | false | 是否采集页面离开事件
 allowTimeCheck | 否 | boolean | false | 设置是否开启时间校准
 maxDiffTimeInterval | 否 | number | 30 | 设置最大时间校准分为：30s(默认) ，当设置的时间差值小于他，将不开启校准。否则将会进行时间校准。假如设置成为负值，将默认为 30s。
-autoTrack | 否 | boolean | false | 设置是否开启全埋点，开启全埋点将会上报所有绑定（支持tab、longtab、longpress）事件,并上报$user_click 事件,设置data-content为采集的 $element_content、data-type为采集的 $element_type、data-name为采集的$element_name、id为采集的$element_id。不设置采集不到。不支持系统方法包括生命周期事件的上报，如果要采集tabbar切换，务必在注册Page的时候注册OnTabItemTap方法，否则采集不到。
-autoCompleteURL | 否 | boolean | true | 设置是否采集完整URL，true - 采集URL包括参数；false - 采集URL不包括参数
-autoPageViewDuration | 否 | boolean | false | 是否采集页面离开事件
-
-> 通过以上步骤您即可验证SDK是否已经集成成功，更多Api使用方法参考：[易观方舟 wechat SDK 文档](https://docs.analysys.cn/ark/integration/sdk/wx/wxsdkcustom)
+autoHeatmap | 否 | boolean | false | 设置是否启用热图数据采集，即在产品当中可使用热图分析功能
+autoWebstay | 否 | boolean | true | 在开启热图功能(autoHeatmap设置为true)后，设置是否追踪页面滚动行为，即在产品当中可分析页面浏览深度
+hash | 否 | boolean | true | 设置检测 url hash 变化
+encryptType | 否 | number | 0 | 设置是否对上传数据加密：0 - 对上传数据不加密(默认)；1 - 对上传数据进行AES 128位ECB加密；2 对上传数据进行AES 128位CBC加密
+pageProperty | 否 | object | - | 设置自动采集时页面自定义属性
+SDKFileDirectory | 否 | string | - | 设置可视化模块SDK与热图模块SDK存放目录
+sendType | 否 | string | img | 设置上传日志方式
+webstayDuration | 否 | number | 5小时，单位毫秒 | 设置追踪页面滚动行为时，最大停留时长
+cross_subdomain | 否 | boolean | false | 设置在二级域名下存储cookie
+sendDataTimeout | 否 | number | 10000，单位：毫秒 | 设置上报日志超时时间
+getDataTimeout | 否 | number | 10000，单位：毫秒 | 设置获取可视化埋点列表的超时时间
+trackList | 否 | String[] / () => boolean | - | 设置除默认可输出元素外的可触控元素列表
 
-> 注意 SDK 可能不完全向前兼容，请查看版本更新说明 [Release及版本升级记录](https://github.com/analysys/ans-wechat-sdk/releases)。如果有说明不兼容的话，需要升级易观方舟对应的版本。 请根据需要前往 [Release](https://github.com/analysys/ans-wechat-sdk/releases) 里下载对应的文件
+> 注意 SDK 可能不完全向前兼容，请查看版本更新说明 [Release及版本升级记录](https://github.com/analysys/ans-javascript-sdk/releases)。如果有说明不兼容的话，需要升级易观方舟对应的版本。 请根据需要前往 [Release](https://github.com/analysys/ans-javascript-sdk/releases) 里下载对应的文件
 
 
 ## 版本升级记录
-请参见 [Release及版本升级记录](https://github.com/analysys/ans-wechat-sdk/releases)
+请参见 [Release及版本升级记录](https://github.com/analysys/ans-javascript-sdk/releases)
 
 
 
 
-**禁止一切基于易观方舟 wechat 开源 SDK 的所有商业活动！**
+**禁止一切基于易观方舟 javascript 开源 SDK 的所有商业活动！**
 
 ---
 

README.md

@@ -1,62 +1,12 @@
-.ark-heat-click-element {
-  position: absolute;
-  left: 0;
+.ark-heatmap-location {
+  position: absolute !important;
   top: 0;
-  height: 100%;
-  width: 100%;
-  background-color: #ff0000;
-  color: #fff;
-  text-align: center;
-  font-size: 12px;
-  z-index: 10000;
-  line-height: 22px; }
-  .ark-heat-click-element .ark-heat-click-element-text {
-    display: block;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    position: absolute;
-    width: 100%;
-    top: 50%;
-    margin-top: -11px;
-    text-align: center; }
-  .ark-heat-click-element:hover .ark-heat-click-element-tips {
-    display: block; }
-  .ark-heat-click-element .ark-heat-click-element-tips {
-    position: absolute;
-    background-color: #252d39;
-    font-size: 12px;
-    display: none;
-    top: 100%;
-    top: calc(100% + 5px);
-    font-size: 14px;
-    padding: 10px 0;
-    border-radius: 4px;
-    left: 50%;
-    transform: translate(-50%, 0);
-    white-space: nowrap; }
-    .ark-heat-click-element .ark-heat-click-element-tips::after {
-      content: '';
-      position: absolute;
-      width: 0;
-      height: 0;
-      border-color: transparent;
-      border-style: solid;
-      top: 5px;
-      left: 50%;
-      margin-top: -10px;
-      border-width: 0 7px 5px;
-      border-bottom-color: #252d39;
-      margin-left: -7px; }
-    .ark-heat-click-element .ark-heat-click-element-tips .ark-click-num, .ark-heat-click-element .ark-heat-click-element-tips .ark-click-percent {
-      display: inline-block;
-      text-align: right;
-      padding: 0 10px; }
-      .ark-heat-click-element .ark-heat-click-element-tips .ark-click-num label, .ark-heat-click-element .ark-heat-click-element-tips .ark-click-percent label {
-        display: block;
-        color: #9cacbf; }
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10000; }
 
-.ark-headmap-body-element-none .ark-heat-click-element {
+.ark-headmap-body-location-none .ark-heatmap-location {
   display: none; }
 
 .ark-headmap-loading, .ark-headmap-nodata {
@@ -124,17 +74,6 @@
     -ms-transform: rotate(360deg);
     transform: rotate(360deg); } }
 
-.ark-heatmap-location {
-  position: absolute !important;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 10000; }
-
-.ark-headmap-body-location-none .ark-heatmap-location {
-  display: none; }
-
 .ark-heatmap-head {
   position: fixed;
   left: 0;
@@ -425,6 +364,67 @@
       .ark-heatmap-head-handle #arkHeatmapSwitch, .ark-heatmap-head-handle #arkHotEleList, .ark-heatmap-head-handle #arkHeatDisplayConfig, .ark-heatmap-head-handle #arkConditionList {
         display: none !important; } }
 
+.ark-heat-click-element {
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  background-color: #ff0000;
+  color: #fff;
+  text-align: center;
+  font-size: 12px;
+  z-index: 10000;
+  line-height: 22px; }
+  .ark-heat-click-element .ark-heat-click-element-text {
+    display: block;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    position: absolute;
+    width: 100%;
+    top: 50%;
+    margin-top: -11px;
+    text-align: center; }
+  .ark-heat-click-element:hover .ark-heat-click-element-tips {
+    display: block; }
+  .ark-heat-click-element .ark-heat-click-element-tips {
+    position: absolute;
+    background-color: #252d39;
+    font-size: 12px;
+    display: none;
+    top: 100%;
+    top: calc(100% + 5px);
+    font-size: 14px;
+    padding: 10px 0;
+    border-radius: 4px;
+    left: 50%;
+    transform: translate(-50%, 0);
+    white-space: nowrap; }
+    .ark-heat-click-element .ark-heat-click-element-tips::after {
+      content: '';
+      position: absolute;
+      width: 0;
+      height: 0;
+      border-color: transparent;
+      border-style: solid;
+      top: 5px;
+      left: 50%;
+      margin-top: -10px;
+      border-width: 0 7px 5px;
+      border-bottom-color: #252d39;
+      margin-left: -7px; }
+    .ark-heat-click-element .ark-heat-click-element-tips .ark-click-num, .ark-heat-click-element .ark-heat-click-element-tips .ark-click-percent {
+      display: inline-block;
+      text-align: right;
+      padding: 0 10px; }
+      .ark-heat-click-element .ark-heat-click-element-tips .ark-click-num label, .ark-heat-click-element .ark-heat-click-element-tips .ark-click-percent label {
+        display: block;
+        color: #9cacbf; }
+
+.ark-headmap-body-element-none .ark-heat-click-element {
+  display: none; }
+
 .ark-page-line {
   z-index: 5002;
   position: absolute;