@qsxy/element-plus-react 1.0.0-next.1 → 1.0.0-next.11

package/dist/hooks/useClassNames.js

@@ -1,210 +1,302 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+/* eslint-disable indent */
+import classNames from 'classnames';
+import isBoolean from 'lodash/isBoolean';
+import last from 'lodash/last';
+import { useCallback } from 'react';
+import { prefix as addPrefix, namespace } from "./prefix";
 
-// src/hooks/useClassNames.ts
-var useClassNames_exports = {};
-__export(useClassNames_exports, {
-  default: () => useClassNames_default
-});
-module.exports = __toCommonJS(useClassNames_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_isBoolean = __toESM(require("lodash/isBoolean"));
-var import_last = __toESM(require("lodash/last"));
-var import_react = require("react");
-var import_prefix = require("./prefix");
-function useClassNames(str, classPrefix = import_prefix.globalKey) {
-  const componentName = (0, import_prefix.prefix)(classPrefix, str);
-  const prefixSplit = (0, import_react.useCallback)(
-    (splitCode, ...classes) => {
-      let compName = true;
-      if ((classes == null ? void 0 : classes.length) > 0) {
-        if ((0, import_isBoolean.default)((0, import_last.default)(classes))) {
-          compName = (0, import_last.default)(classes);
-        }
+// This is the only way I found to break circular references between ClassArray and ClassValue
+// https://github.com/Microsoft/TypeScript/issues/3496#issuecomment-128553540
+
+//eslint-disable-line @typescript-eslint/no-empty-interface
+
+//
+/**
+ * Add a prefix to all classNames.
+ *
+ * @param str prefix of className
+ * @returns { wb, merge, prefix }
+ *  - wb: A function of combining className and adding a prefix to each className.
+ *    At the same time, the default `classPrefix` is the first className.
+ *  - merge: A merge className function.
+ *  - prefix: Add a prefix to className
+ */
+function useClassNames(str) {
+  var classPrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : namespace;
+  var componentName = addPrefix(classPrefix, str);
+
+  /**
+   * @example
+   *
+   * 如果组件前缀是'button':
+   * prefix('red', { active: true }) => 'el-button-red el-button-active'
+   */
+  var prefixSplit = useCallback(function (splitCode) {
+    var compName = true;
+    for (var _len = arguments.length, classes = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      classes[_key - 1] = arguments[_key];
+    }
+    if ((classes === null || classes === void 0 ? void 0 : classes.length) > 0) {
+      if (isBoolean(last(classes))) {
+        compName = last(classes);
       }
-      const mergeClasses = classes.length ? (0, import_classnames.default)(...classes).split(" ").map((item) => (0, import_prefix.prefix)(compName ? componentName : classPrefix, item, splitCode)) : [];
-      return mergeClasses.filter((cls) => cls).join(" ");
-    },
-    [classPrefix, componentName]
-  );
-  const b = (0, import_react.useCallback)(
-    (...classes) => {
-      let compName = true;
-      if ((classes == null ? void 0 : classes.length) > 0) {
-        if ((0, import_isBoolean.default)((0, import_last.default)(classes))) {
-          compName = (0, import_last.default)(classes);
-        }
+    }
+    var mergeClasses = classes.length ? classNames.apply(void 0, classes).split(' ').map(function (item) {
+      return addPrefix(compName ? componentName : classPrefix, item, splitCode);
+    }) : [];
+    return mergeClasses.filter(function (cls) {
+      return cls;
+    }).join(' ');
+  }, [classPrefix, componentName]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * b('red', { active: true }) => 'el-button-red el-button-active'
+   *
+   * b('red', { active: true }, false) => 'el-red el-active'
+   */
+  var b = useCallback(function () {
+    var compName = true;
+    for (var _len2 = arguments.length, classes = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      classes[_key2] = arguments[_key2];
+    }
+    if ((classes === null || classes === void 0 ? void 0 : classes.length) > 0) {
+      if (isBoolean(last(classes))) {
+        compName = last(classes);
       }
-      const mergeClasses = classes.length ? (0, import_classnames.default)(...classes).split(" ").map((item) => (0, import_prefix.prefix)(compName ? componentName : classPrefix, item)) : [componentName];
-      return mergeClasses.filter((cls) => cls).join(" ");
-    },
-    [classPrefix, componentName]
-  );
-  const wb = (0, import_react.useCallback)(
-    (...classes) => {
-      let compName = true;
-      if ((classes == null ? void 0 : classes.length) > 0) {
-        if ((0, import_isBoolean.default)((0, import_last.default)(classes))) {
-          compName = (0, import_last.default)(classes);
-        }
+    }
+    var mergeClasses = classes.length ? classNames.apply(void 0, classes).split(' ').map(function (item) {
+      return addPrefix(compName ? componentName : classPrefix, item);
+    }) : [componentName];
+    return mergeClasses.filter(function (cls) {
+      return cls;
+    }).join(' ');
+  }, [classPrefix, componentName]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * wb('red', { active: true }) => 'el-button el-button-red el-button-active'
+   *
+   * wb('red', { active: true }, false) => 'el-button el-red el-active'
+   */
+  var wb = useCallback(function () {
+    var compName = true;
+    for (var _len3 = arguments.length, classes = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      classes[_key3] = arguments[_key3];
+    }
+    if ((classes === null || classes === void 0 ? void 0 : classes.length) > 0) {
+      if (isBoolean(last(classes))) {
+        compName = last(classes);
       }
-      const mergeClasses = b(classes, compName);
-      return mergeClasses ? `${componentName} ${mergeClasses}` : componentName;
-    },
-    [componentName, b]
-  );
-  const e = (0, import_react.useCallback)(
-    (...classes) => {
-      const mergeClasses = prefixSplit("__", ...classes);
-      return mergeClasses;
-    },
-    [prefixSplit]
-  );
-  const m = (0, import_react.useCallback)(
-    (...classes) => {
-      const mergeClasses = prefixSplit("--", ...classes);
-      return mergeClasses;
-    },
-    [prefixSplit]
-  );
-  const be = (0, import_react.useCallback)(
-    (prefix, sub, compName = true) => {
-      return `${compName ? componentName : classPrefix}-${prefix}__${sub}`;
-    },
-    [classPrefix, componentName]
-  );
-  const em = (0, import_react.useCallback)(
-    (sub, modifier, compName = true) => {
-      return `${compName ? componentName : classPrefix}__${sub}--${modifier}`;
-    },
-    [classPrefix, componentName]
-  );
-  const bm = (0, import_react.useCallback)(
-    (prefix, modifier, compName = true) => {
-      return `${compName ? componentName : classPrefix}-${prefix}--${modifier}`;
-    },
-    [classPrefix, componentName]
-  );
-  const bem = (0, import_react.useCallback)(
-    (prefix, sub, modifier, compName = true) => {
-      return `${compName ? componentName : classPrefix}-${prefix}__${sub}--${modifier}`;
-    },
-    [classPrefix, componentName]
-  );
-  const ebm = (0, import_react.useCallback)(
-    (sub, prefix, modifier, compName = true) => {
-      return `${compName ? componentName : classPrefix}__${sub}-${prefix}--${modifier}`;
-    },
-    [classPrefix, componentName]
-  );
-  const is = (0, import_react.useCallback)((...classes) => {
-    const mergeClasses = classes.length ? (0, import_classnames.default)(...classes).split(" ").filter((cls) => cls).map((item) => `is-${item}`) : [];
-    return mergeClasses.join(" ");
+    }
+    var mergeClasses = b(classes, compName);
+    return mergeClasses ? "".concat(componentName, " ").concat(mergeClasses) : componentName;
+  }, [componentName, b]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * e('red', { active: true }) => 'el-button__red el-button__active'
+   *
+   * e('red', { active: true }, false) => 'r__red r__active'
+   */
+  var e = useCallback(function () {
+    for (var _len4 = arguments.length, classes = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      classes[_key4] = arguments[_key4];
+    }
+    var mergeClasses = prefixSplit.apply(void 0, ['__'].concat(classes));
+    return mergeClasses;
+  }, [prefixSplit]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * m('red', { active: true }) => 'el-button--red el-button--active'
+   *
+   * m('red', { active: true }, false) => 'el--red el--active'
+   */
+  var m = useCallback(function () {
+    for (var _len5 = arguments.length, classes = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+      classes[_key5] = arguments[_key5];
+    }
+    var mergeClasses = prefixSplit.apply(void 0, ['--'].concat(classes));
+    return mergeClasses;
+  }, [prefixSplit]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * be('red', 'active') => 'el-button-red__active'
+   *
+   * be('red', 'active', false) => 'el-red__active'
+   */
+  var be = useCallback(function (prefix, sub) {
+    var compName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    return "".concat(compName ? componentName : classPrefix, "-").concat(prefix, "__").concat(sub);
+  }, [classPrefix, componentName]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * em( 'color", 'active') => 'el-button__color--active'
+   *
+   * em( 'color", 'active', false) => 'r__color--active'
+   */
+  var em = useCallback(function (sub, modifier) {
+    var compName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    return "".concat(compName ? componentName : classPrefix, "__").concat(sub, "--").concat(modifier);
+  }, [classPrefix, componentName]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * be( 'color", 'active') => 'el-button-color--active'
+   *
+   * be( 'color", 'active', false) => 'el-color--active'
+   */
+  var bm = useCallback(function (prefix, modifier) {
+    var compName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    return "".concat(compName ? componentName : classPrefix, "-").concat(prefix, "--").concat(modifier);
+  }, [classPrefix, componentName]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * bem('red', 'color", 'active') => 'el-button-red__color--active'
+   *
+   * bem('red', 'color", 'active', false) => 'el-red__color--active'
+   */
+  var bem = useCallback(function (prefix, sub, modifier) {
+    var compName = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+    return "".concat(compName ? componentName : classPrefix, "-").concat(prefix, "__").concat(sub, "--").concat(modifier);
+  }, [classPrefix, componentName]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * ebm('close', 'icon", 'hidden') => 'el-button__close-icon--hidden'
+   *
+   * ebm('close', 'icon", 'hidden', false) => 'r__close-icon--hidden'
+   */
+  var ebm = useCallback(function (sub, prefix, modifier) {
+    var compName = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+    return "".concat(compName ? componentName : classPrefix, "__").concat(sub, "-").concat(prefix, "--").concat(modifier);
+  }, [classPrefix, componentName]);
+
+  /**
+   * 如果组件前缀是'button':
+   *
+   * is({ block: true }) => 'is-block'
+   */
+  var is = useCallback(function () {
+    var mergeClasses = arguments.length ? classNames.apply(void 0, arguments).split(' ').filter(function (cls) {
+      return cls;
+    }).map(function (item) {
+      return "is-".concat(item);
+    }) : [];
+    return mergeClasses.join(' ');
   }, []);
+
+  // with block
+  var cssVarBlock = function cssVarBlock(object) {
+    var styles = {};
+    for (var key in object) {
+      if (object[key]) {
+        styles["--".concat(componentName, "-").concat(key)] = object[key];
+      }
+    }
+    return styles;
+  };
+  var cssVarName = function cssVarName(name) {
+    return "--".concat(namespace, "-").concat(name);
+  };
+  var cssVarBlockName = function cssVarBlockName(name) {
+    return "--".concat(componentName, "-").concat(name);
+  };
   return {
-    /**
-     * 如果组件前缀是'button':
-     *
-     * wb('red', { active: true }) => 'el-button el-button-red el-button-active'
-     *
-     * wb('red', { active: true }, false) => 'el-button el-red el-active'
+    /**
+     * 如果组件前缀是'button':
+     *
+     * wb('red', { active: true }) => 'el-button el-button-red el-button-active'
+     *
+     * wb('red', { active: true }, false) => 'el-button el-red el-active'
      */
-    wb,
-    /**
-     * 如果组件前缀是'button':
-     *
-     * b('red', { active: true }) => 'el-button-red el-button-active'
-     *
-     * b('red', { active: true }, false) => 'el-red el-active'
+    wb: wb,
+    /**
+     * 如果组件前缀是'button':
+     *
+     * b('red', { active: true }) => 'el-button-red el-button-active'
+     *
+     * b('red', { active: true }, false) => 'el-red el-active'
      */
-    b,
-    /**
-     * 如果组件前缀是'button':
-     *
-     * e('red', { active: true }) => 'el-button__red el-button__active'
-     *
-     * e('red', { active: true }, false) => 'r__red r__active'
+    b: b,
+    /**
+     * 如果组件前缀是'button':
+     *
+     * e('red', { active: true }) => 'el-button__red el-button__active'
+     *
+     * e('red', { active: true }, false) => 'r__red r__active'
      */
-    e,
-    /**
-     * 如果组件前缀是'button':
-     *
-     * m('red', { active: true }) => 'el-button--red el-button--active'
-     *
-     * m('red', { active: true }, false) => 'el--red el--active'
+    e: e,
+    /**
+     * 如果组件前缀是'button':
+     *
+     * m('red', { active: true }) => 'el-button--red el-button--active'
+     *
+     * m('red', { active: true }, false) => 'el--red el--active'
      */
-    m,
-    /**
-     * 如果组件前缀是'button':
-     *
-     * be('red', 'active') => 'el-button-red__active'
-     *
-     * be('red', 'active', false) => 'el-red__active'
+    m: m,
+    /**
+     * 如果组件前缀是'button':
+     *
+     * be('red', 'active') => 'el-button-red__active'
+     *
+     * be('red', 'active', false) => 'el-red__active'
      */
-    be,
-    /**
-     * 如果组件前缀是'button':
-     *
-     * em( 'color", 'active') => 'el-button__color--active'
-     *
-     * em( 'color", 'active', false) => 'r__color--active'
+    be: be,
+    /**
+     * 如果组件前缀是'button':
+     *
+     * em( 'color", 'active') => 'el-button__color--active'
+     *
+     * em( 'color", 'active', false) => 'r__color--active'
      */
-    em,
-    /**
-     * 如果组件前缀是'button':
-     *
-     * be( 'color", 'active') => 'el-button-color--active'
-     *
-     * be( 'color", 'active', false) => 'el-color--active'
+    em: em,
+    /**
+     * 如果组件前缀是'button':
+     *
+     * be( 'color", 'active') => 'el-button-color--active'
+     *
+     * be( 'color", 'active', false) => 'el-color--active'
      */
-    bm,
-    /**
-     * 如果组件前缀是'button':
-     *
-     * bem('red', 'color", 'active') => 'el-button-red__color--active'
-     *
-     * bem('red', 'color", 'active', false) => 'el-red__color--active'
+    bm: bm,
+    /**
+     * 如果组件前缀是'button':
+     *
+     * bem('red', 'color", 'active') => 'el-button-red__color--active'
+     *
+     * bem('red', 'color", 'active', false) => 'el-red__color--active'
      */
-    bem,
-    /**
-     * 如果组件前缀是'button':
-     *
-     * ebm('close', 'icon", 'hidden') => 'el-button__close-icon--hidden'
-     *
-     * ebm('close', 'icon", 'hidden', false) => 'r__close-icon--hidden'
+    bem: bem,
+    /**
+     * 如果组件前缀是'button':
+     *
+     * ebm('close', 'icon", 'hidden') => 'el-button__close-icon--hidden'
+     *
+     * ebm('close', 'icon", 'hidden', false) => 'r__close-icon--hidden'
      */
-    ebm,
-    /**
-     * 如果组件前缀是'button':
-     *
-     * is('block', { block: true }) => 'is-block'
+    ebm: ebm,
+    /**
+     * 如果组件前缀是'button':
+     *
+     * is('block', { block: true }) => 'is-block'
      */
-    is
+    is: is,
+    cssVarBlock: cssVarBlock,
+    cssVarBlockName: cssVarBlockName,
+    cssVarName: cssVarName
   };
 }
-var useClassNames_default = useClassNames;
+export default useClassNames;

package/dist/hooks/useClickOutside.js

@@ -1,61 +1,30 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/hooks/useClickOutside.ts
-var useClickOutside_exports = {};
-__export(useClickOutside_exports, {
-  default: () => useClickOutside_default
-});
-module.exports = __toCommonJS(useClickOutside_exports);
-var import_forIn = __toESM(require("lodash/forIn"));
-var import_react = require("react");
-var import_Util = require("../Util");
+import forIn from 'lodash/forIn';
+import { useEffect, useLayoutEffect } from 'react';
+import { randomCode } from "../Util";
 var nodeList = {};
 var startClick;
 var init = false;
 function createDocumentHandler(el, binding) {
-  let excludes = [];
+  var excludes = [];
   if (Array.isArray(binding.arg)) {
     excludes = binding.arg;
   } else {
+    // due to current implementation on binding type is wrong the type casting is necessary here
     excludes.push(binding.arg);
   }
-  return function(mouseup, mousedown) {
+  return function (mouseup, mousedown) {
     if (mouseup && mousedown) {
-      const popperRef = binding.popperRef;
-      const mouseUpTarget = mouseup.target;
-      const mouseDownTarget = mousedown.target;
-      const isBound = !binding;
-      const isTargetExists = !mouseUpTarget || !mouseDownTarget;
-      const isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
-      const isSelf = el === mouseUpTarget;
-      const isTargetExcluded = excludes.length && excludes.some((item) => item == null ? void 0 : item.contains(mouseUpTarget)) || excludes.length && excludes.includes(mouseDownTarget);
-      const isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
+      var popperRef = binding.popperRef;
+      var mouseUpTarget = mouseup.target;
+      var mouseDownTarget = mousedown.target;
+      var isBound = !binding;
+      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));
       if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper) {
         return;
       }
@@ -63,50 +32,56 @@ function createDocumentHandler(el, binding) {
     }
   };
 }
-var useClickOutside = (el, binding) => {
+var useClickOutside = function useClickOutside(el, binding) {
   if (!init) {
-    window.addEventListener("mousedown", (e) => startClick = e);
-    window.addEventListener("mouseup", (e) => {
-      (0, import_forIn.default)(nodeList, ({ documentHandler }) => {
+    window.addEventListener('mousedown', function (e) {
+      return startClick = e;
+    });
+    window.addEventListener('mouseup', function (e) {
+      forIn(nodeList, function (_ref) {
+        var documentHandler = _ref.documentHandler;
         documentHandler(e, startClick);
       });
     });
     init = true;
   }
-  (0, import_react.useLayoutEffect)(() => {
+  useLayoutEffect(function () {
     if (el.current && binding.popperRef) {
       if (!(el.current instanceof HTMLElement)) {
         return;
       }
-      const index = (0, import_Util.randomCode)(11);
+      var index = randomCode(11);
       el.current.dataset.index = index;
       nodeList[index] = {
         documentHandler: createDocumentHandler(el.current, binding),
         bindingFn: binding.value
       };
-      return () => {
+      return function () {
         delete nodeList[index];
       };
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [binding.popperRef]);
-  (0, import_react.useEffect)(() => {
-    var _a, _b;
+  useEffect(function () {
     if (el.current && binding.visible) {
       if (!(el.current instanceof HTMLElement)) {
         return;
       }
-      const index = (0, import_Util.randomCode)(11);
+      var index = randomCode(11);
       el.current.dataset.index = index;
       nodeList[index] = {
         documentHandler: createDocumentHandler(el.current, binding),
         bindingFn: binding.value
       };
     } else {
-      const index = (_b = (_a = el.current) == null ? void 0 : _a.dataset) == null ? void 0 : _b.index;
-      if (index) {
-        delete nodeList[index];
+      var _el$current;
+      var _index = (_el$current = el.current) === null || _el$current === void 0 || (_el$current = _el$current.dataset) === null || _el$current === void 0 ? void 0 : _el$current.index;
+      if (_index) {
+        delete nodeList[_index];
       }
     }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [binding.visible]);
 };
-var useClickOutside_default = useClickOutside;
+export default useClickOutside;