12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109 |
- /*!
- * clipboard.js v2.0.4
- * https://zenorocha.github.io/clipboard.js
- *
- * Licensed MIT © Zeno Rocha
- */
- (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["ClipboardJS"] = factory();
- } else if (window.layui && layui.define) { // layui加载
- layui.define(function (exports) {
- exports('ClipboardJS', factory());
- });
- } else {
- root["ClipboardJS"] = factory();
- }
- })(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 = 0);
- /******/
- })
- /************************************************************************/
- /******/([
- /* 0 */
- /***/ (function (module, exports, __webpack_require__) {
- "use strict";
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
- return typeof obj;
- } : function (obj) {
- return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
- };
- var _createClass = function () {
- function defineProperties(target, props) {
- for (var i = 0; i < props.length; i++) {
- var descriptor = props[i];
- descriptor.enumerable = descriptor.enumerable || false;
- descriptor.configurable = true;
- if ("value" in descriptor) descriptor.writable = true;
- Object.defineProperty(target, descriptor.key, descriptor);
- }
- }
- return function (Constructor, protoProps, staticProps) {
- if (protoProps) defineProperties(Constructor.prototype, protoProps);
- if (staticProps) defineProperties(Constructor, staticProps);
- return Constructor;
- };
- }();
- var _clipboardAction = __webpack_require__(1);
- var _clipboardAction2 = _interopRequireDefault(_clipboardAction);
- var _tinyEmitter = __webpack_require__(3);
- var _tinyEmitter2 = _interopRequireDefault(_tinyEmitter);
- var _goodListener = __webpack_require__(4);
- var _goodListener2 = _interopRequireDefault(_goodListener);
- function _interopRequireDefault(obj) {
- return obj && obj.__esModule ? obj : {default: obj};
- }
- function _classCallCheck(instance, Constructor) {
- if (!(instance instanceof Constructor)) {
- throw new TypeError("Cannot call a class as a function");
- }
- }
- function _possibleConstructorReturn(self, call) {
- if (!self) {
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
- }
- return call && (typeof call === "object" || typeof call === "function") ? call : self;
- }
- function _inherits(subClass, superClass) {
- if (typeof superClass !== "function" && superClass !== null) {
- throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
- }
- subClass.prototype = Object.create(superClass && superClass.prototype, {
- constructor: {
- value: subClass,
- enumerable: false,
- writable: true,
- configurable: true
- }
- });
- if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
- }
- /**
- * Base class which takes one or more elements, adds event listeners to them,
- * and instantiates a new `ClipboardAction` on each click.
- */
- var Clipboard = function (_Emitter) {
- _inherits(Clipboard, _Emitter);
- /**
- * @param {String|HTMLElement|HTMLCollection|NodeList} trigger
- * @param {Object} options
- */
- function Clipboard(trigger, options) {
- _classCallCheck(this, Clipboard);
- var _this = _possibleConstructorReturn(this, (Clipboard.__proto__ || Object.getPrototypeOf(Clipboard)).call(this));
- _this.resolveOptions(options);
- _this.listenClick(trigger);
- return _this;
- }
- /**
- * Defines if attributes would be resolved using internal setter functions
- * or custom functions that were passed in the constructor.
- * @param {Object} options
- */
- _createClass(Clipboard, [{
- key: 'resolveOptions',
- value: function resolveOptions() {
- var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
- this.action = typeof options.action === 'function' ? options.action : this.defaultAction;
- this.target = typeof options.target === 'function' ? options.target : this.defaultTarget;
- this.text = typeof options.text === 'function' ? options.text : this.defaultText;
- this.container = _typeof(options.container) === 'object' ? options.container : document.body;
- }
- /**
- * Adds a click event listener to the passed trigger.
- * @param {String|HTMLElement|HTMLCollection|NodeList} trigger
- */
- }, {
- key: 'listenClick',
- value: function listenClick(trigger) {
- var _this2 = this;
- this.listener = (0, _goodListener2.default)(trigger, 'click', function (e) {
- return _this2.onClick(e);
- });
- }
- /**
- * Defines a new `ClipboardAction` on each click event.
- * @param {Event} e
- */
- }, {
- key: 'onClick',
- value: function onClick(e) {
- var trigger = e.delegateTarget || e.currentTarget;
- if (this.clipboardAction) {
- this.clipboardAction = null;
- }
- this.clipboardAction = new _clipboardAction2.default({
- action: this.action(trigger),
- target: this.target(trigger),
- text: this.text(trigger),
- container: this.container,
- trigger: trigger,
- emitter: this
- });
- }
- /**
- * Default `action` lookup function.
- * @param {Element} trigger
- */
- }, {
- key: 'defaultAction',
- value: function defaultAction(trigger) {
- return getAttributeValue('action', trigger);
- }
- /**
- * Default `target` lookup function.
- * @param {Element} trigger
- */
- }, {
- key: 'defaultTarget',
- value: function defaultTarget(trigger) {
- var selector = getAttributeValue('target', trigger);
- if (selector) {
- return document.querySelector(selector);
- }
- }
- /**
- * Returns the support of the given action, or all actions if no action is
- * given.
- * @param {String} [action]
- */
- }, {
- key: 'defaultText',
- /**
- * Default `text` lookup function.
- * @param {Element} trigger
- */
- value: function defaultText(trigger) {
- return getAttributeValue('text', trigger);
- }
- /**
- * Destroy lifecycle.
- */
- }, {
- key: 'destroy',
- value: function destroy() {
- this.listener.destroy();
- if (this.clipboardAction) {
- this.clipboardAction.destroy();
- this.clipboardAction = null;
- }
- }
- }], [{
- key: 'isSupported',
- value: function isSupported() {
- var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['copy', 'cut'];
- var actions = typeof action === 'string' ? [action] : action;
- var support = !!document.queryCommandSupported;
- actions.forEach(function (action) {
- support = support && !!document.queryCommandSupported(action);
- });
- return support;
- }
- }]);
- return Clipboard;
- }(_tinyEmitter2.default);
- /**
- * Helper function to retrieve attribute value.
- * @param {String} suffix
- * @param {Element} element
- */
- function getAttributeValue(suffix, element) {
- var attribute = 'data-clipboard-' + suffix;
- if (!element.hasAttribute(attribute)) {
- return;
- }
- return element.getAttribute(attribute);
- }
- module.exports = Clipboard;
- /***/
- }),
- /* 1 */
- /***/ (function (module, exports, __webpack_require__) {
- "use strict";
- var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
- return typeof obj;
- } : function (obj) {
- return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
- };
- var _createClass = function () {
- function defineProperties(target, props) {
- for (var i = 0; i < props.length; i++) {
- var descriptor = props[i];
- descriptor.enumerable = descriptor.enumerable || false;
- descriptor.configurable = true;
- if ("value" in descriptor) descriptor.writable = true;
- Object.defineProperty(target, descriptor.key, descriptor);
- }
- }
- return function (Constructor, protoProps, staticProps) {
- if (protoProps) defineProperties(Constructor.prototype, protoProps);
- if (staticProps) defineProperties(Constructor, staticProps);
- return Constructor;
- };
- }();
- var _select = __webpack_require__(2);
- var _select2 = _interopRequireDefault(_select);
- function _interopRequireDefault(obj) {
- return obj && obj.__esModule ? obj : {default: obj};
- }
- function _classCallCheck(instance, Constructor) {
- if (!(instance instanceof Constructor)) {
- throw new TypeError("Cannot call a class as a function");
- }
- }
- /**
- * Inner class which performs selection from either `text` or `target`
- * properties and then executes copy or cut operations.
- */
- var ClipboardAction = function () {
- /**
- * @param {Object} options
- */
- function ClipboardAction(options) {
- _classCallCheck(this, ClipboardAction);
- this.resolveOptions(options);
- this.initSelection();
- }
- /**
- * Defines base properties passed from constructor.
- * @param {Object} options
- */
- _createClass(ClipboardAction, [{
- key: 'resolveOptions',
- value: function resolveOptions() {
- var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
- this.action = options.action;
- this.container = options.container;
- this.emitter = options.emitter;
- this.target = options.target;
- this.text = options.text;
- this.trigger = options.trigger;
- this.selectedText = '';
- }
- /**
- * Decides which selection strategy is going to be applied based
- * on the existence of `text` and `target` properties.
- */
- }, {
- key: 'initSelection',
- value: function initSelection() {
- if (this.text) {
- this.selectFake();
- } else if (this.target) {
- this.selectTarget();
- }
- }
- /**
- * Creates a fake textarea element, sets its value from `text` property,
- * and makes a selection on it.
- */
- }, {
- key: 'selectFake',
- value: function selectFake() {
- var _this = this;
- var isRTL = document.documentElement.getAttribute('dir') == 'rtl';
- this.removeFake();
- this.fakeHandlerCallback = function () {
- return _this.removeFake();
- };
- this.fakeHandler = this.container.addEventListener('click', this.fakeHandlerCallback) || true;
- this.fakeElem = document.createElement('textarea');
- // Prevent zooming on iOS
- this.fakeElem.style.fontSize = '12pt';
- // Reset box model
- this.fakeElem.style.border = '0';
- this.fakeElem.style.padding = '0';
- this.fakeElem.style.margin = '0';
- // Move element out of screen horizontally
- this.fakeElem.style.position = 'absolute';
- this.fakeElem.style[isRTL ? 'right' : 'left'] = '-9999px';
- // Move element to the same position vertically
- var yPosition = window.pageYOffset || document.documentElement.scrollTop;
- this.fakeElem.style.top = yPosition + 'px';
- this.fakeElem.setAttribute('readonly', '');
- this.fakeElem.value = this.text;
- this.container.appendChild(this.fakeElem);
- this.selectedText = (0, _select2.default)(this.fakeElem);
- this.copyText();
- }
- /**
- * Only removes the fake element after another click event, that way
- * a user can hit `Ctrl+C` to copy because selection still exists.
- */
- }, {
- key: 'removeFake',
- value: function removeFake() {
- if (this.fakeHandler) {
- this.container.removeEventListener('click', this.fakeHandlerCallback);
- this.fakeHandler = null;
- this.fakeHandlerCallback = null;
- }
- if (this.fakeElem) {
- this.container.removeChild(this.fakeElem);
- this.fakeElem = null;
- }
- }
- /**
- * Selects the content from element passed on `target` property.
- */
- }, {
- key: 'selectTarget',
- value: function selectTarget() {
- this.selectedText = (0, _select2.default)(this.target);
- this.copyText();
- }
- /**
- * Executes the copy operation based on the current selection.
- */
- }, {
- key: 'copyText',
- value: function copyText() {
- var succeeded = void 0;
- try {
- succeeded = document.execCommand(this.action);
- } catch (err) {
- succeeded = false;
- }
- this.handleResult(succeeded);
- }
- /**
- * Fires an event based on the copy operation result.
- * @param {Boolean} succeeded
- */
- }, {
- key: 'handleResult',
- value: function handleResult(succeeded) {
- this.emitter.emit(succeeded ? 'success' : 'error', {
- action: this.action,
- text: this.selectedText,
- trigger: this.trigger,
- clearSelection: this.clearSelection.bind(this)
- });
- }
- /**
- * Moves focus away from `target` and back to the trigger, removes current selection.
- */
- }, {
- key: 'clearSelection',
- value: function clearSelection() {
- if (this.trigger) {
- this.trigger.focus();
- }
- window.getSelection().removeAllRanges();
- }
- /**
- * Sets the `action` to be performed which can be either 'copy' or 'cut'.
- * @param {String} action
- */
- }, {
- key: 'destroy',
- /**
- * Destroy lifecycle.
- */
- value: function destroy() {
- this.removeFake();
- }
- }, {
- key: 'action',
- set: function set() {
- var action = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'copy';
- this._action = action;
- if (this._action !== 'copy' && this._action !== 'cut') {
- throw new Error('Invalid "action" value, use either "copy" or "cut"');
- }
- }
- /**
- * Gets the `action` property.
- * @return {String}
- */
- ,
- get: function get() {
- return this._action;
- }
- /**
- * Sets the `target` property using an element
- * that will be have its content copied.
- * @param {Element} target
- */
- }, {
- key: 'target',
- set: function set(target) {
- if (target !== undefined) {
- if (target && (typeof target === 'undefined' ? 'undefined' : _typeof(target)) === 'object' && target.nodeType === 1) {
- if (this.action === 'copy' && target.hasAttribute('disabled')) {
- throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');
- }
- if (this.action === 'cut' && (target.hasAttribute('readonly') || target.hasAttribute('disabled'))) {
- throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');
- }
- this._target = target;
- } else {
- throw new Error('Invalid "target" value, use a valid Element');
- }
- }
- }
- /**
- * Gets the `target` property.
- * @return {String|HTMLElement}
- */
- ,
- get: function get() {
- return this._target;
- }
- }]);
- return ClipboardAction;
- }();
- module.exports = ClipboardAction;
- /***/
- }),
- /* 2 */
- /***/ (function (module, exports) {
- function select(element) {
- var selectedText;
- if (element.nodeName === 'SELECT') {
- element.focus();
- selectedText = element.value;
- } else if (element.nodeName === 'INPUT' || element.nodeName === 'TEXTAREA') {
- var isReadOnly = element.hasAttribute('readonly');
- if (!isReadOnly) {
- element.setAttribute('readonly', '');
- }
- element.select();
- element.setSelectionRange(0, element.value.length);
- if (!isReadOnly) {
- element.removeAttribute('readonly');
- }
- selectedText = element.value;
- } else {
- if (element.hasAttribute('contenteditable')) {
- element.focus();
- }
- var selection = window.getSelection();
- var range = document.createRange();
- range.selectNodeContents(element);
- selection.removeAllRanges();
- selection.addRange(range);
- selectedText = selection.toString();
- }
- return selectedText;
- }
- module.exports = select;
- /***/
- }),
- /* 3 */
- /***/ (function (module, exports) {
- function E() {
- // Keep this empty so it's easier to inherit from
- // (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3)
- }
- E.prototype = {
- on: function (name, callback, ctx) {
- var e = this.e || (this.e = {});
- (e[name] || (e[name] = [])).push({
- fn: callback,
- ctx: ctx
- });
- return this;
- },
- once: function (name, callback, ctx) {
- var self = this;
- function listener() {
- self.off(name, listener);
- callback.apply(ctx, arguments);
- };
- listener._ = callback
- return this.on(name, listener, ctx);
- },
- emit: function (name) {
- var data = [].slice.call(arguments, 1);
- var evtArr = ((this.e || (this.e = {}))[name] || []).slice();
- var i = 0;
- var len = evtArr.length;
- for (i; i < len; i++) {
- evtArr[i].fn.apply(evtArr[i].ctx, data);
- }
- return this;
- },
- off: function (name, callback) {
- var e = this.e || (this.e = {});
- var evts = e[name];
- var liveEvents = [];
- if (evts && callback) {
- for (var i = 0, len = evts.length; i < len; i++) {
- if (evts[i].fn !== callback && evts[i].fn._ !== callback)
- liveEvents.push(evts[i]);
- }
- }
- // Remove event from queue to prevent memory leak
- // Suggested by https://github.com/lazd
- // Ref: https://github.com/scottcorgan/tiny-emitter/commit/c6ebfaa9bc973b33d110a84a307742b7cf94c953#commitcomment-5024910
- (liveEvents.length)
- ? e[name] = liveEvents
- : delete e[name];
- return this;
- }
- };
- module.exports = E;
- /***/
- }),
- /* 4 */
- /***/ (function (module, exports, __webpack_require__) {
- var is = __webpack_require__(5);
- var delegate = __webpack_require__(6);
- /**
- * Validates all params and calls the right
- * listener function based on its target type.
- *
- * @param {String|HTMLElement|HTMLCollection|NodeList} target
- * @param {String} type
- * @param {Function} callback
- * @return {Object}
- */
- function listen(target, type, callback) {
- if (!target && !type && !callback) {
- throw new Error('Missing required arguments');
- }
- if (!is.string(type)) {
- throw new TypeError('Second argument must be a String');
- }
- if (!is.fn(callback)) {
- throw new TypeError('Third argument must be a Function');
- }
- if (is.node(target)) {
- return listenNode(target, type, callback);
- } else if (is.nodeList(target)) {
- return listenNodeList(target, type, callback);
- } else if (is.string(target)) {
- return listenSelector(target, type, callback);
- } else {
- throw new TypeError('First argument must be a String, HTMLElement, HTMLCollection, or NodeList');
- }
- }
- /**
- * Adds an event listener to a HTML element
- * and returns a remove listener function.
- *
- * @param {HTMLElement} node
- * @param {String} type
- * @param {Function} callback
- * @return {Object}
- */
- function listenNode(node, type, callback) {
- node.addEventListener(type, callback);
- return {
- destroy: function () {
- node.removeEventListener(type, callback);
- }
- }
- }
- /**
- * Add an event listener to a list of HTML elements
- * and returns a remove listener function.
- *
- * @param {NodeList|HTMLCollection} nodeList
- * @param {String} type
- * @param {Function} callback
- * @return {Object}
- */
- function listenNodeList(nodeList, type, callback) {
- Array.prototype.forEach.call(nodeList, function (node) {
- node.addEventListener(type, callback);
- });
- return {
- destroy: function () {
- Array.prototype.forEach.call(nodeList, function (node) {
- node.removeEventListener(type, callback);
- });
- }
- }
- }
- /**
- * Add an event listener to a selector
- * and returns a remove listener function.
- *
- * @param {String} selector
- * @param {String} type
- * @param {Function} callback
- * @return {Object}
- */
- function listenSelector(selector, type, callback) {
- return delegate(document.body, selector, type, callback);
- }
- module.exports = listen;
- /***/
- }),
- /* 5 */
- /***/ (function (module, exports) {
- /**
- * Check if argument is a HTML element.
- *
- * @param {Object} value
- * @return {Boolean}
- */
- exports.node = function (value) {
- return value !== undefined
- && value instanceof HTMLElement
- && value.nodeType === 1;
- };
- /**
- * Check if argument is a list of HTML elements.
- *
- * @param {Object} value
- * @return {Boolean}
- */
- exports.nodeList = function (value) {
- var type = Object.prototype.toString.call(value);
- return value !== undefined
- && (type === '[object NodeList]' || type === '[object HTMLCollection]')
- && ('length' in value)
- && (value.length === 0 || exports.node(value[0]));
- };
- /**
- * Check if argument is a string.
- *
- * @param {Object} value
- * @return {Boolean}
- */
- exports.string = function (value) {
- return typeof value === 'string'
- || value instanceof String;
- };
- /**
- * Check if argument is a function.
- *
- * @param {Object} value
- * @return {Boolean}
- */
- exports.fn = function (value) {
- var type = Object.prototype.toString.call(value);
- return type === '[object Function]';
- };
- /***/
- }),
- /* 6 */
- /***/ (function (module, exports, __webpack_require__) {
- var closest = __webpack_require__(7);
- /**
- * Delegates event to a selector.
- *
- * @param {Element} element
- * @param {String} selector
- * @param {String} type
- * @param {Function} callback
- * @param {Boolean} useCapture
- * @return {Object}
- */
- function _delegate(element, selector, type, callback, useCapture) {
- var listenerFn = listener.apply(this, arguments);
- element.addEventListener(type, listenerFn, useCapture);
- return {
- destroy: function () {
- element.removeEventListener(type, listenerFn, useCapture);
- }
- }
- }
- /**
- * Delegates event to a selector.
- *
- * @param {Element|String|Array} [elements]
- * @param {String} selector
- * @param {String} type
- * @param {Function} callback
- * @param {Boolean} useCapture
- * @return {Object}
- */
- function delegate(elements, selector, type, callback, useCapture) {
- // Handle the regular Element usage
- if (typeof elements.addEventListener === 'function') {
- return _delegate.apply(null, arguments);
- }
- // Handle Element-less usage, it defaults to global delegation
- if (typeof type === 'function') {
- // Use `document` as the first parameter, then apply arguments
- // This is a short way to .unshift `arguments` without running into deoptimizations
- return _delegate.bind(null, document).apply(null, arguments);
- }
- // Handle Selector-based usage
- if (typeof elements === 'string') {
- elements = document.querySelectorAll(elements);
- }
- // Handle Array-like based usage
- return Array.prototype.map.call(elements, function (element) {
- return _delegate(element, selector, type, callback, useCapture);
- });
- }
- /**
- * Finds closest match and invokes callback.
- *
- * @param {Element} element
- * @param {String} selector
- * @param {String} type
- * @param {Function} callback
- * @return {Function}
- */
- function listener(element, selector, type, callback) {
- return function (e) {
- e.delegateTarget = closest(e.target, selector);
- if (e.delegateTarget) {
- callback.call(element, e);
- }
- }
- }
- module.exports = delegate;
- /***/
- }),
- /* 7 */
- /***/ (function (module, exports) {
- var DOCUMENT_NODE_TYPE = 9;
- /**
- * A polyfill for Element.matches()
- */
- if (typeof Element !== 'undefined' && !Element.prototype.matches) {
- var proto = Element.prototype;
- proto.matches = proto.matchesSelector ||
- proto.mozMatchesSelector ||
- proto.msMatchesSelector ||
- proto.oMatchesSelector ||
- proto.webkitMatchesSelector;
- }
- /**
- * Finds the closest parent that matches a selector.
- *
- * @param {Element} element
- * @param {String} selector
- * @return {Function}
- */
- function closest(element, selector) {
- while (element && element.nodeType !== DOCUMENT_NODE_TYPE) {
- if (typeof element.matches === 'function' &&
- element.matches(selector)) {
- return element;
- }
- element = element.parentNode;
- }
- }
- module.exports = closest;
- /***/
- })
- /******/]);
- });
|