@nutui/nutui 3.1.22-beta.5 → 3.1.23-beta.1

package/dist/packages/_es/Popover.js

@@ -1,348 +1,987 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref as e, toRefs as t, computed as o, onMounted as n, onUnmounted as r, watch as i, nextTick as s, resolveComponent as a, openBlock as c, createElementBlock as f, Fragment as p, createElementVNode as l, normalizeClass as u, withModifiers as d, renderSlot as v, createVNode as m, withCtx as h, createCommentVNode as y, renderList as b, toDisplayString as w } from "vue";
-import { c as g } from "./component.js";
-import x, { popupProps as O } from "./Popup.js";
-import j from "./Button.js";
-import { _ as E } from "./plugin-vue_export-helper.js";
+import { ref, toRefs, computed, onMounted, onUnmounted, watch, nextTick, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, normalizeClass, withModifiers, renderSlot, createVNode, withCtx, createCommentVNode, renderList, toDisplayString } from "vue";
+import { c as createComponent } from "./component.js";
+import Popup, { popupProps } from "./Popup.js";
+import Button from "./Button.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 import "./OverLay.js";
 import "./Icon.js";
 import "./pxCheck.js";
-function k(e2) {
-  if (e2 == null)
+function getWindow(node) {
+  if (node == null) {
     return window;
-  if (e2.toString() !== "[object Window]") {
-    var t2 = e2.ownerDocument;
-    return t2 && t2.defaultView || window;
-  }
-  return e2;
-}
-function L(e2) {
-  return e2 instanceof k(e2).Element || e2 instanceof Element;
-}
-function P(e2) {
-  return e2 instanceof k(e2).HTMLElement || e2 instanceof HTMLElement;
-}
-function C(e2) {
-  return typeof ShadowRoot != "undefined" && (e2 instanceof k(e2).ShadowRoot || e2 instanceof ShadowRoot);
-}
-var A = Math.round;
-function M(e2, t2) {
-  t2 === void 0 && (t2 = false);
-  var o2 = e2.getBoundingClientRect(), n2 = 1, r2 = 1;
-  if (P(e2) && t2) {
-    var i2 = e2.offsetHeight, s2 = e2.offsetWidth;
-    s2 > 0 && (n2 = A(o2.width) / s2 || 1), i2 > 0 && (r2 = A(o2.height) / i2 || 1);
-  }
-  return { width: o2.width / n2, height: o2.height / r2, top: o2.top / r2, right: o2.right / n2, bottom: o2.bottom / r2, left: o2.left / n2, x: o2.left / n2, y: o2.top / r2 };
-}
-function D(e2) {
-  var t2 = k(e2);
-  return { scrollLeft: t2.pageXOffset, scrollTop: t2.pageYOffset };
-}
-function R(e2) {
-  return e2 ? (e2.nodeName || "").toLowerCase() : null;
-}
-function S(e2) {
-  return ((L(e2) ? e2.ownerDocument : e2.document) || window.document).documentElement;
-}
-function T(e2) {
-  return k(e2).getComputedStyle(e2);
-}
-function $(e2) {
-  var t2 = T(e2), o2 = t2.overflow, n2 = t2.overflowX, r2 = t2.overflowY;
-  return /auto|scroll|overlay|hidden/.test(o2 + r2 + n2);
-}
-function W(e2, t2, o2) {
-  o2 === void 0 && (o2 = false);
-  var n2, r2, i2 = P(t2), s2 = P(t2) && function(e3) {
-    var t3 = e3.getBoundingClientRect(), o3 = A(t3.width) / e3.offsetWidth || 1, n3 = A(t3.height) / e3.offsetHeight || 1;
-    return o3 !== 1 || n3 !== 1;
-  }(t2), a2 = S(t2), c2 = M(e2, s2), f2 = { scrollLeft: 0, scrollTop: 0 }, p2 = { x: 0, y: 0 };
-  return (i2 || !i2 && !o2) && ((R(t2) !== "body" || $(a2)) && (f2 = (n2 = t2) !== k(n2) && P(n2) ? { scrollLeft: (r2 = n2).scrollLeft, scrollTop: r2.scrollTop } : D(n2)), P(t2) ? ((p2 = M(t2, true)).x += t2.clientLeft, p2.y += t2.clientTop) : a2 && (p2.x = function(e3) {
-    return M(S(e3)).left + D(e3).scrollLeft;
-  }(a2))), { x: c2.left + f2.scrollLeft - p2.x, y: c2.top + f2.scrollTop - p2.y, width: c2.width, height: c2.height };
-}
-function H(e2) {
-  return R(e2) === "html" ? e2 : e2.assignedSlot || e2.parentNode || (C(e2) ? e2.host : null) || S(e2);
-}
-function V(e2) {
-  return ["html", "body", "#document"].indexOf(R(e2)) >= 0 ? e2.ownerDocument.body : P(e2) && $(e2) ? e2 : V(H(e2));
-}
-function B(e2, t2) {
-  var o2;
-  t2 === void 0 && (t2 = []);
-  var n2 = V(e2), r2 = n2 === ((o2 = e2.ownerDocument) == null ? void 0 : o2.body), i2 = k(n2), s2 = r2 ? [i2].concat(i2.visualViewport || [], $(n2) ? n2 : []) : n2, a2 = t2.concat(s2);
-  return r2 ? a2 : a2.concat(B(H(s2)));
-}
-function N(e2) {
-  return ["table", "td", "th"].indexOf(R(e2)) >= 0;
-}
-function U(e2) {
-  return P(e2) && T(e2).position !== "fixed" ? e2.offsetParent : null;
-}
-function q(e2) {
-  for (var t2 = k(e2), o2 = U(e2); o2 && N(o2) && T(o2).position === "static"; )
-    o2 = U(o2);
-  return o2 && (R(o2) === "html" || R(o2) === "body" && T(o2).position === "static") ? t2 : o2 || function(e3) {
-    var t3 = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1;
-    if (navigator.userAgent.indexOf("Trident") !== -1 && P(e3) && T(e3).position === "fixed")
-      return null;
-    var o3 = H(e3);
-    for (C(o3) && (o3 = o3.host); P(o3) && ["html", "body"].indexOf(R(o3)) < 0; ) {
-      var n2 = T(o3);
-      if (n2.transform !== "none" || n2.perspective !== "none" || n2.contain === "paint" || ["transform", "perspective"].indexOf(n2.willChange) !== -1 || t3 && n2.willChange === "filter" || t3 && n2.filter && n2.filter !== "none")
-        return o3;
-      o3 = o3.parentNode;
+  }
+  if (node.toString() !== "[object Window]") {
+    var ownerDocument = node.ownerDocument;
+    return ownerDocument ? ownerDocument.defaultView || window : window;
+  }
+  return node;
+}
+function isElement(node) {
+  var OwnElement = getWindow(node).Element;
+  return node instanceof OwnElement || node instanceof Element;
+}
+function isHTMLElement(node) {
+  var OwnElement = getWindow(node).HTMLElement;
+  return node instanceof OwnElement || node instanceof HTMLElement;
+}
+function isShadowRoot(node) {
+  if (typeof ShadowRoot === "undefined") {
+    return false;
+  }
+  var OwnElement = getWindow(node).ShadowRoot;
+  return node instanceof OwnElement || node instanceof ShadowRoot;
+}
+var round = Math.round;
+function getBoundingClientRect(element, includeScale) {
+  if (includeScale === void 0) {
+    includeScale = false;
+  }
+  var rect = element.getBoundingClientRect();
+  var scaleX = 1;
+  var scaleY = 1;
+  if (isHTMLElement(element) && includeScale) {
+    var offsetHeight = element.offsetHeight;
+    var offsetWidth = element.offsetWidth;
+    if (offsetWidth > 0) {
+      scaleX = round(rect.width) / offsetWidth || 1;
     }
+    if (offsetHeight > 0) {
+      scaleY = round(rect.height) / offsetHeight || 1;
+    }
+  }
+  return {
+    width: rect.width / scaleX,
+    height: rect.height / scaleY,
+    top: rect.top / scaleY,
+    right: rect.right / scaleX,
+    bottom: rect.bottom / scaleY,
+    left: rect.left / scaleX,
+    x: rect.left / scaleX,
+    y: rect.top / scaleY
+  };
+}
+function getWindowScroll(node) {
+  var win = getWindow(node);
+  var scrollLeft = win.pageXOffset;
+  var scrollTop = win.pageYOffset;
+  return {
+    scrollLeft,
+    scrollTop
+  };
+}
+function getHTMLElementScroll(element) {
+  return {
+    scrollLeft: element.scrollLeft,
+    scrollTop: element.scrollTop
+  };
+}
+function getNodeScroll(node) {
+  if (node === getWindow(node) || !isHTMLElement(node)) {
+    return getWindowScroll(node);
+  } else {
+    return getHTMLElementScroll(node);
+  }
+}
+function getNodeName(element) {
+  return element ? (element.nodeName || "").toLowerCase() : null;
+}
+function getDocumentElement(element) {
+  return ((isElement(element) ? element.ownerDocument : element.document) || window.document).documentElement;
+}
+function getWindowScrollBarX(element) {
+  return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
+}
+function getComputedStyle(element) {
+  return getWindow(element).getComputedStyle(element);
+}
+function isScrollParent(element) {
+  var _getComputedStyle = getComputedStyle(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
+  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
+}
+function isElementScaled(element) {
+  var rect = element.getBoundingClientRect();
+  var scaleX = round(rect.width) / element.offsetWidth || 1;
+  var scaleY = round(rect.height) / element.offsetHeight || 1;
+  return scaleX !== 1 || scaleY !== 1;
+}
+function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
+  if (isFixed === void 0) {
+    isFixed = false;
+  }
+  var isOffsetParentAnElement = isHTMLElement(offsetParent);
+  var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
+  var documentElement = getDocumentElement(offsetParent);
+  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
+  var scroll = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  var offsets = {
+    x: 0,
+    y: 0
+  };
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
+    if (getNodeName(offsetParent) !== "body" || isScrollParent(documentElement)) {
+      scroll = getNodeScroll(offsetParent);
+    }
+    if (isHTMLElement(offsetParent)) {
+      offsets = getBoundingClientRect(offsetParent, true);
+      offsets.x += offsetParent.clientLeft;
+      offsets.y += offsetParent.clientTop;
+    } else if (documentElement) {
+      offsets.x = getWindowScrollBarX(documentElement);
+    }
+  }
+  return {
+    x: rect.left + scroll.scrollLeft - offsets.x,
+    y: rect.top + scroll.scrollTop - offsets.y,
+    width: rect.width,
+    height: rect.height
+  };
+}
+function getLayoutRect(element) {
+  var clientRect = getBoundingClientRect(element);
+  var width = element.offsetWidth;
+  var height = element.offsetHeight;
+  if (Math.abs(clientRect.width - width) <= 1) {
+    width = clientRect.width;
+  }
+  if (Math.abs(clientRect.height - height) <= 1) {
+    height = clientRect.height;
+  }
+  return {
+    x: element.offsetLeft,
+    y: element.offsetTop,
+    width,
+    height
+  };
+}
+function getParentNode(element) {
+  if (getNodeName(element) === "html") {
+    return element;
+  }
+  return element.assignedSlot || element.parentNode || (isShadowRoot(element) ? element.host : null) || getDocumentElement(element);
+}
+function getScrollParent(node) {
+  if (["html", "body", "#document"].indexOf(getNodeName(node)) >= 0) {
+    return node.ownerDocument.body;
+  }
+  if (isHTMLElement(node) && isScrollParent(node)) {
+    return node;
+  }
+  return getScrollParent(getParentNode(node));
+}
+function listScrollParents(element, list) {
+  var _element$ownerDocumen;
+  if (list === void 0) {
+    list = [];
+  }
+  var scrollParent = getScrollParent(element);
+  var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
+  var win = getWindow(scrollParent);
+  var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
+  var updatedList = list.concat(target);
+  return isBody ? updatedList : updatedList.concat(listScrollParents(getParentNode(target)));
+}
+function isTableElement(element) {
+  return ["table", "td", "th"].indexOf(getNodeName(element)) >= 0;
+}
+function getTrueOffsetParent(element) {
+  if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
     return null;
-  }(e2) || t2;
-}
-var F = "top", I = "right", z = "left", _ = [].concat([F, "bottom", I, z], ["auto"]).reduce(function(e2, t2) {
-  return e2.concat([t2, t2 + "-start", t2 + "-end"]);
-}, []), X = ["beforeRead", "read", "afterRead", "beforeMain", "main", "afterMain", "beforeWrite", "write", "afterWrite"];
-function Y(e2) {
-  var t2 = /* @__PURE__ */ new Map(), o2 = /* @__PURE__ */ new Set(), n2 = [];
-  function r2(e3) {
-    o2.add(e3.name), [].concat(e3.requires || [], e3.requiresIfExists || []).forEach(function(e4) {
-      if (!o2.has(e4)) {
-        var n3 = t2.get(e4);
-        n3 && r2(n3);
-      }
-    }), n2.push(e3);
-  }
-  return e2.forEach(function(e3) {
-    t2.set(e3.name, e3);
-  }), e2.forEach(function(e3) {
-    o2.has(e3.name) || r2(e3);
-  }), n2;
-}
-function G(e2) {
-  return e2.split("-")[0];
-}
-function J(e2) {
-  return e2.split("-")[1];
-}
-var K = { placement: "bottom", modifiers: [], strategy: "absolute" };
-function Q() {
-  for (var e2 = arguments.length, t2 = new Array(e2), o2 = 0; o2 < e2; o2++)
-    t2[o2] = arguments[o2];
-  return !t2.some(function(e3) {
-    return !(e3 && typeof e3.getBoundingClientRect == "function");
-  });
+  }
+  return element.offsetParent;
 }
