| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218 |
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
- import pkg from '../package.json';
- var version = pkg.version;
- /**
- * @typedef {import("../types/index.d.ts")} VClickOutsidePlugin
- */
- var CLICK = 'click';
- var captureInstances = Object.create(null);
- var nonCaptureInstances = Object.create(null);
- var captureEventHandlers = Object.create(null);
- var nonCaptureEventHandlers = Object.create(null);
- var instancesList = [captureInstances, nonCaptureInstances];
- /**
- * The common event handler for bot capture and non-capture events.
- *
- * @param {!object} context - The event context.
- * @param {!object} instances - The capture or non-capture registered instances.
- * @param {Event} event - The event object.
- * @param {string} arg - The event type.
- * @returns {undefined} Default.
- */
- var commonHandler = function onCommonEvent(context, instances, event, arg) {
- var target = event.target;
- var itemIteratee = function itemIteratee(item) {
- var el = item.el;
- if (el !== target && !el.contains(target)) {
- var binding = item.binding;
- if (binding.modifiers.stop) {
- event.stopPropagation();
- }
- if (binding.modifiers.prevent) {
- event.preventDefault();
- }
- binding.value.call(context, event);
- }
- };
- instances[arg].forEach(itemIteratee);
- };
- /**
- * Get the correct event handler: Capture or non-capture.
- *
- * @param {boolean} useCapture - Indicate which handler to use; 'true' to use
- * capture handler or 'false' for non-capture.
- * @param {string} arg - The event type.
- * @returns {Function} - The event handler.
- */
- var getEventHandler = function getEventHandler(useCapture, arg) {
- if (useCapture) {
- if (captureEventHandlers[arg]) {
- return captureEventHandlers[arg];
- }
- /**
- * Event handler for capture events.
- *
- * @param {Event} event - The event object.
- */
- captureEventHandlers[arg] = function onCaptureEvent(event) {
- commonHandler(this, captureInstances, event, arg);
- };
- return captureEventHandlers[arg];
- }
- if (nonCaptureEventHandlers[arg]) {
- return nonCaptureEventHandlers[arg];
- }
- /**
- * Event handler for non-capture events.
- *
- * @param {Event} event - The event object.
- */
- nonCaptureEventHandlers[arg] = function onNonCaptureEvent(event) {
- commonHandler(this, nonCaptureInstances, event, arg);
- };
- return nonCaptureEventHandlers[arg];
- };
- /**
- * The directive definition.
- * {@link https://vuejs.org/v2/guide/custom-directive.html|Custom directive}.
- *
- * @type {VClickOutsidePlugin.directive}
- * @property {!object} $captureInstances - Registered capture instances.
- * @property {!object} $nonCaptureInstances - Registered non-capture instances.
- * @property {Function} $_onCaptureEvent - Event handler for capture events.
- * @property {Function} $_onNonCaptureEvent - Event handler for non-capture events.
- * @property {Function} bind - Called only once, when the directive is first
- * bound to the element.
- * @property {Function} unbind - Called only once, when the directive is unbound
- * from the element.
- * @property {string} version - The version number of this release.
- */
- export var directive = Object.defineProperties({}, {
- $captureInstances: {
- value: captureInstances
- },
- $nonCaptureInstances: {
- value: nonCaptureInstances
- },
- $captureEventHandlers: {
- value: captureEventHandlers
- },
- $nonCaptureEventHandlers: {
- value: nonCaptureEventHandlers
- },
- bind: {
- value: function bind(el, binding) {
- if (typeof binding.value !== 'function') {
- throw new TypeError('Binding value must be a function.');
- }
- var arg = binding.arg || CLICK;
- var normalisedBinding = _objectSpread(_objectSpread({}, binding), {
- arg: arg,
- modifiers: _objectSpread(_objectSpread({}, {
- capture: false,
- prevent: false,
- stop: false
- }), binding.modifiers)
- });
- var useCapture = normalisedBinding.modifiers.capture;
- var instances = useCapture ? captureInstances : nonCaptureInstances;
- if (!Array.isArray(instances[arg])) {
- instances[arg] = [];
- }
- if (instances[arg].push({
- el: el,
- binding: normalisedBinding
- }) === 1) {
- /* istanbul ignore next */
- if ((typeof document === "undefined" ? "undefined" : _typeof(document)) === 'object' && document) {
- document.addEventListener(arg, getEventHandler(useCapture, arg), useCapture);
- }
- }
- }
- },
- unbind: {
- value: function unbind(el) {
- var compareElements = function compareElements(item) {
- return item.el !== el;
- };
- var instancesIteratee = function instancesIteratee(instances) {
- var instanceKeys = Object.keys(instances);
- if (instanceKeys.length) {
- var useCapture = instances === captureInstances;
- var keysIteratee = function keysIteratee(eventName) {
- var newInstance = instances[eventName].filter(compareElements);
- if (newInstance.length) {
- instances[eventName] = newInstance;
- } else {
- /* istanbul ignore next */
- if ((typeof document === "undefined" ? "undefined" : _typeof(document)) === 'object' && document) {
- document.removeEventListener(eventName, getEventHandler(useCapture, eventName), useCapture);
- }
- delete instances[eventName];
- }
- };
- instanceKeys.forEach(keysIteratee);
- }
- };
- instancesList.forEach(instancesIteratee);
- }
- },
- /* Note: This needs to be manually updated to match package.json. */
- version: {
- enumerable: true,
- value: version
- }
- });
- /**
- * A Vue.js plugin should expose an install method. The method will be called
- * with the Vue constructor as the first argument, along with possible options.
- * {@link https://vuejs.org/v2/guide/plugins.html#Writing-a-Plugin|Writing a plugin}.
- *
- * @type {VClickOutsidePlugin.install}
- * @param {import("vue")} Vue - The Vue constructor.
- */
- export function install(Vue) {
- Vue.directive('click-outside', directive);
- }
- //# sourceMappingURL=v-click-outside-x.esm.js.map
|