@web-utils/component 2.0.13 → 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/egd-collapse/index.mjs

@@ -0,0 +1,79 @@
+import { n } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var i = function() {
+  var e = this, t = e.$createElement, s = e._self._c || t;
+  return s("div", {
+    staticClass: "el-collapse",
+    attrs: {
+      role: "tablist",
+      "aria-multiselectable": "true"
+    }
+  }, [e._t("default")], 2);
+}, c = [];
+const l = {
+  name: "EgdCollapse",
+  componentName: "EgdCollapse",
+  provide() {
+    return {
+      collapse: this
+    };
+  },
+  props: {
+    accordion: Boolean,
+    value: {
+      type: [Array, String, Number],
+      default() {
+        return [];
+      }
+    }
+  },
+  data() {
+    return {
+      activeNames: [].concat(this.value)
+    };
+  },
+  watch: {
+    value(e) {
+      this.activeNames = [].concat(e);
+    }
+  },
+  created() {
+    this.$on("item-click", this.handleItemClick);
+  },
+  methods: {
+    setActiveNames(e) {
+      e = [].concat(e);
+      const t = this.accordion ? e[0] : e;
+      this.activeNames = e, this.$emit("input", t), this.$emit("change", t);
+    },
+    handleItemClick(e) {
+      if (this.accordion)
+        this.setActiveNames(
+          (this.activeNames[0] || this.activeNames[0] === 0) && this.activeNames[0] === e.name ? "" : e.name
+        );
+      else {
+        const t = this.activeNames.slice(0), s = t.indexOf(e.name);
+        s > -1 ? t.splice(s, 1) : t.push(e.name), this.setActiveNames(t);
+      }
+    }
+  }
+}, a = {};
+var o = /* @__PURE__ */ n(
+  l,
+  i,
+  c,
+  !1,
+  r,
+  null,
+  null,
+  null
+);
+function r(e) {
+  for (let t in a)
+    this[t] = a[t];
+}
+const u = /* @__PURE__ */ function() {
+  return o.exports;
+}();
+export {
+  u as default
+};

package/egd-collapse-item/index.mjs

@@ -0,0 +1,134 @@
+import a from "element-ui/src/mixins/emitter";
+import { generateId as n } from "element-ui/src/utils/util";
+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",
+    class: {
+      "is-active": e.isActive,
+      "is-disabled": e.disabled
+    }
+  }, [t("div", {
+    attrs: {
+      role: "tab",
+      "aria-expanded": e.isActive,
+      "aria-controls": `el-collapse-content-${e.id}`,
+      "aria-describedby": `el-collapse-content-${e.id}`
+    }
+  }, [t("div", {
+    staticClass: "el-collapse-item__header",
+    class: {
+      focusing: e.focusing,
+      "is-active": e.isActive
+    },
+    attrs: {
+      id: `el-collapse-head-${e.id}`,
+      role: "button",
+      tabindex: e.disabled ? void 0 : 0
+    },
+    on: {
+      click: e.handleHeaderClick,
+      keyup: function(i) {
+        return !i.type.indexOf("key") && e._k(i.keyCode, "space", 32, i.key, [" ", "Spacebar"]) && e._k(i.keyCode, "enter", 13, i.key, "Enter") ? null : (i.stopPropagation(), e.handleEnterClick.apply(null, arguments));
+      },
+      focus: e.handleFocus,
+      blur: function(i) {
+        e.focusing = !1;
+      }
+    }
+  }, [t("i", {
+    staticClass: "el-collapse-item__arrow el-icon-arrow-right",
+    class: {
+      "is-active": e.isActive
+    },
+    staticStyle: {
+      margin: "0 4px 0 0"
+    }
+  }), e._t("title", function() {
+    return [e._v(" " + e._s(e.title) + " ")];
+  }, {
+    title: e.title
+  })], 2)]), t("ElCollapseTransition", [t("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: e.isActive,
+      expression: "isActive"
+    }],
+    staticClass: "el-collapse-item__wrap",
+    attrs: {
+      id: `el-collapse-content-${e.id}`,
+      role: "tabpanel",
+      "aria-hidden": !e.isActive,
+      "aria-labelledby": `el-collapse-head-${e.id}`
+    }
+  }, [t("div", {
+    staticClass: "el-collapse-item__content"
+  }, [e._t("default")], 2)])])], 1);
+}, d = [];
+const p = {
+  name: "EgdCollapseItem",
+  components: { ElCollapseTransition: c },
+  componentName: "EgdCollapseItem",
+  mixins: [a],
+  inject: ["collapse"],
+  props: {
+    title: {
+      type: String
+    },
+    name: {
+      type: [String, Number],
+      default() {
+        return this._uid;
+      }
+    },
+    disabled: Boolean
+  },
+  data() {
+    return {
+      focusing: !1,
+      isClick: !1,
+      id: n()
+    };
+  },
+  computed: {
+    isActive() {
+      return this.collapse.activeNames.indexOf(this.name) > -1;
+    }
+  },
+  methods: {
+    handleFocus() {
+      setTimeout(() => {
+        this.isClick ? this.isClick = !1 : this.focusing = !0;
+      }, 50);
+    },
+    handleHeaderClick() {
+      this.disabled || (this.dispatch("EgdCollapse", "item-click", this), this.focusing = !1, this.isClick = !0);
+    },
+    handleEnterClick() {
+      this.dispatch("EgdCollapse", "item-click", this);
+    }
+  }
+}, l = {};
+var u = /* @__PURE__ */ o(
+  p,
+  r,
+  d,
+  !1,
+  m,
+  null,
+  null,
+  null
+);
+function m(e) {
+  for (let s in l)
+    this[s] = l[s];
+}
+const C = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  C as default
+};