-function Z(e2) {
-  e2 === void 0 && (e2 = {});
-  var t2 = e2, o2 = t2.defaultModifiers, n2 = o2 === void 0 ? [] : o2, r2 = t2.defaultOptions, i2 = r2 === void 0 ? K : r2;
-  return function(e3, t3, o3) {
-    o3 === void 0 && (o3 = i2);
-    var r3, s2, a2 = { placement: "bottom", orderedModifiers: [], options: Object.assign({}, K, i2), modifiersData: {}, elements: { reference: e3, popper: t3 }, attributes: {}, styles: {} }, c2 = [], f2 = false, p2 = { state: a2, setOptions: function(o4) {
-      var r4 = typeof o4 == "function" ? o4(a2.options) : o4;
-      l2(), a2.options = Object.assign({}, i2, a2.options, r4), a2.scrollParents = { reference: L(e3) ? B(e3) : e3.contextElement ? B(e3.contextElement) : [], popper: B(t3) };
-      var s3, f3, u2 = function(e4) {
-        var t4 = Y(e4);
-        return X.reduce(function(e5, o5) {
-          return e5.concat(t4.filter(function(e6) {
-            return e6.phase === o5;
-          }));
-        }, []);
-      }((s3 = [].concat(n2, a2.options.modifiers), f3 = s3.reduce(function(e4, t4) {
-        var o5 = e4[t4.name];
-        return e4[t4.name] = o5 ? Object.assign({}, o5, t4, { options: Object.assign({}, o5.options, t4.options), data: Object.assign({}, o5.data, t4.data) }) : t4, e4;
-      }, {}), Object.keys(f3).map(function(e4) {
-        return f3[e4];
-      })));
-      return a2.orderedModifiers = u2.filter(function(e4) {
-        return e4.enabled;
-      }), a2.orderedModifiers.forEach(function(e4) {
-        var t4 = e4.name, o5 = e4.options, n3 = o5 === void 0 ? {} : o5, r5 = e4.effect;
-        if (typeof r5 == "function") {
-          var i3 = r5({ state: a2, name: t4, instance: p2, options: n3 }), s4 = function() {
-          };
-          c2.push(i3 || s4);
-        }
-      }), p2.update();
-    }, forceUpdate: function() {
-      if (!f2) {
-        var e4 = a2.elements, t4 = e4.reference, o4 = e4.popper;
-        if (Q(t4, o4)) {
-          var n3, r4, i3, s3;
-          a2.rects = { reference: W(t4, q(o4), a2.options.strategy === "fixed"), popper: (n3 = o4, r4 = M(n3), i3 = n3.offsetWidth, s3 = n3.offsetHeight, Math.abs(r4.width - i3) <= 1 && (i3 = r4.width), Math.abs(r4.height - s3) <= 1 && (s3 = r4.height), { x: n3.offsetLeft, y: n3.offsetTop, width: i3, height: s3 }) }, a2.reset = false, a2.placement = a2.options.placement, a2.orderedModifiers.forEach(function(e5) {
-            return a2.modifiersData[e5.name] = Object.assign({}, e5.data);
-          });
-          for (var c3 = 0; c3 < a2.orderedModifiers.length; c3++)
-            if (a2.reset !== true) {
-              var l3 = a2.orderedModifiers[c3], u2 = l3.fn, d2 = l3.options, v2 = d2 === void 0 ? {} : d2, m2 = l3.name;
-              typeof u2 == "function" && (a2 = u2({ state: a2, options: v2, name: m2, instance: p2 }) || a2);
-            } else
-              a2.reset = false, c3 = -1;
+function getContainingBlock(element) {
+  var isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1;
+  var isIE = navigator.userAgent.indexOf("Trident") !== -1;
+  if (isIE && isHTMLElement(element)) {
+    var elementCss = getComputedStyle(element);
+    if (elementCss.position === "fixed") {
+      return null;
+    }
+  }
+  var currentNode = getParentNode(element);
+  if (isShadowRoot(currentNode)) {
+    currentNode = currentNode.host;
+  }
+  while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
+    var css = getComputedStyle(currentNode);
+    if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === "filter" || isFirefox && css.filter && css.filter !== "none") {
+      return currentNode;
+    } else {
+      currentNode = currentNode.parentNode;
+    }
+  }
+  return null;
+}
+function getOffsetParent(element) {
+  var window2 = getWindow(element);
+  var offsetParent = getTrueOffsetParent(element);
+  while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === "static") {
+    offsetParent = getTrueOffsetParent(offsetParent);
+  }
+  if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle(offsetParent).position === "static")) {
+    return window2;
+  }
+  return offsetParent || getContainingBlock(element) || window2;
+}
+var top = "top";
+var bottom = "bottom";
+var right = "right";
+var left = "left";
+var auto = "auto";
+var basePlacements = [top, bottom, right, left];
+var start = "start";
+var end = "end";
+var placements = /* @__PURE__ */ [].concat(basePlacements, [auto]).reduce(function(acc, placement) {
+  return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
+}, []);
+var beforeRead = "beforeRead";
+var read = "read";
+var afterRead = "afterRead";
+var beforeMain = "beforeMain";
+var main = "main";
+var afterMain = "afterMain";
+var beforeWrite = "beforeWrite";
+var write = "write";
+var afterWrite = "afterWrite";
+var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
+function order(modifiers) {
+  var map = /* @__PURE__ */ new Map();
+  var visited = /* @__PURE__ */ new Set();
+  var result = [];
+  modifiers.forEach(function(modifier) {
+    map.set(modifier.name, modifier);
+  });
+  function sort(modifier) {
+    visited.add(modifier.name);
+    var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);
+    requires.forEach(function(dep) {
+      if (!visited.has(dep)) {
+        var depModifier = map.get(dep);
+        if (depModifier) {
+          sort(depModifier);
         }
       }
-    }, update: (r3 = function() {
-      return new Promise(function(e4) {
-        p2.forceUpdate(), e4(a2);
-      });
-    }, function() {
-      return s2 || (s2 = new Promise(function(e4) {
+    });
+    result.push(modifier);
+  }
+  modifiers.forEach(function(modifier) {
+    if (!visited.has(modifier.name)) {
+      sort(modifier);
+    }
+  });
+  return result;
+}
+function orderModifiers(modifiers) {
+  var orderedModifiers = order(modifiers);
+  return modifierPhases.reduce(function(acc, phase) {
+    return acc.concat(orderedModifiers.filter(function(modifier) {
+      return modifier.phase === phase;
+    }));
+  }, []);
+}
+function debounce(fn2) {
+  var pending;
+  return function() {
+    if (!pending) {
+      pending = new Promise(function(resolve) {
         Promise.resolve().then(function() {
-          s2 = void 0, e4(r3());
+          pending = void 0;
+          resolve(fn2());
         });
-      })), s2;
-    }), destroy: function() {
-      l2(), f2 = true;
-    } };
-    if (!Q(e3, t3))
-      return p2;
-    function l2() {
-      c2.forEach(function(e4) {
-        return e4();
-      }), c2 = [];
+      });
     }
-    return p2.setOptions(o3).then(function(e4) {
-      !f2 && o3.onFirstUpdate && o3.onFirstUpdate(e4);
-    }), p2;
+    return pending;
   };
 }
