@web-utils/component 2.9.0 → 2.9.2

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/fy-form-design/index.mjs

@@ -1739,7 +1739,7 @@ function Le(e) {
 const Ge = /* @__PURE__ */ function() {
   return Ve.exports;
 }();
-var Ue = function() {
+var He = function() {
   var e = this, l = e.$createElement, t = e._self._c || l;
   return t("div", [t("ElFormItem", {
     attrs: {
@@ -1822,7 +1822,7 @@ var Ue = function() {
       expression: "data.maxRows"
     }
   })], 1)], 1);
-}, He = [];
+}, Ue = [];
 const Je = {
   name: "ConfigTextarea",
   props: {
@@ -1831,8 +1831,8 @@ const Je = {
 }, W = {};
 var Ye = /* @__PURE__ */ c(
   Je,
-  Ue,
   He,
+  Ue,
   !1,
   Xe,
   null,
@@ -3718,7 +3718,7 @@ function Lt(e) {
 const Gt = /* @__PURE__ */ function() {
   return Vt.exports;
 }();
-var Ut = function() {
+var Ht = function() {
   var e = this, l = e.$createElement, t = e._self._c || l;
   return t("div", [e.data.type.indexOf("range") !== -1 ? [t("ElFormItem", {
     attrs: {
@@ -3817,7 +3817,7 @@ var Ut = function() {
       expression: "data.unlinkPanels"
     }
   })], 1) : e._e()], 2);
-}, Ht = [];
+}, Ut = [];
 const Jt = {
   name: "ConfigDate",
   props: {
@@ -3826,8 +3826,8 @@ const Jt = {
 }, K = {};
 var Yt = /* @__PURE__ */ c(
   Jt,
-  Ut,
   Ht,
+  Ut,
   !1,
   Xt,
   null,
@@ -4918,7 +4918,7 @@ const Ba = {
       options: ["100", "200", "300", "400", "500", "600", "700", "800", "900", "blod", "bloder", "inherit", "initial", "lighter", "normal", "revert", "unset"]
     };
   }
-}, U = {};
+}, H = {};
 var Wa = /* @__PURE__ */ c(
   Ba,
   Aa,
@@ -4930,8 +4930,8 @@ var Wa = /* @__PURE__ */ c(
   null
 );
 function Ta(e) {
-  for (let l in U)
-    this[l] = U[l];
+  for (let l in H)
+    this[l] = H[l];
 }
 const Ma = /* @__PURE__ */ function() {
   return Wa.exports;
@@ -5077,7 +5077,7 @@ const Pa = {
       });
     });
   }
-}, H = {};
+}, U = {};
 var ja = /* @__PURE__ */ c(
   Pa,
   za,
@@ -5089,8 +5089,8 @@ var ja = /* @__PURE__ */ c(
   null
 );
 function Da(e) {
-  for (let l in H)
-    this[l] = H[l];
+  for (let l in U)
+    this[l] = U[l];
 }
 const Qa = /* @__PURE__ */ function() {
   return ja.exports;
@@ -5439,10 +5439,10 @@ function Ga(e) {
   for (let l in J)
     this[l] = J[l];
 }
-const Ua = /* @__PURE__ */ function() {
+const Ha = /* @__PURE__ */ function() {
   return La.exports;
 }();
-var Ha = function() {
+var Ua = function() {
   var e = this, l = e.$createElement, t = e._self._c || l;
   return t("div", [t("ElFormItem", {
     attrs: {
@@ -5729,7 +5729,7 @@ var Ha = function() {
 }, Ja = [];
 const Ya = {
   name: "ConfigTable",
-  components: { MonacoEditor: b, AfdColumn: Ua },
+  components: { MonacoEditor: b, AfdColumn: Ha },
   props: {
     data: Object
   },
@@ -5828,7 +5828,7 @@ const Ya = {
 }, Y = {};
 var Xa = /* @__PURE__ */ c(
   Ya,
-  Ha,
+  Ua,
   Ja,
   !1,
   Za,
@@ -7174,11 +7174,14 @@ const dl = {
           maxStep: 20,
           steps: [yield this.transAvueOptionsToFormDesigner(p(p({}, this.widgetForm), e))],
           storage: this.storage
-        }), this.undoRedo && window.addEventListener("keydown", (l) => {
-          (l.metaKey && !l.shiftKey && l.keyCode === 90 || l.ctrlKey && !l.shiftKey && l.keyCode === 90) && (this.widgetForm = this.handleUndo()), (l.metaKey && l.shiftKey && l.keyCode === 90 || l.ctrlKey && l.shiftKey && l.keyCode === 90 || l.ctrlKey && l.keyCode === 89) && (this.widgetForm = this.handleRedo());
-        }, !1);
+        }), this.undoRedo && (window.addEventListener("keydown", this.undoRedoHandler, !1), this.$once("hook:beforeDestroy", () => {
+          document.removeEventListener("click", this.undoRedoHandler);
+        }));
       });
     },
+    undoRedoHandler(e) {
+      (e.metaKey && !e.shiftKey && e.keyCode === 90 || e.ctrlKey && !e.shiftKey && e.keyCode === 90) && (this.widgetForm = this.handleUndo()), (e.metaKey && e.shiftKey && e.keyCode === 90 || e.ctrlKey && e.shiftKey && e.keyCode === 90 || e.ctrlKey && e.keyCode === 89) && (this.widgetForm = this.handleRedo());
+    },
     // 加载icon
     handleLoadCss() {
       const e = document.getElementsByTagName("head")[0], l = document.createElement("link");

package/fy-input-map/index.mjs

@@ -211,7 +211,8 @@ const f = {
       });
     },
     handleClose() {
-      window.poiPicker.clearSearchResults();
+      var e;
+      (e = this.poiPicker) == null || e.clearSearchResults();
     },
     addClick() {
       this.map.on("click", (e) => {
@@ -244,7 +245,7 @@ const f = {
       });
     },
     poiPickerReady(e) {
-      window.poiPicker = e, e.on("poiPicked", (t) => {
+      this.poiPicker = e, e.on("poiPicked", (t) => {
         this.clearMarker();
         const s = t.source, i = t.item;
         this.poi = Object.assign(i, {
@@ -270,9 +271,9 @@ function g(e) {
   for (let t in l)
     this[t] = l[t];
 }
-const x = /* @__PURE__ */ function() {
+const w = /* @__PURE__ */ function() {
   return k.exports;
 }();
 export {
-  x as default
+  w as default
 };

package/fy-tree/index.mjs

@@ -293,12 +293,15 @@ const v = {
     }
   },
   mounted() {
-    document.addEventListener("click", (e) => {
-      this.$el.contains(e.target) || (this.client.show = !1);
+    document.addEventListener("click", this.hideClient), this.$once("hook:beforeDestroy", () => {
+      document.removeEventListener("click", this.hideClient);
     }), this.initFun();
   },
   methods: {
     optVal: l,
+    hideClient(e) {
+      this.$el.contains(e.target) || (this.client.show = !1);
+    },
     menuIcon(e) {
       return l(this.option[`${e}Text`], e);
     },

package/monaco-editor/index.mjs

@@ -1,12 +1,12 @@
 var c = Object.defineProperty;
-var r = Object.getOwnPropertySymbols;
+var d = Object.getOwnPropertySymbols;
 var f = Object.prototype.hasOwnProperty, g = Object.prototype.propertyIsEnumerable;
-var d = (t, e, i) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, h = (t, e) => {
+var r = (t, e, i) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, h = (t, e) => {
   for (var i in e || (e = {}))
-    f.call(e, i) && d(t, i, e[i]);
-  if (r)
-    for (var i of r(e))
-      g.call(e, i) && d(t, i, e[i]);
+    f.call(e, i) && r(t, i, e[i]);
+  if (d)
+    for (var i of d(e))
+      g.call(e, i) && r(t, i, e[i]);
   return t;
 };
 import * as o from "monaco-editor/esm/vs/editor/editor.api";
@@ -106,17 +106,17 @@ const p = {
       }, t.classList.add("editor-fullscreen"), this.editor.layout({
         height: document.body.clientHeight,
         width: document.body.clientWidth
-      }), document.addEventListener("keyup", (e) => {
-        e.keyCode === 27 && this.minEditor();
-      });
+      }), document.addEventListener("keyup", this.handleEsc);
+    },
+    handleEsc(t) {
+      t.keyCode === 27 && this.minEditor();
     },
     // 缩小
     minEditor() {
       this.isMaximum = !1, this.$el.classList.remove("editor-fullscreen"), this.editor.layout({
         height: this.originSize.height,
         width: this.originSize.width
-      }), document.removeEventListener("keyup", () => {
-      });
+      }), document.removeEventListener("keyup", this.handleEsc);
     },
     _getEditor() {
       return this.editor ? this.diffEditor ? this.editor.modifiedEditor : this.editor : null;
@@ -179,12 +179,12 @@ var M = /* @__PURE__ */ m(
   _,
   y,
   !1,
-  v,
+  E,
   null,
   null,
   null
 );
-function v(t) {
+function E(t) {
   for (let e in u)
     this[e] = u[e];
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "2.9.0",
+  "version": "2.9.2",
   "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.2",
   "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",