wargerm 0.6.11 → 0.6.13

package/dist/index.js

@@ -804,6 +804,1483 @@ wmox.config = function (_ref) {
   run$1 = batch;
 };
 
+/**
+ * 补全字符
+ * @param {*} num 初始值
+ * @param {*} len 需要补全的位数
+ * @param {*} placeholder 补全的值
+ * @returns 补全后的值
+ */
+function pad(num, len) {
+  var placeholder = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '0';
+  var str = String(num);
+
+  if (str.length < len) {
+    var result = str;
+
+    for (var i = 0; i < len - str.length; i += 1) {
+      result = placeholder + result;
+    }
+
+    return result;
+  }
+
+  return str;
+}
+/**
+ * 获取一个随机字符串(全局唯一标识符)
+ */
+
+
+function uuid() {
+  var date = new Date(); // yyyy-MM-dd的16进制表示,7位数字
+
+  var hexDate = parseInt("".concat(date.getFullYear()).concat(pad(date.getMonth() + 1, 2)).concat(pad(date.getDate(), 2)), 10).toString(16); // hh-mm-ss-ms的16进制表示，最大也是7位
+
+  var hexTime = parseInt("".concat(pad(date.getHours(), 2)).concat(pad(date.getMinutes(), 2)).concat(pad(date.getSeconds(), 2)).concat(pad(date.getMilliseconds(), 3)), 10).toString(16); // 第8位数字表示后面的time字符串的长度
+
+  var guid = hexDate + hexTime.length + hexTime; // 补充随机数，补足32位的16进制数
+
+  while (guid.length < 32) {
+    guid += Math.floor(Math.random() * 16).toString(16);
+  } // 分为三段，前两段包含时间戳信息
+
+
+  return "".concat(guid.slice(0, 8), "-").concat(guid.slice(8, 16), "-").concat(guid.slice(16));
+}
+/**
+ * 获取cookie中目标name的值
+ * @param {String} name cookie名
+ * @returns
+ */
+
+
+function getCookieByName(name) {
+  var result = document.cookie.match(new RegExp("".concat(name, "=([^;]+)(;|$)")));
+  return result ? result[1] : undefined;
+}
+/**
+ * 向下兼容发送信号的方法
+ */
+
+
+var sendBeacon = navigator.sendBeacon ? function (url, data) {
+  if (data) navigator.sendBeacon(url, JSON.stringify(data));
+} : function (url, data) {
+  // 传统方式传递参数
+  var beacon = new Image();
+  beacon.src = "".concat(url, "?v=").concat(encodeURIComponent(JSON.stringify(data)));
+};
+
+var arrayMap = Array.prototype.map || function polyfillMap(fn) {
+  var result = [];
+
+  for (var i = 0; i < this.length; i += 1) {
+    result.push(fn(this[i], i, this));
+  }
+
+  return result;
+};
+/**
+ * map方法
+ * @param {Array} arr 源数组
+ * @param {Function} fn 条件函数
+ * @returns
+ */
+
+
+function map(arr, fn) {
+  return arrayMap.call(arr, fn);
+}
+
+var arrayFilter = Array.prototype.filter || function filterPolyfill(fn) {
+  var result = [];
+
+  for (var i = 0; i < this.length; i += 1) {
+    if (fn(this[i], i, this)) {
+      result.push(this[i]);
+    }
+  }
+
+  return result;
+};
+/**
+ * filter方法
+ * @param {Array} arr 源数组
+ * @param {Function} fn 条件函数
+ * @returns
+ */
+
+
+function filter(arr, fn) {
+  return arrayFilter.call(arr, fn);
+}
+/**
+ * 可以理解为异步执行
+ * requestIdleCallback 是浏览器空闲时会自动执行内部函数
+ * requestAnimationFrame 是浏览器必须执行的
+ * 关于 requestIdleCallback 和  requestAnimationFrame 可以参考 https://www.cnblogs.com/cangqinglang/p/13877078.html
+ */
+
+
+var nextTime = window.requestIdleCallback || window.requestAnimationFrame || function (callback) {
+  return setTimeout(callback, 17);
+};
+
+var DEVICE_KEY = '_warden_device_id'; // deviceKey - 固定
+
+var SESSION_KEY = '_warden_session_id'; // sessionKey(一个站点只允许运行一个埋点程序) - 固定
+
+var SURVIVIE_MILLI_SECONDS = 1800000; // session存活时长(30minutes) - 固定
+
+var MAX_CACHE_LEN = 5; // 最大缓存数
+
+var MAX_WAITING_TIME = 5000; // 最大等待时间
+
+var _window = window,
+    screen = _window.screen;
+var _document$documentEle = document.documentElement,
+    clientWidth = _document$documentEle.clientWidth,
+    clientHeight = _document$documentEle.clientHeight;
+var width = screen.width,
+    height = screen.height,
+    colorDepth = screen.colorDepth,
+    pixelDepth = screen.pixelDepth;
+var deviceId = getCookieByName(DEVICE_KEY);
+
+if (!deviceId) {
+  deviceId = "t_".concat(uuid());
+  document.cookie = "".concat(DEVICE_KEY, "=").concat(deviceId, ";path=/;");
+}
+
+var device = {
+  clientHeight: clientHeight,
+  clientWidth: clientWidth,
+  colorDepth: colorDepth,
+  pixelDepth: pixelDepth,
+  deviceId: deviceId,
+  screenWidth: width,
+  screenHeight: height,
+  vendor: navigator.vendor,
+  platform: navigator.platform // 浏览器平台的环境,不是电脑系统的x64这样的(浏览器平台的环境可能是x32)
+
+};
+
+/**
+ * 会话控制,此会话只和具体的浏览器相关,与业务无关,和业务意义上的登录态没有任何关联,只是用于追踪同一个浏览器上访问页面的动作
+ */
+/**
+ * 刷新会话存续期
+ */
+
+function refreshSession() {
+  var id = getCookieByName(SESSION_KEY) || "s_".concat(uuid());
+  var expires = new Date(Date.now() + SURVIVIE_MILLI_SECONDS);
+  document.cookie = "".concat(SESSION_KEY, "=").concat(id, ";path=/;max-age=1800;expires=").concat(expires.toUTCString());
+  return id;
+}
+/**
+ * 获取sessionid
+ */
+
+
+function getSessionId() {
+  return getCookieByName(SESSION_KEY) || refreshSession();
+}
+
+refreshSession(); // 初始化
+
+var version = "0.6.13";
+
+var pageId = uuid(); // 与一般业务上理解的sessionId做区分,此session与业务无关,单纯就是浏览器端和后端直接的联系
+
+var sessionId = getSessionId();
+var requestUrl = ''; // 服务请求地址
+
+var events = []; // 批次队列
+
+var timer = null; // 定时发送定时器
+
+var base = _objectSpread2(_objectSpread2({}, device), {}, {
+  pageId: pageId,
+  sessionId: sessionId,
+  sdkVersion: version
+});
+/**
+ * 初始化基础数据
+ * @param {*} options 基础配置
+ */
+
+
+function init() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var appName = options.appName,
+      appCode = options.appCode,
+      ext = options.ext;
+  requestUrl = options.requestUrl;
+  base.appName = appName;
+  base.appCode = appCode;
+  base.ext = ext;
+}
+/**
+ * 记录需要发送的埋点数据
+ * @param {*} e 需要发送的事件信息
+ * @param {boolean} flush 是否立即发送
+ */
+
+
+function emit(e) {
+  var flush = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  events = events.concat(e); // 追加到事件队列里
+
+  refreshSession();
+  clearTimeout(timer); // 满足最大记录数,立即发送,否则定时发送(flush为true代表立即发送)
+
+  events.length >= MAX_CACHE_LEN || flush ? send() : timer = setTimeout(function () {
+    send();
+  }, MAX_WAITING_TIME);
+}
+/**
+ * 发送埋点信息
+ */
+
+
+function send() {
+  if (events.length) {
+    // 选取首部的部分数据来发送,performance会一次性采集大量数据追加到events中
+    var sendEvents = events.slice(0, MAX_CACHE_LEN); // 需要发送的事件
+
+    events = events.slice(MAX_CACHE_LEN); // 剩下待发的事件
+    var time = Date.now();
+    sendBeacon(requestUrl, {
+      baseInfo: _objectSpread2(_objectSpread2({}, base), {}, {
+        sendTime: time
+      }),
+      eventInfo: map(sendEvents, function (e) {
+        e.sendTime = time; // 设置发送时间
+        // 补充type字段,将click、scroll、change、submit事件作为一类存储
+
+        if (e.eventType === 'click' || e.eventType === 'scroll' || e.eventType === 'submit' || e.eventType === 'change') {
+          e.type = 'mix';
+          return e;
+        }
+
+        if (e.eventType === 'performance') {
+          // 将性能进行分类,不同类型的性能数据差异较大,分开存放,资源、页面、请求
+          switch (e.eventId) {
+            case 'resource':
+              e.type = 'resourcePerformance';
+              break;
+
+            case 'page':
+              e.type = 'pagePerformance';
+              break;
+
+            case 'server':
+              e.type = 'serverPerformance';
+              break;
+          }
+
+          return e;
+        }
+
+        e.type = e.eventType; // 其他类型type同eventType
+
+        return e;
+      })
+    });
+    if (events.length) nextTime(send); // 继续传输剩余内容,在下一个时间择机传输
+  }
+}
+/**
+ * 设置额外的 customerId
+ * @param {*} id 需要设置的id
+ */
+
+
+function setCustomerId(id) {
+  base.customerId = id;
+}
+/**
+ * 设置额外的 userUuid
+ * @param {*} id 需要设置的id
+ */
+
+
+function setUserUuid(id) {
+  base.userUuid = id;
+}
+var base$1 = {
+  init: init,
+  emit: emit,
+  pageId: pageId,
+  setCustomerId: setCustomerId,
+  setUserUuid: setUserUuid
+};
+
+/*
+ * @Author: lijin
+ * @Date: 2022-12-06 20:08:10
+ * @LastEditTime: 2022-12-13 16:01:12
+ * @LastEditors: lijin
+ * @Description:
+ * @FilePath: \wargerm-components\src\components\wTracing\lib\pv.ts
+ * 可以输入预定的版权声明、个性签名、空行等
+ */
+var oldURL = window.location.href; // 最后一次的url
+
+var historyLength = window.history.length; // 最后一次history栈的长度
+
+/**
+ * 发送数据
+ * option 请求参数
+ */
+
+function tracePageView() {
+  var option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _option$url = option.url,
+      url = _option$url === void 0 ? window.location.href : _option$url,
+      _option$referer = option.referer,
+      referer = _option$referer === void 0 ? oldURL : _option$referer,
+      _option$actions = option.actions,
+      actions = _option$actions === void 0 ? '' : _option$actions,
+      params = option.params;
+  var action = actions;
+
+  if (!action && window.history.length < 50) {
+    action = historyLength === window.history.length ? 'back_forward' : 'navigation';
+    historyLength = window.history.length;
+  } // 如果option.title为空,则等待框架处理document.title,延迟17ms
+  // 为什么是17ms?  一秒60Hz是基准,平均1Hz是17毫秒,只要出来了页面那就有 document.title
+
+
+  setTimeout(function () {
+    emit({
+      eventType: 'pv',
+      eventId: pageId,
+      url: url,
+      referer: referer,
+      params: params,
+      title: option.title || document.title,
+      action: action,
+      triggerTime: Date.now()
+    });
+  }, option.title ? 0 : 17);
+  oldURL = url;
+  historyLength = window.history.length;
+}
+/**
+ * 路由Pv采集
+ * pvHashtag 是否监听hash变化
+ */
+
+
+function init$1() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var pvCore = options.pvCore,
+      pvHashtag = options.pvHashtag;
+  var referer = document.referrer; // 获取是从哪个页面跳转来的
+
+  if (!pvCore) return;
+  var lastIsPop = false; // 最后一次触发路由变化是否为popState触发
+
+  tracePageView({
+    url: oldURL,
+    referer: referer
+  });
+
+  if (window.history.pushState) {
+    // 劫持history.pushState history.replaceState
+    var push = window.history.pushState.bind(window.history);
+
+    window.history.pushState = function (data, title, url) {
+      lastIsPop = false;
+      var result = push(data, title, url);
+      tracePageView({
+        actions: 'navigation'
+      });
+      return result;
+    };
+
+    var repalce = window.history.replaceState.bind(window.history);
+
+    window.history.replaceState = function (data, title, url) {
+      lastIsPop = false;
+      var result = repalce(data, title, url);
+      tracePageView({
+        actions: 'navigation'
+      });
+      return result;
+    }; // hash变化也会触发popstate事件,而且会先触发popstate事件
+    // 可以使用popstate来代替hashchange,如果支持History H5 Api
+    // https://developer.mozilla.org/zh-CN/docs/Web/API/Window/popstate_event
+
+
+    window.addEventListener('popstate', function () {
+      if (window.location.hash !== '') {
+        var oldHost = oldURL.indexOf('#') > 0 // 多页面情况下 history模式刷新还是在pv页面
+        ? oldURL.slice(0, oldURL.indexOf('#')) : oldURL;
+        if (window.location.href.slice(0, window.location.href.indexOf('#')) === oldHost && !pvHashtag) return;
+      }
+
+      lastIsPop = true;
+      tracePageView();
+    });
+  } // 监听hashchange
+
+
+  window.addEventListener('hashchange', function () {
+    if (pvHashtag && !lastIsPop) tracePageView();
+    lastIsPop = false;
+  });
+}
+
+var pv = {
+  init: init$1,
+  tracePageView: tracePageView
+};
+
+function setFullErrInfo(errorInfo) {
+  var info = _objectSpread2(_objectSpread2({}, errorInfo), {}, {
+    eventType: 'error',
+    url: window.location.href,
+    triggerTime: Date.now()
+  });
+
+  emit(info);
+}
+
+function parseStack(err) {
+  var _err$stack = err.stack,
+      stack = _err$stack === void 0 ? '' : _err$stack,
+      _err$message = err.message,
+      message = _err$message === void 0 ? '' : _err$message;
+  var result = {
+    errMessage: message,
+    errStack: stack
+  };
+
+  if (stack) {
+    var rChromeCallStack = /^\s*at\s*([^(]+)\s*\((.+?):(\d+):(\d+)\)$/;
+    var rMozlliaCallStack = /^\s*([^@]*)@(.+?):(\d+):(\d+)$/; // chrome中包含了message信息,将其去除,并去除后面的换行符
+
+    var callStackStr = stack.replace(new RegExp("^[\\w\\s:]*".concat(message, "\n")), '');
+    var callStackFrameList = map(filter(callStackStr.split('\n'), function (item) {
+      return item;
+    }), function (str) {
+      var chromeErrResult = str.match(rChromeCallStack);
+
+      if (chromeErrResult) {
+        return {
+          src: chromeErrResult[2],
+          line: chromeErrResult[3],
+          col: chromeErrResult[4] // 错误发生位置的列数
+
+        };
+      }
+
+      var mozlliaErrResult = str.match(rMozlliaCallStack);
+
+      if (mozlliaErrResult) {
+        return {
+          src: mozlliaErrResult[2],
+          line: mozlliaErrResult[3],
+          col: mozlliaErrResult[4]
+        };
+      }
+
+      return {};
+    });
+    var item = callStackFrameList[0] || {};
+    return _objectSpread2(_objectSpread2({}, result), item);
+  }
+
+  return result;
+}
+
+function parseError(e) {
+  if (e instanceof Error) {
+    var message = e.message,
+        stack = e.stack,
+        lineNumber = e.lineNumber,
+        fileName = e.fileName,
+        columnNumber = e.columnNumber;
+
+    if (fileName) {
+      return {
+        errMessage: message,
+        errStack: stack,
+        line: lineNumber,
+        col: columnNumber,
+        src: fileName
+      };
+    }
+
+    return parseStack(e);
+  }
+
+  if (e.message) return parseStack(e);
+  if (typeof e === 'string') return {
+    errMessage: e
+  };
+  return {};
+}
+
+function parseErrorEvent(event) {
+  var target = event.target,
+      type = event.type; // promise异常
+  // 依旧使用code,不区分是否从promise中捕获的
+
+  if (type === 'unhandledrejection') return _objectSpread2({
+    eventId: 'code'
+  }, parseError(event.reason)); // html元素上发生的异常错误
+
+  if (target.nodeType === 1) {
+    var result = {
+      eventId: target.nodeName
+    };
+
+    switch (target.nodeName.toLowerCase()) {
+      case 'link':
+        result.src = target.href;
+        break;
+
+      default:
+        result.src = target.currentSrc || target.src;
+    }
+
+    return result;
+  } // 代码异常
+
+
+  if (event.error) {
+    // chrome中的error对象没有fileName等属性,将event中的补充给error对象
+    var e = event.error;
+    e.fileName = e.filename || event.filename;
+    e.columnNumber = e.colno || event.colno;
+    e.lineNumber = e.lineno || event.lineno;
+    return _objectSpread2({
+      eventId: 'code'
+    }, parseError(e));
+  } // ie9版本,从全局的event对象中获取错误信息
+
+
+  return {
+    eventId: 'code',
+    line: window.event.errorLine,
+    col: window.event.errorCharacter,
+    message: window.event.errorMessage,
+    src: window.event.errorUrl
+  };
+}
+
+function init$2(_ref) {
+  var errorCore = _ref.errorCore;
+  if (!errorCore) return; // 捕获阶段可以获取资源加载错误,script.onError link.onError img.onError,无法知道具体状态
+
+  window.addEventListener('error', function (e) {
+    setFullErrInfo(parseErrorEvent(e));
+  }, true); // promise调用链未捕获异常
+
+  window.addEventListener('unhandledrejection', function (e) {
+    setFullErrInfo(parseErrorEvent(e));
+  }); // 劫持console.error
+
+  var consoleError = console.error;
+
+  console.error = function ce() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    args.forEach(function (e) {
+      setFullErrInfo(_objectSpread2({
+        eventId: 'code'
+      }, parseError(e)));
+    });
+    consoleError.apply(console, args);
+  };
+}
+/**
+ * 主动触发错误上报
+ * @param {*} eventId 事件ID
+ * @param {*} message 错误信息
+ * @param {*} options 自定义配置信息
+ * @returns
+ */
+
+
+function traceError(eventId, message) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+  var customErrorRecord = _objectSpread2({
+    eventId: eventId,
+    errMessage: message
+  }, options); // 针对自定义的异常上报,对params对特殊处理,将其序列化为string
+
+
+  var params = customErrorRecord.params;
+
+  if (params) {
+    customErrorRecord.params = params;
+  }
+
+  return setFullErrInfo(customErrorRecord);
+}
+
+var err = {
+  init: init$2,
+  traceError: traceError
+};
+
+var supported = {
+  performance: !!window.performance,
+  getEntriesByType: !!(window.performance && performance.getEntriesByType),
+  PerformanceObserver: 'PerformanceObserver' in window,
+  MutationObserver: 'MutationObserver' in window,
+  PerformanceNavigationTiming: 'PerformanceNavigationTiming' in window
+}; // 资源属性
+
+var performanceEntryAttrs = {
+  initiatorType: '',
+  transferSize: 0,
+  encodedBodySize: 0,
+  decodedBodySize: 0,
+  duration: 0,
+  redirectStart: 0,
+  redirectEnd: 0,
+  startTime: 0,
+  fetchStart: 0,
+  domainLookupStart: 0,
+  domainLookupEnd: 0,
+  connectStart: 0,
+  connectEnd: 0,
+  requestStart: 0,
+  responseStart: 0,
+  responseEnd: 0,
+  workerStart: 0
+};
+/**
+ * 格式化性能记录,小数位数保留最多两位,等于0的字段不传输,标记为undefined
+ */
+
+function normalizePerformanceRecord(e) {
+  Object.keys(e).forEach(function (p) {
+    var v = e[p];
+    if (typeof v === 'number') e[p] = v === 0 ? undefined : parseFloat(v.toFixed(2));
+  });
+  return e;
+}
+/**
+ * 发送页面追踪资源加载性能数据
+ * 支持getEntriesByType的情况下才追踪
+ */
+
+
+function traceResourcePerformance(performance) {
+  // 排除xmlhttprequest类型,服务器有响应便会记录,包括404的请求,转由http-request模块负责记录请求数据,区分请求状态
+  // 同时也会排除一些其他类型,比如在引入一个script后会触发一次性能监控,它的类型是beacon,这一次的要排除
+  var observerTypeList = ['img', 'script', 'link', 'audio', 'video', 'css'];
+  var entries = performance.getEntriesByType('resource');
+  var records = [];
+  entries.forEach(function (entry) {
+    var _entry$initiatorType = entry.initiatorType,
+        initiatorType = _entry$initiatorType === void 0 ? '' : _entry$initiatorType; // initiatorType: 通过某种方式请求的资源,比如script,link
+    // 只记录observerTypeList中列出的资源类型请求,不在列表中则跳过
+
+    if (observerTypeList.indexOf(initiatorType.toLowerCase()) < 0) return;
+    var value = {};
+    var attrKeys = Object.keys(performanceEntryAttrs);
+    attrKeys.forEach(function (attr) {
+      value[attr] = entry[attr];
+    });
+    records.push(normalizePerformanceRecord(_objectSpread2(_objectSpread2({}, value), {}, {
+      eventType: 'performance',
+      eventId: 'resource',
+      src: entry.name,
+      triggerTime: Date.now(),
+      url: window.location.href
+    })));
+  });
+  if (records.length) emit(records);
+  return records;
+}
+/**
+ * 监听异步资源加载信息
+ */
+
+
+function observeAsyncInfo() {
+  var observer = new PerformanceObserver(traceResourcePerformance);
+  observer.observe({
+    entryTypes: ['resource']
+  });
+}
+/**
+ * 监听异步插入的script、link、img,DOM更新操作记录
+ */
+
+
+function observeSourceInsert() {
+  var tags = ['img', 'script', 'link']; // 检测异步插入的script、link、img,会有一些延迟,一些连接建立、包体大小的数据会丢失,精度下降
+  // MutationObserver DOM3 Events规范,是个异步监听,只有在全部DOM操作完成之后才会调用callback
+
+  var observer = new MutationObserver(function (mutationsList) {
+    var _loop = function _loop(i) {
+      var startTime = Date.now();
+      var _mutationsList$i$adde = mutationsList[i].addedNodes,
+          addedNodes = _mutationsList$i$adde === void 0 ? [] : _mutationsList$i$adde;
+      var records = [];
+      addedNodes.forEach(function (node) {
+        var nodeName = node.nodeName;
+
+        if (tags.indexOf(nodeName.toLowerCase()) !== -1) {
+          node.addEventListener('load', function () {
+            var endTime = Date.now();
+            records.push(normalizePerformanceRecord({
+              // 没有其他的时间属性,只记录能获取到的
+              eventType: 'performance',
+              eventId: 'resource',
+              src: node.src || node.href,
+              duration: endTime - startTime,
+              triggerTime: Date.now(),
+              url: window.location.href
+            }));
+          });
+        }
+      });
+      emit(records);
+    };
+
+    for (var i = 0; i < mutationsList.length; i += 1) {
+      _loop(i);
+    }
+  });
+  observer.observe(window.document, {
+    subtree: true,
+    childList: true // 表示观察目标子节点的变化，比如添加或者删除目标子节点，不包括修改子节点以及子节点后代的变化
+    // attributes: true, // 观察属性变动
+    // attributeFilter: ['src', 'href'], // 要观察的属性
+
+  }); // observer.disconnect();
+}
+/**
+ * 兼容-异步资源
+ */
+
+
+function observeAsyncResource() {
+  if (supported.PerformanceObserver) {
+    observeAsyncInfo(); // 监听异步资源加载性能数据 chrome≥52
+  } else if (supported.MutationObserver) {
+    observeSourceInsert(); // 监听资源、DOM更新操作记录 chrome≥26 ie11
+  }
+}
+/**
+ * 页面资源加载性能数据
+ */
+
+
+function observeResource() {
+  traceResourcePerformance(window.performance);
+  observeAsyncResource();
+}
+/**
+ * 发送首次页面性能数据
+ */
+
+
+function observeNavigationTiming() {
+  var times = {};
+  var _window = window,
+      performance = _window.performance;
+  var t = performance.timing;
+  times.fmp = 0; // 首屏时间 (渲染节点增量最大的时间点)
+
+  if (supported.getEntriesByType) {
+    var paintEntries = performance.getEntriesByType('paint');
+    if (paintEntries.length) times.fmp = paintEntries[paintEntries.length - 1].startTime; // 优先使用 navigation v2  https://www.w3.org/TR/navigation-timing-2/
+
+    if (supported.PerformanceNavigationTiming) {
+      var nt2Timing = performance.getEntriesByType('navigation')[0];
+      if (nt2Timing) t = nt2Timing;
+    }
+  } // 从开始发起这个页面的访问开始算起,减去重定向跳转的时间,在performanceV2版本下才进行计算,v1版本的fetchStart是时间戳而不是相对于访问起始点的相对时间
+
+
+  if (times.fmp && supported.PerformanceNavigationTiming) times.fmp -= t.fetchStart; // 白屏时间 (从请求开始到浏览器开始解析第一批HTML文档字节的时间差)
+  // times.fpt = t.responseEnd - t.fetchStart;
+
+  times.tti = t.domInteractive - t.fetchStart; // 首次可交互时间
+
+  times.ready = t.domContentLoadedEventEnd - t.fetchStart; // HTML加载完成时间
+
+  times.loadon = t.loadEventStart - t.fetchStart; // 页面完全加载时间
+
+  times.firstbyte = t.responseStart - t.domainLookupStart; // 首包时间
+
+  times.dns = t.domainLookupEnd - t.domainLookupStart; // dns查询耗时
+
+  times.appcache = t.domainLookupStart - t.fetchStart; // dns缓存时间
+
+  times.tcp = t.connectEnd - t.connectStart; // tcp连接耗时
+
+  times.ttfb = t.responseStart - t.requestStart; // 请求响应耗时
+
+  times.trans = t.responseEnd - t.responseStart; // 内容传输耗时
+
+  times.dom = t.domInteractive - t.responseEnd; // dom解析耗时
+
+  times.res = t.loadEventStart - t.domContentLoadedEventEnd; // 同步资源加载耗时
+
+  times.ssllink = t.connectEnd - t.secureConnectionStart; // SSL安全连接耗时
+
+  times.redirect = t.redirectEnd - t.redirectStart; // 重定向时间
+
+  times.unloadTime = t.unloadEventEnd - t.unloadEventStart; // 上一个页面的卸载耗时
+
+  emit(normalizePerformanceRecord(_objectSpread2(_objectSpread2({}, times), {}, {
+    eventType: 'performance',
+    eventId: 'page',
+    url: window.location.href
+  })));
+}
+
+function init$3(_ref) {
+  var performanceFirstResource = _ref.performanceFirstResource,
+      performanceCore = _ref.performanceCore;
+  if (!performanceFirstResource && !performanceCore) return; // 初始化方法可能在onload事件之后才执行,此时不会触发load事件了,检查document.readyState属性来判断onload事件是否会被触发
+
+  if (document.readyState === 'complete') {
+    if (supported.performance && performanceFirstResource) observeNavigationTiming();
+    if (supported.getEntriesByType && performanceCore) observeResource();
+  } else {
+    window.addEventListener('load', function () {
+      if (supported.performance && performanceFirstResource) observeNavigationTiming();
+      if (supported.getEntriesByType && performanceCore) observeResource();
+    });
+  }
+}
+/**
+ * 主动触发性能事件上报
+ * @param {*} eventId 事件ID
+ * @param {*} options 自定义配置信息
+ */
+
+
+function tracePerformance(eventId, options) {
+  var record = _objectSpread2(_objectSpread2({
+    triggerTime: Date.now(),
+    url: window.location.href
+  }, options), {}, {
+    eventId: eventId,
+    eventType: 'performance'
+  });
+
+  emit(normalizePerformanceRecord(record));
+}
+
+var performance$1 = {
+  init: init$3,
+  tracePerformance: tracePerformance
+};
+
+var RequestTemplate = /*#__PURE__*/_createClass(function RequestTemplate() {
+  var _this = this;
+
+  var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+  _classCallCheck(this, RequestTemplate);
+
+  var list = ['src', 'method', 'duration', 'responseStatus'];
+  list.forEach(function (key) {
+    _this[key] = config[key] || null;
+  });
+});
+/**
+ * fetch请求拦截
+ */
+
+
+function interceptFetch(performanceServer, errorServer) {
+  var nativeFetch = window.fetch;
+
+  if (nativeFetch) {
+    window.fetch = function traceFetch(target) {
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var fetchStart = Date.now();
+      var _options$method = options.method,
+          method = _options$method === void 0 ? 'GET' : _options$method;
+      var result = nativeFetch(target, options);
+      result.then(function (res) {
+        var url = res.url,
+            status = res.status,
+            statusText = res.statusText;
+
+        if (status === 200 || status === 304) {
+          if (performanceServer) {
+            performance$1.tracePerformance('server', {
+              src: url,
+              duration: Date.now() - fetchStart,
+              responseStatus: status,
+              params: method.toUpperCase() === 'POST' ? options.body : undefined
+            });
+          }
+        } else if (errorServer) {
+          err.traceError('server', statusText, {
+            src: url,
+            responseStatus: status,
+            params: method.toUpperCase() === 'POST' ? options.body : undefined
+          });
+        }
+      }, function (e) {
+        // 无法发起请求,连接失败
+        err.traceError('server', e.message, {
+          src: target
+        });
+      });
+      return result;
+    };
+  }
+}
+/**
+ * ajax, axios请求拦截
+ */
+
+
+function interceptAjax(performanceServer, errorServer) {
+  var _XMLHttpRequest$proto = XMLHttpRequest.prototype,
+      open = _XMLHttpRequest$proto.open,
+      send = _XMLHttpRequest$proto.send;
+
+  var _config = new RequestTemplate(); // 劫持 open方法
+
+
+  XMLHttpRequest.prototype.open = function openXHR(method, url, async) {
+    _config.requestMethod = method;
+    _config.src = url;
+    return open.call(this, method, url, async);
+  }; // 劫持 send方法
+
+
+  XMLHttpRequest.prototype.send = function (body) {
+    var _this2 = this;
+
+    // body 就是post方法携带的参数
+    // readyState发生改变时触发,也就是请求状态改变时
+    // readyState 会依次变为 2,3,4 也就是会触发三次这里
+    this.addEventListener('readystatechange', function () {
+      var readyState = _this2.readyState,
+          status = _this2.status,
+          _this2$responseURL = _this2.responseURL,
+          responseURL = _this2$responseURL === void 0 ? _config.src : _this2$responseURL,
+          responseText = _this2.responseText;
+
+      if (readyState === 4) {
+        // 请求已完成,且响应已就绪
+        if (status === 200 || status === 304) {
+          if (performanceServer) {
+            performance$1.tracePerformance('server', {
+              src: responseURL,
+              responseStatus: status,
+              duration: Date.now() - _config.triggerTime,
+              params: body ? body : undefined
+            });
+          }
+        } else if (errorServer) {
+          err.traceError('server', responseText, {
+            src: responseURL,
+            responseStatus: status,
+            params: body ? body : undefined
+          });
+        }
+      }
+    });
+    _config.triggerTime = Date.now();
+    return send.call(this, body);
+  };
+}
+
+function init$4(_ref) {
+  var performanceServer = _ref.performanceServer,
+      errorServer = _ref.errorServer;
+  if (!performanceServer && !errorServer) return;
+  interceptAjax(performanceServer, errorServer);
+  interceptFetch(performanceServer, errorServer);
+}
+
+var http = {
+  init: init$4
+};
+
+var RequestTemplate$1 = /*#__PURE__*/_createClass(function RequestTemplate() {
+  var _this = this;
+
+  var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+  _classCallCheck(this, RequestTemplate);
+
+  var list = ['eventType', 'eventId', 'url', 'referer', 'action', 'params', 'millisecond'];
+  list.forEach(function (key) {
+    _this[key] = config[key] || null;
+  });
+});
+
+var RequestTemplateClick = /*#__PURE__*/_createClass(function RequestTemplateClick() {
+  var _this2 = this;
+
+  var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+  _classCallCheck(this, RequestTemplateClick);
+
+  var list = ['eventType', 'eventId', 'url', 'params', 'title', 'x', 'y'];
+  list.forEach(function (key) {
+    _this2[key] = config[key] || null;
+  });
+});
+/**
+ * 是否为简单的标签
+ * 只包含下面的arr数组内的标签才是简单的标签
+ */
+
+
+function isSimpleEl(children) {
+  if (children.length > 0) {
+    var arr = ['em', 'b', 'strong', 'span', 'img', 'i', 'code'];
+    var a = children.filter(function (_ref) {
+      var tagName = _ref.tagName;
+      return arr.indexOf(tagName.toLowerCase()) >= 0;
+    });
+    return a.length === children.length;
+  }
+
+  return true;
+}
+/**
+ * 获取元素到最外层元素组成的数组
+ */
+
+
+function getNodePath(node) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (!node) return [];
+  var _options$includeSelf = options.includeSelf,
+      includeSelf = _options$includeSelf === void 0 ? true : _options$includeSelf,
+      _options$order = options.order,
+      order = _options$order === void 0 ? 'asc' : _options$order;
+  var parent = includeSelf ? node : node.parentElement;
+  var result;
+
+  while (parent) {
+    result = order === 'asc' ? result.concat(parent) : [parent].concat(result);
+    parent = parent.parentElement;
+  }
+
+  return result;
+}
+/**
+ * 获取元素的关系字符串
+ * 例如两层div的关系会得到字符串: div>div
+ */
+
+
+function getNodeXPath(node) {
+  var curPath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  if (!node) return curPath;
+  var parent = node.parentElement;
+  var index = 0; // 这个index 暂时没什么用
+
+  var id = node.id;
+  var tagName = node.tagName.toLowerCase();
+  var path = curPath ? ">".concat(curPath) : '';
+  var indexBrackets = index ? ".".concat(index) : '';
+  if (!parent || parent === window || parent === document.documentElement || parent === document.body) return "".concat(tagName).concat(path);
+  if (id) return "#".concat(id).concat(path); // 知道了id 就不需要获取上下级关系了(id是唯一的)
+
+  if (parent.children.length > 1) index = Array.prototype.indexOf.call(parent.children, node);
+  return getNodeXPath(parent, "".concat(tagName).concat(indexBrackets).concat(path));
+}
+/**
+ * 点击事件
+ */
+
+
+function clickCollection() {
+  document.addEventListener('click', function (e) {
+    // 点击事件
+    var _config = new RequestTemplateClick({
+      eventType: 'click'
+    });
+    var path = e.path;
+    if (path === undefined) path = e.target ? getNodePath(e.target) : []; // 获取被点击的元素到最外层元素组成的数组
+
+    var target = path.find(function (el) {
+      return el.hasAttribute && (el.hasAttribute('data-warden-container') || el.hasAttribute('data-warden-event-id') || el.hasAttribute('data-warden-title'));
+    });
+    if (!target) return;
+    _config.title = extractTitleByTarget(target);
+    _config.eventId = extractDataByPath(path);
+    _config.params = extractParamsByPath(path);
+    _config.elementPath = getNodeXPath(target).slice(-128); // 长度限制128字符
+
+    var _e$target$getBounding = e.target.getBoundingClientRect(),
+        top = _e$target$getBounding.top,
+        left = _e$target$getBounding.left; // 元素距离html的距离
+
+
+    var _document$documentEle = document.documentElement,
+        scrollTop = _document$documentEle.scrollTop,
+        scrollLeft = _document$documentEle.scrollLeft; // html距离上和左侧的距离(一般都是0)
+
+    var x = left + scrollLeft;
+    var y = top + scrollTop;
+    _config.x = x;
+    _config.y = y;
+    _config.triggerTime = Date.now(); // 点击时间
+
+    _config.url = window.location.href; // 当前页面的url
+
+    emit(_config);
+  }, true);
+}
+/**
+ * 加载 & 卸载事件
+ */
+
+
+function dwellCollector(eventUnload) {
+  var _config = new RequestTemplate$1({
+    eventType: 'dwell'
+  });
+
+  window.addEventListener('load', function () {
+    // 加载完成事件
+    _config.entryTime = Date.now();
+  }, true);
+  if (!eventUnload) return;
+  window.addEventListener('beforeunload', function () {
+    // 卸载事件
+    _config.eventId = uuid();
+    _config.url = window.location.href; // 当前页面 url
+
+    _config.referer = document.referrer; // 上级页面 url(从哪个页面跳过来的就是上级页面)
+
+    _config.triggerTime = Date.now(); // 卸载时间
+
+    _config.millisecond = Date.now() - _config.entryTime; // 停留多久
+
+    var mapping = {
+      0: 'navigate',
+      1: 'reload',
+      2: 'back_forward',
+      255: 'reserved' // 任何其他来源的加载
+
+    };
+    var type = performance.navigation.type; // 表示加载来源, type为 0,1,2,255
+
+    _config.operateAction = mapping[type] || null;
+    emit(_config, true);
+  }, false);
+}
+/**
+ * 提取数据事件ID
+ */
+
+
+function extractDataByPath() {
+  var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+  /* data-warden-event-id */
+  var hasIdEl = getElByAttr(list, 'data-warden-event-id');
+  if (hasIdEl) return hasIdEl.getAttribute('data-warden-event-id');
+  /* title */
+
+  var hasTitleEl = getElByAttr(list, 'title');
+  if (hasTitleEl) return hasTitleEl.getAttribute('title');
+  /* container */
+
+  var container = getElByAttr(list, 'data-warden-container');
+
+  if (container) {
+    if (container.getAttribute('data-warden-event-id') || container.getAttribute('title')) {
+      return container.getAttribute('data-warden-event-id') || container.getAttribute('title');
+    }
+
+    var id2 = container.getAttribute('data-warden-container');
+    if (typeof id2 === 'string' && id2) return id2;
+  }
+
+  return list[0].tagName.toLowerCase();
+}
+/**
+ * 提取数据参数
+ * 如果本身节点没有埋点属性的话会用上一层埋点属性
+ */
+
+
+function extractParamsByPath() {
+  var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var regex = /^data-warden-/;
+  var target;
+  var targetIndex;
+
+  try {
+    // 遍历从子节点到body下最大的节点,遍历他们的属性,直到某个节点的属性能通过校验的节点
+    list.forEach(function (el, index) {
+      var attributes = el && el.attributes && Array.from(el.attributes) || [];
+      target = attributes.find(function (item) {
+        return item.nodeName.match(regex) ? item.nodeName.match(regex) : item.nodeName.indexOf('data-warden-container') !== -1;
+      });
+
+      if (target) {
+        targetIndex = index;
+        throw Error();
+      }
+    });
+  } catch (error) {}
+
+  if (targetIndex < 0) return {};
+  var container = list[targetIndex];
+  var attrList = Array.from(container.attributes) || [];
+  var params = {};
+  attrList.forEach(function (item) {
+    // 过滤多结构属性 如 data-warden-event-id width
+    // if(item.nodeName.split("-").length != 3 )return;
+    // 过滤非标准命名 如 data-v-fbcf7454
+    if (item.nodeName.indexOf('data-warden') < 0) return;
+    var key = item.nodeName.replace(regex, '');
+    params[key] = item.nodeValue;
+  }); // 过滤sdk自定义属性
+
+  var defaultKey = ['container', 'title', 'event-id'];
+  defaultKey.forEach(function (item) {
+    delete params[item];
+  });
+  return params;
+}
+/**
+ * 根据属性查找元素
+ */
+
+
+function getElByAttr(list, key) {
+  return list.find(function (item) {
+    return item.hasAttribute && item.hasAttribute(key);
+  });
+}
+/**
+ * 获取title属性(data-warden-title 或者 title)
+ */
+
+
+function extractTitleByTarget() {
+  var target = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var selfTitle = getNodeTitle(target);
+  if (selfTitle) return selfTitle;
+  var container = target.parent; // 向上找container
+
+  while (container && container !== document.body) {
+    if (container.hasAttribute('data-warden-container')) break;
+    container = container.parent;
+  }
+
+  var superTitle = getNodeTitle(container);
+  if (superTitle) return superTitle;
+  var tagName = target.tagName; // 没有container,没有任何title标记的情况下
+
+  return !target.hasChildNodes() || tagName.toLowerCase() === 'svg' ? handleLeafNode(target) : handleNoLeafNode(target);
+}
+/**
+ * 获取元素的 data-warden-title属性或者 title属性
+ */
+
+
+function getNodeTitle(node) {
+  if (node) {
+    return node.hasAttribute('data-warden-title') ? node.getAttribute('data-warden-title') : node.title;
+  }
+
+  return null;
+}
+/**
+ * 点击叶子元素(也就是不包含其他HTML元素,也不能有文本内容)
+ */
+
+
+function handleLeafNode(target) {
+  var tagName = target.tagName,
+      textContent = target.textContent;
+  if (tagName === 'IMG') return target.getAttribute('alt') || null;
+
+  if (tagName === 'svg') {
+    var a = _toConsumableArray(target.children).find(function (item) {
+      return item.tagName === 'use';
+    });
+
+    if (a) return a.getAttribute('xlink:href') || null;
+  }
+
+  return textContent;
+}
+/**
+ * 点击非叶子元素
+ */
+
+
+function handleNoLeafNode(target) {
+  var tagName = target.tagName,
+      textContent = target.textContent;
+
+  if (tagName === 'A') {
+    var res = isSimpleEl(_toConsumableArray(target.children));
+    return res ? textContent : target.getAttribute('href') || null;
+  }
+
+  if (tagName === 'BUTTON') {
+    var name = target.getAttribute('name');
+
+    var _res = isSimpleEl(_toConsumableArray(target.children));
+
+    return name || _res ? textContent : target.getAttribute('href') || null;
+  }
+
+  var _filter = _toConsumableArray(target.children).filter(function () {
+    return target.hasChildNodes();
+  }),
+      length = _filter.length;
+
+  return length > 0 ? null : textContent;
+}
+
+function init$5(_ref2) {
+  var eventCore = _ref2.eventCore,
+      eventUnload = _ref2.eventUnload;
+  if (!eventCore && !eventUnload) return;
+  if (eventCore) clickCollection();
+  dwellCollector(eventUnload);
+}
+/**
+ * 主动触发事件上报
+ * @param {*} eventId 事件ID
+ * @param {*} title 事件标题
+ * @param {*} params 自定义配置信息
+ * @returns
+ */
+
+
+function traceCustomEvent(eventId, title) {
+  var params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  emit({
+    eventId: eventId,
+    title: title,
+    params: params,
+    eventType: 'custom',
+    triggerTime: Date.now()
+  });
+}
+
+var event = {
+  init: init$5,
+  traceCustomEvent: traceCustomEvent
+};
+
+var methods = {
+  setCustomerId: base$1.setCustomerId,
+  setUserUuid: base$1.setUserUuid,
+  traceError: err.traceError,
+  tracePerformance: performance$1.tracePerformance,
+  traceCustomEvent: event.traceCustomEvent,
+  tracePageView: pv.tracePageView
+};
+
+var init$6 = function init() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _options = {
+    requestUrl: '',
+    appName: '',
+    appCode: '',
+    appVersion: '',
+    ext: '',
+    debug: false,
+    pvCore: false,
+    pvHashtag: false,
+    performanceCore: false,
+    performanceFirstResource: false,
+    performanceServer: false,
+    errorCore: false,
+    errorServer: false,
+    eventCore: false,
+    eventUnload: false // 页面卸载-是否在页面卸载时采集页面状态信息
+
+  }; // 将传过来的参数转换
+
+  transitionOptions(_options, options);
+  base$1.init(_options);
+  event.init(_options);
+  pv.init(_options);
+  http.init(_options);
+  err.init(_options);
+  performance$1.init(_options);
+};
+
+var transitionOptions = function transitionOptions(_options, options) {
+  var requestUrl = options.requestUrl,
+      appName = options.appName,
+      appCode = options.appCode,
+      appVersion = options.appVersion,
+      ext = options.ext,
+      debug = options.debug,
+      _options$pv = options.pv,
+      pv = _options$pv === void 0 ? {} : _options$pv,
+      _options$performance = options.performance,
+      performance = _options$performance === void 0 ? {} : _options$performance,
+      _options$error = options.error,
+      error = _options$error === void 0 ? {} : _options$error,
+      _options$event = options.event,
+      event = _options$event === void 0 ? {} : _options$event;
+  if (!requestUrl) throw Error('请传入requestUrl参数');
+  if (!appName) throw Error('请传入appName参数');
+  _options.requestUrl = requestUrl;
+  _options.appName = appName;
+  _options.appCode = appCode;
+  _options.appVersion = appVersion;
+  _options.ext = ext;
+  _options.debug = debug;
+
+  if (typeof pv === 'boolean') {
+    _options.pvCore = _options.pvHashtag = pv;
+  } else {
+    _options.pvCore = Boolean(pv.core);
+    _options.pvHashtag = Boolean(pv.server);
+  }
+
+  if (typeof performance === 'boolean') {
+    _options.performanceCore = _options.performanceFirstResource = _options.performanceServer = performance;
+  } else {
+    _options.performanceCore = Boolean(performance.core);
+    _options.performanceFirstResource = Boolean(performance.firstResource);
+    _options.performanceServer = Boolean(performance.server);
+  }
+
+  if (typeof error === 'boolean') {
+    _options.errorCore = _options.errorServer = error;
+  } else {
+    _options.errorCore = Boolean(error.core);
+    _options.errorServer = Boolean(error.server);
+  }
+
+  if (typeof event === 'boolean') {
+    _options.eventCore = _options.eventUnload = event;
+  } else {
+    _options.eventCore = Boolean(event.core);
+    _options.eventUnload = Boolean(event.unload);
+  }
+};
+
+var index = _objectSpread2({
+  init: init$6
+}, methods);
+
 var _excluded = ["multiple", "children", "disabled"];
 
 var WButton = function WButton(props) {
@@ -845,7 +2322,7 @@ WButton.defaultProps = {};
 // import IconFont from '@/components/IconFont';
 // <IconFont type='icon-demo' className='xxx-xxx' />
 
-var index = icons.createFromIconfontCN({
+var index$1 = icons.createFromIconfontCN({
   scriptUrl: '//at.alicdn.com/t/font_3425259_s93peuz62an.js'
 });
 
@@ -3311,7 +4788,7 @@ function Table(_ref) {
 Table.defaultProps = {
   rowKey: 'key'
 };
-var index$1 = /*#__PURE__*/React.memo(Table);
+var index$2 = /*#__PURE__*/React.memo(Table);
 
 var _excluded$b = ["height", "width", "count", "style", "numberStyle"],
     _excluded2$2 = ["count", "numberCount", "width", "height", "marginRight"];
@@ -4415,7 +5892,7 @@ var Index$d = function Index(_ref, ref) {
   }))));
 };
 
