@web-utils/component 3.0.2 → 3.0.3

package/element-dialog/index.mjs

@@ -1,25 +1,115 @@
-var l = (e, t, i) => new Promise((p, n) => {
-  var h = (o) => {
+var s = (e, l, t) => new Promise((i, r) => {
+  var u = (o) => {
     try {
-      s(i.next(o));
-    } catch (a) {
-      n(a);
+      a(t.next(o));
+    } catch (n) {
+      r(n);
     }
-  }, f = (o) => {
+  }, h = (o) => {
     try {
-      s(i.throw(o));
-    } catch (a) {
-      n(a);
+      a(t.throw(o));
+    } catch (n) {
+      r(n);
     }
-  }, s = (o) => o.done ? p(o.value) : Promise.resolve(o.value).then(h, f);
-  s((i = i.apply(e, t)).next());
+  }, a = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(u, h);
+  a((t = t.apply(e, l)).next());
 });
-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 = {
+import d from "element-ui/lib/dialog";
+import { dialogDrag as f } from "@web-utils/vue/directives/dialog-drag";
+import { getComputedHeight as m, isDef as g } from "@web-utils/core";
+import p from "element-ui/lib/button";
+import { n as _ } 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(p, {
+    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(p, {
+    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()])])]);
+}, v = [];
+const C = {
   props: {
     visible: {
       type: Boolean,
@@ -54,12 +144,12 @@ const S = {
       default: "76vh"
     }
   }
-}, B = {
+}, S = {
   name: "ElementDialog",
   directives: {
-    dialogDrag: u
+    dialogDrag: f
   },
-  mixins: [...r.mixins || r.default.mixins, S],
+  mixins: [...d.mixins || d.default.mixins, C],
   props: {
     title: {
       type: String,
@@ -127,7 +217,7 @@ const S = {
   },
   watch: {
     visible(e) {
-      return l(this, null, function* () {
+      return s(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"));
       });
     },
@@ -143,7 +233,7 @@ const S = {
     );
   },
   mounted() {
-    return l(this, null, function* () {
+    return s(this, null, function* () {
       this.visible && (this.rendered = !0, this.open(), yield this.computeTop(), this.appendToBody && document.body.appendChild(this.$el));
     });
   },
@@ -152,8 +242,8 @@ const S = {
   },
   methods: {
     computeTop() {
-      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;
+      return s(this, null, function* () {
+        yield this.$nextTick(), this.verticalCenter ? this.marginTop = `${(document.body.offsetHeight - m(this.$refs.dialog)) / 2 + (g(this.offsetTop) ? this.offsetTop : 0)}px` : this.marginTop = this.top;
       });
     },
     toggleFullScreen() {
@@ -166,8 +256,8 @@ const S = {
       this.fullScreen = !1;
     },
     shouldShowFooter() {
-      var e, t;
-      return !!((t = (e = this.$scopedSlots).footer) != null && t.call(e));
+      var e, l;
+      return !!((l = (e = this.$scopedSlots).footer) != null && l.call(e));
     },
     handleWrapperClick() {
       this.closeOnClickModal && this.handleClose();
@@ -188,24 +278,24 @@ const S = {
       this.exitFullScreen(), this.$emit("closed");
     }
   }
-}, d = {};
-var C = /* @__PURE__ */ $(
-  B,
-  g,
+}, c = {};
+var b = /* @__PURE__ */ _(
+  S,
   y,
-  !1,
   v,
+  !1,
+  w,
   null,
   null,
   null
 );
-function v(e) {
-  for (let t in d)
-    this[t] = d[t];
+function w(e) {
+  for (let l in c)
+    this[l] = c[l];
 }
-const F = /* @__PURE__ */ function() {
-  return C.exports;
+const k = /* @__PURE__ */ function() {
+  return b.exports;
 }();
 export {
-  F as default
+  k as default
 };

package/empty-view/index.mjs

@@ -1,5 +1,23 @@
-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";
+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 = [];
 const r = {
   name: "EmptyView",
   props: {
@@ -28,24 +46,24 @@ const r = {
       default: "100%"
     }
   }
-}, e = {};
-var p = /* @__PURE__ */ i(
+}, i = {};
+var a = /* @__PURE__ */ o(
   r,
-  o,
-  n,
-  !1,
   s,
+  l,
+  !1,
+  c,
   null,
   null,
   null
 );
-function s(a) {
-  for (let t in e)
-    this[t] = e[t];
+function c(t) {
+  for (let e in i)
+    this[e] = i[e];
 }
-const u = /* @__PURE__ */ function() {
-  return p.exports;
+const p = /* @__PURE__ */ function() {
+  return a.exports;
 }();
 export {
-  u as default
+  p 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.d91bd77a.mjs";
+import { g as h } from "../chunks/index.57f871af.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.d91bd77a.mjs";
+import { g as m } from "../chunks/index.57f871af.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.d91bd77a.mjs";
+import { g as C } from "../chunks/index.57f871af.mjs";
 import { n as d } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 const x = {
   name: "FlexRow",

package/flow/index.mjs

@@ -1,71 +1,6 @@
-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() {
+import { s as l, r as c } from "../chunks/util.ae730cde.mjs";
+import { n as u } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var h = function() {
   var t = this, e = t.$createElement, n = t._self._c || e;
   return n("div", {
     staticClass: "avue-flow",
@@ -77,38 +12,38 @@ var _ = function() {
     }
   }, [n("div", {
     staticClass: "avue-grid"
-  }), t._l(t.option.nodeList, function(o, s) {
-    return [o.display ? t._e() : n(b, {
-      key: s,
+  }), t._l(t.option.nodeList, function(i, o) {
+    return [i.display ? t._e() : n("FlowNode", {
+      key: o,
       attrs: {
-        id: o.id,
-        node: o,
-        index: s,
+        id: i.id,
+        node: i,
+        index: o,
         active: t.active
       },
       on: {
         changeNodeSite: t.changeNodeSite
       },
       nativeOn: {
-        click: function(l) {
-          return t.handleClick(o);
+        click: function(s) {
+          return t.handleClick(i);
         }
       },
       scopedSlots: t._u([{
         key: "header",
-        fn: function(l) {
-          var u = l.node;
+        fn: function(s) {
+          var a = s.node;
           return [t._t("header", null, {
-            node: u
+            node: a
           })];
         }
       }], null, !0)
     }, [t._t("default", null, {
-      node: o
+      node: i
     })], 2)];
   })], 2)]);
-}, j = [];
-const L = {
+}, d = [];
+const f = {
   name: "Flow",
   props: {
     value: {
@@ -201,13 +136,13 @@ const L = {
     styleName() {
       return {
         position: "relative",
-        width: i(this.width),
-        height: i(this.height)
+        width: l(this.width),
+        height: l(this.height)
       };
     }
   },
   created() {
-    this.id = d(), this.jsplumbSetting.Container = this.id;
+    this.id = c(), this.jsplumbSetting.Container = this.id;
   },
   mounted() {
     this.init();
@@ -224,8 +159,8 @@ const L = {
     // 是否具有该线
     hasLine(t, e) {
       for (let n = 0; n < this.data.lineList.length; n++) {
-        const o = this.data.lineList[n];
-        if (o.from === t && o.to === e)
+        const i = this.data.lineList[n];
+        if (i.from === t && i.to === e)
           return !0;
       }
       return !1;
@@ -246,8 +181,8 @@ const L = {
     },
     // 改变节点的位置
     changeNodeSite({ index: t, left: e, 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));
+      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));
     },
     // 删除节点
     deleteNode(t) {
@@ -312,10 +247,10 @@ const L = {
           });
         }), t.jsPlumb.bind("connection", function(e) {
           console.log("connection", e);
-          const n = e.source.id, o = e.target.id;
+          const n = e.source.id, i = e.target.id;
           t.loadEasyFlowFinish && t.option.lineList.push({
             from: n,
-            to: o
+            to: i
           });
         }), t.jsPlumb.bind("connectionDetached", function(e) {
           console.log("connectionDetached", e), t.deleteLine(e.sourceId, e.targetId);
@@ -325,32 +260,32 @@ const L = {
           console.log("contextmenu", e);
         }), t.jsPlumb.bind("beforeDrop", function(e) {
           console.log("beforeDrop", e);
-          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;
+          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;
         }), t.jsPlumb.bind("beforeDetach", function(e) {
           console.log("beforeDetach", e);
         });
       });
     }
   }
-}, a = {};
-var y = /* @__PURE__ */ c(
-  L,
-  _,
-  j,
+}, r = {};
+var m = /* @__PURE__ */ u(
+  f,
+  h,
+  d,
   !1,
-  x,
+  p,
   null,
   null,
   null
 );
-function x(t) {
-  for (let e in a)
-    this[e] = a[e];
+function p(t) {
+  for (let e in r)
+    this[e] = r[e];
 }
-const S = /* @__PURE__ */ function() {
-  return y.exports;
+const j = /* @__PURE__ */ function() {
+  return m.exports;
 }();
 export {
-  S as default
+  j as default
 };