@web-utils/component 2.7.36 → 2.7.37

package/dist/components/editable-tree/style.css

@@ -1,82 +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: normal 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;
-}
+.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/dist/components/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/dist/components/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/dist/components/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/dist/components/element-dialog/style.css

@@ -1,88 +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: normal;
-  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, 0.3);
-}
+.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/dist/components/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
+};