@nutui/nutui 3.1.21-beta.3 → 3.1.22-beta.3

package/dist/packages/_es/Popover.js

@@ -5,204 +5,363 @@ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
+var __spreadValues = (a2, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a2, prop, b2[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a2, prop, b2[prop]);
     }
-  return a;
+  return a2;
 };
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
 /*!
-* @nutui/nutui v3.1.21-beta.3 Wed May 18 2022 18:19:57 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, reactive, toRefs, computed, onMounted, watch, resolveComponent, openBlock, createElementBlock, withModifiers, normalizeClass, createElementVNode, renderSlot, Fragment, normalizeStyle, renderList, createVNode, createCommentVNode, 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 { 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 "../locale/lang";
 import "./OverLay.js";
 import "./Icon.js";
 import "./pxCheck.js";
-const { componentName, create } = createComponent("popover");
-const _sfc_main = create({
-  inheritAttrs: false,
-  components: {
-    [Popup.name]: Popup,
-    [Button.name]: Button
-  },
-  props: __spreadProps(__spreadValues({}, popupProps), {
-    list: {
-      type: Array,
-      default: []
-    },
-    theme: {
-      type: String,
-      default: "light"
-    },
-    location: {
-      type: String,
-      default: "bottom"
-    }
-  }),
-  emits: ["update", "update:visible", "close", "choose", "openPopover"],
-  setup(props, { emit }) {
-    const reference = ref();
-    const state = reactive({
-      elWidth: 0,
-      elHeight: 0
-    });
-    const showPopup = ref(props.visible);
-    const { theme, location } = toRefs(props);
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true,
-        [`${prefixCls}--${theme.value}`]: theme.value
-      };
-    });
-    const popoverContent = computed(() => {
-      const prefixCls = "popoverContent";
-      return {
-        [prefixCls]: true,
-        [`${prefixCls}--${location.value}`]: location.value
-      };
-    });
-    const popoverArrow = computed(() => {
-      const prefixCls = "popoverArrow";
-      return {
-        [prefixCls]: true,
-        [`${prefixCls}--${location.value}`]: location.value
-      };
-    });
-    function getReference() {
-      state.elWidth = reference.value.offsetWidth;
-      state.elHeight = reference.value.offsetHeight;
+function k(e2) {
+  if (e2 == 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;
     }
-    const getStyle = computed(() => {
-      const style = {};
-      if (location.value == "top") {
-        style.bottom = state.elHeight + 20 + "px";
-        style.left = 0 + "px";
-      } else if (location.value == "right") {
-        style.top = 0 + "px";
-        style.right = -state.elWidth + "px";
-      } else if (location.value == "left") {
-        style.top = 0 + "px";
-        style.left = -state.elWidth + "px";
-      } else {
-        style.top = state.elHeight + 20 + "px";
-        style.left = 0 + "px";
+    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);
       }
-      return style;
-    });
-    const getArrowStyle = computed(() => {
-      const style = {};
-      if (location.value == "top") {
-        style.bottom = -20 + "px";
-        style.left = state.elWidth / 2 + "px";
-      } else if (location.value == "right") {
-        style.top = 20 + "px";
-        style.left = -20 + "px";
-      } else if (location.value == "left") {
-        style.top = 20 + "px";
-        style.right = -20 + "px";
-      } else {
-        style.left = state.elWidth / 2 + "px";
-        style.top = -20 + "px";
+    }), 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");
+  });
+}
+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;
+        }
       }
-      return style;
-    });
-    onMounted(() => {
-      getReference();
+    }, update: (r3 = function() {
+      return new Promise(function(e4) {
+        p2.forceUpdate(), e4(a2);
+      });
+    }, function() {
+      return s2 || (s2 = new Promise(function(e4) {
+        Promise.resolve().then(function() {
+          s2 = void 0, e4(r3());
+        });
+      })), 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;
+  };
+}
+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 };
+        break;
+      case z:
+        t3 = { x: o3.x - n2.width, y: c2 };
+        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 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);
+      }));
     });
-    watch(() => props.visible, (value) => {
-      showPopup.value = value;
+  };
+}, 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: __spreadProps(__spreadValues({}, 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);
     });
-    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,
-      getReference,
-      reference,
-      getStyle,
-      getArrowStyle
-    };
-  }
-});
-const _hoisted_1 = { ref: "reference" };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = { class: "title-name" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("view", {
-    onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.openPopover && _ctx.openPopover(...args), ["stop"])),
-    class: normalizeClass(_ctx.classes)
-  }, [
-    createElementVNode("div", _hoisted_1, [
-      renderSlot(_ctx.$slots, "reference")
-    ], 512),
-    _ctx.showPopup ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-      createElementVNode("view", {
-        class: "more-background",
-        onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.closePopover && _ctx.closePopover(...args), ["stop"]))
-      }),
-      createElementVNode("view", {
-        class: normalizeClass(_ctx.popoverContent),
-        style: normalizeStyle(_ctx.getStyle)
-      }, [
-        createElementVNode("view", {
-          class: normalizeClass(_ctx.popoverArrow),
-          style: normalizeStyle(_ctx.getArrowStyle)
-        }, null, 6),
-        renderSlot(_ctx.$slots, "content"),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item, index2) => {
-          return openBlock(), createElementBlock("view", {
-            key: index2,
-            class: normalizeClass({ "title-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_3, toDisplayString(item.name), 1)
-          ], 10, _hoisted_2);
-        }), 128))
-      ], 6)
-    ], 64)) : createCommentVNode("", true)
-  ], 2);
-}
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+  }, w2 = (e2) => {
+    const t2 = p2.value;
+    t2 && !t2.contains(e2.target) && g2();
+  };
+  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();
+  });
+  const g2 = () => {
+    c2("close"), c2("update:visible", false);
+  };
+  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 };