package/element-dialog/index.mjs

@@ -0,0 +1,296 @@
+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: {
+      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()])])]);
+}, v = [];
+const _ = {
+  props: {
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    openDelay: {},
+    closeDelay: {},
+    zIndex: {},
+    modalFade: {
+      type: Boolean,
+      default: !0
+    },
+    modalClass: {},
+    modal: {
+      type: Boolean,
+      default: !0
+    },
+    modalAppendToBody: {
+      type: Boolean,
+      default: !0
+    },
+    lockScroll: {
+      type: Boolean,
+      default: !0
+    },
+    closeOnPressEscape: {
+      type: Boolean,
+      default: !0
+    },
+    maxHeight: {
+      type: String,
+      default: "76vh"
+    }
+  }
+}, C = {
+  name: "ElementDialog",
+  directives: {
+    dialogDrag: h
+  },
+  mixins: [...d.mixins || d.default.mixins, _],
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    appendToBody: {
+      type: Boolean,
+      default: !0
+    },
+    closeOnClickModal: {
+      type: Boolean,
+      default: !1
+    },
+    showClose: {
+      type: Boolean,
+      default: !0
+    },
+    showFullScreen: Boolean,
+    width: {
+      type: String
+    },
+    height: {
+      type: String
+    },
+    customClass: {
+      type: String,
+      default: ""
+    },
+    top: {
+      type: String,
+      default: "10vh"
+    },
+    beforeClose: {
+      type: Function
+    },
+    center: {
+      type: Boolean,
+      default: !0
+    },
+    destroyOnClose: Boolean,
+    flexRow: Boolean,
+    flexColumn: Boolean,
+    bodyPadding: {
+      type: Boolean,
+      default: !0
+    },
+    embed: Boolean,
+    verticalCenter: Boolean,
+    offsetTop: Number
+  },
+  data() {
+    return {
+      fullScreen: !1,
+      closed: !1,
+      marginTop: 0
+    };
+  },
+  computed: {
+    style() {
+      const e = {
+        maxHeight: "100%"
+      };
+      return this.fullScreen || (this.width && (e.width = this.width), e.maxHeight = this.maxHeight), e;
+    }
+  },
+  watch: {
+    visible(e) {
+      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() {
+    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;
+    },
+    enterFullScreen() {
+      this.fullScreen = !0;
+    },
+    exitFullScreen() {
+      this.fullScreen = !1;
+    },
+    shouldShowFooter() {
+      var e, l;
+      return !!((l = (e = this.$scopedSlots).footer) != null && l.call(e));
+    },
+    handleWrapperClick() {
+      this.closeOnClickModal && this.handleClose();
+    },
+    handleClose() {
+      typeof this.beforeClose == "function" ? this.beforeClose(this.hide) : this.hide();
+    },
+    hide(e) {
+      e !== !1 && (this.embed ? this.$parent.$emit("update:visible", !1) : this.$emit("update:visible", !1), this.$emit("close"), this.closed = !0);
+    },
+    updatePopper() {
+      this.broadcast("ElSelectDropdown", "updatePopper"), this.broadcast("ElDropdownMenu", "updatePopper");
+    },
+    afterEnter() {
+      this.$emit("opened");
+    },
+    afterLeave() {
+      this.exitFullScreen(), this.$emit("closed");
+    }
+  }
+}, p = {};
+var S = /* @__PURE__ */ g(
+  C,
+  y,
+  v,
+  !1,
+  b,
+  null,
+  null,
+  null
+);
+function b(e) {
+  for (let l in p)
+    this[l] = p[l];
+}
+const E = /* @__PURE__ */ function() {
+  return S.exports;
+}();
+export {
+  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/empty-view/index.mjs

@@ -0,0 +1,69 @@
+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", {
+    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);
+}, r = [];
+const a = {
+  name: "EmptyView",
+  props: {
+    emptyTips: {
+      type: String,
+      default: "暂无数据"
+    },
+    fontSize: {
+      type: String,
+      default: "20px"
+    },
+    icon: {
+      type: String,
+      default: "fa fa-dropbox"
+    },
+    iconSize: {
+      type: String,
+      default: "20px"
+    },
+    showIcon: {
+      type: Boolean,
+      default: !1
+    },
+    height: {
+      type: String,
+      default: "100%"
+    }
+  }
+}, i = {};
+var l = /* @__PURE__ */ o(
+  a,
+  s,
+  r,
+  !1,
+  c,
+  null,
+  null,
+  null
+);
+function c(t) {
+  for (let e in i)
+    this[e] = i[e];
+}
+const f = /* @__PURE__ */ function() {
+  return l.exports;
+}();
+export {
+  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/error-view/index.mjs

@@ -0,0 +1,61 @@
+import { n as i } from "../chunks/vueComponentNormalizer.JwmUNtgn.mjs";
+var o = function() {
+  var t = this, e = t.$createElement, r = t._self._c || e;
+  return r("div", {
+    staticClass: "error-view",
+    style: {
+      fontSize: t.fontSize,
+      height: t.height
+    }
+  }, [t._t("default", function() {
+    return [r("div", {
+      staticClass: "flex-column horizon-center"
+    }, [r("i", {
+      staticClass: "fa fa-frown-o",
+      style: {
+        fontSize: t.iconSize
+      }
+    }), r("p", [t._v(t._s(t.errorTips))])])];
+  })], 2);
+}, s = [];
+const a = {
+  name: "ErrorView",
+  props: {
+    errorTips: {
+      type: String,
+      default: "加载失败，请重试"
+    },
+    fontSize: {
+      type: String,
+      default: "20px"
+    },
+    iconSize: {
+      type: String,
+      default: "20px"
+    },
+    height: {
+      type: String,
+      default: "100%"
+    }
+  }
+}, n = {};
+var l = /* @__PURE__ */ i(
+  a,
+  o,
+  s,
+  !1,
+  c,
+  null,
+  null,
+  null
+);
+function c(t) {
+  for (let e in n)
+    this[e] = n[e];
+}
+const u = /* @__PURE__ */ function() {
+  return l.exports;
+}();
+export {
+  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}