@web-utils/component 3.8.3 → 4.0.1

package/easy-popup/index.mjs

@@ -1,22 +1,6 @@
-var d = (i, e, t) => new Promise((o, r) => {
-  var h = (s) => {
-    try {
-      n(t.next(s));
-    } catch (a) {
-      r(a);
-    }
-  }, l = (s) => {
-    try {
-      n(t.throw(s));
-    } catch (a) {
-      r(a);
-    }
-  }, n = (s) => s.done ? o(s.value) : Promise.resolve(s.value).then(h, l);
-  n((t = t.apply(i, e)).next());
-});
-import { getComputedWidth as f, getComputedHeight as p } from "@web-utils/core";
-import { n as u } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const c = {
+import { getComputedWidth as o, getComputedHeight as n } from "@web-utils/core";
+import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const r = {
   name: "EasyPopup",
   props: {
     /**
@@ -77,45 +61,43 @@ const c = {
     }
   },
   watch: {
-    axis() {
-      return d(this, null, function* () {
-        if (this.border) {
-          yield this.$nextTick();
-          const i = f(this.$refs.container), e = p(this.$refs.container), t = document.body.offsetWidth, o = document.body.offsetHeight;
-          this.axis.x + this.offset.x + i >= t && (this.axis.x = t - i - this.borderWidth - this.offset.x), this.axis.y + this.offset.y + e >= o && (this.axis.y = o - e - this.borderWidth - this.offset.y);
-        }
-      });
+    async axis() {
+      if (this.border) {
+        await this.$nextTick();
+        const t = o(this.$refs.container), e = n(this.$refs.container), i = document.body.offsetWidth, s = document.body.offsetHeight;
+        this.axis.x + this.offset.x + t >= i && (this.axis.x = i - t - this.borderWidth - this.offset.x), this.axis.y + this.offset.y + e >= s && (this.axis.y = s - e - this.borderWidth - this.offset.y);
+      }
     }
   },
   destroyed() {
     this.$el.remove();
   },
   methods: {
-    show({ clientX: i, clientY: e }) {
-      this.axis = { x: i, y: e }, this.visible || (document.addEventListener("click", this.doHide, !0), this.rendered = !0, this.visible = !0), this.appendToBody && document.body.appendChild(this.$el);
+    show({ clientX: t, clientY: e }) {
+      this.axis = { x: t, y: e }, this.visible || (document.addEventListener("click", this.doHide, !0), this.rendered = !0, this.visible = !0), this.appendToBody && document.body.appendChild(this.$el);
     },
     hide() {
       this.visible = !1, document.removeEventListener("click", this.doHide);
     },
-    doHide(i) {
-      this.interactive && this.$el.contains(i.target) || this.hide();
+    doHide(t) {
+      this.interactive && this.$el.contains(t.target) || this.hide();
     }
   }
 };
-var m = function() {
-  var e = this, t = e._self._c;
-  return t("Transition", { attrs: { name: "easy-popup" } }, [e.rendered ? t("div", { directives: [{ name: "show", rawName: "v-show", value: e.visible, expression: "visible" }], ref: "container", class: ["easy-popup", { "easy-popup__visible": e.visible, "easy-popup__hide": !e.visible, "flex-row": e.flexRow, "flex-column": e.flexColumn }], style: e.position, on: { mouseleave: function(o) {
+var d = function() {
+  var e = this, i = e._self._c;
+  return i("Transition", { attrs: { name: "easy-popup" } }, [e.rendered ? i("div", { directives: [{ name: "show", rawName: "v-show", value: e.visible, expression: "visible" }], ref: "container", class: ["easy-popup", { "easy-popup__visible": e.visible, "easy-popup__hide": !e.visible, "flex-row": e.flexRow, "flex-column": e.flexColumn }], style: e.position, on: { mouseleave: function(s) {
     e.hideOnMouseLeave && e.hide();
   } } }, [e._t("default")], 2) : e._e()]);
-}, x = [], v = /* @__PURE__ */ u(
-  c,
-  m,
-  x,
+}, h = [], l = /* @__PURE__ */ a(
+  r,
+  d,
+  h,
   !1,
   null,
   null
 );
-const w = v.exports;
+const u = l.exports;
 export {
-  w as default
+  u as default
 };

package/easy-popup/style.css

@@ -1 +1 @@
-.easy-popup{z-index:9999;background:#fff;border:1px solid #ebeef5;border-radius:4px;width:300px;min-height:200px;padding:12px;position:fixed;box-shadow:0 2px 12px rgba(0,0,0,.1)}@keyframes easy-popup-zoom-in{0%{opacity:0;transform:scale3d(0,0,0)}to{opacity:1}}.easy-popup-enter-active,.easy-popup-enter{animation:.2s easy-popup-zoom-in}@keyframes easy-popup-zoom-out{0%{opacity:1}to{opacity:0;transform:scale3d(0,0,0)}}.easy-popup-leave-active,.easy-popup-leave{animation:.2s easy-popup-zoom-out}
+.easy-popup{z-index:9999;background:#fff;border:1px solid #ebeef5;border-radius:4px;width:300px;min-height:200px;padding:12px;position:fixed;box-shadow:0 2px 12px #0000001a}@keyframes easy-popup-zoom-in{0%{opacity:0;transform:scale3d(0,0,0)}to{opacity:1}}.easy-popup-enter-active,.easy-popup-enter{animation:.2s easy-popup-zoom-in}@keyframes easy-popup-zoom-out{0%{opacity:1}to{opacity:0;transform:scale3d(0,0,0)}}.easy-popup-leave-active,.easy-popup-leave{animation:.2s easy-popup-zoom-out}