@web-utils/component 2.7.36 → 2.8.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{display:flex;flex-direction:column;width:100%;overflow:auto;text-align:left}.et-tree-wrapper .el-tree{display:table;width:100%;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{display:flex;align-items:center;width:100%;padding-right:8px;font-size:14px}.et-tree-wrapper .custom-tree-node:hover .handle-actions{display:block}.et-tree-wrapper .custom-tree-node .handle-actions{display:none;align-self:flex-end}.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{position:fixed;z-index:3;padding:0;background:#fff;border-radius:4px;box-shadow:0 5px 10px #bebebe}.et-tree-wrapper .menu-item{display:block;padding:8px 20px 8px 8px;color:#242f42;font: 11px tahoma,arial,sans-serif;line-height:100%;white-space:nowrap;cursor:pointer;user-select:none}.et-tree-wrapper .menu .menu-item:hover{color:#66b1ff;background-color:#ecf5ff}.et-tree-wrapper .menu-item-icon{margin-right:4px;font-weight:700;font-size:1.3em}

package/egd-collapse/index.mjs

@@ -0,0 +1,79 @@
+import { n } from "../chunks/vueComponentNormalizer.446f5dc4.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,132 @@
+import a from "element-ui/src/mixins/emitter";
+import { generateId as n } from "element-ui/src/utils/util";
+import { n as c } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var o = 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);
+}, r = [];
+const d = {
+  name: "EgdCollapseItem",
+  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 p = /* @__PURE__ */ c(
+  d,
+  o,
+  r,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(e) {
+  for (let s in l)
+    this[s] = l[s];
+}
+const _ = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  _ as default
+};

package/element-dialog/index.mjs

@@ -0,0 +1,249 @@
+import i from "element-ui/lib/dialog";
+import { dialogDrag as a } from "@web-utils/vue/directives/dialog-drag";
+import { n } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var r = 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(o) {
+        return o.target !== o.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: e.style,
+    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()])])]);
+}, d = [];
+const u = {
+  props: {
+    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: a
+  },
+  mixins: [...i.mixins || i.default.mixins, u],
+  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
+  },
+  data() {
+    return {
+      fullScreen: !1,
+      closed: !1
+    };
+  },
+  computed: {
+    style() {
+      const e = {
+        maxHeight: "100%"
+      };
+      return this.fullScreen || (e.marginTop = this.top, 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"));
+    }
+  },
+  mounted() {
+    this.visible && (this.rendered = !0, this.open(), this.appendToBody && document.body.appendChild(this.$el));
+  },
+  destroyed() {
+    this.appendToBody && this.$el && this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
+  },
+  methods: {
+    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");
+    }
+  }
+}, s = {};
+var p = /* @__PURE__ */ n(
+  c,
+  r,
+  d,
+  !1,
+  h,
+  null,
+  null,
+  null
+);
+function h(e) {
+  for (let l in s)
+    this[l] = s[l];
+}
+const _ = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  _ as default
+};

package/element-dialog/style.css

@@ -0,0 +1 @@
+.element-dialog.el-dialog.el-dialog-resizeable{display:flex;flex-direction:column}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body{position:relative;flex:1 1 auto;padding:0}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__header{position:relative;font-size:18px}.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__footer{padding-bottom:10px;text-align:right}.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;top:0!important;left:0!important;width:100%!important;height:100%!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{display:flex;flex-direction:column}.element-dialog.el-dialog.el-dialog--flex-row .el-dialog__body{display:flex;flex-direction:row}.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{display:flex;flex-direction:row;position:relative;align-items:center;padding:4px 10px;font-size:16px;background-color:#409eff}.element-dialog.el-dialog .el-dialog__header .el-dialog__title{color:#fff;font-weight:400;font-size:16px}.element-dialog.el-dialog .header-button-wrapper{position:absolute;top:50%;right:10px;display:flex;transform:translateY(-50%)}.element-dialog.el-dialog .header-button{padding:2px;color:#fff;border:none;outline:0;cursor:pointer}.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.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: {
+    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 a = /* @__PURE__ */ o(
+  r,
+  s,
+  l,
+  !1,
+  c,
+  null,
+  null,
+  null
+);
+function c(t) {
+  for (let e in i)
+    this[e] = i[e];
+}
+const p = /* @__PURE__ */ function() {
+  return a.exports;
+}();
+export {
+  p as default
+};

package/empty-view/style.css

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

package/error-view/index.mjs

@@ -0,0 +1,61 @@
+import { n as i } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var o = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("div", {
+    staticClass: "error-view",
+    style: {
+      fontSize: e.fontSize,
+      height: e.height
+    }
+  }, [e._t("default", function() {
+    return [r("div", {
+      staticClass: "flex-column horizon-center"
+    }, [r("i", {
+      staticClass: "fa fa-frown-o",
+      style: {
+        fontSize: e.iconSize
+      }
+    }), r("p", [e._v(e._s(e.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,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let t in n)
+    this[t] = n[t];
+}
+const f = /* @__PURE__ */ function() {
+  return l.exports;
+}();
+export {
+  f as default
+};

package/error-view/style.css

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

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.57f871af.mjs";
+import { n as m } from "../chunks/vueComponentNormalizer.446f5dc4.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
+};