@leo1998work/fuzzy-ui 1.0.0

package/lib/tool-fa74823b.js

@@ -0,0 +1,442 @@
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _asyncIterator(r) {
+  var n,
+    t,
+    o,
+    e = 2;
+  for ("undefined" != typeof Symbol && (t = Symbol.asyncIterator, o = Symbol.iterator); e--;) {
+    if (t && null != (n = r[t])) return n.call(r);
+    if (o && null != (n = r[o])) return new AsyncFromSyncIterator(n.call(r));
+    t = "@@asyncIterator", o = "@@iterator";
+  }
+  throw new TypeError("Object is not async iterable");
+}
+function AsyncFromSyncIterator(r) {
+  function AsyncFromSyncIteratorContinuation(r) {
+    if (Object(r) !== r) return Promise.reject(new TypeError(r + " is not an object."));
+    var n = r.done;
+    return Promise.resolve(r.value).then(function (r) {
+      return {
+        value: r,
+        done: n
+      };
+    });
+  }
+  return AsyncFromSyncIterator = function (r) {
+    this.s = r, this.n = r.next;
+  }, AsyncFromSyncIterator.prototype = {
+    s: null,
+    n: null,
+    next: function () {
+      return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments));
+    },
+    return: function (r) {
+      var n = this.s.return;
+      return void 0 === n ? Promise.resolve({
+        value: r,
+        done: !0
+      }) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments));
+    },
+    throw: function (r) {
+      var n = this.s.return;
+      return void 0 === n ? Promise.reject(r) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments));
+    }
+  }, new AsyncFromSyncIterator(r);
+}
+function asyncGeneratorStep(n, t, e, r, o, a, c) {
+  try {
+    var i = n[a](c),
+      u = i.value;
+  } catch (n) {
+    return void e(n);
+  }
+  i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator(n) {
+  return function () {
+    var t = this,
+      e = arguments;
+    return new Promise(function (r, o) {
+      var a = n.apply(t, e);
+      function _next(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+      }
+      function _throw(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+      }
+      _next(void 0);
+    });
+  };
+}
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var n = 0,
+        F = function () {};
+      return {
+        s: F,
+        n: function () {
+          return n >= r.length ? {
+            done: !0
+          } : {
+            done: !1,
+            value: r[n++]
+          };
+        },
+        e: function (r) {
+          throw r;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o,
+    a = !0,
+    u = !1;
+  return {
+    s: function () {
+      t = t.call(r);
+    },
+    n: function () {
+      var r = t.next();
+      return a = r.done, r;
+    },
+    e: function (r) {
+      u = !0, o = r;
+    },
+    f: function () {
+      try {
+        a || null == t.return || t.return();
+      } finally {
+        if (u) throw o;
+      }
+    }
+  };
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _regenerator() {
+  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+  var e,
+    t,
+    r = "function" == typeof Symbol ? Symbol : {},
+    n = r.iterator || "@@iterator",
+    o = r.toStringTag || "@@toStringTag";
+  function i(r, n, o, i) {
+    var c = n && n.prototype instanceof Generator ? n : Generator,
+      u = Object.create(c.prototype);
+    return _regeneratorDefine(u, "_invoke", function (r, n, o) {
+      var i,
+        c,
+        u,
+        f = 0,
+        p = o || [],
+        y = !1,
+        G = {
+          p: 0,
+          n: 0,
+          v: e,
+          a: d,
+          f: d.bind(e, 4),
+          d: function (t, r) {
+            return i = t, c = 0, u = e, G.n = r, a;
+          }
+        };
+      function d(r, n) {
+        for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
+          var o,
+            i = p[t],
+            d = G.p,
+            l = i[2];
+          r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
+        }
+        if (o || r > 1) return a;
+        throw y = !0, n;
+      }
+      return function (o, p, l) {
+        if (f > 1) throw TypeError("Generator is already running");
+        for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
+          i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
+          try {
+            if (f = 2, i) {
+              if (c || (o = "next"), t = i[o]) {
+                if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
+                if (!t.done) return t;
+                u = t.value, c < 2 && (c = 0);
+              } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
+              i = e;
+            } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
+          } catch (t) {
+            i = e, c = 1, u = t;
+          } finally {
+            f = 1;
+          }
+        }
+        return {
+          value: t,
+          done: y
+        };
+      };
+    }(r, o, i), !0), u;
+  }
+  var a = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  t = Object.getPrototypeOf;
+  var c = [][n] ? t(t([][n]())) : (_regeneratorDefine(t = {}, n, function () {
+      return this;
+    }), t),
+    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
+  function f(e) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine(u), _regeneratorDefine(u, o, "Generator"), _regeneratorDefine(u, n, function () {
+    return this;
+  }), _regeneratorDefine(u, "toString", function () {
+    return "[object Generator]";
+  }), (_regenerator = function () {
+    return {
+      w: i,
+      m: f
+    };
+  })();
+}
+function _regeneratorDefine(e, r, n, t) {
+  var i = Object.defineProperty;
+  try {
+    i({}, "", {});
+  } catch (e) {
+    i = 0;
+  }
+  _regeneratorDefine = function (e, r, n, t) {
+    function o(r, n) {
+      _regeneratorDefine(e, r, function (e) {
+        return this._invoke(r, n, e);
+      });
+    }
+    r ? i ? i(e, r, {
+      value: n,
+      enumerable: !t,
+      configurable: !t,
+      writable: !t
+    }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
+  }, _regeneratorDefine(e, r, n, t);
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+var withInstall = function withInstall(main, extra) {
+  main.install = function (app) {
+    // eslint-disable-next-line no-restricted-syntax
+    for (var _i = 0, _arr = [main].concat(_toConsumableArray(Object.values(extra !== null && extra !== void 0 ? extra : {}))); _i < _arr.length; _i++) {
+      var comp = _arr[_i];
+      app.component(comp.name, comp);
+    }
+  };
+  if (extra) {
+    // eslint-disable-next-line no-restricted-syntax
+    for (var _i2 = 0, _Object$entries = Object.entries(extra); _i2 < _Object$entries.length; _i2++) {
+      var _Object$entries$_i = _slicedToArray(_Object$entries[_i2], 2),
+        key = _Object$entries$_i[0],
+        comp = _Object$entries$_i[1];
+      main[key] = comp;
+    }
+  }
+  return main;
+};
+
+var tmplProps = {
+  template: {
+    type: Array,
+    "default": function _default() {
+      return [];
+    }
+  }
+};
+
+function getRandomColor() {
+  // 生成 RGB 色值的随机数
+  var r = Math.floor(Math.random() * 256);
+  var g = Math.floor(Math.random() * 256);
+  var b = Math.floor(Math.random() * 256);
+
+  // 将 RGB 色值转换为十六进制形式
+  var hexR = r.toString(16).padStart(2, '0');
+  var hexG = g.toString(16).padStart(2, '0');
+  var hexB = b.toString(16).padStart(2, '0');
+
+  // 拼接成完整的颜色值
+  return "#".concat(hexR).concat(hexG).concat(hexB);
+}
+
+// 示例使用
+// const randomColor = getRandomColor()
+
+function isAsyncFunction(fn) {
+  if (!fn || typeof fn !== 'function') return false;
+  return Object.prototype.toString.call(fn) === '[object AsyncFunction]' || fn.constructor.name === 'AsyncFunction';
+}
+
+/**
+ * 合并template
+ */
+function mergeTemplate() {
+  for (var _len = arguments.length, tmpls = new Array(_len), _key = 0; _key < _len; _key++) {
+    tmpls[_key] = arguments[_key];
+  }
+  return tmpls;
+}
+
+/**
+ * 递归计算树型结构节点数
+ *
+*/
+function countNodesRecursive(root) {
+  if (!root || !root.length) {
+    return 0;
+  }
+  var count = 0;
+  var _iterator = _createForOfIteratorHelper(root),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var child = _step.value;
+      count++;
+      if (child.children) {
+        count += countNodesRecursive(child.children);
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return count;
+}
+
+/**
+ * 生产uuid
+ * @returns string
+ */
+function generateUUID() {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    // eslint-disable-next-line no-bitwise
+    var r = Math.random() * 16 | 0;
+    // eslint-disable-next-line no-bitwise, no-mixed-operators
+    var v = c === 'x' ? r : r & 0x3 | 0x8;
+    return v.toString(16);
+  });
+}
+
+export { _objectSpread2 as _, _toConsumableArray as a, _typeof as b, _asyncToGenerator as c, _regenerator as d, _slicedToArray as e, _createForOfIteratorHelper as f, getRandomColor as g, _defineProperty as h, isAsyncFunction as i, _asyncIterator as j, countNodesRecursive as k, generateUUID as l, mergeTemplate as m, tmplProps as t, withInstall as w };

package/lib/utils/index.cjs

@@ -0,0 +1,125 @@
+'use strict';
+
+var tool = require('../tool-663a06ba.js');
+
+// 判断当前点击区域是否在组件内部，摘抄自element-plus 源码
+var nodeList = new Map();
+var startClick;
+document.addEventListener('mousedown', function (e) {
+  startClick = e;
+  return null;
+});
+document.addEventListener('mouseup', function (e) {
+  var _iterator = tool._createForOfIteratorHelper(nodeList.values()),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var handlers = _step.value;
+      var _iterator2 = tool._createForOfIteratorHelper(handlers),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var documentHandler = _step2.value.documentHandler;
+          documentHandler(e, startClick);
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+});
+function createDocumentHandler(el, binding) {
+  var excludes = [];
+  var whiteClass = '';
+  if (Array.isArray(binding.arg)) {
+    excludes = binding.arg;
+  } else if (typeof binding.arg === 'string') {
+    whiteClass = binding.arg;
+  }
+  return function (mouseup, mousedown) {
+    var popperRef = binding.instance.popperRef;
+    var mouseUpTarget = mouseup.target;
+    var mouseDownTarget = mousedown === null || mousedown === void 0 ? void 0 : mousedown.target;
+    var isBound = !binding || !binding.instance;
+    var isTargetExists = !mouseUpTarget || !mouseDownTarget;
+    var isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
+    var isSelf = el === mouseUpTarget;
+    var isTargetExcluded = excludes.length && excludes.some(function (item) {
+      return item === null || item === void 0 ? void 0 : item.contains(mouseUpTarget);
+    }) || excludes.length && excludes.includes(mouseDownTarget);
+    var isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
+    var isClass = whiteClass && mouseDownTarget.classList.contains(whiteClass);
+    if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper || isClass) {
+      return;
+    }
+    binding.value(mouseup, mousedown);
+  };
+}
+var ClickOutside = {
+  beforeMount: function beforeMount(el, binding) {
+    console.log('binding: ', binding);
+    // there could be multiple handlers on the element
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
+    }
+    nodeList.get(el).push({
+      documentHandler: createDocumentHandler(el, binding),
+      bindingFn: binding.value
+    });
+  },
+  updated: function updated(el, binding) {
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
+    }
+    var handlers = nodeList.get(el);
+    var oldHandlerIndex = handlers.findIndex(function (item) {
+      return item.bindingFn === binding.oldValue;
+    });
+    var newHandler = {
+      documentHandler: createDocumentHandler(el, binding),
+      bindingFn: binding.value
+    };
+    if (oldHandlerIndex >= 0) {
+      // replace the old handler to the new handler
+      handlers.splice(oldHandlerIndex, 1, newHandler);
+    } else {
+      handlers.push(newHandler);
+    }
+  },
+  unmounted: function unmounted(el) {
+    // remove all listeners when a component unmounted
+    nodeList["delete"](el);
+  }
+};
+
+var Focus = {
+  mounted: function mounted(el) {
+    el.focus();
+  }
+};
+
+var blur = {
+  mounted: function mounted(el) {
+    console.log('el: ', el);
+    el.addEventListener('focus', function () {
+      el.blur();
+    });
+  }
+};
+
+exports.countNodesRecursive = tool.countNodesRecursive;
+exports.generateUUID = tool.generateUUID;
+exports.getRandomColor = tool.getRandomColor;
+exports.isAsyncFunction = tool.isAsyncFunction;
+exports.mergeTemplate = tool.mergeTemplate;
+exports.tmplProps = tool.tmplProps;
+exports.withInstall = tool.withInstall;
+exports.ClickOutside = ClickOutside;
+exports.Focus = Focus;
+exports.blur = blur;

