@web-utils/component 2.0.10 → 2.0.12

package/dist/components/element-dialog/index.js

@@ -1,119 +1,126 @@
-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 e = this, l = e.$createElement, t = e._self._c || l;
-  return t("Transition", {
+import { Dialog } from "element-ui";
+import { dialogDrag } from "@web-utils/core/dist/directives/index";
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("Transition", {
     attrs: {
-      name: "dialog-fade"
+      "name": "dialog-fade"
     },
     on: {
-      "after-enter": e.afterEnter,
-      "after-leave": e.afterLeave
+      "after-enter": _vm.afterEnter,
+      "after-leave": _vm.afterLeave
     }
-  }, [t("div", {
+  }, [_c("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: e.visible,
+      value: _vm.visible,
       expression: "visible"
     }, {
       name: "dialog-drag",
       rawName: "v-dialog-drag:[fullScreen]",
       value: {
-        onMove: e.updatePopper
+        onMove: _vm.updatePopper
       },
       expression: "{onMove:updatePopper}",
-      arg: e.fullScreen
+      arg: _vm.fullScreen
     }],
     staticClass: "el-dialog__wrapper",
     on: {
-      click: function(o) {
-        return o.target !== o.currentTarget ? null : e.handleWrapperClick.apply(null, arguments);
+      "click": function($event) {
+        if ($event.target !== $event.currentTarget)
+          return null;
+        return _vm.handleWrapperClick.apply(null, arguments);
       }
     }
-  }, [t("div", {
+  }, [_c("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,
+      "is-fullscreen": _vm.fullScreen,
+      "el-dialog__body-padding": _vm.bodyPadding,
+      "el-dialog--center": _vm.center,
+      "el-dialog--flex-row": _vm.flexRow,
+      "el-dialog--flex-column": _vm.flexColumn
+    }, _vm.customClass],
+    style: _vm.style,
     attrs: {
-      role: "dialog",
+      "role": "dialog",
       "aria-modal": "true",
-      "aria-label": e.title || "dialog"
+      "aria-label": _vm.title || "dialog"
     }
-  }, [t("div", {
+  }, [_c("div", {
     staticClass: "el-dialog__header"
-  }, [e._t("title", function() {
-    return [t("span", {
+  }, [_vm._t("title", function() {
+    return [_c("span", {
       staticClass: "el-dialog__title"
-    }, [e._v(e._s(e.title))])];
-  }), t("div", {
+    }, [_vm._v(_vm._s(_vm.title))])];
+  }), _c("div", {
     staticClass: "header-button-wrapper"
-  }, [e._t("header-button"), e.showFullScreen ? t("ElButton", {
+  }, [_vm._t("header-button"), _vm.showFullScreen ? _c("ElButton", {
     staticClass: "header-button",
     attrs: {
-      type: "text",
-      icon: e.fullScreen ? "el-icon-copy-document" : "el-icon-full-screen",
-      size: "medium",
-      title: e.fullScreen ? "还原" : "最大化"
+      "type": "text",
+      "icon": _vm.fullScreen ? "el-icon-copy-document" : "el-icon-full-screen",
+      "size": "medium",
+      "title": _vm.fullScreen ? "还原" : "最大化"
     },
     on: {
-      click: e.toggleFullScreen
+      "click": _vm.toggleFullScreen
     }
-  }) : e._e(), e.showClose ? t("ElButton", {
+  }) : _vm._e(), _vm.showClose ? _c("ElButton", {
     staticClass: "header-button",
     attrs: {
       "aria-label": "Close",
-      type: "text",
-      title: "关闭",
-      icon: "el-icon-close",
-      size: "medium"
+      "type": "text",
+      "title": "关闭",
+      "icon": "el-icon-close",
+      "size": "medium"
     },
     on: {
-      click: e.handleClose
+      "click": _vm.handleClose
     }
-  }) : e._e()], 2)], 2), e.rendered ? t("div", {
+  }) : _vm._e()], 2)], 2), _vm.rendered ? _c("div", {
     staticClass: "el-dialog__body",
     style: {
-      height: e.fullScreen ? "100%" : e.height
+      height: _vm.fullScreen ? "100%" : _vm.height
     }
-  }, [e.destroyOnClose ? [e.visible ? e._t("default") : e._e()] : e._t("default")], 2) : e._e(), e.shouldShowFooter() ? t("div", {
+  }, [_vm.destroyOnClose ? [_vm.visible ? _vm._t("default") : _vm._e()] : _vm._t("default")], 2) : _vm._e(), _vm.shouldShowFooter() ? _c("div", {
     staticClass: "el-dialog__footer"
-  }, [e._t("footer", null, {
-    handleClose: e.handleClose
-  })], 2) : e._e()])])]);
-}, d = [];
-const u = {
+  }, [_vm._t("footer", null, {
+    "handleClose": _vm.handleClose
+  })], 2) : _vm._e()])])]);
+};
+var staticRenderFns = [];
+const ElementDialog_vue_vue_type_style_index_0_lang = "";
+const defaults = {
   props: {
     modal: {
       type: Boolean,
-      default: !0
+      default: true
     },
     modalAppendToBody: {
       type: Boolean,
-      default: !0
+      default: true
     },
     lockScroll: {
       type: Boolean,
-      default: !0
+      default: true
     },
     closeOnPressEscape: {
       type: Boolean,
-      default: !0
+      default: true
     }
   }
-}, c = {
+};
+const __vue2_script = {
   name: "ElementDialog",
   directives: {
-    dialogDrag: a
+    dialogDrag
   },
-  mixins: [...s.mixins, u],
+  mixins: [...Dialog.mixins, defaults],
   props: {
     title: {
       type: String,
@@ -121,15 +128,15 @@ const u = {
     },
     appendToBody: {
       type: Boolean,
-      default: !0
+      default: true
     },
     closeOnClickModal: {
       type: Boolean,
-      default: !1
+      default: false
     },
     showClose: {
       type: Boolean,
-      default: !0
+      default: true
     },
     showFullScreen: Boolean,
     width: {
@@ -151,93 +158,138 @@ const u = {
     },
     center: {
       type: Boolean,
-      default: !0
+      default: true
     },
     destroyOnClose: Boolean,
     flexRow: Boolean,
     flexColumn: Boolean,
     bodyPadding: {
       type: Boolean,
-      default: !0
+      default: true
     },
     embed: Boolean
   },
   data() {
     return {
-      fullScreen: !1,
-      closed: !1
+      fullScreen: false,
+      closed: false
     };
   },
   computed: {
     style() {
-      const e = {};
-      return this.fullScreen || (e.marginTop = this.top, this.width && (e.width = this.width)), e;
+      const style = {};
+      if (!this.fullScreen) {
+        style.marginTop = this.top;
+        if (this.width) {
+          style.width = this.width;
+        }
+      }
+      return style;
     }
   },
   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"));
+    visible(val) {
+      if (val) {
+        this.closed = false;
+        this.$emit("open");
+        this.$el.addEventListener("scroll", this.updatePopper);
+        this.$nextTick(() => {
+          this.$refs.dialog.scrollTop = 0;
+        });
+        if (this.appendToBody) {
+          document.body.appendChild(this.$el);
+        }
+      } else {
+        this.$el.removeEventListener("scroll", this.updatePopper);
+        if (!this.closed) {
+          this.$emit("close");
+        }
+      }
     }
   },
   mounted() {
-    this.visible && (this.rendered = !0, this.open(), this.appendToBody && document.body.appendChild(this.$el));
+    if (this.visible) {
+      this.rendered = true;
+      this.open();
+      if (this.appendToBody) {
+        document.body.appendChild(this.$el);
+      }
+    }
   },
   destroyed() {
-    this.appendToBody && this.$el && this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
+    if (this.appendToBody && this.$el && this.$el.parentNode) {
+      this.$el.parentNode.removeChild(this.$el);
+    }
   },
   methods: {
     toggleFullScreen() {
       this.fullScreen = !this.fullScreen;
     },
     enterFullScreen() {
-      this.fullScreen = !0;
+      this.fullScreen = true;
     },
     exitFullScreen() {
-      this.fullScreen = !1;
+      this.fullScreen = false;
     },
     shouldShowFooter() {
-      var e, l;
-      return !!((l = (e = this.$scopedSlots).footer) != null && l.call(e));
+      var _a, _b;
+      return !!((_b = (_a = this.$scopedSlots).footer) == null ? void 0 : _b.call(_a));
     },
     handleWrapperClick() {
-      this.closeOnClickModal && this.handleClose();
+      if (!this.closeOnClickModal)
+        return;
+      this.handleClose();
     },
     handleClose() {
-      typeof this.beforeClose == "function" ? this.beforeClose(this.hide) : this.hide();
+      if (typeof this.beforeClose === "function") {
+        this.beforeClose(this.hide);
+      } else {
+        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);
+    hide(cancel) {
+      if (cancel !== false) {
+        if (this.embed) {
+          this.$parent.$emit("update:visible", false);
+        } else {
+          this.$emit("update:visible", false);
+        }
+        this.$emit("close");
+        this.closed = true;
+      }
     },
     updatePopper() {
-      this.broadcast("ElSelectDropdown", "updatePopper"), this.broadcast("ElDropdownMenu", "updatePopper");
+      this.broadcast("ElSelectDropdown", "updatePopper");
+      this.broadcast("ElDropdownMenu", "updatePopper");
     },
     afterEnter() {
       this.$emit("opened");
     },
     afterLeave() {
-      this.exitFullScreen(), this.$emit("closed");
+      this.exitFullScreen();
+      this.$emit("closed");
     }
   }
-}, i = {};
-var p = /* @__PURE__ */ n(
-  c,
-  r,
-  d,
-  !1,
-  h,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function h(e) {
-  for (let l in i)
-    this[l] = i[l];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const _ = /* @__PURE__ */ function() {
-  return p.exports;
+const ElementDialog = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  _ as default
+  ElementDialog as default
 };

package/dist/components/element-dialog/style.css

@@ -1 +1,102 @@
-.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 .fullscreen-btn{position:absolute;top:14px;right:50px;padding:2px;color:#fff;background:0 0;border:none;outline:0;cursor:pointer}.element-dialog.el-dialog.el-dialog-resizeable .fullscreen-btn:hover{background:#e34e55}.element-dialog.el-dialog.el-dialog-resizeable .fullscreen-btn .el-icon-full-screen,.element-dialog.el-dialog.el-dialog-resizeable .fullscreen-btn .el-icon-copy-document{padding:4px;font-size:13px}.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}.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:hover{background:#e34e55}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.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 .fullscreen-btn {
+  position: absolute;
+  top: 14px;
+  right: 50px;
+  padding: 2px;
+  color: #fff;
+  background: 0 0;
+  border: none;
+  outline: 0;
+  cursor: pointer;
+}
+.element-dialog.el-dialog.el-dialog-resizeable .fullscreen-btn:hover {
+  background: #e34e55;
+}
+.element-dialog.el-dialog.el-dialog-resizeable .fullscreen-btn .el-icon-full-screen, .element-dialog.el-dialog.el-dialog-resizeable .fullscreen-btn .el-icon-copy-document {
+  padding: 4px;
+  font-size: 13px;
+}
+.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;
+}
+.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:hover {
+  background: #e34e55;
+}

package/dist/components/empty-view/index.js

@@ -1,24 +1,28 @@
-import { n as o } from "../../chunks/5d4282fb.js";
-var s = function() {
-  var t = this, e = t.$createElement, n = t._self._c || e;
-  return n("div", {
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "empty-view",
     style: {
-      fontSize: t.fontSize,
-      height: t.height
+      fontSize: _vm.fontSize,
+      height: _vm.height
     }
-  }, [t._t("default", function() {
-    return [n("div", {
+  }, [_vm._t("default", function() {
+    return [_c("div", {
       staticClass: "flex-column horizon-center"
-    }, [t.showIcon ? n("i", {
-      class: t.icon,
+    }, [_vm.showIcon ? _c("i", {
+      class: _vm.icon,
       style: {
-        fontSize: t.iconSize
+        fontSize: _vm.iconSize
       }
-    }) : t._e(), n("p", [t._v(t._s(t.emptyTips))])])];
+    }) : _vm._e(), _c("p", [_vm._v(_vm._s(_vm.emptyTips))])])];
   })], 2);
-}, l = [];
-const r = {
+};
+var staticRenderFns = [];
+const EmptyView_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "EmptyView",
   props: {
     emptyTips: {
@@ -39,31 +43,33 @@ const r = {
     },
     showIcon: {
       type: Boolean,
-      default: !1
+      default: false
     },
     height: {
       type: String,
       default: "100%"
     }
   }
-}, i = {};
-var a = /* @__PURE__ */ o(
-  r,
-  s,
-  l,
-  !1,
-  c,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function c(t) {
-  for (let e in i)
-    this[e] = i[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const p = /* @__PURE__ */ function() {
-  return a.exports;
+const EmptyView = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  p as default
+  EmptyView as default
 };

package/dist/components/empty-view/style.css

@@ -1 +1,17 @@
-.empty-view{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#909399;font-size:20px;background-color:#fff}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.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/dist/components/error-view/index.js

@@ -1,24 +1,28 @@
-import { n as i } from "../../chunks/5d4282fb.js";
-var o = function() {
-  var e = this, t = e.$createElement, r = e._self._c || t;
-  return r("div", {
+import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
+var render = function() {
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "error-view",
     style: {
-      fontSize: e.fontSize,
-      height: e.height
+      fontSize: _vm.fontSize,
+      height: _vm.height
     }
-  }, [e._t("default", function() {
-    return [r("div", {
+  }, [_vm._t("default", function() {
+    return [_c("div", {
       staticClass: "flex-column horizon-center"
-    }, [r("i", {
+    }, [_c("i", {
       staticClass: "fa fa-frown-o",
       style: {
-        fontSize: e.iconSize
+        fontSize: _vm.iconSize
       }
-    }), r("p", [e._v(e._s(e.errorTips))])])];
+    }), _c("p", [_vm._v(_vm._s(_vm.errorTips))])])];
   })], 2);
-}, s = [];
-const a = {
+};
+var staticRenderFns = [];
+const ErrorView_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "ErrorView",
   props: {
     errorTips: {
@@ -38,24 +42,26 @@ const a = {
       default: "100%"
     }
   }
-}, n = {};
-var l = /* @__PURE__ */ i(
-  a,
-  o,
-  s,
-  !1,
-  _,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(e) {
-  for (let t in n)
-    this[t] = n[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const f = /* @__PURE__ */ function() {
-  return l.exports;
+const ErrorView = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  f as default
+  ErrorView as default
 };