@web-utils/component 2.0.14 → 2.2.0

package/editable-tree/style.css

@@ -0,0 +1 @@
+.editable-tree{position:relative}.editable-tree.et-tree-label-overflow-visible .et-tree-label{position:static}.et-tree-wrapper{text-align:left;flex-direction:column;width:100%;display:flex;overflow:auto}.et-tree-wrapper .el-tree{width:100%;display:table;overflow:visible}.et-tree-wrapper .el-button+.el-button{margin-left:8px!important}.et-tree-wrapper .el-input__inner{padding:0 4px}.et-tree-wrapper .custom-tree-node{align-items:center;width:100%;padding-right:8px;font-size:14px;display:flex}.et-tree-wrapper .custom-tree-node:hover .handle-actions{display:block}.et-tree-wrapper .custom-tree-node .handle-actions{align-self:flex-end;display:none}.et-tree-wrapper .custom-tree-node .node-icon{margin-top:2px;margin-right:4px}.et-tree-wrapper .node-label{align-items:center}.et-tree-wrapper .node-input{min-width:140px;margin-right:10px}.et-tree-wrapper .menu{z-index:3;background:#fff;border-radius:4px;padding:0;position:fixed;box-shadow:0 5px 10px #bebebe}.et-tree-wrapper .menu-item{color:#242f42;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:8px 20px 8px 8px;font:11px/100% tahoma,arial,sans-serif;display:block}.et-tree-wrapper .menu .menu-item:hover{color:#66b1ff;background-color:#ecf5ff}.et-tree-wrapper .menu-item-icon{margin-right:4px;font-size:1.3em;font-weight:700}

package/{dist/components/egd-collapse/index.js → egd-collapse/index.mjs}

@@ -1,4 +1,4 @@
-import { n } from "../../chunks/5d4282fb.js";
+import { n } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
 var i = function() {
   var e = this, t = e.$createElement, s = e._self._c || t;
   return s("div", {

package/{dist/components/egd-collapse-item/index.js → egd-collapse-item/index.mjs}

@@ -1,7 +1,8 @@
 import a from "element-ui/src/mixins/emitter";
 import { generateId as n } from "element-ui/src/utils/util";
-import { n as c } from "../../chunks/5d4282fb.js";
-var o = function() {
+import c from "element-ui/lib/transitions/collapse-transition";
+import { n as o } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var r = function() {
   var e = this, s = e.$createElement, t = e._self._c || s;
   return t("div", {
     staticClass: "el-collapse-item",
@@ -66,9 +67,10 @@ var o = function() {
   }, [t("div", {
     staticClass: "el-collapse-item__content"
   }, [e._t("default")], 2)])])], 1);
-}, r = [];
-const d = {
+}, d = [];
+const p = {
   name: "EgdCollapseItem",
+  components: { ElCollapseTransition: c },
   componentName: "EgdCollapseItem",
   mixins: [a],
   inject: ["collapse"],
@@ -110,23 +112,23 @@ const d = {
     }
   }
 }, l = {};
-var p = /* @__PURE__ */ c(
-  d,
-  o,
+var u = /* @__PURE__ */ o(
+  p,
   r,
+  d,
   !1,
-  u,
+  m,
   null,
   null,
   null
 );
-function u(e) {
+function m(e) {
   for (let s in l)
     this[s] = l[s];
 }
-const _ = /* @__PURE__ */ function() {
-  return p.exports;
+const C = /* @__PURE__ */ function() {
+  return u.exports;
 }();
 export {
-  _ as default
+  C as default
 };

package/{dist/components/element-dialog/index.js → element-dialog/index.mjs}

@@ -1,7 +1,24 @@
-import { Dialog as s } from "element-ui";
-import { dialogDrag as a } from "@web-utils/core/dist/directives/index";
-import { n } from "../../chunks/5d4282fb.js";
-var r = function() {
+var s = (e, l, t) => new Promise((i, r) => {
+  var c = (o) => {
+    try {
+      a(t.next(o));
+    } catch (n) {
+      r(n);
+    }
+  }, u = (o) => {
+    try {
+      a(t.throw(o));
+    } catch (n) {
+      r(n);
+    }
+  }, a = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(c, u);
+  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 { getComputedHeight as f, isDef as m } from "@web-utils/core";
+import { n as g } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var y = function() {
   var e = this, l = e.$createElement, t = e._self._c || l;
   return t("Transition", {
     attrs: {
@@ -23,13 +40,13 @@ var r = function() {
       value: {
         onMove: e.updatePopper
       },
-      expression: "{onMove:updatePopper}",
+      expression: "{ onMove: updatePopper }",
       arg: e.fullScreen
     }],
     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", {
@@ -41,7 +58,9 @@ var r = function() {
       "el-dialog--flex-row": e.flexRow,
       "el-dialog--flex-column": e.flexColumn
     }, e.customClass],
-    style: e.style,
+    style: Object.assign({}, e.style, {
+      top: e.marginTop
+    }),
     attrs: {
       role: "dialog",
       "aria-modal": "true",
@@ -67,7 +86,7 @@ var r = function() {
       click: e.toggleFullScreen
     }
   }) : e._e(), e.showClose ? t("ElButton", {
-    staticClass: "header-button",
+    staticClass: "header-button header-dialog-close",
     attrs: {
       "aria-label": "Close",
       type: "text",
@@ -88,9 +107,21 @@ var r = function() {
   }, [e._t("footer", null, {
     handleClose: e.handleClose
   })], 2) : e._e()])])]);
-}, d = [];
-const u = {
+}, v = [];
+const _ = {
   props: {
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    openDelay: {},
+    closeDelay: {},
+    zIndex: {},
+    modalFade: {
+      type: Boolean,
+      default: !0
+    },
+    modalClass: {},
     modal: {
       type: Boolean,
       default: !0
@@ -106,14 +137,18 @@ const u = {
     closeOnPressEscape: {
       type: Boolean,
       default: !0
+    },
+    maxHeight: {
+      type: String,
+      default: "76vh"
     }
   }
-}, c = {
+}, C = {
   name: "ElementDialog",
   directives: {
-    dialogDrag: a
+    dialogDrag: h
   },
-  mixins: [...s.mixins, u],
+  mixins: [...d.mixins || d.default.mixins, _],
   props: {
     title: {
       type: String,
@@ -144,7 +179,7 @@ const u = {
     },
     top: {
       type: String,
-      default: "15vh"
+      default: "10vh"
     },
     beforeClose: {
       type: Function
@@ -160,34 +195,52 @@ const u = {
       type: Boolean,
       default: !0
     },
-    embed: Boolean
+    embed: Boolean,
+    verticalCenter: Boolean,
+    offsetTop: Number
   },
   data() {
     return {
       fullScreen: !1,
-      closed: !1
+      closed: !1,
+      marginTop: 0
     };
   },
   computed: {
     style() {
-      const e = {};
-      return this.fullScreen || (e.marginTop = this.top, this.width && (e.width = this.width)), e;
+      const e = {
+        maxHeight: "100%"
+      };
+      return this.fullScreen || (this.width && (e.width = this.width), e.maxHeight = this.maxHeight), e;
     }
   },
   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 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"));
+      });
+    },
+    fullScreen(e) {
+      this.$emit("toggle-fullscreen", e);
     }
   },
+  created() {
+    this.$watch(() => ({ offsetTop: this.offsetTop, verticalCenter: this.verticalCenter, top: this.top }), this.computeTop, { deep: !0 });
+  },
   mounted() {
-    this.visible && (this.rendered = !0, this.open(), this.appendToBody && document.body.appendChild(this.$el));
+    return s(this, null, function* () {
+      this.visible && (this.rendered = !0, this.open(), yield this.computeTop(), this.appendToBody && document.body.appendChild(this.$el));
+    });
   },
   destroyed() {
     this.appendToBody && this.$el && this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
   },
   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;
+      });
+    },
     toggleFullScreen() {
       this.fullScreen = !this.fullScreen;
     },
@@ -220,24 +273,24 @@ const u = {
       this.exitFullScreen(), this.$emit("closed");
     }
   }
