@web-utils/component 2.70.0 → 3.0.1

package/egd-collapse-item/index.mjs

@@ -50,7 +50,7 @@ var r = function() {
     return [e._v(" " + e._s(e.title) + " ")];
   }, {
     title: e.title
-  })], 2)]), t("ElCollapseTransition", [t("div", {
+  })], 2)]), t(c, [t("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -70,7 +70,6 @@ var r = function() {
 }, d = [];
 const p = {
   name: "EgdCollapseItem",
-  components: { ElCollapseTransition: c },
   componentName: "EgdCollapseItem",
   mixins: [a],
   inject: ["collapse"],

package/element-dialog/index.mjs

@@ -1,114 +1,25 @@
-var s = (e, l, t) => new Promise((i, r) => {
-  var u = (o) => {
+var l = (e, t, i) => new Promise((p, n) => {
+  var h = (o) => {
     try {
-      a(t.next(o));
-    } catch (n) {
-      r(n);
+      s(i.next(o));
+    } catch (a) {
+      n(a);
     }
-  }, c = (o) => {
+  }, f = (o) => {
     try {
-      a(t.throw(o));
-    } catch (n) {
-      r(n);
+      s(i.throw(o));
+    } catch (a) {
+      n(a);
     }
-  }, a = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(u, c);
-  a((t = t.apply(e, l)).next());
+  }, s = (o) => o.done ? p(o.value) : Promise.resolve(o.value).then(h, f);
+  s((i = i.apply(e, t)).next());
 });
-import d from "element-ui/lib/dialog";
-import { dialogDrag as h } from "@web-utils/vue/directives/dialog-drag";
-import { getComputedHeight as f, isDef as m } from "@web-utils/core";
-import { n as g } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var y = function() {
-  var e = this, l = e.$createElement, t = e._self._c || l;
-  return t("Transition", {
-    attrs: {
-      name: "dialog-fade"
-    },
-    on: {
-      "after-enter": e.afterEnter,
-      "after-leave": e.afterLeave
-    }
-  }, [t("div", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: e.visible,
-      expression: "visible"
-    }, {
-      name: "dialog-drag",
-      rawName: "v-dialog-drag:[fullScreen]",
-      value: {
-        onMove: e.updatePopper
-      },
-      expression: "{ onMove: updatePopper }",
-      arg: e.fullScreen
-    }],
-    staticClass: "el-dialog__wrapper",
-    on: {
-      click: function(i) {
-        return i.target !== i.currentTarget ? null : e.handleWrapperClick.apply(null, arguments);
-      }
-    }
-  }, [t("div", {
-    ref: "dialog",
-    class: ["el-dialog", "element-dialog", "el-dialog-resizeable", "normalize", {
-      "is-fullscreen": e.fullScreen,
-      "el-dialog__body-padding": e.bodyPadding,
-      "el-dialog--center": e.center,
-      "el-dialog--flex-row": e.flexRow,
-      "el-dialog--flex-column": e.flexColumn
-    }, e.customClass],
-    style: Object.assign({}, e.style, {
-      top: e.marginTop
-    }),
-    attrs: {
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-label": e.title || "dialog"
-    }
-  }, [t("div", {
-    staticClass: "el-dialog__header"
-  }, [e._t("title", function() {
-    return [t("span", {
-      staticClass: "el-dialog__title"
-    }, [e._v(e._s(e.title))])];
-  }), t("div", {
-    staticClass: "header-button-wrapper"
-  }, [e._t("header-button"), e.showFullScreen ? t("ElButton", {
-    staticClass: "header-button",
-    attrs: {
-      type: "text",
-      icon: e.fullScreen ? "el-icon-copy-document" : "el-icon-full-screen",
-      size: "medium",
-      title: e.fullScreen ? "还原" : "最大化"
-    },
-    on: {
-      click: e.toggleFullScreen
-    }
-  }) : e._e(), e.showClose ? t("ElButton", {
-    staticClass: "header-button header-dialog-close",
-    attrs: {
-      "aria-label": "Close",
-      type: "text",
-      title: "关闭",
-      icon: "el-icon-close",
-      size: "medium"
-    },
-    on: {
-      click: e.handleClose
-    }
-  }) : e._e()], 2)], 2), e.rendered ? t("div", {
-    staticClass: "el-dialog__body",
-    style: {
-      height: e.fullScreen ? "100%" : e.height
-    }
-  }, [e.destroyOnClose ? [e.visible ? e._t("default") : e._e()] : e._t("default")], 2) : e._e(), e.shouldShowFooter() ? t("div", {
-    staticClass: "el-dialog__footer"
-  }, [e._t("footer", null, {
-    handleClose: e.handleClose
-  })], 2) : e._e()])])]);
-}, _ = [];
-const v = {
+import r from "element-ui/lib/dialog";
+import { dialogDrag as u } from "@web-utils/vue/directives/dialog-drag";
+import { getComputedHeight as c, isDef as m } from "@web-utils/core";
+import { s as y, r as g } from "../chunks/ElementDialog.vue_vue_type_style_index_0_lang.57cb8e07.mjs";
+import { n as $ } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const S = {
   props: {
     visible: {
       type: Boolean,
@@ -143,12 +54,12 @@ const v = {
       default: "76vh"
     }
   }
-}, C = {
+}, B = {
   name: "ElementDialog",
   directives: {
-    dialogDrag: h
+    dialogDrag: u
   },
-  mixins: [...d.mixins || d.default.mixins, v],
+  mixins: [...r.mixins || r.default.mixins, S],
   props: {
     title: {
       type: String,
@@ -216,7 +127,7 @@ const v = {
   },
   watch: {
     visible(e) {
-      return s(this, null, function* () {
+      return l(this, null, function* () {
         e ? (this.closed = !1, this.$emit("open"), this.$el.addEventListener("scroll", this.updatePopper), yield this.$nextTick(), this.$refs.dialog.scrollTop = 0, yield this.computeTop(), this.appendToBody && document.body.appendChild(this.$el)) : (this.$el.removeEventListener("scroll", this.updatePopper), this.closed || this.$emit("close"));
       });
     },
@@ -232,7 +143,7 @@ const v = {
     );
   },
   mounted() {
-    return s(this, null, function* () {
+    return l(this, null, function* () {
       this.visible && (this.rendered = !0, this.open(), yield this.computeTop(), this.appendToBody && document.body.appendChild(this.$el));
     });
   },
@@ -241,8 +152,8 @@ const v = {
   },
   methods: {
     computeTop() {
-      return s(this, null, function* () {
-        yield this.$nextTick(), this.verticalCenter ? this.marginTop = `${(document.body.offsetHeight - f(this.$refs.dialog)) / 2 + (m(this.offsetTop) ? this.offsetTop : 0)}px` : this.marginTop = this.top;
+      return l(this, null, function* () {
+        yield this.$nextTick(), this.verticalCenter ? this.marginTop = `${(document.body.offsetHeight - c(this.$refs.dialog)) / 2 + (m(this.offsetTop) ? this.offsetTop : 0)}px` : this.marginTop = this.top;
       });
     },
     toggleFullScreen() {
@@ -255,8 +166,8 @@ const v = {
       this.fullScreen = !1;
     },
     shouldShowFooter() {
-      var e, l;
-      return !!((l = (e = this.$scopedSlots).footer) != null && l.call(e));
+      var e, t;
+      return !!((t = (e = this.$scopedSlots).footer) != null && t.call(e));
     },
     handleWrapperClick() {
       this.closeOnClickModal && this.handleClose();
@@ -277,24 +188,24 @@ const v = {
       this.exitFullScreen(), this.$emit("closed");
     }
   }
-}, p = {};
-var S = /* @__PURE__ */ g(
-  C,
+}, d = {};
+var C = /* @__PURE__ */ $(
+  B,
+  g,
   y,
-  _,
   !1,
-  b,
+  v,
   null,
   null,
   null
 );
-function b(e) {
-  for (let l in p)
-    this[l] = p[l];
+function v(e) {
+  for (let t in d)
+    this[t] = d[t];
 }
-const E = /* @__PURE__ */ function() {
-  return S.exports;
+const F = /* @__PURE__ */ function() {
+  return C.exports;
 }();
 export {
-  E as default
+  F as default
 };

package/empty-view/index.mjs

@@ -1,23 +1,5 @@
-import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var s = function() {
-  var t = this, e = t.$createElement, n = t._self._c || e;
-  return n("div", {
-    staticClass: "empty-view",
-    style: {
-      fontSize: t.fontSize,
-      height: t.height
-    }
-  }, [t._t("default", function() {
-    return [n("div", {
-      staticClass: "flex-column horizon-center"
-    }, [t.showIcon ? n("i", {
-      class: t.icon,
-      style: {
-        fontSize: t.iconSize
-      }
-    }) : t._e(), n("p", [t._v(t._s(t.emptyTips))])])];
-  })], 2);
-}, l = [];
+import { s as n, r as o } from "../chunks/EmptyView.vue_vue_type_style_index_0_lang.ffa84770.mjs";
+import { n as i } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 const r = {
   name: "EmptyView",
   props: {
@@ -46,24 +28,24 @@ const r = {
       default: "100%"
     }
   }
-}, i = {};
-var a = /* @__PURE__ */ o(
+}, e = {};
+var p = /* @__PURE__ */ i(
   r,
-  s,
-  l,
+  o,
+  n,
   !1,
-  c,
+  s,
   null,
   null,
   null
 );
-function c(t) {
-  for (let e in i)
-    this[e] = i[e];
+function s(a) {
+  for (let t in e)
+    this[t] = e[t];
 }
-const p = /* @__PURE__ */ function() {
-  return a.exports;
+const u = /* @__PURE__ */ function() {
+  return p.exports;
 }();
 export {
-  p as default
+  u as default
 };

package/flex-column/index.mjs

@@ -10,7 +10,7 @@ var s = (t, e, n) => e in t ? u(t, e, { enumerable: !0, configurable: !0, writab
       v.call(e, n) && s(t, n, e[n]);
   return t;
 }, c = (t, e) => f(t, _(e));
-import { g as h } from "../chunks/index.57f871af.mjs";
+import { g as h } from "../chunks/index.d91bd77a.mjs";
 import { n as m } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 const d = {
   name: "FlexColumn",

package/flex-item/index.mjs

@@ -10,7 +10,7 @@ var r = (t, e, l) => e in t ? u(t, e, { enumerable: !0, configurable: !0, writab
       x.call(e, l) && r(t, l, e[l]);
   return t;
 }, f = (t, e) => c(t, v(e));
-import { g as m } from "../chunks/index.57f871af.mjs";
+import { g as m } from "../chunks/index.d91bd77a.mjs";
 import { n as d } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 const h = {
   name: "FlexItem",

package/flex-row/index.mjs

@@ -10,7 +10,7 @@ var s = (t, e, n) => e in t ? u(t, e, { enumerable: !0, configurable: !0, writab
       h.call(e, n) && s(t, n, e[n]);
   return t;
 }, c = (t, e) => f(t, _(e));
-import { g as C } from "../chunks/index.57f871af.mjs";
+import { g as C } from "../chunks/index.d91bd77a.mjs";
 import { n as d } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 const x = {
   name: "FlexRow",

package/flow/index.mjs

@@ -1,6 +1,71 @@
-import { s as l, r as c } from "../chunks/util.ae730cde.mjs";
-import { n as u } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var h = function() {
+import { s as i, t as d } from "../chunks/util.7844e2c2.mjs";
+import { s as h, r as p } from "../chunks/FlowNode.vue_vue_type_template_lang.662bdcfa.mjs";
+import { n as c } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const f = {
+  name: "FlowNode",
+  props: {
+    active: [String, Number],
+    index: [String, Number],
+    node: Object
+  },
+  data() {
+    return {
+      // 控制节点操作显示
+      mouseEnter: !1
+    };
+  },
+  computed: {
+    // 节点容器样式
+    flowNodeContainer: {
+      get() {
+        return {
+          position: "absolute",
+          width: "200px",
+          top: i(this.node.top),
+          left: i(this.node.left),
+          boxShadow: this.mouseEnter ? "#66a6e0 0px 0px 12px 0px" : "",
+          backgroundColor: "transparent"
+        };
+      }
+    }
+  },
+  methods: {
+    // 鼠标进入
+    showDelete() {
+      this.mouseEnter = !0;
+    },
+    // 鼠标离开
+    hideDelete() {
+      this.mouseEnter = !1;
+    },
+    // 鼠标移动后抬起
+    changeNodeSite() {
+      this.node.left === this.$refs.node.style.left && this.node.top === this.$refs.node.style.top || this.$emit("changeNodeSite", {
+        index: this.index,
+        left: Number(this.$refs.node.style.left.replace("px", "")),
+        top: Number(this.$refs.node.style.top.replace("px", ""))
+      });
+    }
+  }
+}, r = {};
+var m = /* @__PURE__ */ c(
+  f,
+  p,
+  h,
+  !1,
+  g,
+  null,
+  null,
+  null
+);
+function g(t) {
+  for (let e in r)
+    this[e] = r[e];
+}
+const b = /* @__PURE__ */ function() {
+  return m.exports;
+}();
+var _ = function() {
   var t = this, e = t.$createElement, n = t._self._c || e;
   return n("div", {
     staticClass: "avue-flow",
@@ -12,38 +77,38 @@ var h = function() {
     }
   }, [n("div", {
     staticClass: "avue-grid"
-  }), t._l(t.option.nodeList, function(i, o) {
-    return [i.display ? t._e() : n("FlowNode", {
-      key: o,
+  }), t._l(t.option.nodeList, function(o, s) {
+    return [o.display ? t._e() : n(b, {
+      key: s,
       attrs: {
-        id: i.id,
-        node: i,
-        index: o,
+        id: o.id,
+        node: o,
+        index: s,
         active: t.active
       },
       on: {
         changeNodeSite: t.changeNodeSite
       },
       nativeOn: {
-        click: function(s) {
-          return t.handleClick(i);
+        click: function(l) {
+          return t.handleClick(o);
         }
       },
       scopedSlots: t._u([{
         key: "header",
-        fn: function(s) {
-          var a = s.node;
+        fn: function(l) {
+          var u = l.node;
           return [t._t("header", null, {
-            node: a
+            node: u
           })];
         }
       }], null, !0)
     }, [t._t("default", null, {
-      node: i
+      node: o
     })], 2)];
   })], 2)]);
-}, d = [];
-const f = {
+}, j = [];
+const L = {
   name: "Flow",
   props: {
     value: {
@@ -136,13 +201,13 @@ const f = {
     styleName() {
       return {
         position: "relative",
-        width: l(this.width),
-        height: l(this.height)
+        width: i(this.width),
+        height: i(this.height)
       };
     }
   },
   created() {
-    this.id = c(), this.jsplumbSetting.Container = this.id;
+    this.id = d(), this.jsplumbSetting.Container = this.id;
   },
   mounted() {
     this.init();
@@ -159,8 +224,8 @@ const f = {
     // 是否具有该线
     hasLine(t, e) {
       for (let n = 0; n < this.data.lineList.length; n++) {
-        const i = this.data.lineList[n];
-        if (i.from === t && i.to === e)
+        const o = this.data.lineList[n];
+        if (o.from === t && o.to === e)
           return !0;
       }
       return !1;
@@ -181,8 +246,8 @@ const f = {
     },
     // 改变节点的位置
     changeNodeSite({ index: t, left: e, top: n }) {
-      for (let i = 0; i < this.option.nodeList.length; i++)
-        i === t && (this.$set(this.option.nodeList[i], "left", e), this.$set(this.option.nodeList[i], "top", n));
+      for (let o = 0; o < this.option.nodeList.length; o++)
+        o === t && (this.$set(this.option.nodeList[o], "left", e), this.$set(this.option.nodeList[o], "top", n));
     },
     // 删除节点
     deleteNode(t) {
@@ -247,10 +312,10 @@ const f = {
           });
         }), t.jsPlumb.bind("connection", function(e) {
           console.log("connection", e);
-          const n = e.source.id, i = e.target.id;
+          const n = e.source.id, o = e.target.id;
           t.loadEasyFlowFinish && t.option.lineList.push({
             from: n,
-            to: i
+            to: o
           });
         }), t.jsPlumb.bind("connectionDetached", function(e) {
           console.log("connectionDetached", e), t.deleteLine(e.sourceId, e.targetId);
@@ -260,32 +325,32 @@ const f = {
           console.log("contextmenu", e);
         }), t.jsPlumb.bind("beforeDrop", function(e) {
           console.log("beforeDrop", e);
-          const n = e.sourceId, i = e.targetId;
-          return n === i ? (t.$message.error("不能连接自己"), !1) : t.hasLine(n, i) ? (t.$message.error("不能重复连线"), !1) : t.hashOppositeLine(n, i) ? (t.$message.error("不能回环哦"), !1) : !0;
+          const n = e.sourceId, o = e.targetId;
+          return n === o ? (t.$message.error("不能连接自己"), !1) : t.hasLine(n, o) ? (t.$message.error("不能重复连线"), !1) : t.hashOppositeLine(n, o) ? (t.$message.error("不能回环哦"), !1) : !0;
         }), t.jsPlumb.bind("beforeDetach", function(e) {
           console.log("beforeDetach", e);
         });
       });
     }
   }
-}, r = {};
-var m = /* @__PURE__ */ u(
-  f,
-  h,
-  d,
+}, a = {};
+var y = /* @__PURE__ */ c(
+  L,
+  _,
+  j,
   !1,
-  p,
+  x,
   null,
   null,
   null
 );
-function p(t) {
-  for (let e in r)
-    this[e] = r[e];
+function x(t) {
+  for (let e in a)
+    this[e] = a[e];
 }
-const j = /* @__PURE__ */ function() {
-  return m.exports;
+const S = /* @__PURE__ */ function() {
+  return y.exports;
 }();
 export {
-  j as default
+  S as default
 };