cbvirtua 1.0.116 → 2.0.0

package/v-track-master/v-track-master/docs/pages/home.vue

@@ -1,269 +0,0 @@
-<template>
-  <div class="page-home page">
-    <section class="nav">
-      <router-link :to="{ name: 'STARTED' }">
-        快速开始
-      </router-link>
-      <router-link :to="{ name: 'HOME' }">
-        事件行为埋点
-      </router-link>
-      <router-link :to="{ name: 'CUSTOM_EVENTS' }">
-        自定义事件埋点
-      </router-link>
-      <router-link :to="{ name: 'TRACK_VIEW' }">
-        页面行为埋点
-      </router-link>
-      <router-link :to="{ name: 'BLOCK_SHOW' }">
-        区域展现埋点
-      </router-link>
-      <a href="https://github.com/l-hammer/v-track/issues">打开一个 issue</a>
-    </section>
-
-    <!----------------------- DEMO 1 ------------------------>
-    <section class="demo">
-      <el-alert
-        center
-        type="info"
-        title="这是一个点击事件行为的埋点"
-        :closable="false"
-      >
-      </el-alert>
-      <div class="section-content">
-        <div class="track-button" v-track:18015.click="handleClick">
-          click me
-        </div>
-      </div>
-    </section>
-
-    <section class="snippets">
-      <CodeSnippet class="snippet" lang="html" :code="trackClickSnippet" />
-    </section>
-
-    <!----------------------- DEMO 2 ------------------------>
-    <section class="demo">
-      <el-alert
-        center
-        type="info"
-        title="通过增加 .native 修饰符，我们可以监听组件原生click事件行为的埋点"
-        :closable="false"
-      >
-      </el-alert>
-      <div class="section-content">
-        <Button v-track:18015.click.native="handleNativeEvent"></Button>
-      </div>
-    </section>
-
-    <section class="snippets">
-      <CodeSnippet
-        class="snippet"
-        lang="html"
-        :code="trackNativeClickSnippet"
-      />
-    </section>
-
-    <!----------------------- DEMO 3 ------------------------>
-    <section class="demo">
-      <el-alert
-        center
-        type="info"
-        title="这个一个带参数点击事件行为的埋点，默认最后一个参数为 event 事件对象"
-        :closable="false"
-      >
-      </el-alert>
-      <div class="section-content">
-        <div
-          class="track-button"
-          v-track:18016.click="{ handleClickWithParam, item }"
-        >
-          click me
-        </div>
-      </div>
-    </section>
-
-    <section class="snippets">
-      <CodeSnippet
-        class="snippet"
-        lang="html"
-        :code="trackClickWithParamSnippet"
-      />
-      <CodeSnippet
-        class="snippet"
-        lang="js"
-        :code="jsTrackClickWithParamSnippet"
-      />
-    </section>
-
-    <!----------------------- DEMO 4 ------------------------>
-    <section class="demo">
-      <el-alert
-        center
-        type="info"
-        title="这是一个发生在事件之后的埋点，默认先执行埋点再执行事件，如示例所示：index初始值为0，点击事件会将index加1，所以埋点获取到的index值应该为1，依次点击则累加"
-        :closable="false"
-      >
-      </el-alert>
-      <div class="section-content">
-        <div class="track-button" v-track:18017.click.delay="handleClickDelay">
-          click me
-        </div>
-      </div>
-    </section>
-
-    <section class="snippets">
-      <CodeSnippet class="snippet" lang="html" :code="trackClickDelaySnippet" />
-      <CodeSnippet class="snippet" lang="js" :code="jsTrackClickDelaySnippet" />
-    </section>
-
-    <!----------------------- DEMO 5 ------------------------>
-    <section class="demo">
-      <el-alert
-        center
-        type="info"
-        title="这是一个有异步行为的事件埋点，如示例所示：rest 初始值为 null，点击事件会 fetch 为 success，所以埋点获取到的 rest 值应该为 success"
-        :closable="false"
-      >
-      </el-alert
-      ><el-alert
-        center
-        type="warning"
-        title="备注：①修饰符 async 是基于 Vue 实例提供的 vm.$watch 方法，所以只有在返回结果 rest 发生变化时才会触发埋点；②当有多个参数时，.async 会把最后一个参数当做监听对象"
-        :closable="false"
-      >
-      </el-alert>
-      <div class="section-content">
-        <div
-          class="track-button"
-          v-track:18018.click.async="{ handleClickAsync, rest }"
-        >
-          click me
-        </div>
-      </div>
-    </section>
-
-    <section class="snippets">
-      <CodeSnippet class="snippet" lang="html" :code="trackClickAsyncSnippet" />
-      <CodeSnippet class="snippet" lang="js" :code="jsTrackClickAsyncSnippet" />
-    </section>
-  </div>
-</template>
-
-<script>
-import CodeSnippet from "../components/code-snippet";
-import Button from "../components/button";
-
-const trackClickSnippet = `
-<div class="track-button" v-track:18015.click="handleClick">click me</div>
-`;
-const trackNativeClickSnippet = `
-<Button v-track:18015.click.native="handleNativeEvent"></Button>
-`;
-const trackClickWithParamSnippet = `
-<div class="track-button" v-track:18016.click="{ handleClickWithParam, item }">click me</div>
-`;
-const jsTrackClickWithParamSnippet = `
-export default {
-  data: () => ({
-    item: {
-      id: Date.now().toString(36)
-    },
-  })
-}
-`;
-const trackClickDelaySnippet = `
-<div class="track-button" v-track:18017.click.delay="handleClickDelay">click me</div>
-`;
-const jsTrackClickDelaySnippet = `
-export default {
-  data() {
-    return {
-      index: 0
-    };
-  },
-  methods: {
-    handleClickDelay() {
-      this.index++;
-    },
-  }
-}
-`;
-const trackClickAsyncSnippet = `
-<div class="track-button" v-track:18018.click.async="handleClickAsync">click me</div>
-`;
-const jsTrackClickAsyncSnippet = `
-export default {
-  data() {
-    return {
-      rest: null
-    };
-  },
-  methods: {
-    async handleClickAsync() {
-      const response = await new Promise(resolve => {
-        setTimeout(() => {
-          resolve({ data: "success" });
-        }, 300);
-      });
-
-      this.rest = response.data;
-    }
-  }
-}
-`;
-
-export default {
-  name: "Home",
-  components: {
-    Button,
-    CodeSnippet
-  },
-  data() {
-    return {
-      trackClickSnippet,
-      trackNativeClickSnippet,
-      trackClickWithParamSnippet,
-      jsTrackClickWithParamSnippet,
-      trackClickDelaySnippet,
-      trackClickAsyncSnippet,
-      jsTrackClickDelaySnippet,
-      jsTrackClickAsyncSnippet,
-      item: {
-        id: Date.now().toString(36)
-      },
-      index: 0,
-      rest: null
-    };
-  },
-  methods: {
-    handleClick() {
-      this.$message.success("事件执行成功");
-    },
-    handleNativeEvent() {
-      this.$message.success("组件原生事件执行成功");
-    },
-    handleClickWithParam(item, { target }) {
-      this.$message.success(
-        `事件执行成功，参数为${JSON.stringify(item)}--${target}`
-      );
-    },
-    handleClickDelay() {
-      this.index++;
-    },
-    async handleClickAsync() {
-      const response = await new Promise(resolve => {
-        setTimeout(() => {
-          resolve({ data: "success" });
-        }, 300);
-      });
-
-      if (this.rest === response.data) {
-        this.$message.success(
-          "异步事件返回成功，但返回结果和上一次相等，埋点不会上报"
-        );
-      } else {
-        this.rest = response.data;
-        this.$message.success("异步事件返回成功");
-      }
-    }
-  }
-};
-</script>