-var index$2 = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Index$d));
+var index$3 = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Index$d));
 
 var controlShow = function controlShow(f1, f2, value, timer) {
   f1(value);
@@ -5403,7 +6880,8 @@ var ModalForm = function ModalForm(props, ref) {
   }, [visible, record, formIntance]);
   return /*#__PURE__*/React__default['default'].createElement(_Modal__default['default'], _objectSpread2(_objectSpread2({
     title: title,
-    visible: visible
+    visible: visible,
+    forceRender: true
   }, disabled ? {
     footer: null
   } : {}), {}, {
@@ -6104,7 +7582,7 @@ var TabelCard = function TabelCard(props, ref) {
   }, extraProps)));
 };
 
-var index$3 = /*#__PURE__*/React__default['default'].forwardRef(TabelCard);
+var index$4 = /*#__PURE__*/React__default['default'].forwardRef(TabelCard);
 
 var YEAER_MONTH_FORMAT_EN = 'YYYY-MM';
 
@@ -6477,7 +7955,7 @@ function Calendar(_ref, ref) {
   })))));
 }
 
-var index$4 = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Calendar));
+var index$5 = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Calendar));
 
 var WebsocketHeart = /*#__PURE__*/_createClass(function WebsocketHeart(_ref) {
   var _this = this;
@@ -6694,7 +8172,6 @@ function Xgplay(_ref, fRef) {
       }
     }
 
-    console.log('playerRef.current', playerRef.current);
     return function () {
       var _playerRef$current, _playerRef$current2, _playerRef$current2$h, _playerRef$current3, _playerRef$current3$f, _playerRef$current4;
 
@@ -6747,6 +8224,7 @@ function VideoPlayer(_ref, ref) {
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config,
       layoutIndex = _ref.layoutIndex,
+      _onDoubleClickCapture = _ref.onDoubleClickCapture,
       _ref$url = _ref.url,
       url = _ref$url === void 0 ? [] : _ref$url,
       _ref$layouts = _ref.layouts,
@@ -6818,9 +8296,12 @@ function VideoPlayer(_ref, ref) {
     return arr.map(function (item, index) {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         key: index,
-        className: "camera ".concat(currentPlayerIndex == index ? index !== 0 ? 'activeCamera' : 'noneborder' : ''),
+        className: "camera ".concat(currentPlayerIndex == index && arr.length > 1 ? 'activeCamera' : 'noneborder'),
         onClickCapture: function onClickCapture() {
           setCurrentPlayerIndex(index);
+        },
+        onDoubleClickCapture: function onDoubleClickCapture() {
+          _onDoubleClickCapture && _onDoubleClickCapture(index, !document.fullscreenElement);
         }
       }, urls[index] ? /*#__PURE__*/React__default['default'].createElement(Xgplay$1, {
         setRef: function setRef(ref) {
@@ -6876,6 +8357,15 @@ function VideoPlayer(_ref, ref) {
 
     setUrls(function (urls) {
       urls[currentPlayerIndex] = url;
+      setCurrentPlayerIndex(function (pre) {
+        pre++;
+
+        if (pre == allLayouts[currentLayoutIndex || 0].span) {
+          return 0;
+        }
+
+        return pre;
+      });
       return _toConsumableArray(urls);
     });
   };
@@ -6903,7 +8393,7 @@ function VideoPlayer(_ref, ref) {
       key: index,
       className: "btnbox",
       onClick: function onClick() {
-        var playerIndex = allLayouts[index || 0].span > url.length ? url.length - 1 >= 0 ? url.length : 0 : allLayouts[index || 0].span - 1;
+        var playerIndex = allLayouts[index || 0].span > urls.length ? urls.length - 1 >= 0 ? urls.length : 0 : allLayouts[index || 0].span - 1;
         setCurrentPlayerIndex(playerIndex);
         setCurrentLayoutIndex(index);
       }
@@ -6916,7 +8406,7 @@ function VideoPlayer(_ref, ref) {
   })) : null));
 }
 
-var index$5 = /*#__PURE__*/React.forwardRef(VideoPlayer);
+var index$6 = /*#__PURE__*/React.forwardRef(VideoPlayer);
 
 var _excluded$l = ["id", "videoUrls", "definitionList", "isLoop", "muted", "currentIndex", "setCurrentIndex", "className", "style", "visible", "autoplay", "videoInit", "enableMemory", "lastPlayTimeHideDelay"];
 
@@ -6925,7 +8415,7 @@ var DEFAULT_PLAY_BACK_RATE = [0.5, 0.75, 1, 1.5, 2]; // 默认记忆提示文字
 var DEFAULT_LAST_PLAY_TIME_DELAY = 5; // 默认音量大小
 
 var DEFAULT_VOLUME = 0.6;
-var index$6 = (function (_ref) {
+var index$7 = (function (_ref) {
   var id = _ref.id,
       _ref$videoUrls = _ref.videoUrls,
       videoUrls = _ref$videoUrls === void 0 ? [] : _ref$videoUrls,
@@ -7758,7 +9248,7 @@ function NtTable(_ref) {
 NtTable.defaultProps = {
   rowKey: 'key'
 };
-var index$7 = /*#__PURE__*/React.memo(NtTable);
+var index$8 = /*#__PURE__*/React.memo(NtTable);
 
 /*
  * @Author: lijin
@@ -8542,10 +10032,10 @@ function WaterLevelCharts(config) {
 /*
  * @Author: lijin
  * @Date: 2021-09-09 11:02:54
- * @LastEditTime: 2022-11-09 19:44:46
+ * @LastEditTime: 2022-12-13 16:40:57
  * @LastEditors: lijin
  * @Description:
- * @FilePath: \wargem\wargerm-components\src\index.ts
+ * @FilePath: \wargerm-components\src\index.ts
  * 可以输入预定的版权声明、个性签名、空行等
  */
 console.log(REACT_APP_ENV, 'REACT_APP_ENV');
@@ -8558,37 +10048,38 @@ if (REACT_APP_ENV == 'development') {
 exports.AutoScroll = Index$a;
 exports.Breadcrumb = Index$c;
 exports.Button = WButton;
-exports.Calendar = index$4;
-exports.Card = index$2;
+exports.Calendar = index$5;
+exports.Card = index$3;
 exports.Cascader = WCascader;
 exports.Checkbox = Index$4;
 exports.CountUp = Index$9;
 exports.DatePicker = Index$2;
 exports.DragBox = DragBox;
-exports.IconFont = index;
+exports.IconFont = index$1;
 exports.Input = Index;
 exports.InputNumber = WInputNumber;
 exports.LineEcharts = LineEcharts;
 exports.Modal = Modal;
 exports.ModalForm = ModalForm$1;
 exports.ModalTips = Modal$1;
-exports.NtTable = index$7;
+exports.NtTable = index$8;
 exports.Number = Index$8;
 exports.NumericInput = NumericInput;
 exports.Radio = Index$3;
 exports.Select = Select;
 exports.Swiper = Index$b;
 exports.Switch = WSwitch;
-exports.TabelCard = index$3;
-exports.Table = index$1;
+exports.TabelCard = index$4;
+exports.Table = index$2;
 exports.TreeSelect = Index$7;
 exports.Upload = Upload;
-exports.Video = index$6;
-exports.VideoPlayer = index$5;
+exports.Video = index$7;
+exports.VideoPlayer = index$6;
 exports.WDatePicker = Index$6;
 exports.WForm = WForm$1;
 exports.WaterLevelCharts = WaterLevelCharts;
 exports.WebsocketHeart = WebsocketHeart;
 exports.useEventEmitter = useEventEmitter;
+exports.wTracing = index;
 exports.whox = create;
 exports.wmox = wmox;