-}, i = {};
-var p = /* @__PURE__ */ n(
-  c,
-  r,
-  d,
+}, p = {};
+var S = /* @__PURE__ */ g(
+  C,
+  y,
+  v,
   !1,
-  h,
+  b,
   null,
   null,
   null
 );
-function h(e) {
-  for (let l in i)
-    this[l] = i[l];
+function b(e) {
+  for (let l in p)
+    this[l] = p[l];
 }
-const _ = /* @__PURE__ */ function() {
-  return p.exports;
+const E = /* @__PURE__ */ function() {
+  return S.exports;
 }();
 export {
-  _ as default
+  E as default
 };

package/element-dialog/style.css

@@ -0,0 +1 @@
+.element-dialog.el-dialog{margin:0 auto}.element-dialog.el-dialog.el-dialog-resizeable{flex-direction:column;display:flex}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body{flex:auto;padding:0;position:relative}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__header{font-size:18px;position:relative}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__footer{text-align:right;padding-bottom:10px}.element-dialog.el-dialog.el-dialog-resizeable .dialog-head-group{position:absolute;top:50%;right:14px;transform:translateY(-50%)}.element-dialog.el-dialog.is-fullscreen{position:absolute;width:100%!important;height:100%!important;margin-top:0!important;top:0!important;left:0!important}.element-dialog.el-dialog.el-dialog--center .el-dialog__header{justify-content:center}.element-dialog.el-dialog.el-dialog--flex-column .el-dialog__body{flex-direction:column;display:flex}.element-dialog.el-dialog.el-dialog--flex-row .el-dialog__body{flex-direction:row;display:flex}.element-dialog.el-dialog.el-dialog__body-padding .el-dialog__body{padding:10px}.element-dialog.el-dialog .el-dialog__body{padding:0;overflow:auto}.element-dialog.el-dialog .el-dialog__header{background-color:#409eff;flex-direction:row;align-items:center;padding:4px 10px;font-size:16px;display:flex;position:relative}.element-dialog.el-dialog .el-dialog__header .el-dialog__title{color:#fff;font-size:16px;font-weight:400}.element-dialog.el-dialog .header-button-wrapper{display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.element-dialog.el-dialog .header-button{color:#fff;cursor:pointer;border:none;outline:0;padding:2px}.element-dialog.el-dialog .header-button.header-dialog-close:hover{background:#e34e55}.element-dialog.el-dialog .header-button:hover{background:rgba(0,0,0,.3)}

package/{dist/components/empty-view/index.js → empty-view/index.mjs}

@@ -1,4 +1,4 @@
-import { n as o } from "../../chunks/5d4282fb.js";
+import { n as o } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
 var s = function() {
   var t = this, e = t.$createElement, n = t._self._c || e;
   return n("div", {
@@ -17,8 +17,8 @@ var s = function() {
       }
     }) : t._e(), n("p", [t._v(t._s(t.emptyTips))])])];
   })], 2);