package/v-track-master/v-track-master/docs/pages/started.vue

@@ -1,151 +0,0 @@
-<template>
-  <div class="page-started page">
-    <section class="nav">
-      <router-link :to="{ name: 'HOME' }">
-        返回
-      </router-link>
-      <router-link :to="{ name: 'HOME' }">
-        事件行为埋点
-      </router-link>
-      <router-link :to="{ name: 'CUSTOM_EVENTS' }">
-        自定义事件埋点
-      </router-link>
-      <router-link :to="{ name: 'TRACK_VIEW' }">
-        页面行为埋点
-      </router-link>
-      <router-link :to="{ name: 'BLOCK_SHOW' }">
-        区域展现埋点
-      </router-link>
-      <a href="https://github.com/l-hammer/v-track/issues">打开一个 issue</a>
-    </section>
-
-    <section class="snippets">
-      <div class="section-content small">
-        v-track通过
-        <a href="https://cn.vuejs.org/v2/guide/custom-directive.html"
-          >Vue 自定义指令</a
-        >的方式将埋点代码与业务代码完全解耦，完整示例可参考
-        <a href="https://github.com/l-hammer/v-track/tree/master">GitHub</a>
-      </div>
-    </section>
-
-    <section class="snippets">
-      <CodeSnippet class="snippet" :code="installSnippet" lang="shell" />
-      <div class="plus">+</div>
-      <CodeSnippet class="snippet" :code="mainSnippet" lang="js" />
-      <div class="plus">+</div>
-      <CodeSnippet class="snippet" :code="eventsSnippet" lang="js" />
-      <div class="plus">+</div>
-      <CodeSnippet class="snippet" :code="componentSnippet" lang="html" />
-    </section>
-  </div>
-</template>
-
-<script>
-import CodeSnippet from "../components/code-snippet";
-
-const installSnippet = `
-# YARN
-$ yarn add v-track
-
-# NPM
-$ npm install v-track --save
-`;
-const mainSnippet = `
-import Vue from "vue";
-import VTrack from "v-track";
-import trackEvents from "./track-events";
-
-Vue.use(VTrack, {
-  trackEvents, // 埋点事件对象
-  trackEnable: {
-    UVPV: true, // 是否开启UVPV统计，v0.8.3新增routeUpdate，即在当前路由参数发生改变时埋点，默认为false
-    TONP: true // 是否开启页面停留时长统计，默认为false
-  }
-})
-`;
-const eventsSnippet = `
-import trackAction from "./action"; // 自定义埋点上报的方法
-
-export default {
-  /**
-   * @name UVPV 固定名称不支持修改
-   * @desc UV、PV埋点
-   * @param {Object} context 当前上下文
-   */
-  UVPV(_) {
-    trackAction("1");
-  },
-  /**
-   * @name TONP 固定名称不支持修改
-   * @desc 页面停留时间埋点（Time on Page）
-   * @param {Object} context 当前上下文
-   * @param {Timestamp} et 进入页面时间
-   * @param {Timestamp} dt 离开页面时间
-   */
-  TONP(_, { et, dt }) {
-    trackAction("2", {
-      stt: dt - et
-    });
-  },
-  /**
-   * @param {Object} context 当前上下文
-   * @param {Object} item 事件参数
-   * @param {Object} event 事件对象
-   */
-  18015(
-    {
-      $route: { name }
-    },
-    { id },
-    { target }
-  ) {
-    trackAction("18015", {
-      id,
-      source_page: name,
-      target
-    });
-  },
-};
-`;
-const componentSnippet = `
-<!-- 页面行为埋点（track-view为v-track全局注册的组件） -->
-<track-view v-track:18015></track-view>
-<track-view v-track:18015.watch="{ result }"></track-view>
-<track-view v-track:18015.watch.delay="{ result }"></track-view>
-<track-view v-if="result" v-track:18015></track-view>
-
-<!-- 事件行为埋点（DOM） -->
-<div v-track:18015.click="handleClick"></div>
-<div v-track:18015.click="{ handleClick, item, index }"></div>
-<div v-track:18015.click.async="{ handleSearch, rest }"></div>
-<div v-track:18015.click.delay="handleClick"></div>
-
-<!-- 事件行为埋点（组件） -->
-<cmp v-track:18015.click="handleClick"></cmp>
-<cmp v-track:18015.[自定义事件名]="handleSearch"></cmp>
-<cmp v-track:18015.[自定义事件名].delay="handleSearch"></cmp>
-<cmp v-track:18015.[自定义事件名].async="{ handleSearch, rest }"></cmp>
-
-<!-- 区域展现埋点（block 可以是 DOM 或者组件） -->
-<block v-track:18015.show></block>
-<block v-track:18015.show.once></block>
-<block v-track:18015.show.custom="{ ref: 'scroll' }"></block>
-<block v-track:18015.show.custom.once="{ ref: 'scroll' }"></block>
-`;
-
-export default {
-  name: "Started",
-  components: {
-    CodeSnippet
-  },
-  data() {
-    return {
-      installSnippet,
-      mainSnippet,
-      eventsSnippet,
-      componentSnippet
-    };
-  }
-};
-</script>

