user-behavior-monitor 1.0.0

package/dist/user-behavior-monitor.umd.js

@@ -0,0 +1,1001 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["user-behavior-monitor"] = factory();
+	else
+		root["user-behavior-monitor"] = factory();
+})((typeof self !== 'undefined' ? self : this), function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = "fb15");
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ "2350":
+/***/ (function(module, exports) {
+
+/*
+	MIT License http://www.opensource.org/licenses/mit-license.php
+	Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+module.exports = function(useSourceMap) {
+	var list = [];
+
+	// return the list of modules as css string
+	list.toString = function toString() {
+		return this.map(function (item) {
+			var content = cssWithMappingToString(item, useSourceMap);
+			if(item[2]) {
+				return "@media " + item[2] + "{" + content + "}";
+			} else {
+				return content;
+			}
+		}).join("");
+	};
+
+	// import a list of modules into the list
+	list.i = function(modules, mediaQuery) {
+		if(typeof modules === "string")
+			modules = [[null, modules, ""]];
+		var alreadyImportedModules = {};
+		for(var i = 0; i < this.length; i++) {
+			var id = this[i][0];
+			if(typeof id === "number")
+				alreadyImportedModules[id] = true;
+		}
+		for(i = 0; i < modules.length; i++) {
+			var item = modules[i];
+			// skip already imported module
+			// this implementation is not 100% perfect for weird media query combinations
+			//  when a module is imported multiple times with different media queries.
+			//  I hope this will never occur (Hey this way we have smaller bundles)
+			if(typeof item[0] !== "number" || !alreadyImportedModules[item[0]]) {
+				if(mediaQuery && !item[2]) {
+					item[2] = mediaQuery;
+				} else if(mediaQuery) {
+					item[2] = "(" + item[2] + ") and (" + mediaQuery + ")";
+				}
+				list.push(item);
+			}
+		}
+	};
+	return list;
+};
+
+function cssWithMappingToString(item, useSourceMap) {
+	var content = item[1] || '';
+	var cssMapping = item[3];
+	if (!cssMapping) {
+		return content;
+	}
+
+	if (useSourceMap && typeof btoa === 'function') {
+		var sourceMapping = toComment(cssMapping);
+		var sourceURLs = cssMapping.sources.map(function (source) {
+			return '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'
+		});
+
+		return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
+	}
+
+	return [content].join('\n');
+}
+
+// Adapted from convert-source-map (MIT)
+function toComment(sourceMap) {
+	// eslint-disable-next-line no-undef
+	var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
+	var data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;
+
+	return '/*# ' + data + ' */';
+}
+
+
+/***/ }),
+
+/***/ "499e":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "default", function() { return /* binding */ addStylesClient; });
+
+// CONCATENATED MODULE: ./node_modules/vue-style-loader/lib/listToStyles.js
+/**
+ * Translates the list format produced by css-loader into something
+ * easier to manipulate.
+ */
+function listToStyles (parentId, list) {
+  var styles = []
+  var newStyles = {}
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i]
+    var id = item[0]
+    var css = item[1]
+    var media = item[2]
+    var sourceMap = item[3]
+    var part = {
+      id: parentId + ':' + i,
+      css: css,
+      media: media,
+      sourceMap: sourceMap
+    }
+    if (!newStyles[id]) {
+      styles.push(newStyles[id] = { id: id, parts: [part] })
+    } else {
+      newStyles[id].parts.push(part)
+    }
+  }
+  return styles
+}
+
+// CONCATENATED MODULE: ./node_modules/vue-style-loader/lib/addStylesClient.js
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+  Modified by Evan You @yyx990803
+*/
+
+
+
+var hasDocument = typeof document !== 'undefined'
+
+if (typeof DEBUG !== 'undefined' && DEBUG) {
+  if (!hasDocument) {
+    throw new Error(
+    'vue-style-loader cannot be used in a non-browser environment. ' +
+    "Use { target: 'node' } in your Webpack config to indicate a server-rendering environment."
+  ) }
+}
+
+/*
+type StyleObject = {
+  id: number;
+  parts: Array<StyleObjectPart>
+}
+
+type StyleObjectPart = {
+  css: string;
+  media: string;
+  sourceMap: ?string
+}
+*/
+
+var stylesInDom = {/*
+  [id: number]: {
+    id: number,
+    refs: number,
+    parts: Array<(obj?: StyleObjectPart) => void>
+  }
+*/}
+
+var head = hasDocument && (document.head || document.getElementsByTagName('head')[0])
+var singletonElement = null
+var singletonCounter = 0
+var isProduction = false
+var noop = function () {}
+var options = null
+var ssrIdKey = 'data-vue-ssr-id'
+
+// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
+// tags it will allow on a page
+var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase())
+
+function addStylesClient (parentId, list, _isProduction, _options) {
+  isProduction = _isProduction
+
+  options = _options || {}
+
+  var styles = listToStyles(parentId, list)
+  addStylesToDom(styles)
+
+  return function update (newList) {
+    var mayRemove = []
+    for (var i = 0; i < styles.length; i++) {
+      var item = styles[i]
+      var domStyle = stylesInDom[item.id]
+      domStyle.refs--
+      mayRemove.push(domStyle)
+    }
+    if (newList) {
+      styles = listToStyles(parentId, newList)
+      addStylesToDom(styles)
+    } else {
+      styles = []
+    }
+    for (var i = 0; i < mayRemove.length; i++) {
+      var domStyle = mayRemove[i]
+      if (domStyle.refs === 0) {
+        for (var j = 0; j < domStyle.parts.length; j++) {
+          domStyle.parts[j]()
+        }
+        delete stylesInDom[domStyle.id]
+      }
+    }
+  }
+}
+
+function addStylesToDom (styles /* Array<StyleObject> */) {
+  for (var i = 0; i < styles.length; i++) {
+    var item = styles[i]
+    var domStyle = stylesInDom[item.id]
+    if (domStyle) {
+      domStyle.refs++
+      for (var j = 0; j < domStyle.parts.length; j++) {
+        domStyle.parts[j](item.parts[j])
+      }
+      for (; j < item.parts.length; j++) {
+        domStyle.parts.push(addStyle(item.parts[j]))
+      }
+      if (domStyle.parts.length > item.parts.length) {
+        domStyle.parts.length = item.parts.length
+      }
+    } else {
+      var parts = []
+      for (var j = 0; j < item.parts.length; j++) {
+        parts.push(addStyle(item.parts[j]))
+      }
+      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }
+    }
+  }
+}
+
+function createStyleElement () {
+  var styleElement = document.createElement('style')
+  styleElement.type = 'text/css'
+  head.appendChild(styleElement)
+  return styleElement
+}
+
+function addStyle (obj /* StyleObjectPart */) {
+  var update, remove
+  var styleElement = document.querySelector('style[' + ssrIdKey + '~="' + obj.id + '"]')
+
+  if (styleElement) {
+    if (isProduction) {
+      // has SSR styles and in production mode.
+      // simply do nothing.
+      return noop
+    } else {
+      // has SSR styles but in dev mode.
+      // for some reason Chrome can't handle source map in server-rendered
+      // style tags - source maps in <style> only works if the style tag is
+      // created and inserted dynamically. So we remove the server rendered
+      // styles and inject new ones.
+      styleElement.parentNode.removeChild(styleElement)
+    }
+  }
+
+  if (isOldIE) {
+    // use singleton mode for IE9.
+    var styleIndex = singletonCounter++
+    styleElement = singletonElement || (singletonElement = createStyleElement())
+    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)
+    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)
+  } else {
+    // use multi-style-tag mode in all other cases
+    styleElement = createStyleElement()
+    update = applyToTag.bind(null, styleElement)
+    remove = function () {
+      styleElement.parentNode.removeChild(styleElement)
+    }
+  }
+
+  update(obj)
+
+  return function updateStyle (newObj /* StyleObjectPart */) {
+    if (newObj) {
+      if (newObj.css === obj.css &&
+          newObj.media === obj.media &&
+          newObj.sourceMap === obj.sourceMap) {
+        return
+      }
+      update(obj = newObj)
+    } else {
+      remove()
+    }
+  }
+}
+
+var replaceText = (function () {
+  var textStore = []
+
+  return function (index, replacement) {
+    textStore[index] = replacement
+    return textStore.filter(Boolean).join('\n')
+  }
+})()
+
+function applyToSingletonTag (styleElement, index, remove, obj) {
+  var css = remove ? '' : obj.css
+
+  if (styleElement.styleSheet) {
+    styleElement.styleSheet.cssText = replaceText(index, css)
+  } else {
+    var cssNode = document.createTextNode(css)
+    var childNodes = styleElement.childNodes
+    if (childNodes[index]) styleElement.removeChild(childNodes[index])
+    if (childNodes.length) {
+      styleElement.insertBefore(cssNode, childNodes[index])
+    } else {
+      styleElement.appendChild(cssNode)
+    }
+  }
+}
+
+function applyToTag (styleElement, obj) {
+  var css = obj.css
+  var media = obj.media
+  var sourceMap = obj.sourceMap
+
+  if (media) {
+    styleElement.setAttribute('media', media)
+  }
+  if (options.ssrId) {
+    styleElement.setAttribute(ssrIdKey, obj.id)
+  }
+
+  if (sourceMap) {
+    // https://developer.chrome.com/devtools/docs/javascript-debugging
+    // this makes source maps inside style tags work properly in Chrome
+    css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' */'
+    // http://stackoverflow.com/a/26603875
+    css += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'
+  }
+
+  if (styleElement.styleSheet) {
+    styleElement.styleSheet.cssText = css
+  } else {
+    while (styleElement.firstChild) {
+      styleElement.removeChild(styleElement.firstChild)
+    }
+    styleElement.appendChild(document.createTextNode(css))
+  }
+}
+
+
+/***/ }),
+
+/***/ "533e":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserBehaviorMonitor_vue_vue_type_style_index_0_id_06a138e4_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("d1b1");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserBehaviorMonitor_vue_vue_type_style_index_0_id_06a138e4_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_6_oneOf_1_0_node_modules_css_loader_index_js_ref_6_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_6_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_UserBehaviorMonitor_vue_vue_type_style_index_0_id_06a138e4_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "9cfc":
+/***/ (function(module, exports, __webpack_require__) {
+
+exports = module.exports = __webpack_require__("2350")(false);
+// imports
+
+
+// module
+exports.push([module.i, ".user-behavior-monitor[data-v-06a138e4]{display:none}.behavior-warning-dialog[data-v-06a138e4]  .el-dialog__body{text-align:center;font-size:16px;padding:30px 20px}.behavior-warning-dialog[data-v-06a138e4]{z-index:9999!important}", ""]);
+
+// exports
+
+
+/***/ }),
+
+/***/ "d1b1":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("9cfc");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("2c53b590", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
+/***/ "fb15":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "UserBehaviorMonitor", function() { return /* reexport */ UserBehaviorMonitor; });
+
+// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
+// This file is imported into lib/wc client bundles.
+
+if (typeof window !== 'undefined') {
+  if (false) {}
+
+  var i
+  if ((i = window.document.currentScript) && (i = i.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))) {
+    __webpack_require__.p = i[1] // eslint-disable-line
+  }
+}
+
+// Indicate to webpack that this file can be concatenated
+/* harmony default export */ var setPublicPath = (null);
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7caff2c6-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UserBehaviorMonitor.vue?vue&type=template&id=06a138e4&scoped=true
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"behaviorMonitor",staticClass:"user-behavior-monitor"},[_c('el-dialog',{attrs:{"visible":_vm.showWarning,"show-close":false,"modal":true,"width":"30%","center":"","custom-class":"behavior-warning-dialog","append-to-body":true,"modal-append-to-body":true,"close-on-click-modal":false,"close-on-press-escape":false},on:{"update:visible":function($event){_vm.showWarning=$event}}},[_c('span',[_vm._v(_vm._s(_vm.warningMessage))])]),_c('button',{staticStyle:{"position":"fixed","top":"10px","right":"10px","z-index":"10000"},on:{"click":_vm.testWarning}},[_vm._v("\n    测试警告\n  ")])],1)}
+var staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/UserBehaviorMonitor.vue?vue&type=template&id=06a138e4&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/UserBehaviorMonitor.vue?vue&type=script&lang=js
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var UserBehaviorMonitorvue_type_script_lang_js = ({
+  name: 'UserBehaviorMonitor',
+  props: {
+    // WebSocket服务器地址
+    websocketUrl: {
+      type: String,
+      required: true
+    },
+    // 倒计时时长（分钟）
+    timeoutMinutes: {
+      type: Number,
+      default: 10
+    },
+    // 警告提前时间（分钟）
+    warningMinutes: {
+      type: Number,
+      default: 1
+    }
+  },
+  data() {
+    return {
+      mouseMoveThrottled:false,
+      websocket: null,
+      countdownTimer: null,
+      warningTimer: null,
+      showWarning: false,
+      warningMessage: `您已${this.timeoutMinutes}分钟未操作，将在${this.warningMinutes}分钟后自动退出`,
+      lastActivityTime: null,
+      isMonitoring: false
+    };
+  },
+  mounted() {
+    console.log('开始开始！ mounted');
+    this.initMonitor();
+  },
+  beforeDestroy() {
+    console.log('开始开始！ beforeDestroy');
+    this.destroyMonitor();
+  },
+  methods: {
+    testWarning() {
+      console.log('Testing warning display');
+      this.showWarning = true;
+    },
+    // 初始化监控
+    initMonitor() {
+      console.log('Initializing monitor');
+      if (this.isMonitoring) return;
+      
+      this.isMonitoring = true;
+      this.lastActivityTime = Date.now();
+      
+      // 启动倒计时
+      this.startCountdown();
+      
+      // 绑定事件监听器
+      this.bindEventListeners();
+    },
+    
+    // 销毁监控
+    destroyMonitor() {
+      this.isMonitoring = false;
+      
+      // 清除定时器
+      if (this.countdownTimer) clearInterval(this.countdownTimer);
+      if (this.warningTimer) clearTimeout(this.warningTimer);
+      
+      // 解绑事件监听器
+      this.unbindEventListeners();
+    },
+    
+    // 发送用户行为数据到后端
+    sendUserBehavior(data) {
+      // 用于测试：在控制台输出用户行为信息
+      console.log('用户行为监测:', data);
+    },
+    
+    // 绑定事件监听器
+    bindEventListeners() {
+      console.log('Binding event listeners');
+      // 使用箭头函数或bind来保持this上下文
+      // 鼠标事件
+      document.addEventListener('click', this.handleUserActivity.bind(this), true);
+      document.addEventListener('dblclick', this.handleUserActivity.bind(this), true);
+      document.addEventListener('mousedown', this.handleUserActivity.bind(this), true);
+      document.addEventListener('mouseup', this.handleUserActivity.bind(this), true);
+      document.addEventListener('mousemove', this.handleMouseMove.bind(this), true);
+      document.addEventListener('mouseover', this.handleUserActivity.bind(this), true);
+      document.addEventListener('mouseout', this.handleUserActivity.bind(this), true);
+      
+      // 键盘事件
+      document.addEventListener('keydown', this.handleUserActivity.bind(this), true);
+      document.addEventListener('keyup', this.handleUserActivity.bind(this), true);
+      
+      // 表单事件
+      document.addEventListener('input', this.handleUserActivity.bind(this), true);
+      document.addEventListener('change', this.handleUserActivity.bind(this), true);
+      document.addEventListener('focus', this.handleUserActivity.bind(this), true);
+      document.addEventListener('blur', this.handleUserActivity.bind(this), true);
+      
+      // 滚动事件（防抖处理）
+      document.addEventListener('scroll', this.debounce(this.handleUserActivity, 300).bind(this), true);
+      
+      // 窗口事件
+      window.addEventListener('resize', this.handleUserActivity.bind(this), true);
+      window.addEventListener('beforeunload', this.handleBeforeUnload.bind(this));
+    },
+    
+    // 解绑事件监听器
+    unbindEventListeners() {
+      console.log('Unbinding event listeners');
+      // 解绑时也要使用相同的方式
+      document.removeEventListener('click', this.handleUserActivity.bind(this), true);
+      document.removeEventListener('dblclick', this.handleUserActivity.bind(this), true);
+      document.removeEventListener('mousedown', this.handleUserActivity.bind(this), true);
+      document.removeEventListener('mouseup', this.handleUserActivity.bind(this), true);
+      document.removeEventListener('mousemove', this.handleMouseMove.bind(this), true);
+      document.removeEventListener('mouseover', this.handleUserActivity.bind(this), true);
+      document.removeEventListener('mouseout', this.handleUserActivity.bind(this), true);
+      
+      document.removeEventListener('keydown', this.handleUserActivity.bind(this), true);
+      document.removeEventListener('keyup', this.handleUserActivity.bind(this), true);
+      
+      document.removeEventListener('input', this.handleUserActivity.bind(this), true);
+      document.removeEventListener('change', this.handleUserActivity.bind(this), true);
+      document.removeEventListener('focus', this.handleUserActivity.bind(this), true);
+      document.removeEventListener('blur', this.handleUserActivity.bind(this), true);
+      
+      document.removeEventListener('scroll', this.debounce(this.handleUserActivity, 300).bind(this), true);
+      
+      window.removeEventListener('resize', this.handleUserActivity.bind(this), true);
+      window.removeEventListener('beforeunload', this.handleBeforeUnload.bind(this));
+    },
+    
+    // 处理用户活动
+    handleUserActivity(event) {
+      // 过滤掉自动触发的事件
+      if (this.isAutomaticEvent(event)) return;
+      
+      this.resetTimer();
+      
+      // 发送用户行为数据
+      const behaviorData = {
+        eventType: event.type,
+        target: event.target.tagName,
+        timestamp: Date.now(),
+        url: window.location.href
+      };
+      
+      // 添加特定事件的额外信息
+      if (event.type === 'click') {
+        behaviorData.clientX = event.clientX;
+        behaviorData.clientY = event.clientY;
+      } else if (event.type === 'keydown') {
+        behaviorData.key = event.key;
+        behaviorData.ctrlKey = event.ctrlKey;
+        behaviorData.altKey = event.altKey;
+        behaviorData.shiftKey = event.shiftKey;
+      }
+      
+      this.sendUserBehavior(behaviorData);
+    },
+     handleMouseMove(event) {
+      if (!this.mouseMoveThrottled) {
+        this.handleUserActivity(event);
+        this.mouseMoveThrottled = true;
+        setTimeout(() => {
+          this.mouseMoveThrottled = false;
+        }, 500);
+      }
+    },
+    
+    // 处理鼠标移动（降低频率）
+    // handleMouseMove: function() {
+    //   let isThrottled = false;
+    //   return (event) => {
+    //     if (!isThrottled) {
+    //       this.handleUserActivity(event);
+    //       isThrottled = true;
+    //       setTimeout(() => {
+    //         isThrottled = false;
+    //       }, 500);
+    //     }
+    //   };
+    // }(),
+    
+    // 判断是否为自动触发事件
+    isAutomaticEvent(event) {
+      // 自动刷新等非用户主动触发的事件
+      if (event.type === 'scroll' && !this.isUserScrolling) {
+        return true;
+      }
+      return false;
+    },
+    
+    // 防抖函数
+    debounce(func, wait) {
+      let timeout;
+      return function executedFunction(...args) {
+        const later = () => {
+          clearTimeout(timeout);
+          func.apply(this, args);
+        };
+        clearTimeout(timeout);
+        timeout = setTimeout(later, wait);
+      };
+    },
+    
+    // 重置计时器
+    resetTimer() {
+      console.log('Resetting timer');
+      this.lastActivityTime = Date.now();
+      this.showWarning = false;
+      
+      // 清除警告定时器
+      if (this.warningTimer) {
+        clearTimeout(this.warningTimer);
+        this.warningTimer = null;
+      }
+      
+      // 重新启动倒计时
+      this.startCountdown();
+      
+      this.$emit('user-active');
+    },
+    
+    // 启动倒计时
+    startCountdown() {
+      console.log('Starting countdown');
+      // 清除现有定时器
+      if (this.countdownTimer) clearInterval(this.countdownTimer);
+      
+      // 设置新的倒计时
+      this.countdownTimer = setInterval(() => {
+        const now = Date.now();
+        const elapsedMinutes = (now - this.lastActivityTime) / (1000 * 60);
+        console.log('Elapsed minutes:', elapsedMinutes);
+        
+        // 检查是否需要显示警告
+        if (elapsedMinutes >= (this.timeoutMinutes - this.warningMinutes) && !this.warningTimer) {
+          console.log('Showing warning');
+          this.showWarningWarning();
+        }
+        
+        // 检查是否超时
+        if (elapsedMinutes >= this.timeoutMinutes) {
+          console.log('Handling timeout');
+          this.handleTimeout();
+        }
+      }, 1000);
+    },
+    
+    // 显示超时警告
+    showWarningWarning() {
+      console.log('Setting showWarning to true');
+      this.showWarning = true;
+      this.$emit('timeout-warning');
+      
+      // 设置超时处理
+      this.warningTimer = setTimeout(() => {
+        this.handleTimeout();
+      }, this.warningMinutes * 60 * 1000);
+    },
+    
+    // 处理超时
+    handleTimeout() {
+      console.log('Handling timeout');
+      this.showWarning = false;
+      this.$emit('timeout');
+      
+      // 执行登出逻辑
+      this.logout();
+    },
+    
+    // 登出操作
+    logout() {
+      // 用于测试：在控制台输出登出信息
+      console.log('用户超时登出');
+      
+      this.$emit('logout');
+      
+      // 清除定时器
+      if (this.countdownTimer) clearInterval(this.countdownTimer);
+      if (this.warningTimer) clearTimeout(this.warningTimer);
+    },
+    
+    // 处理页面卸载前的操作
+    handleBeforeUnload(event) {
+      // 用于测试：在控制台输出页面卸载信息
+      console.log('页面即将卸载');
+    },
+    
+    // 手动重置监控
+    reset() {
+      this.resetTimer();
+    }
+  }
+});
+
+// CONCATENATED MODULE: ./src/components/UserBehaviorMonitor.vue?vue&type=script&lang=js
+ /* harmony default export */ var components_UserBehaviorMonitorvue_type_script_lang_js = (UserBehaviorMonitorvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./src/components/UserBehaviorMonitor.vue?vue&type=style&index=0&id=06a138e4&prod&scoped=true&lang=css
+var UserBehaviorMonitorvue_type_style_index_0_id_06a138e4_prod_scoped_true_lang_css = __webpack_require__("533e");
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) {
+    // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+// CONCATENATED MODULE: ./src/components/UserBehaviorMonitor.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = normalizeComponent(
+  components_UserBehaviorMonitorvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "06a138e4",
+  null
+  
+)
+
+/* harmony default export */ var UserBehaviorMonitor = (component.exports);
+// CONCATENATED MODULE: ./src/index.js
+
+
+// 为使用 CDN 方式引入的用户提供组件注册方法
+UserBehaviorMonitor.install = function(Vue) {
+  Vue.component(UserBehaviorMonitor.name, UserBehaviorMonitor);
+};
+
+// 导出组件
+/* harmony default export */ var src = (UserBehaviorMonitor);
+
+// 如果是直接引入文件，则自动注册组件
+if (typeof window !== 'undefined' && window.Vue) {
+  UserBehaviorMonitor.install(window.Vue);
+}
+
+// 同时支持按需导入
+
+// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
+
+
+/* harmony default export */ var entry_lib = __webpack_exports__["default"] = (src);
+
+
+
+/***/ })
+
+/******/ });
+});
+//# sourceMappingURL=user-behavior-monitor.umd.js.map