@web-utils/component 2.0.12 → 2.0.14

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

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

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

@@ -1,102 +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 .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;
-}
+.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}

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

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

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

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