@web-utils/component 2.9.0 → 2.9.1

package/context-menu/index.mjs

@@ -68,7 +68,7 @@ var d = function() {
       }, [e("div", {
         class: t.secondLeft ? "cm-left" : "",
         on: {
-          click: function(h) {
+          click: function(o) {
             return t.onItemClick(n, [l, r]);
           }
         }
@@ -90,22 +90,22 @@ var d = function() {
         staticClass: "cm-ul cm-ul-3 easy-cm-ul",
         class: t.underline ? "cm-underline" : "",
         style: t.thirdBorderCheck(l, r)
-      }, t._l(n.children, function(h, c) {
+      }, t._l(n.children, function(o, h) {
         return e("li", {
-          key: c,
+          key: h,
           style: t.liStyle
         }, [e("div", {
           on: {
-            click: function(x) {
-              return t.onItemClick(h, [l, r, c]);
+            click: function(p) {
+              return t.onItemClick(o, [l, r, h]);
             }
           }
         }, [e("i", {
           staticClass: "cm-item-icon",
-          class: h.icon
+          class: o.icon
         }), e("span", {
           staticClass: "cm-item-label"
-        }, [t._v(t._s(h.text))])])]);
+        }, [t._v(t._s(o.text))])])]);
       }), 0) : t._e()]);
     }), 0) : t._e()]);
   }), 0)]) : t._e();
@@ -118,10 +118,8 @@ const m = {
       required: !0
     },
     // 是否开启下划线
-    underline: {
-      type: Boolean,
-      default: !1
-    },
+    underline: Boolean,
+    appendToBody: Boolean,
     // 是否开启箭头
     arrow: {
       type: Boolean,
@@ -205,6 +203,10 @@ const m = {
       }
     }
   },
+  destroyed() {
+    var t;
+    this.appendToBody && ((t = this.$el) != null && t.parentNode) && this.$el.parentNode.removeChild(this.$el);
+  },
   methods: {
     secondBorderCheck(t) {
       const i = document.body.offsetWidth, e = document.body.offsetHeight, s = this.axis.y + (t + this.list[t].children.length) * this.itemHeight;
@@ -221,7 +223,7 @@ const m = {
       };
     },
     show(t) {
-      document.addEventListener("click", this.hide, !0), this.axis = { x: t.clientX, y: t.clientY }, this.rendered = !0, this.visible = !0;
+      document.addEventListener("click", this.hide, !0), this.axis = { x: t.clientX, y: t.clientY }, this.rendered = !0, this.visible = !0, this.appendToBody && document.body.appendChild(this.$el);
     },
     hide() {
       this.visible = !1, document.removeEventListener("click", this.hide);
@@ -230,7 +232,7 @@ const m = {
       this.$emit("on-item-click", t, i);
     }
   }
-}, o = {};
+}, c = {};
 var f = /* @__PURE__ */ a(
   m,
   d,
@@ -242,8 +244,8 @@ var f = /* @__PURE__ */ a(
   null
 );
 function y(t) {
-  for (let i in o)
-    this[i] = o[i];
+  for (let i in c)
+    this[i] = c[i];
 }
 const _ = /* @__PURE__ */ function() {
   return f.exports;

package/element-dialog/index.mjs

@@ -1,7 +1,23 @@
-import i from "element-ui/lib/dialog";
-import { dialogDrag as s } from "@web-utils/vue/directives/dialog-drag";
-import { n } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var r = function() {
+var r = (e, l, t) => new Promise((i, n) => {
+  var c = (o) => {
+    try {
+      a(t.next(o));
+    } catch (s) {
+      n(s);
+    }
+  }, p = (o) => {
+    try {
+      a(t.throw(o));
+    } catch (s) {
+      n(s);
+    }
+  }, a = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(c, p);
+  a((t = t.apply(e, l)).next());
+});
+import d from "element-ui/lib/dialog";
+import { dialogDrag as h } from "@web-utils/vue/directives/dialog-drag";
+import { n as f } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var m = function() {
   var e = this, l = e.$createElement, t = e._self._c || l;
   return t("Transition", {
     attrs: {
@@ -28,8 +44,8 @@ var r = function() {
     }],
     staticClass: "el-dialog__wrapper",
     on: {
-      click: function(o) {
-        return o.target !== o.currentTarget ? null : e.handleWrapperClick.apply(null, arguments);
+      click: function(i) {
+        return i.target !== i.currentTarget ? null : e.handleWrapperClick.apply(null, arguments);
       }
     }
   }, [t("div", {
@@ -88,8 +104,8 @@ var r = function() {
   }, [e._t("footer", null, {
     handleClose: e.handleClose
   })], 2) : e._e()])])]);
-}, d = [];
-const u = {
+}, g = [];
+const y = {
   props: {
     visible: {
       type: Boolean,
@@ -124,12 +140,12 @@ const u = {
       default: "76vh"
     }
   }
-}, c = {
+}, _ = {
   name: "ElementDialog",
   directives: {
-    dialogDrag: s
+    dialogDrag: h
   },
-  mixins: [...i.mixins || i.default.mixins, u],
+  mixins: [...d.mixins || d.default.mixins, y],
   props: {
     title: {
       type: String,
@@ -194,9 +210,9 @@ const u = {
   },
   watch: {
     visible(e) {
-      e ? (this.closed = !1, this.$emit("open"), this.$el.addEventListener("scroll", this.updatePopper), this.$nextTick(() => {
-        this.$refs.dialog.scrollTop = 0;
-      }), this.appendToBody && document.body.appendChild(this.$el)) : (this.$el.removeEventListener("scroll", this.updatePopper), this.closed || this.$emit("close"));
+      return r(this, null, function* () {
+        e ? (this.closed = !1, this.$emit("open"), this.$el.addEventListener("scroll", this.updatePopper), yield this.$nextTick(), this.$refs.dialog.scrollTop = 0, this.appendToBody && document.body.appendChild(this.$el)) : (this.$el.removeEventListener("scroll", this.updatePopper), this.closed || this.$emit("close"));
+      });
     }
   },
   mounted() {
@@ -238,24 +254,24 @@ const u = {
       this.exitFullScreen(), this.$emit("closed");
     }
   }
-}, a = {};
-var p = /* @__PURE__ */ n(
-  c,
-  r,
-  d,
+}, u = {};
+var v = /* @__PURE__ */ f(
+  _,
+  m,
+  g,
   !1,
-  h,
+  C,
   null,
   null,
   null
 );
-function h(e) {
-  for (let l in a)
-    this[l] = a[l];
+function C(e) {
+  for (let l in u)
+    this[l] = u[l];
 }
-const _ = /* @__PURE__ */ function() {
-  return p.exports;
+const B = /* @__PURE__ */ function() {
+  return v.exports;
 }();
 export {
-  _ as default
+  B as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "2.9.0",
+  "version": "2.9.1",
   "author": "Simple",
   "license": "MIT",
   "type": "module",

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "@web-utils/component",
-  "version": "2.9.0",
+  "version": "2.9.1",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -889,7 +889,15 @@
                 "kind": "expression",
                 "type": "boolean"
               },
-              "default": "false"
+              "default": ""
+            },
+            {
+              "name": "appendToBody",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": ""
             },
             {
               "name": "arrow",