@web-utils/component 2.7.20 → 2.7.21

package/dist/components/affix/index.js

@@ -1,23 +1,23 @@
-import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var h = function() {
-  var t = this, e = t.$createElement, s = t._self._c || e;
-  return s("div", [s("div", {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", [_c("div", {
     ref: "point",
     class: {
-      affix: t.affix
+      affix: _vm.affix
     },
-    style: t.styles
-  }, [t._t("default")], 2), s("div", {
+    style: _vm.styles
+  }, [_vm._t("default")], 2), _c("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: t.slot,
+      value: _vm.slot,
       expression: "slot"
     }],
-    style: t.slotStyle
+    style: _vm.slotStyle
   })]);
-}, c = [];
-const a = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "Affix",
   props: {
     target: String,
@@ -40,8 +40,8 @@ const a = {
   },
   computed: {
     offsetType() {
-      let t = "top";
-      return this.offsetBottom >= 0 && (t = "bottom"), t;
+      let type = "top";
+      return this.offsetBottom >= 0 && (type = "bottom"), type;
     }
   },
   mounted() {
@@ -51,52 +51,52 @@ const a = {
     this.container.removeEventListener("scroll", this.handleScroll, !1), this.container.removeEventListener("resize", this.handleScroll, !1);
   },
   methods: {
-    getScroll(t, e) {
-      const s = e ? "pageYOffset" : "pageXOffset", i = e ? "scrollTop" : "scrollLeft";
-      let o = t[s];
-      return typeof o != "number" && (o = document.documentElement[i]), o;
+    getScroll(target, top) {
+      const prop = top ? "pageYOffset" : "pageXOffset", method = top ? "scrollTop" : "scrollLeft";
+      let ret = target[prop];
+      return typeof ret != "number" && (ret = document.documentElement[method]), ret;
     },
-    getOffset(t) {
-      const e = t.getBoundingClientRect(), s = this.getScroll(this.container, !0), i = this.getScroll(this.container), o = document.body, n = o.clientTop || 0, f = o.clientLeft || 0;
+    getOffset(element) {
+      const rect = element.getBoundingClientRect(), scrollTop = this.getScroll(this.container, !0), scrollLeft = this.getScroll(this.container), docEl = document.body, clientTop = docEl.clientTop || 0, clientLeft = docEl.clientLeft || 0;
       return {
-        top: e.top + s - n,
-        left: e.left + i - f
+        top: rect.top + scrollTop - clientTop,
+        left: rect.left + scrollLeft - clientLeft
       };
     },
     handleScroll() {
-      const t = this.affix, e = this.getScroll(this.container, !0), s = this.getOffset(this.$el), i = this.container.innerHeight, o = this.$el.getElementsByTagName("div")[0].offsetHeight;
-      s.top - this.offsetTop < e && this.offsetType === "top" && !t ? (this.affix = !0, this.slotStyle = {
+      const affix = this.affix, scrollTop = this.getScroll(this.container, !0), elOffset = this.getOffset(this.$el), windowHeight = this.container.innerHeight, elHeight = this.$el.getElementsByTagName("div")[0].offsetHeight;
+      elOffset.top - this.offsetTop < scrollTop && this.offsetType === "top" && !affix ? (this.affix = !0, this.slotStyle = {
         width: `${this.$refs.point.clientWidth}px`,
         height: `${this.$refs.point.clientHeight}px`
       }, this.slot = !0, this.styles = {
         top: `${this.offsetTop}px`,
-        left: `${s.left}px`,
+        left: `${elOffset.left}px`,
         width: `${this.$el.offsetWidth}px`
-      }, this.$emit("on-change", !0)) : s.top - this.offsetTop > e && this.offsetType === "top" && t && (this.slot = !1, this.slotStyle = {}, this.affix = !1, this.styles = null, this.$emit("on-change", !1)), s.top + this.offsetBottom + o > e + i && this.offsetType === "bottom" && !t ? (this.affix = !0, this.styles = {
+      }, this.$emit("on-change", !0)) : elOffset.top - this.offsetTop > scrollTop && this.offsetType === "top" && affix && (this.slot = !1, this.slotStyle = {}, this.affix = !1, this.styles = null, this.$emit("on-change", !1)), elOffset.top + this.offsetBottom + elHeight > scrollTop + windowHeight && this.offsetType === "bottom" && !affix ? (this.affix = !0, this.styles = {
         bottom: `${this.offsetBottom}px`,
-        left: `${s.left}px`,
+        left: `${elOffset.left}px`,
         width: `${this.$el.offsetWidth}px`
-      }, this.$emit("on-change", !0)) : s.top + this.offsetBottom + o < e + i && this.offsetType === "bottom" && t && (this.affix = !1, this.styles = null, this.$emit("on-change", !1));
+      }, this.$emit("on-change", !0)) : elOffset.top + this.offsetBottom + elHeight < scrollTop + windowHeight && this.offsetType === "bottom" && affix && (this.affix = !1, this.styles = null, this.$emit("on-change", !1));
     }
   }
-}, l = {};
-var p = /* @__PURE__ */ r(
-  a,
-  h,
-  c,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  u,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function u(t) {
-  for (let e in l)
-    this[e] = l[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const m = /* @__PURE__ */ function() {
-  return p.exports;
+const Affix = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  m as default
+  Affix as default
 };

package/dist/components/affix/style.css

@@ -1 +1,4 @@
-.affix{position:fixed;z-index:10}
+.affix {
+  position: fixed;
+  z-index: 10;
+}

package/dist/components/aside-menu/index.js

@@ -1,33 +1,33 @@
-import { n as a } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var o = function() {
-  var e = this, t = e.$createElement, s = e._self._c || t;
-  return s("div", {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticStyle: {
       "padding-top": "4px"
     }
-  }, e._l(e.menu, function(n) {
-    return s("div", {
-      key: n.key,
+  }, _vm._l(_vm.menu, function(item) {
+    return _c("div", {
+      key: item.key,
       staticClass: "aside-menu-item hover-active",
       class: {
-        active: e.$route.path === n.path
+        active: _vm.$route.path === item.path
       },
       on: {
-        click: function(l) {
-          return e.$router.push(n.path);
+        click: function($event) {
+          return _vm.$router.push(item.path);
         }
       }
-    }, [e._t("default", function() {
-      return [s("i", {
+    }, [_vm._t("default", function() {
+      return [_c("i", {
         staticClass: "egd-icon-common",
-        class: n.icon
-      }), e._v(" " + e._s(n.label) + " ")];
+        class: item.icon
+      }), _vm._v(" " + _vm._s(item.label) + " ")];
     }, {
-      item: n
+      item
     })], 2);
   }), 0);
-}, c = [];
-const u = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "AsideMenu",
   props: {
     menu: {
@@ -35,24 +35,24 @@ const u = {
       default: () => []
     }
   }
-}, r = {};
-var i = /* @__PURE__ */ a(
-  u,
-  o,
-  c,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  _,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(e) {
-  for (let t in r)
-    this[t] = r[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const p = /* @__PURE__ */ function() {
-  return i.exports;
+const AsideMenu = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  p as default
+  AsideMenu as default
 };

package/dist/components/aside-menu/style.css

@@ -1 +1,3 @@
-.aside-menu-item{padding:8px 10px}
+.aside-menu-item {
+  padding: 8px 10px;
+}

package/dist/components/avatar/index.js

@@ -1,34 +1,34 @@
-import { n as r } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var n = function() {
-  var e = this, t = e.$createElement, s = e._self._c || t;
-  return s("span", {
-    class: ["avue-avatar", e.sizeCls, "avue-avatar__icon"],
-    style: e.sizeStyle
-  }, [e.src ? s("img", {
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("span", {
+    class: ["avue-avatar", _vm.sizeCls, "avue-avatar__icon"],
+    style: _vm.sizeStyle
+  }, [_vm.src ? _c("img", {
     staticClass: "avue-avatar__images",
     attrs: {
-      src: e.src,
+      src: _vm.src,
       alt: ""
     }
-  }) : e.icon ? s("i", {
-    class: e.icon
-  }) : s("span", {
+  }) : _vm.icon ? _c("i", {
+    class: _vm.icon
+  }) : _c("span", {
     ref: "avatarChildren",
     staticClass: "avue-avatar__string",
-    style: e.sizeChildrenStyle
-  }, [e._t("default")], 2)]);
-}, l = [];
-const i = "avue-avatar", c = {
+    style: _vm.sizeChildrenStyle
+  }, [_vm._t("default")], 2)]);
+}, staticRenderFns = [];
+const prefixCls = "avue-avatar", __vue2_script = {
   name: "Avatar",
   props: {
     src: String,
     shape: {
-      validator: (e) => ["circle", "square"].includes(e),
+      validator: (val) => ["circle", "square"].includes(val),
       type: String,
       default: "circle"
     },
     size: {
-      validator: (e) => typeof e == "number" || ["small", "large", "default"].includes(e),
+      validator: (val) => typeof val == "number" || ["small", "large", "default"].includes(val),
       default: "default"
     },
     icon: String
@@ -40,19 +40,19 @@ const i = "avue-avatar", c = {
   },
   computed: {
     sizeChildrenStyle() {
-      let e = {};
-      const t = `scale(${this.scale}) translateX(-50%)`;
-      return e = {
-        msTransform: t,
-        WebkitTransform: t,
-        transform: t
-      }, typeof size == "number" && (e.lineHeight = `${this.size}px`), e;
+      let childrenStyle = {};
+      const transformString = `scale(${this.scale}) translateX(-50%)`;
+      return childrenStyle = {
+        msTransform: transformString,
+        WebkitTransform: transformString,
+        transform: transformString
+      }, typeof size == "number" && (childrenStyle.lineHeight = `${this.size}px`), childrenStyle;
     },
     sizeCls() {
       return {
-        [`${i}--${this.shape}`]: this.shape,
-        [`${i}--lg`]: this.size === "large",
-        [`${i}--sm`]: this.size === "small"
+        [`${prefixCls}--${this.shape}`]: this.shape,
+        [`${prefixCls}--lg`]: this.size === "large",
+        [`${prefixCls}--sm`]: this.size === "small"
       };
     },
     sizeStyle() {
@@ -76,31 +76,31 @@ const i = "avue-avatar", c = {
   },
   methods: {
     setScale() {
-      const e = this.$refs.avatarChildren;
-      if (e) {
-        const t = e.offsetWidth, s = this.$el.getBoundingClientRect().width;
-        s - 8 < t ? this.scale = (s - 8) / t : this.scale = 1;
+      const childrenNode = this.$refs.avatarChildren;
+      if (childrenNode) {
+        const childrenWidth = childrenNode.offsetWidth, avatarWidth = this.$el.getBoundingClientRect().width;
+        avatarWidth - 8 < childrenWidth ? this.scale = (avatarWidth - 8) / childrenWidth : this.scale = 1;
       }
     }
   }
-}, a = {};
-var o = /* @__PURE__ */ r(
-  c,
-  n,
-  l,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  h,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function h(e) {
-  for (let t in a)
-    this[t] = a[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const d = /* @__PURE__ */ function() {
-  return o.exports;
+const Avatar = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  d as default
+  Avatar as default
 };

package/dist/components/avatar/style.css

@@ -1 +1,51 @@
-.avue-avatar{font-size:14px;font-variant:tabular-nums;line-height:1.5;color:#000000a6;box-sizing:border-box;margin:0;padding:0;list-style:none;display:inline-block;text-align:center;background:#ccc;color:#fff;white-space:nowrap;position:relative;overflow:hidden;vertical-align:middle;width:32px;height:32px;line-height:32px;border-radius:50%}.avue-avatar__images{width:100%;height:100%}.avue-avatar__icon{font-size:18px}.avue-avatar__string{position:absolute;left:50%;transform-origin:0 center}.avue-avatar--lg{width:40px;height:40px;line-height:40px;border-radius:50%;font-size:24px}.avue-avatar--sm{width:24px;height:24px;line-height:24px;border-radius:50%;font-size:14px}.avue-avatar--square{border-radius:4px}
+.avue-avatar {
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5;
+  color: #000000a6;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: inline-block;
+  text-align: center;
+  background: #ccc;
+  color: #fff;
+  white-space: nowrap;
+  position: relative;
+  overflow: hidden;
+  vertical-align: middle;
+  width: 32px;
+  height: 32px;
+  line-height: 32px;
+  border-radius: 50%;
+}
+.avue-avatar__images {
+  width: 100%;
+  height: 100%;
+}
+.avue-avatar__icon {
+  font-size: 18px;
+}
+.avue-avatar__string {
+  position: absolute;
+  left: 50%;
+  transform-origin: 0 center;
+}
+.avue-avatar--lg {
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+  border-radius: 50%;
+  font-size: 24px;
+}
+.avue-avatar--sm {
+  width: 24px;
+  height: 24px;
+  line-height: 24px;
+  border-radius: 50%;
+  font-size: 14px;
+}
+.avue-avatar--square {
+  border-radius: 4px;
+}

package/dist/components/awesome-button/index.js

@@ -1,6 +1,6 @@
-import { isFunction as i, error as r } from "@web-utils/core";
-import { n as a } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-const l = {
+import { isFunction, error } from "@web-utils/core";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.bf552d98.js";
+const props = {
   props: {
     type: {
       type: String,
@@ -21,9 +21,9 @@ const l = {
     autofocus: Boolean,
     round: Boolean
   }
-}, c = {
+}, __vue2_script = {
   name: "AwesomeButton",
-  mixins: [l],
+  mixins: [props],
   props: {
     text: {
       type: String,
@@ -38,45 +38,45 @@ const l = {
   methods: {
     async onClick(e) {
       this.isLoading = !0;
-      const { click: t } = this.$listeners;
-      if (i(t))
+      const { click } = this.$listeners;
+      if (isFunction(click))
         try {
-          await t(e);
-        } catch (o) {
-          r.call(this, o);
+          await click(e);
+        } catch (e2) {
+          error.call(this, e2);
         }
       this.isLoading = !1;
     }
   },
-  render(e) {
-    var o, n;
-    const t = (n = (o = this.$scopedSlots).default) == null ? void 0 : n.call(o);
-    return e(
+  render(createElement) {
+    var _a, _b;
+    const vNode = (_b = (_a = this.$scopedSlots).default) == null ? void 0 : _b.call(_a);
+    return createElement(
       "ElButton",
       { on: { click: this.onClick }, props: { ...this.$props, disabled: this.isLoading } },
-      t && (t[0].tag || t[0].text) ? t : this.text
+      vNode && (vNode[0].tag || vNode[0].text) ? vNode : this.text
     );
   }
 };
-let u, p;
-const s = {};
-var d = /* @__PURE__ */ a(
-  c,
-  u,
-  p,
+let __vue2_render, __vue2_staticRenderFns;
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  __vue2_render,
+  __vue2_staticRenderFns,
   !1,
-  _,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(e) {
-  for (let t in s)
-    this[t] = s[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const h = /* @__PURE__ */ function() {
-  return d.exports;
+const AwesomeButton = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  h as default
+  AwesomeButton as default
 };