-}, l = [];
-const r = {
+}, r = [];
+const a = {
   name: "EmptyView",
   props: {
     emptyTips: {
@@ -47,10 +47,10 @@ const r = {
     }
   }
 }, i = {};
-var a = /* @__PURE__ */ o(
-  r,
+var l = /* @__PURE__ */ o(
+  a,
   s,
-  l,
+  r,
   !1,
   c,
   null,
@@ -61,9 +61,9 @@ function c(t) {
   for (let e in i)
     this[e] = i[e];
 }
-const p = /* @__PURE__ */ function() {
-  return a.exports;
+const f = /* @__PURE__ */ function() {
+  return l.exports;
 }();
 export {
-  p as default
+  f as default
 };

package/empty-view/style.css

@@ -0,0 +1 @@
+.empty-view{color:#909399;background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:flex;position:relative}

package/{dist/components/error-view/index.js → error-view/index.mjs}

@@ -1,21 +1,21 @@
-import { n as i } from "../../chunks/5d4282fb.js";
+import { n as i } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
 var o = function() {
-  var e = this, t = e.$createElement, r = e._self._c || t;
+  var t = this, e = t.$createElement, r = t._self._c || e;
   return r("div", {
     staticClass: "error-view",
     style: {
-      fontSize: e.fontSize,
-      height: e.height
+      fontSize: t.fontSize,
+      height: t.height
     }
-  }, [e._t("default", function() {
+  }, [t._t("default", function() {
     return [r("div", {
       staticClass: "flex-column horizon-center"
     }, [r("i", {
       staticClass: "fa fa-frown-o",
       style: {
-        fontSize: e.iconSize
+        fontSize: t.iconSize
       }
-    }), r("p", [e._v(e._s(e.errorTips))])])];
+    }), r("p", [t._v(t._s(t.errorTips))])])];
   })], 2);
 }, s = [];
 const a = {
@@ -44,18 +44,18 @@ var l = /* @__PURE__ */ i(
   o,
   s,
   !1,
-  _,
+  c,
   null,
   null,
   null
 );
-function _(e) {
-  for (let t in n)
-    this[t] = n[t];
+function c(t) {
+  for (let e in n)
+    this[e] = n[e];
 }
-const f = /* @__PURE__ */ function() {
+const u = /* @__PURE__ */ function() {
   return l.exports;
 }();
 export {
-  f as default
+  u as default
 };

package/error-view/style.css

@@ -0,0 +1 @@
+.error-view{color:#909399;background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:flex;position:relative}

package/flex-column/index.mjs

@@ -0,0 +1,62 @@
+var u = Object.defineProperty, f = Object.defineProperties;
+var _ = Object.getOwnPropertyDescriptors;
+var o = Object.getOwnPropertySymbols;
+var C = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
+var s = (t, e, n) => e in t ? u(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, a = (t, e) => {
+  for (var n in e || (e = {}))
+    C.call(e, n) && s(t, n, e[n]);
+  if (o)
+    for (var n of o(e))
+      v.call(e, n) && s(t, n, e[n]);
+  return t;
+}, c = (t, e) => f(t, _(e));
+import { g as h } from "../chunks/index.LGsb2aDq.mjs";
+import { n as m } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+const d = {
+  name: "FlexColumn",
+  functional: !0,
+  props: {
+    verticalCenter: {
+      type: Boolean,
+      default: !1
+    },
+    horizonCenter: {
+      type: Boolean,
+      default: !1
+    },
+    center: {
+      type: Boolean,
+      default: !1
+    },
+    textCenter: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  render(t, { data: e, children: n, props: l }) {
+    const r = h(e.class, "flex-column");
+    return l.center || l.horizonCenter && l.verticalCenter ? (r.push("horizon-center"), r.push("vertical-center")) : (l.horizonCenter && r.push("horizon-center"), l.verticalCenter && r.push("vertical-center")), l.textCenter && r.push("text-center"), t("div", c(a({}, e), { class: r }), n);
+  }
+};
+let x, p;
+const i = {};
+var z = /* @__PURE__ */ m(
+  d,
+  x,
+  p,
+  !1,
+  y,
+  null,
+  null,
+  null
+);
+function y(t) {
+  for (let e in i)
+    this[e] = i[e];
+}
+const j = /* @__PURE__ */ function() {
+  return z.exports;
+}();
+export {
+  j as default
+};

package/flex-item/index.mjs

@@ -0,0 +1,81 @@
+var u = Object.defineProperty, c = Object.defineProperties;
+var v = Object.getOwnPropertyDescriptors;
+var s = Object.getOwnPropertySymbols;
+var _ = Object.prototype.hasOwnProperty, x = Object.prototype.propertyIsEnumerable;
+var r = (t, e, l) => e in t ? u(t, e, { enumerable: !0, configurable: !0, writable: !0, value: l }) : t[e] = l, a = (t, e) => {
+  for (var l in e || (e = {}))
+    _.call(e, l) && r(t, l, e[l]);
+  if (s)
+    for (var l of s(e))
+      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.LGsb2aDq.mjs";
+import { n as d } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+const h = {
+  name: "FlexItem",
+  functional: !0,
+  props: {
+    flexRow: {
+      type: Boolean,
+      default: !1
+    },
+    flexColumn: {
+      type: Boolean,
+      default: !1
+    },
+    verticalCenter: {
+      type: Boolean,
+      default: !1
+    },
+    horizonCenter: {
+      type: Boolean,
+      default: !1
+    },
+    center: {
+      type: Boolean,
+      default: !1
+    },
+    textCenter: {
+      type: Boolean,
+      default: !1
+    },
+    relative: {
+      type: Boolean,
+      default: !1
+    },
+    absolute: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  render(t, { children: e, data: l, props: n }) {
+    const o = m(l.class, n.relative ? "flex-item-relative" : "flex-item");
+    return n.absolute && !n.relative && o.push("flex-item-relative"), n.center || n.horizonCenter && n.verticalCenter ? (o.push("horizon-center"), o.push("vertical-center")) : (n.horizonCenter && o.push("horizon-center"), n.verticalCenter && o.push("vertical-center")), n.textCenter && o.push("text-center"), n.flexColumn && o.push("flex-column"), n.flexRow && o.push("flex-row"), n.absolute ? t("div", f(a({}, l), { class: o }), [t("div", {
+      class: "absolute",
+      style: "overflow:auto"
+    }, e)]) : t("div", f(a({}, l), { class: o }), e);
+  }
+};
+let C, y;
+const i = {};
+var B = /* @__PURE__ */ d(
+  h,
+  C,
+  y,
+  !1,
+  z,
+  null,
+  null,
+  null
+);
+function z(t) {
+  for (let e in i)
+    this[e] = i[e];
+}
+const F = /* @__PURE__ */ function() {
+  return B.exports;
+}();
+export {
+  F as default
+};

package/flex-row/index.mjs

@@ -0,0 +1,62 @@
+var u = Object.defineProperty, f = Object.defineProperties;
+var _ = Object.getOwnPropertyDescriptors;
+var o = Object.getOwnPropertySymbols;
+var v = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable;
+var s = (t, e, n) => e in t ? u(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, a = (t, e) => {
+  for (var n in e || (e = {}))
+    v.call(e, n) && s(t, n, e[n]);
+  if (o)
+    for (var n of o(e))
+      h.call(e, n) && s(t, n, e[n]);
+  return t;
+}, c = (t, e) => f(t, _(e));
+import { g as C } from "../chunks/index.LGsb2aDq.mjs";
+import { n as d } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+const x = {
+  name: "FlexRow",
+  functional: !0,
+  props: {
+    verticalCenter: {
+      type: Boolean,
+      default: !1
+    },
+    horizonCenter: {
+      type: Boolean,
+      default: !1
+    },
+    center: {
+      type: Boolean,
+      default: !1
+    },
+    textCenter: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  render(t, { data: e, children: n, props: r }) {
+    const l = C(e.class, "flex-row");
+    return r.center || r.horizonCenter && r.verticalCenter ? (l.push("horizon-center"), l.push("vertical-center")) : (r.horizonCenter && l.push("horizon-center"), r.verticalCenter && l.push("vertical-center")), r.textCenter && l.push("text-center"), t("div", c(a({}, e), { class: l }), n);
+  }
+};
+let m, p;
+const i = {};
+var z = /* @__PURE__ */ d(
+  x,
+  m,
+  p,
+  !1,
+  y,
+  null,
+  null,
+  null
+);
+function y(t) {
+  for (let e in i)
+    this[e] = i[e];
+}
+const R = /* @__PURE__ */ function() {
+  return z.exports;
+}();
+export {
+  R as default
+};

package/{dist/components/flex-scroller/index.js → flex-scroller/index.mjs}

@@ -1,4 +1,4 @@
-import { n as o } from "../../chunks/5d4282fb.js";
+import { n as o } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
 var r = function() {
   var e = this, l = e.$createElement, n = e._self._c || l;
   return n("div", {
@@ -30,18 +30,18 @@ var a = /* @__PURE__ */ o(
   r,
   c,
   !1,
-  _,
+  f,
   null,
   null,
   null
 );
-function _(e) {
+function f(e) {
   for (let l in t)
     this[l] = t[l];
 }
-const f = /* @__PURE__ */ function() {
+const _ = /* @__PURE__ */ function() {
   return a.exports;
 }();
 export {
-  f as default
+  _ as default
 };

package/flex-scroller/style.css

@@ -0,0 +1 @@
+.flex-scroller-wrapper{flex:auto;position:relative}.flex-scroller-wrapper .flex-scroller{position:absolute;top:0;bottom:0;left:0;right:0}.flex-scroller-wrapper .flex-scroller.content-scroll{overflow:auto}