UNPKG

@prettyy/ui

Version:

vue2 UI

219 lines (192 loc) 6.66 kB
module.exports = /******/ (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 = 35); /******/ }) /************************************************************************/ /******/ ({ /***/ 35: /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; // ESM COMPAT FLAG __webpack_require__.r(__webpack_exports__); // CONCATENATED MODULE: ./components/lib/directive/modules/debounce.js const debounce = { bind(el, binding) { if (typeof binding.value !== 'function') { throw new Error('callback must be a function') } let timer = null el.__handleClick__ = function () { if (timer) { clearTimeout(timer) } timer = setTimeout(() => { binding.value() }, 500) } el.addEventListener('click', el.__handleClick__) }, unbind(el) { el.removeEventListener('click', el.__handleClick__) }, } /* harmony default export */ var modules_debounce = (debounce); // CONCATENATED MODULE: ./components/lib/directive/modules/throttle.js const throttle = { bind(el, binding) { if (typeof binding.value !== 'function') { throw new Error('callback must be a function') } let timer = null el.__handleClick__ = function () { if (timer) { clearTimeout(timer) } if (!el.disabled) { el.disabled = true binding.value() timer = setTimeout(() => { el.disabled = false }, 2000) } } el.addEventListener('click', el.__handleClick__) }, unbind(el) { el.removeEventListener('click', el.__handleClick__) }, } /* harmony default export */ var modules_throttle = (throttle); // CONCATENATED MODULE: ./components/lib/directive/modules/trim.js /** * 获取元素 */ function getElement(el) { let inputEle = null const { tagName } = el if (tagName === 'INPUT' || tagName === 'TEXTAREA') { inputEle = el } else { inputEle = el.querySelector('input') || el.querySelector('textarea') } return inputEle } // 创建事件 function dispatchEvent(el, type) { const evt = new Event(type, { bubbles: true, cancelable: true }) el.dispatchEvent(evt) } const trim = { inserted(el) { const inputEle = getElement(el) if (!inputEle) return false const handler = event => { const newValue = event.target.value.trim() if (event.target.value !== newValue) { event.target.value = newValue dispatchEvent(event.target, 'input') } } el.inputEle = inputEle el._blurHandler = handler inputEle.addEventListener('blur', handler) }, unbind(el) { const { inputEle } = el inputEle.removeEventListener('blur', el._blurHandler) }, } /* harmony default export */ var modules_trim = (trim); // CONCATENATED MODULE: ./components/lib/directive/index.js const directives = { install(Vue) { Vue.directive('trim', modules_trim) Vue.directive('debounce', modules_debounce) Vue.directive('throttle', modules_throttle) }, } /* harmony default export */ var directive = __webpack_exports__["default"] = (directives); /***/ }) /******/ });