package/lib/utils/index.mjs

@@ -0,0 +1,115 @@
+import { f as _createForOfIteratorHelper } from '../tool-fa74823b.js';
+export { k as countNodesRecursive, l as generateUUID, g as getRandomColor, i as isAsyncFunction, m as mergeTemplate, t as tmplProps, w as withInstall } from '../tool-fa74823b.js';
+
+// 判断当前点击区域是否在组件内部，摘抄自element-plus 源码
+var nodeList = new Map();
+var startClick;
+document.addEventListener('mousedown', function (e) {
+  startClick = e;
+  return null;
+});
+document.addEventListener('mouseup', function (e) {
+  var _iterator = _createForOfIteratorHelper(nodeList.values()),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var handlers = _step.value;
+      var _iterator2 = _createForOfIteratorHelper(handlers),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var documentHandler = _step2.value.documentHandler;
+          documentHandler(e, startClick);
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+});
+function createDocumentHandler(el, binding) {
+  var excludes = [];
+  var whiteClass = '';
+  if (Array.isArray(binding.arg)) {
+    excludes = binding.arg;
+  } else if (typeof binding.arg === 'string') {
+    whiteClass = binding.arg;
+  }
+  return function (mouseup, mousedown) {
+    var popperRef = binding.instance.popperRef;
+    var mouseUpTarget = mouseup.target;
+    var mouseDownTarget = mousedown === null || mousedown === void 0 ? void 0 : mousedown.target;
+    var isBound = !binding || !binding.instance;
+    var isTargetExists = !mouseUpTarget || !mouseDownTarget;
+    var isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
+    var isSelf = el === mouseUpTarget;
+    var isTargetExcluded = excludes.length && excludes.some(function (item) {
+      return item === null || item === void 0 ? void 0 : item.contains(mouseUpTarget);
+    }) || excludes.length && excludes.includes(mouseDownTarget);
+    var isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
+    var isClass = whiteClass && mouseDownTarget.classList.contains(whiteClass);
+    if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper || isClass) {
+      return;
+    }
+    binding.value(mouseup, mousedown);
+  };
+}
+var ClickOutside = {
+  beforeMount: function beforeMount(el, binding) {
+    console.log('binding: ', binding);
+    // there could be multiple handlers on the element
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
+    }
+    nodeList.get(el).push({
+      documentHandler: createDocumentHandler(el, binding),
+      bindingFn: binding.value
+    });
+  },
+  updated: function updated(el, binding) {
+    if (!nodeList.has(el)) {
+      nodeList.set(el, []);
+    }
+    var handlers = nodeList.get(el);
+    var oldHandlerIndex = handlers.findIndex(function (item) {
+      return item.bindingFn === binding.oldValue;
+    });
+    var newHandler = {
+      documentHandler: createDocumentHandler(el, binding),
+      bindingFn: binding.value
+    };
+    if (oldHandlerIndex >= 0) {
+      // replace the old handler to the new handler
+      handlers.splice(oldHandlerIndex, 1, newHandler);
+    } else {
+      handlers.push(newHandler);
+    }
+  },
+  unmounted: function unmounted(el) {
+    // remove all listeners when a component unmounted
+    nodeList["delete"](el);
+  }
+};
+
+var Focus = {
+  mounted: function mounted(el) {
+    el.focus();
+  }
+};
+
+var blur = {
+  mounted: function mounted(el) {
+    console.log('el: ', el);
+    el.addEventListener('focus', function () {
+      el.blur();
+    });
+  }
+};
+
+export { ClickOutside, Focus, blur };