-var ee = { passive: true };
-var te = { top: "auto", right: "auto", bottom: "auto", left: "auto" };
-function oe(e2) {
-  var t2, o2 = e2.popper, n2 = e2.popperRect, r2 = e2.placement, i2 = e2.variation, s2 = e2.offsets, a2 = e2.position, c2 = e2.gpuAcceleration, f2 = e2.adaptive, p2 = e2.roundOffsets, l2 = e2.isFixed, u2 = s2.x, d2 = u2 === void 0 ? 0 : u2, v2 = s2.y, m2 = v2 === void 0 ? 0 : v2, h2 = typeof p2 == "function" ? p2({ x: d2, y: m2 }) : { x: d2, y: m2 };
-  d2 = h2.x, m2 = h2.y;
-  var y2 = s2.hasOwnProperty("x"), b2 = s2.hasOwnProperty("y"), w2 = z, g2 = F, x2 = window;
-  if (f2) {
-    var O2 = q(o2), j2 = "clientHeight", E2 = "clientWidth";
-    if (O2 === k(o2) && T(O2 = S(o2)).position !== "static" && a2 === "absolute" && (j2 = "scrollHeight", E2 = "scrollWidth"), r2 === F || (r2 === z || r2 === I) && i2 === "end")
-      g2 = "bottom", m2 -= (l2 && O2 === x2 && x2.visualViewport ? x2.visualViewport.height : O2[j2]) - n2.height, m2 *= c2 ? 1 : -1;
-    if (r2 === z || (r2 === F || r2 === "bottom") && i2 === "end")
-      w2 = I, d2 -= (l2 && O2 === x2 && x2.visualViewport ? x2.visualViewport.width : O2[E2]) - n2.width, d2 *= c2 ? 1 : -1;
-  }
-  var L2, P2 = Object.assign({ position: a2 }, f2 && te), C2 = p2 === true ? function(e3) {
-    var t3 = e3.x, o3 = e3.y, n3 = window.devicePixelRatio || 1;
-    return { x: A(t3 * n3) / n3 || 0, y: A(o3 * n3) / n3 || 0 };
-  }({ x: d2, y: m2 }) : { x: d2, y: m2 };
-  return d2 = C2.x, m2 = C2.y, c2 ? Object.assign({}, P2, ((L2 = {})[g2] = b2 ? "0" : "", L2[w2] = y2 ? "0" : "", L2.transform = (x2.devicePixelRatio || 1) <= 1 ? "translate(" + d2 + "px, " + m2 + "px)" : "translate3d(" + d2 + "px, " + m2 + "px, 0)", L2)) : Object.assign({}, P2, ((t2 = {})[g2] = b2 ? m2 + "px" : "", t2[w2] = y2 ? d2 + "px" : "", t2.transform = "", t2));
-}
-var ne = Z({ defaultModifiers: [{ name: "eventListeners", enabled: true, phase: "write", fn: function() {
-}, effect: function(e2) {
-  var t2 = e2.state, o2 = e2.instance, n2 = e2.options, r2 = n2.scroll, i2 = r2 === void 0 || r2, s2 = n2.resize, a2 = s2 === void 0 || s2, c2 = k(t2.elements.popper), f2 = [].concat(t2.scrollParents.reference, t2.scrollParents.popper);
-  return i2 && f2.forEach(function(e3) {
-    e3.addEventListener("scroll", o2.update, ee);
-  }), a2 && c2.addEventListener("resize", o2.update, ee), function() {
-    i2 && f2.forEach(function(e3) {
-      e3.removeEventListener("scroll", o2.update, ee);
-    }), a2 && c2.removeEventListener("resize", o2.update, ee);
-  };
-}, data: {} }, { name: "popperOffsets", enabled: true, phase: "read", fn: function(e2) {
-  var t2 = e2.state, o2 = e2.name;
-  t2.modifiersData[o2] = function(e3) {
-    var t3, o3 = e3.reference, n2 = e3.element, r2 = e3.placement, i2 = r2 ? G(r2) : null, s2 = r2 ? J(r2) : null, a2 = o3.x + o3.width / 2 - n2.width / 2, c2 = o3.y + o3.height / 2 - n2.height / 2;
-    switch (i2) {
-      case F:
-        t3 = { x: a2, y: o3.y - n2.height };
-        break;
-      case "bottom":
-        t3 = { x: a2, y: o3.y + o3.height };
-        break;
-      case I:
-        t3 = { x: o3.x + o3.width, y: c2 };
+function getBasePlacement(placement) {
+  return placement.split("-")[0];
+}
+function mergeByName(modifiers) {
+  var merged = modifiers.reduce(function(merged2, current) {
+    var existing = merged2[current.name];
+    merged2[current.name] = existing ? Object.assign({}, existing, current, {
+      options: Object.assign({}, existing.options, current.options),
+      data: Object.assign({}, existing.data, current.data)
+    }) : current;
+    return merged2;
+  }, {});
+  return Object.keys(merged).map(function(key) {
+    return merged[key];
+  });
+}
+function getVariation(placement) {
+  return placement.split("-")[1];
+}
+function getMainAxisFromPlacement(placement) {
+  return ["top", "bottom"].indexOf(placement) >= 0 ? "x" : "y";
+}
+function computeOffsets(_ref) {
+  var reference = _ref.reference, element = _ref.element, placement = _ref.placement;
+  var basePlacement = placement ? getBasePlacement(placement) : null;
+  var variation = placement ? getVariation(placement) : null;
+  var commonX = reference.x + reference.width / 2 - element.width / 2;
+  var commonY = reference.y + reference.height / 2 - element.height / 2;
+  var offsets;
+  switch (basePlacement) {
+    case top:
+      offsets = {
+        x: commonX,
+        y: reference.y - element.height
+      };
+      break;
+    case bottom:
+      offsets = {
+        x: commonX,
+        y: reference.y + reference.height
+      };
+      break;
+    case right:
+      offsets = {
+        x: reference.x + reference.width,
+        y: commonY
+      };
+      break;
+    case left:
+      offsets = {
+        x: reference.x - element.width,
+        y: commonY
+      };
+      break;
+    default:
+      offsets = {
+        x: reference.x,
+        y: reference.y
+      };
+  }
+  var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;
+  if (mainAxis != null) {
+    var len = mainAxis === "y" ? "height" : "width";
+    switch (variation) {
+      case start:
+        offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);
         break;
-      case z:
-        t3 = { x: o3.x - n2.width, y: c2 };
+      case end:
+        offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);
         break;
-      default:
-        t3 = { x: o3.x, y: o3.y };
     }
-    var f2 = i2 ? function(e4) {
-      return ["top", "bottom"].indexOf(e4) >= 0 ? "x" : "y";
-    }(i2) : null;
-    if (f2 != null) {
-      var p2 = f2 === "y" ? "height" : "width";
-      switch (s2) {
-        case "start":
-          t3[f2] = t3[f2] - (o3[p2] / 2 - n2[p2] / 2);
-          break;
-        case "end":
-          t3[f2] = t3[f2] + (o3[p2] / 2 - n2[p2] / 2);
+  }
+  return offsets;
+}
+var DEFAULT_OPTIONS = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function areValidElements() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  return !args.some(function(element) {
+    return !(element && typeof element.getBoundingClientRect === "function");
+  });
+}
+function popperGenerator(generatorOptions) {
+  if (generatorOptions === void 0) {
+    generatorOptions = {};
+  }
+  var _generatorOptions = generatorOptions, _generatorOptions$def = _generatorOptions.defaultModifiers, defaultModifiers2 = _generatorOptions$def === void 0 ? [] : _generatorOptions$def, _generatorOptions$def2 = _generatorOptions.defaultOptions, defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
+  return function createPopper2(reference, popper, options) {
+    if (options === void 0) {
+      options = defaultOptions;
+    }
+    var state = {
+      placement: "bottom",
+      orderedModifiers: [],
+      options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),
+      modifiersData: {},
+      elements: {
+        reference,
+        popper
+      },
+      attributes: {},
+      styles: {}
+    };
+    var effectCleanupFns = [];
+    var isDestroyed = false;
+    var instance = {
+      state,
+      setOptions: function setOptions(setOptionsAction) {
+        var options2 = typeof setOptionsAction === "function" ? setOptionsAction(state.options) : setOptionsAction;
+        cleanupModifierEffects();
+        state.options = Object.assign({}, defaultOptions, state.options, options2);
+        state.scrollParents = {
+          reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],
+          popper: listScrollParents(popper)
+        };
+        var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers2, state.options.modifiers)));
+        state.orderedModifiers = orderedModifiers.filter(function(m) {
+          return m.enabled;
+        });
+        runModifierEffects();
+        return instance.update();
+      },
+      forceUpdate: function forceUpdate() {
+        if (isDestroyed) {
+          return;
+        }
+        var _state$elements = state.elements, reference2 = _state$elements.reference, popper2 = _state$elements.popper;
+        if (!areValidElements(reference2, popper2)) {
+          return;
+        }
+        state.rects = {
+          reference: getCompositeRect(reference2, getOffsetParent(popper2), state.options.strategy === "fixed"),
+          popper: getLayoutRect(popper2)
+        };
+        state.reset = false;
+        state.placement = state.options.placement;
+        state.orderedModifiers.forEach(function(modifier) {
+          return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
+        });
+        for (var index2 = 0; index2 < state.orderedModifiers.length; index2++) {
+          if (state.reset === true) {
+            state.reset = false;
+            index2 = -1;
+            continue;
+          }
+          var _state$orderedModifie = state.orderedModifiers[index2], fn2 = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name = _state$orderedModifie.name;
+          if (typeof fn2 === "function") {
+            state = fn2({
+              state,
+              options: _options,
+              name,
+              instance
+            }) || state;
+          }
+        }
+      },
+      update: debounce(function() {
+        return new Promise(function(resolve) {
+          instance.forceUpdate();
+          resolve(state);
+        });
+      }),
+      destroy: function destroy() {
+        cleanupModifierEffects();
+        isDestroyed = true;
       }
+    };
+    if (!areValidElements(reference, popper)) {
+      return instance;
     }
-    return t3;
-  }({ reference: t2.rects.reference, element: t2.rects.popper, strategy: "absolute", placement: t2.placement });
-}, data: {} }, { name: "computeStyles", enabled: true, phase: "beforeWrite", fn: function(e2) {
-  var t2 = e2.state, o2 = e2.options, n2 = o2.gpuAcceleration, r2 = n2 === void 0 || n2, i2 = o2.adaptive, s2 = i2 === void 0 || i2, a2 = o2.roundOffsets, c2 = a2 === void 0 || a2, f2 = { placement: G(t2.placement), variation: J(t2.placement), popper: t2.elements.popper, popperRect: t2.rects.popper, gpuAcceleration: r2, isFixed: t2.options.strategy === "fixed" };
-  t2.modifiersData.popperOffsets != null && (t2.styles.popper = Object.assign({}, t2.styles.popper, oe(Object.assign({}, f2, { offsets: t2.modifiersData.popperOffsets, position: t2.options.strategy, adaptive: s2, roundOffsets: c2 })))), t2.modifiersData.arrow != null && (t2.styles.arrow = Object.assign({}, t2.styles.arrow, oe(Object.assign({}, f2, { offsets: t2.modifiersData.arrow, position: "absolute", adaptive: false, roundOffsets: c2 })))), t2.attributes.popper = Object.assign({}, t2.attributes.popper, { "data-popper-placement": t2.placement });
-}, data: {} }, { name: "applyStyles", enabled: true, phase: "write", fn: function(e2) {
-  var t2 = e2.state;
-  Object.keys(t2.elements).forEach(function(e3) {
-    var o2 = t2.styles[e3] || {}, n2 = t2.attributes[e3] || {}, r2 = t2.elements[e3];
-    P(r2) && R(r2) && (Object.assign(r2.style, o2), Object.keys(n2).forEach(function(e4) {
-      var t3 = n2[e4];
-      t3 === false ? r2.removeAttribute(e4) : r2.setAttribute(e4, t3 === true ? "" : t3);
-    }));
-  });
-}, effect: function(e2) {
-  var t2 = e2.state, o2 = { popper: { position: t2.options.strategy, left: "0", top: "0", margin: "0" }, arrow: { position: "absolute" }, reference: {} };
-  return Object.assign(t2.elements.popper.style, o2.popper), t2.styles = o2, t2.elements.arrow && Object.assign(t2.elements.arrow.style, o2.arrow), function() {
-    Object.keys(t2.elements).forEach(function(e3) {
-      var n2 = t2.elements[e3], r2 = t2.attributes[e3] || {}, i2 = Object.keys(t2.styles.hasOwnProperty(e3) ? t2.styles[e3] : o2[e3]).reduce(function(e4, t3) {
-        return e4[t3] = "", e4;
-      }, {});
-      P(n2) && R(n2) && (Object.assign(n2.style, i2), Object.keys(r2).forEach(function(e4) {
-        n2.removeAttribute(e4);
-      }));
+    instance.setOptions(options).then(function(state2) {
+      if (!isDestroyed && options.onFirstUpdate) {
+        options.onFirstUpdate(state2);
+      }
     });
+    function runModifierEffects() {
+      state.orderedModifiers.forEach(function(_ref3) {
+        var name = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect2 = _ref3.effect;
+        if (typeof effect2 === "function") {
+          var cleanupFn = effect2({
+            state,
+            name,
+            instance,
+            options: options2
+          });
+          var noopFn = function noopFn2() {
+          };
+          effectCleanupFns.push(cleanupFn || noopFn);
+        }
+      });
+    }
+    function cleanupModifierEffects() {
+      effectCleanupFns.forEach(function(fn2) {
+        return fn2();
+      });
+      effectCleanupFns = [];
+    }
+    return instance;
   };
-}, requires: ["computeStyles"] }] });
-var re = { name: "offset", enabled: true, phase: "main", requires: ["popperOffsets"], fn: function(e2) {
-  var t2 = e2.state, o2 = e2.options, n2 = e2.name, r2 = o2.offset, i2 = r2 === void 0 ? [0, 0] : r2, s2 = _.reduce(function(e3, o3) {
-    return e3[o3] = function(e4, t3, o4) {
-      var n3 = G(e4), r3 = [z, F].indexOf(n3) >= 0 ? -1 : 1, i3 = typeof o4 == "function" ? o4(Object.assign({}, t3, { placement: e4 })) : o4, s3 = i3[0], a3 = i3[1];
-      return s3 = s3 || 0, a3 = (a3 || 0) * r3, [z, I].indexOf(n3) >= 0 ? { x: a3, y: s3 } : { x: s3, y: a3 };
-    }(o3, t2.rects, i2), e3;
-  }, {}), a2 = s2[t2.placement], c2 = a2.x, f2 = a2.y;
-  t2.modifiersData.popperOffsets != null && (t2.modifiersData.popperOffsets.x += c2, t2.modifiersData.popperOffsets.y += f2), t2.modifiersData[n2] = s2;
-} };
-const { componentName: ie, create: se } = g("popover"), ae = se({ inheritAttrs: false, components: { [x.name]: x, [j.name]: j }, props: { ...O, list: { type: Array, default: [] }, theme: { type: String, default: "light" }, location: { type: String, default: "bottom" }, offset: { type: Array, default: [0, 12] }, customClass: { type: String, default: "" }, showArrow: { type: Boolean, default: true } }, emits: ["update", "update:visible", "close", "choose", "open"], setup(a2, { emit: c2 }) {
-  let f2;
-  const p2 = e(), l2 = e(), u2 = e(a2.visible), { theme: d2, location: v2 } = t(a2), m2 = o(() => `${ie} ${ie}--${d2.value}`), h2 = o(() => {
-    const e2 = "popover-content";
-    return { [e2]: true, [`${e2}--${v2.value}`]: v2.value };
-  }), y2 = o(() => {
-    const e2 = "popover-arrow";
-    return { [e2]: true, [`${e2}--${v2.value}`]: v2.value };
-  }), b2 = () => {
-    s(() => {
-      u2.value && (f2 ? f2.setOptions({ placement: a2.location }) : f2 = p2.value && l2.value ? ne(p2.value, l2.value.popupRef, { placement: a2.location, modifiers: [{ name: "computeStyles", options: { adaptive: false, gpuAcceleration: false } }, Object.assign({}, re, { options: { offset: a2.offset } })] }) : null);
+}
+var passive = {
+  passive: true
+};
+function effect$1(_ref) {
+  var state = _ref.state, instance = _ref.instance, options = _ref.options;
+  var _options$scroll = options.scroll, scroll = _options$scroll === void 0 ? true : _options$scroll, _options$resize = options.resize, resize = _options$resize === void 0 ? true : _options$resize;
+  var window2 = getWindow(state.elements.popper);
+  var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);
+  if (scroll) {
+    scrollParents.forEach(function(scrollParent) {
+      scrollParent.addEventListener("scroll", instance.update, passive);
     });
-  }, w2 = (e2) => {
-    const t2 = p2.value;
-    t2 && !t2.contains(e2.target) && g2();
+  }
+  if (resize) {
+    window2.addEventListener("resize", instance.update, passive);
+  }
+  return function() {
+    if (scroll) {
+      scrollParents.forEach(function(scrollParent) {
+        scrollParent.removeEventListener("scroll", instance.update, passive);
+      });
+    }
+    if (resize) {
+      window2.removeEventListener("resize", instance.update, passive);
+    }
   };
-  n(() => {
-    window.addEventListener("click", w2, true);
-  }), r(() => {
-    window.removeEventListener("click", w2, true);
-  }), i(() => a2.visible, (e2) => {
-    u2.value = e2, b2();
-  }), i(() => a2.location, (e2) => {
-    b2();
+}
+var eventListeners = {
+  name: "eventListeners",
+  enabled: true,
+  phase: "write",
+  fn: function fn() {
+  },
+  effect: effect$1,
+  data: {}
+};
+function popperOffsets(_ref) {
+  var state = _ref.state, name = _ref.name;
+  state.modifiersData[name] = computeOffsets({
+    reference: state.rects.reference,
+    element: state.rects.popper,
+    strategy: "absolute",
+    placement: state.placement
   });
-  const g2 = () => {
-    c2("close"), c2("update:visible", false);
+}
+var popperOffsets$1 = {
+  name: "popperOffsets",
+  enabled: true,
+  phase: "read",
+  fn: popperOffsets,
+  data: {}
+};
+var unsetSides = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function roundOffsetsByDPR(_ref) {
+  var x = _ref.x, y = _ref.y;
+  var win = window;
+  var dpr = win.devicePixelRatio || 1;
+  return {
+    x: round(x * dpr) / dpr || 0,
+    y: round(y * dpr) / dpr || 0
   };
-  return { classes: m2, showPopup: u2, openPopover: () => {
-    var e2;
-    e2 = !a2.visible, c2("update", e2), c2("update:visible", e2), c2("open");
-  }, popoverContent: h2, popoverArrow: y2, closePopover: g2, chooseItem: (e2, t2) => {
-    e2.disabled || c2("choose", e2, t2);
-  }, reference: p2, popoverRef: l2, clickOverlay: () => {
-  } };
-} }), ce = ["onClick"], fe = { class: "popover-menu-name" };
-var pe = E(ae, [["render", function(e2, t2, o2, n2, r2, i2) {
-  const s2 = a("nut-icon"), g2 = a("nut-popup");
-  return c(), f(p, null, [l("view", { style: { display: "inline-block" }, class: u(e2.customClass), onClick: t2[0] || (t2[0] = d((...t3) => e2.openPopover && e2.openPopover(...t3), ["stop"])), ref: "reference" }, [v(e2.$slots, "reference")], 2), m(g2, { ref: "popoverRef", "pop-class": e2.classes, visible: e2.showPopup, "onUpdate:visible": t2[1] || (t2[1] = (t3) => e2.showPopup = t3), overlay: false, onClickOverlay: e2.clickOverlay }, { default: h(() => [e2.showArrow ? (c(), f("view", { key: 0, class: u(e2.popoverArrow) }, null, 2)) : y("", true), v(e2.$slots, "content"), l("view", { class: u(["popover-menu", e2.popoverContent]), ref: "popoverMenu" }, [(c(true), f(p, null, b(e2.list, (t3, o3) => (c(), f("view", { key: o3, class: u([t3.className, { "popover-menu-item": true, disabled: t3.disabled }]), onClick: d((n3) => e2.chooseItem(t3, o3), ["stop"]) }, [t3.icon ? v(e2.$slots, "default", { key: 0 }, () => [m(s2, { class: "item-img", name: t3.icon }, null, 8, ["name"])]) : y("", true), l("view", fe, w(t3.name), 1)], 10, ce))), 128))], 2)]), _: 3 }, 8, ["pop-class", "visible", "onClickOverlay"])], 64);
-}]]);
-export { pe as default };
+}
+function mapToStyles(_ref2) {
+  var _Object$assign2;
+  var popper = _ref2.popper, popperRect = _ref2.popperRect, placement = _ref2.placement, variation = _ref2.variation, offsets = _ref2.offsets, position = _ref2.position, gpuAcceleration = _ref2.gpuAcceleration, adaptive = _ref2.adaptive, roundOffsets = _ref2.roundOffsets, isFixed = _ref2.isFixed;
+  var _offsets$x = offsets.x, x = _offsets$x === void 0 ? 0 : _offsets$x, _offsets$y = offsets.y, y = _offsets$y === void 0 ? 0 : _offsets$y;
+  var _ref3 = typeof roundOffsets === "function" ? roundOffsets({
+    x,
+    y
+  }) : {
+    x,
+    y
+  };
+  x = _ref3.x;
+  y = _ref3.y;
+  var hasX = offsets.hasOwnProperty("x");
+  var hasY = offsets.hasOwnProperty("y");
+  var sideX = left;
+  var sideY = top;
+  var win = window;
+  if (adaptive) {
+    var offsetParent = getOffsetParent(popper);
+    var heightProp = "clientHeight";
+    var widthProp = "clientWidth";
+    if (offsetParent === getWindow(popper)) {
+      offsetParent = getDocumentElement(popper);
+      if (getComputedStyle(offsetParent).position !== "static" && position === "absolute") {
+        heightProp = "scrollHeight";
+        widthProp = "scrollWidth";
+      }
+    }
+    offsetParent = offsetParent;
+    if (placement === top || (placement === left || placement === right) && variation === end) {
+      sideY = bottom;
+      var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : offsetParent[heightProp];
+      y -= offsetY - popperRect.height;
+      y *= gpuAcceleration ? 1 : -1;
+    }
+    if (placement === left || (placement === top || placement === bottom) && variation === end) {
+      sideX = right;
+      var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : offsetParent[widthProp];
+      x -= offsetX - popperRect.width;
+      x *= gpuAcceleration ? 1 : -1;
+    }
+  }
+  var commonStyles = Object.assign({
+    position
+  }, adaptive && unsetSides);
+  var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
+    x,
+    y
+  }) : {
+    x,
+    y
+  };
+  x = _ref4.x;
+  y = _ref4.y;
+  if (gpuAcceleration) {
+    var _Object$assign;
+    return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? "0" : "", _Object$assign[sideX] = hasX ? "0" : "", _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
+  }
+  return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : "", _Object$assign2[sideX] = hasX ? x + "px" : "", _Object$assign2.transform = "", _Object$assign2));
+}
+function computeStyles(_ref5) {
+  var state = _ref5.state, options = _ref5.options;
+  var _options$gpuAccelerat = options.gpuAcceleration, gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat, _options$adaptive = options.adaptive, adaptive = _options$adaptive === void 0 ? true : _options$adaptive, _options$roundOffsets = options.roundOffsets, roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
+  var commonStyles = {
+    placement: getBasePlacement(state.placement),
+    variation: getVariation(state.placement),
+    popper: state.elements.popper,
+    popperRect: state.rects.popper,
+    gpuAcceleration,
+    isFixed: state.options.strategy === "fixed"
+  };
+  if (state.modifiersData.popperOffsets != null) {
+    state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {
+      offsets: state.modifiersData.popperOffsets,
+      position: state.options.strategy,
+      adaptive,
+      roundOffsets
+    })));
+  }
+  if (state.modifiersData.arrow != null) {
+    state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {
+      offsets: state.modifiersData.arrow,
+      position: "absolute",
+      adaptive: false,
+      roundOffsets
+    })));
+  }
+  state.attributes.popper = Object.assign({}, state.attributes.popper, {
+    "data-popper-placement": state.placement
+  });
+}
+var computeStyles$1 = {
+  name: "computeStyles",
+  enabled: true,
+  phase: "beforeWrite",
+  fn: computeStyles,
+  data: {}
+};
+function applyStyles(_ref) {
+  var state = _ref.state;
+  Object.keys(state.elements).forEach(function(name) {
+    var style = state.styles[name] || {};
+    var attributes = state.attributes[name] || {};
+    var element = state.elements[name];
+    if (!isHTMLElement(element) || !getNodeName(element)) {
+      return;
+    }
+    Object.assign(element.style, style);
+    Object.keys(attributes).forEach(function(name2) {
+      var value = attributes[name2];
+      if (value === false) {
+        element.removeAttribute(name2);
+      } else {
+        element.setAttribute(name2, value === true ? "" : value);
+      }
+    });
+  });
+}
+function effect(_ref2) {
+  var state = _ref2.state;
+  var initialStyles = {
+    popper: {
+      position: state.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
+    },
+    arrow: {
+      position: "absolute"
+    },
+    reference: {}
+  };
+  Object.assign(state.elements.popper.style, initialStyles.popper);
+  state.styles = initialStyles;
+  if (state.elements.arrow) {
+    Object.assign(state.elements.arrow.style, initialStyles.arrow);
+  }
+  return function() {
+    Object.keys(state.elements).forEach(function(name) {
+      var element = state.elements[name];
+      var attributes = state.attributes[name] || {};
+      var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]);
+      var style = styleProperties.reduce(function(style2, property) {
+        style2[property] = "";
+        return style2;
+      }, {});
+      if (!isHTMLElement(element) || !getNodeName(element)) {
+        return;
+      }
+      Object.assign(element.style, style);
+      Object.keys(attributes).forEach(function(attribute) {
+        element.removeAttribute(attribute);
+      });
+    });
+  };
+}
+var applyStyles$1 = {
+  name: "applyStyles",
+  enabled: true,
+  phase: "write",
+  fn: applyStyles,
+  effect,
+  requires: ["computeStyles"]
+};
+var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1];
+var createPopper = /* @__PURE__ */ popperGenerator({
+  defaultModifiers
+});
+function distanceAndSkiddingToXY(placement, rects, offset2) {
+  var basePlacement = getBasePlacement(placement);
+  var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;
+  var _ref = typeof offset2 === "function" ? offset2(Object.assign({}, rects, {
+    placement
+  })) : offset2, skidding = _ref[0], distance = _ref[1];
+  skidding = skidding || 0;
+  distance = (distance || 0) * invertDistance;
+  return [left, right].indexOf(basePlacement) >= 0 ? {
+    x: distance,
+    y: skidding
+  } : {
+    x: skidding,
+    y: distance
+  };
+}
+function offset(_ref2) {
+  var state = _ref2.state, options = _ref2.options, name = _ref2.name;
+  var _options$offset = options.offset, offset2 = _options$offset === void 0 ? [0, 0] : _options$offset;
+  var data = placements.reduce(function(acc, placement) {
+    acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset2);
+    return acc;
+  }, {});
+  var _data$state$placement = data[state.placement], x = _data$state$placement.x, y = _data$state$placement.y;
+  if (state.modifiersData.popperOffsets != null) {
+    state.modifiersData.popperOffsets.x += x;
+    state.modifiersData.popperOffsets.y += y;
+  }
+  state.modifiersData[name] = data;
+}
+var offsetModifier = {
+  name: "offset",
+  enabled: true,
+  phase: "main",
+  requires: ["popperOffsets"],
+  fn: offset
+};
+const { componentName, create } = createComponent("popover");
+const _sfc_main = create({
+  inheritAttrs: false,
+  components: {
+    [Popup.name]: Popup,
+    [Button.name]: Button
+  },
+  props: {
+    ...popupProps,
+    list: {
+      type: Array,
+      default: []
+    },
+    theme: {
+      type: String,
+      default: "light"
+    },
+    location: {
+      type: String,
+      default: "bottom"
+    },
+    offset: {
+      type: Array,
+      default: [0, 12]
+    },
+    customClass: {
+      type: String,
+      default: ""
+    },
+    showArrow: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["update", "update:visible", "close", "choose", "open"],
+  setup(props, { emit }) {
+    let popper;
+    const reference = ref();
+    const popoverRef = ref();
+    const showPopup = ref(props.visible);
+    const { theme, location } = toRefs(props);
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return `${prefixCls} ${prefixCls}--${theme.value}`;
+    });
+    const popoverContent = computed(() => {
+      const prefixCls = "popover-content";
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}--${location.value}`]: location.value
+      };
+    });
+    const popoverArrow = computed(() => {
+      const prefixCls = "popover-arrow";
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}--${location.value}`]: location.value
+      };
+    });
+    const createPopperInstance = () => {
+      console.log(reference.value, popoverRef.value);
+      if (reference.value && popoverRef.value) {
+        return createPopper(reference.value, popoverRef.value.popupRef, {
+          placement: props.location,
+          modifiers: [
+            {
+              name: "computeStyles",
+              options: {
+                adaptive: false,
+                gpuAcceleration: false
+              }
+            },
+            Object.assign({}, offsetModifier, {
+              options: {
+                offset: props.offset
+              }
+            })
+          ]
+        });
+      }
+      return null;
+    };
+    const clickOverlay = () => {
+      console.log("\u5173\u95ED");
+    };
+    const uploadLocation = () => {
+      nextTick(() => {
+        if (!showPopup.value)
+          return;
+        if (!popper) {
+          popper = createPopperInstance();
+          console.log(popper);
+        } else {
+          popper.setOptions({
+            placement: props.location
+          });
+        }
+      });
+    };
+    const clickAway = (event) => {
+      const element = reference.value;
+      if (element && !element.contains(event.target)) {
+        closePopover();
+      }
+    };
+    onMounted(() => {
+      window.addEventListener("click", clickAway, true);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("click", clickAway, true);
+    });
+    watch(() => props.visible, (value) => {
+      showPopup.value = value;
+      uploadLocation();
+    });
+    watch(() => props.location, (value) => {
+      uploadLocation();
+    });
+    const update = (val) => {
+      emit("update", val);
+      emit("update:visible", val);
+    };
+    const openPopover = () => {
+      update(!props.visible);
+      emit("open");
+    };
+    const closePopover = () => {
+      emit("close");
+      emit("update:visible", false);
+    };
+    const chooseItem = (item, index2) => {
+      if (item.disabled) {
+        return;
+      }
+      emit("choose", item, index2);
+    };
+    return {
+      classes,
+      showPopup,
+      openPopover,
+      popoverContent,
+      popoverArrow,
+      closePopover,
+      chooseItem,
+      reference,
+      popoverRef,
+      clickOverlay
+    };
+  }
+});
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = { class: "popover-menu-name" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return openBlock(), createElementBlock(Fragment, null, [
+    createElementVNode("view", {
+      style: { "display": "inline-block" },
+      class: normalizeClass(_ctx.customClass),
+      onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.openPopover && _ctx.openPopover(...args), ["stop"])),
+      ref: "reference"
+    }, [
+      renderSlot(_ctx.$slots, "reference")
+    ], 2),
+    createVNode(_component_nut_popup, {
+      ref: "popoverRef",
+      "pop-class": _ctx.classes,
+      visible: _ctx.showPopup,
+      "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.showPopup = $event),
+      overlay: false,
+      onClickOverlay: _ctx.clickOverlay
+    }, {
+      default: withCtx(() => [
+        _ctx.showArrow ? (openBlock(), createElementBlock("view", {
+          key: 0,
+          class: normalizeClass(_ctx.popoverArrow)
+        }, null, 2)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "content"),
+        createElementVNode("view", {
+          class: normalizeClass(["popover-menu", _ctx.popoverContent]),
+          ref: "popoverMenu"
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item, index2) => {
+            return openBlock(), createElementBlock("view", {
+              key: index2,
+              class: normalizeClass([item.className, { "popover-menu-item": true, disabled: item.disabled }]),
+              onClick: withModifiers(($event) => _ctx.chooseItem(item, index2), ["stop"])
+            }, [
+              item.icon ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
+                createVNode(_component_nut_icon, {
+                  class: "item-img",
+                  name: item.icon
+                }, null, 8, ["name"])
+              ]) : createCommentVNode("", true),
+              createElementVNode("view", _hoisted_2, toDisplayString(item.name), 1)
+            ], 10, _hoisted_1);
+          }), 128))
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["pop-class", "visible", "onClickOverlay"])
+  ], 64);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };