@yqg/multiple-click/esm/index.js

Monitor user's multiple click behavior and report

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
import { processTrackingConfig } from './config';
import { trackingHandlerFactory } from './handler';
import { bindHandler, unbindHandler } from './utils';
const availabilityCheck = () => {
    const el = document.createElement('div');
    el.style.width = '1px';
    el.style.height = '1px';
    el.style.opacity = '0';
    document.body.appendChild(el);
    let trigger = false;
    const checkHandler = ({ target }) => {
        if (target === el) {
            trigger = true;
        }
    };
    bindHandler(checkHandler);
    el.click();
    unbindHandler(checkHandler);
    document.body.removeChild(el);
    if (!trigger) {
        throw new Error('请检查是否其他监听器，在捕获阶段触发并调用stopImmediatePropagation，导致“多次点击点击上报”无法正常生效');
    }
};
export const startMultipleClickTracking = (config) => __awaiter(void 0, void 0, void 0, function* () {
    try {
        if (config.env === 'dev') {
            availabilityCheck();
        }
        const trackingConfig = yield processTrackingConfig(config);
        if (!trackingConfig) {
            return () => { };
        }
        const trackingHandler = trackingHandlerFactory(trackingConfig);
        bindHandler(trackingHandler);
        return () => unbindHandler(trackingHandler);
    }
    catch (err) {
        console.error(err);
        return () => { };
    }
});