package/v-track-master/v-track-master/docs/pages/track-view.vue

@@ -1,234 +0,0 @@
-<template>
-  <div class="page-home page">
-    <section class="nav">
-      <router-link :to="{ name: 'STARTED' }">
-        快速开始
-      </router-link>
-      <router-link :to="{ name: 'HOME' }">
-        事件行为埋点
-      </router-link>
-      <router-link :to="{ name: 'CUSTOM_EVENTS' }">
-        自定义事件埋点
-      </router-link>
-      <router-link :to="{ name: 'HOME' }">
-        返回
-      </router-link>
-      <router-link :to="{ name: 'BLOCK_SHOW' }">
-        区域展现埋点
-      </router-link>
-      <a href="https://github.com/l-hammer/v-track/issues">打开一个 issue</a>
-    </section>
-
-    <!----------------------- DEMO 1 ------------------------>
-    <section class="demo">
-      <el-alert
-        center
-        type="info"
-        title="这是一个页面初始化埋点"
-        :closable="false"
-      >
-      </el-alert>
-      <el-alert
-        center
-        type="warning"
-        title="备注：v-track指令可用于任何元素，此行为埋点建议绑定到页面的根元素或者v-track提供的track-view组件上"
-        :closable="false"
-      >
-      </el-alert>
-      <div v-track:18022 class="section-content"></div>
-    </section>
-    <section class="snippets">
-      <CodeSnippet
-        class="snippet"
-        lang="html"
-        :code="trackViewComponentSnippet"
-      />
-    </section>
-
-    <!----------------------- DEMO 2 ------------------------>
-    <section class="demo">
-      <el-alert
-        center
-        type="info"
-        title="配合 v-if 指令控制埋点上报次数，即 show 为真时，会再次触发埋点"
-        :closable="false"
-      >
-      </el-alert>
-      <div class="section-content">
-        <track-view v-track:18023 v-if="show"></track-view>
-        <div class="track-button" @click="() => (show = !show)">
-          click me -> {{ show }}
-        </div>
-      </div>
-    </section>
-    <section class="snippets">
-      <CodeSnippet
-        class="snippet"
-        lang="html"
-        :code="trackViewComponentVIfSnippet"
-      />
-      <CodeSnippet
-        class="snippet"
-        lang="js"
-        :code="jsTrackViewComponentVIfSnippet"
-      />
-    </section>
-
-    <!----------------------- DEMO 3 ------------------------>
-    <section class="demo">
-      <el-alert
-        center
-        type="info"
-        title="这是一个监听页面行为的埋点，同事件行为埋点一样，只有当返回结果发生变化时才会上报埋点"
-        :closable="false"
-      >
-      </el-alert>
-      <div class="section-content">
-        <track-view v-track:18025.watch="{ rest1 }" />
-        <div class="track-button" @click="fetchRest(false)">
-          click me
-        </div>
-      </div>
-    </section>
-    <section class="snippets">
-      <CodeSnippet
-        class="snippet"
-        lang="html"
-        :code="trackViewComponentWatchSnippet"
-      />
-      <CodeSnippet
-        class="snippet"
-        lang="js"
-        :code="jsTrackViewComponentWatchSnippet"
-      />
-    </section>
-
-    <!----------------------- DEMO 4 ------------------------>
-    <section class="demo">
-      <el-alert
-        center
-        type="info"
-        title="这是一个监听页面行为并延时的埋点，不同于事件延时埋点，这里可通过delay设置具体的延长时间"
-        :closable="false"
-      >
-      </el-alert>
-      <div class="section-content">
-        <track-view v-track:18026.watch.delay="{ rest2, delay: 2000 }" />
-        <div class="track-button" @click="fetchRest(true)">
-          click me
-        </div>
-      </div>
-    </section>
-    <section class="snippets">
-      <CodeSnippet
-        class="snippet"
-        lang="html"
-        :code="trackViewComponentWatchDelaySnippet"
-      />
-      <CodeSnippet
-        class="snippet"
-        lang="js"
-        :code="jsTrackViewComponentWatchDelaySnippet"
-      />
-    </section>
-  </div>
-</template>
-
-<script>
-import CodeSnippet from "../components/code-snippet";
-
-const trackViewComponentSnippet = `
-<track-view v-track:18022></track-view>
-`;
-const trackViewComponentVIfSnippet = `
-<track-view v-track:18023 v-if="show"></track-view>
-<div class="track-button" @click="show = !show">click me -> {{ show }}</div>
-`;
-const jsTrackViewComponentVIfSnippet = `
-export default {
-  data: () => ({ show: false })
-}
-`;
-const trackViewComponentWatchSnippet = `
-<track-view v-track:18015.watch="{ rest }" />
-<div class="track-button" @click="fetchRest">click me</div>
-`;
-const jsTrackViewComponentWatchSnippet = `
-export default {
-  data: () => ({ rest: null }),
-  methods: {
-    async fetchRest() {
-      const response = await new Promise(resolve => {
-        setTimeout(() => {
-          resolve({ data: "success" });
-        }, 300);
-      });
-  
-      this.rest = response.data;
-    }
-  },
-}
-`;
-const trackViewComponentWatchDelaySnippet = `
-<track-view v-track:18025.watch.delay="{ rest, delay: 2000 }" />
-<div class="track-button" @click="fetchRest()">click me</div>
-`;
-const jsTrackViewComponentWatchDelaySnippet = `
-export default {
-  data: () => ({ rest: null }),
-  methods: {
-    async fetchRest() {
-      const response = await new Promise(resolve => {
-        setTimeout(() => {
-          resolve({ data: "success" });
-        }, 300);
-      });
-  
-      this.rest = response.data;
-    }
-  },
-}
-`;
-
-export default {
-  name: "TrackViews",
-  components: {
-    CodeSnippet
-  },
-  data() {
-    return {
-      trackViewComponentSnippet,
-      trackViewComponentVIfSnippet,
-      jsTrackViewComponentVIfSnippet,
-      trackViewComponentWatchSnippet,
-      jsTrackViewComponentWatchSnippet,
-      trackViewComponentWatchDelaySnippet,
-      jsTrackViewComponentWatchDelaySnippet,
-      show: false,
-      rest1: null,
-      rest2: null
-    };
-  },
-  methods: {
-    async fetchRest(delay) {
-      const response = await new Promise(resolve => {
-        setTimeout(() => {
-          resolve({ data: "success" });
-        }, 300);
-      });
-
-      if (
-        (!delay && this.rest1 === response.data) ||
-        (delay && this.rest2 === response.data)
-      ) {
-        this.$message.success(
-          "异步事件返回成功，但返回结果和上一次相等，埋点不会上报"
-        );
-      } else {
-        this.$message.success("异步事件返回成功");
-        !delay ? (this.rest1 = response.data) : (this.rest2 = response.data);
-      }
-    }
-  }
-};
-</script>

package/v-track-master/v-track-master/docs/tracks/action.js

@@ -1,37 +0,0 @@
-/*
- * @Author: 宋慧武
- * @Date: 2019-04-14 16:44:42
- * @Last Modified by: 宋慧武
- * @Last Modified time: 2019-07-30 20:17:13
- */
-import { Notification, Message } from "element-ui";
-import { format } from "../utils/date";
-import { createFragment } from "../utils/dom";
-
-/**
- * @desc 模拟埋点Action
- */
-export default function trackAction(evt, addtional = {}) {
-  const data = {
-    evt,
-    ...addtional,
-    action_time: format(Date.now())
-  };
-
-  if (evt === "1") {
-    Message("统计UVPV埋点");
-  }
-  if (evt === "2") {
-    Message({
-      message: "统计页面停留时间埋点",
-      customClass: "message-offset"
-    });
-  }
-  Notification.success({
-    title: "上报数据如下：",
-    dangerouslyUseHTMLString: true,
-    message: createFragment(data),
-    customClass: "notification__large",
-    position: evt === "1" || evt === "2" ? "top-left" : "top-right"
-  });
-}