@web-utils/component 2.0.13 → 2.7.0

package/dist/components/affix/index.js

@@ -0,0 +1,102 @@
+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", {
+    ref: "point",
+    class: {
+      affix: t.affix
+    },
+    style: t.styles
+  }, [t._t("default")], 2), s("div", {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: t.slot,
+      expression: "slot"
+    }],
+    style: t.slotStyle
+  })]);
+}, c = [];
+const a = {
+  name: "Affix",
+  props: {
+    target: String,
+    offsetTop: {
+      type: Number,
+      default: 0
+    },
+    offsetBottom: {
+      type: Number
+    }
+  },
+  data() {
+    return {
+      container: null,
+      affix: !1,
+      styles: {},
+      slot: !1,
+      slotStyle: {}
+    };
+  },
+  computed: {
+    offsetType() {
+      let t = "top";
+      return this.offsetBottom >= 0 && (t = "bottom"), t;
+    }
+  },
+  mounted() {
+    this.target ? this.container = document.querySelector(this.target) : this.container = document, this.container.addEventListener("scroll", this.handleScroll, !1), this.container.addEventListener("resize", this.handleScroll, !1);
+  },
+  beforeDestroy() {
+    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;
+    },
+    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;
+      return {
+        top: e.top + s - n,
+        left: e.left + i - f
+      };
+    },
+    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 = {
+        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`,
+        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 = {
+        bottom: `${this.offsetBottom}px`,
+        left: `${s.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));
+    }
+  }
+}, l = {};
+var p = /* @__PURE__ */ r(
+  a,
+  h,
+  c,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(t) {
+  for (let e in l)
+    this[e] = l[e];
+}
+const m = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  m as default
+};

package/dist/components/affix/style.css

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

package/dist/components/array/index.js

@@ -0,0 +1,156 @@
+import { p as a, e as o } from "../../chunks/event.50c365eb.js";
+import { i as c } from "../../chunks/util.5053d54e.js";
+import { n as p } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var u = function() {
+  var t = this, i = t.$createElement, e = t._self._c || i;
+  return e("div", {
+    staticClass: "avue-array"
+  }, [t.text ? e("ElButton", {
+    attrs: {
+      type: "primary",
+      icon: "el-icon-plus",
+      circle: "",
+      size: t.size,
+      disabled: t.disabled
+    },
+    on: {
+      click: function(r) {
+        return t.add();
+      }
+    }
+  }) : t._e(), t._l(t.text, function(r, s) {
+    return e("div", {
+      key: s,
+      staticClass: "avue-array__item"
+    }, [e("div", {
+      staticClass: "avue-array__input"
+    }, [e("ElTooltip", {
+      attrs: {
+        placement: "bottom",
+        disabled: !t.isImg && !t.isUrl || !!r
+      }
+    }, [e("div", {
+      attrs: {
+        slot: "content"
+      },
+      slot: "content"
+    }, [t.isImg ? e(t.isMediaType(r), {
+      tag: "Component",
+      staticStyle: {
+        width: "200px"
+      },
+      attrs: {
+        src: r,
+        controls: "controls"
+      },
+      on: {
+        click: function(n) {
+          return t.openImg(s);
+        }
+      }
+    }) : t.isUrl ? e("ElLink", {
+      attrs: {
+        type: "primary",
+        href: r,
+        target: t.target
+      }
+    }, [t._v(" " + t._s(r) + " ")]) : t._e()], 1), e("ElInput", {
+      attrs: {
+        size: t.size,
+        placeholder: t.placeholder,
+        disabled: t.disabled
+      },
+      model: {
+        value: t.text[s],
+        callback: function(n) {
+          t.$set(t.text, s, n);
+        },
+        expression: "text[index]"
+      }
+    })], 1), t.disabled || t.readonly || t.alone ? t._e() : [t.isLimit ? t._e() : e("ElButton", {
+      attrs: {
+        type: "primary",
+        icon: "el-icon-plus",
+        circle: "",
+        size: t.size,
+        disabled: t.disabled
+      },
+      on: {
+        click: function(n) {
+          return t.add(s);
+        }
+      }
+    }), e("ElButton", {
+      attrs: {
+        type: "danger",
+        icon: "el-icon-minus",
+        circle: "",
+        size: t.size,
+        disabled: t.disabled
+      },
+      on: {
+        click: function(n) {
+          return t.remove(s);
+        }
+      }
+    })]], 2)]);
+  })], 2);
+}, d = [];
+const m = {
+  name: "Array",
+  mixins: [a, o],
+  props: {
+    fileType: String,
+    alone: Boolean,
+    type: String,
+    limit: Number
+  },
+  computed: {
+    isLimit() {
+      return this.limit;
+    },
+    textLen() {
+      return this.text.length;
+    },
+    isImg() {
+      return this.type === "img";
+    },
+    isUrl() {
+      return this.type === "url";
+    }
+  },
+  methods: {
+    isMediaType(t) {
+      return c(t, this.fileType);
+    },
+    add(t) {
+      this.text.splice(t + 1, 0, "");
+    },
+    remove(t) {
+      this.text.splice(t, 1);
+    },
+    openImg(t) {
+      this.text.map((i) => ({ thumbUrl: i, url: i, type: this.fileType }));
+    }
+  }
+}, l = {};
+var _ = /* @__PURE__ */ p(
+  m,
+  u,
+  d,
+  !1,
+  y,
+  null,
+  null,
+  null
+);
+function y(t) {
+  for (let i in l)
+    this[i] = l[i];
+}
+const b = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  b as default
+};

package/dist/components/array/style.css

@@ -0,0 +1 @@
+.avue-array__item{margin-bottom:5px}.avue-array__input{display:flex}.avue-array__input .el-input{flex:auto}.avue-array__input .el-button{margin-left:5px}

package/dist/components/article/index.js

@@ -0,0 +1,93 @@
+import { n as l } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
+var i = function() {
+  var t = this, s = t.$createElement, e = t._self._c || s;
+  return e("div", {
+    staticClass: "avue-article"
+  }, [e("div", {
+    staticClass: "avue-article__header"
+  }, [t.title ? e("div", {
+    staticClass: "avue-article__title",
+    domProps: {
+      textContent: t._s(t.title)
+    }
+  }) : t._e(), t.meta ? e("small", {
+    staticClass: "avue-article__meta",
+    domProps: {
+      textContent: t._s(t.meta)
+    }
+  }) : t._e()]), t.lead ? e("div", {
+    staticClass: "avue-article__lead",
+    domProps: {
+      textContent: t._s(t.lead)
+    }
+  }) : t._e(), t.body ? e("div", {
+    staticClass: "avue-article__body",
+    domProps: {
+      innerHTML: t._s(t.body)
+    }
+  }) : t._e()]);
+}, n = [];
+const a = {
+  title: "title",
+  meta: "meta",
+  lead: "lead",
+  body: "body"
+}, o = {
+  name: "Article",
+  props: {
+    data: {
+      type: Object,
+      default: () => ({})
+    },
+    props: {
+      type: Object,
+      default: () => a
+    }
+  },
+  computed: {
+    titleKey() {
+      return this.props.title || a.title;
+    },
+    metaKey() {
+      return this.props.meta || a.meta;
+    },
+    leadKey() {
+      return this.props.lead || a.lead;
+    },
+    bodyKey() {
+      return this.props.body || a.body;
+    },
+    title() {
+      return this.data[this.titleKey];
+    },
+    meta() {
+      return this.data[this.metaKey];
+    },
+    lead() {
+      return this.data[this.leadKey];
+    },
+    body() {
+      return this.data[this.bodyKey];
+    }
+  }
+}, r = {};
+var d = /* @__PURE__ */ l(
+  o,
+  i,
+  n,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(t) {
+  for (let s in r)
+    this[s] = r[s];
+}
+const u = /* @__PURE__ */ function() {
+  return d.exports;
+}();
+export {
+  u as default
+};

package/dist/components/article/style.css

@@ -0,0 +1 @@
+.avue-article__title{margin-bottom:15px;font-size:32px;line-height:32px;font-weight:400}.avue-article__meta{display:block;margin-bottom:20px;font-size:12px;color:#999}.avue-article__lead{color:#666;font-size:14px;line-height:22px;border:1px solid #dedede;border-radius:2px;background:#f9f9f9;padding:10px}.avue-article__body{padding-top:10px;background:#fff;font-family:Segoe UI,Lucida Grande,Helvetica,Arial,Microsoft YaHei,FreeSans,Arimo,Droid Sans,wenquanyi micro hei,Hiragino Sans GB,Hiragino Sans GB W3,FontAwesome,sans-serif;color:#333;font-size:14px}.avue-article blockquote{margin:0;font-family:Georgia,Times New Roman,Times,Kai,Kaiti SC,KaiTi,BiauKai,FontAwesome,serif;padding:1px 0 1px 15px;border-left:4px solid #ddd}

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

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

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

@@ -1,9 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.aside-menu-item {
-  padding: 8px 10px;
-}
+.aside-menu-item{padding:8px 10px}

package/dist/components/avatar/index.js

@@ -0,0 +1,106 @@
+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", {
+    staticClass: "avue-avatar__images",
+    attrs: {
+      src: e.src,
+      alt: ""
+    }
+  }) : e.icon ? s("i", {
+    class: e.icon
+  }) : s("span", {
+    ref: "avatarChildren",
+    staticClass: "avue-avatar__string",
+    style: e.sizeChildrenStyle
+  }, [e._t("default")], 2)]);
+}, l = [];
+const i = "avue-avatar", c = {
+  name: "Avatar",
+  props: {
+    src: String,
+    shape: {
+      validator: (e) => ["circle", "square"].includes(e),
+      type: String,
+      default: "circle"
+    },
+    size: {
+      validator: (e) => typeof e == "number" || ["small", "large", "default"].includes(e),
+      default: "default"
+    },
+    icon: String
+  },
+  data() {
+    return {
+      scale: 1
+    };
+  },
+  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;
+    },
+    sizeCls() {
+      return {
+        [`${i}--${this.shape}`]: this.shape,
+        [`${i}--lg`]: this.size === "large",
+        [`${i}--sm`]: this.size === "small"
+      };
+    },
+    sizeStyle() {
+      return typeof this.size == "number" ? {
+        width: `${this.size}px`,
+        height: `${this.size}px`,
+        lineHeight: `${this.size}px`,
+        fontSize: this.icon ? `${this.size / 2}px` : "18px"
+      } : {};
+    }
+  },
+  updated() {
+    this.$nextTick(() => {
+      this.setScale();
+    });
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.setScale();
+    });
+  },
+  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;
+      }
+    }
+  }
+}, a = {};
+var o = /* @__PURE__ */ r(
+  c,
+  n,
+  l,
+  !1,
+  h,
+  null,
+  null,
+  null
+);
+function h(e) {
+  for (let t in a)
+    this[t] = a[t];
+}
+const d = /* @__PURE__ */ function() {
+  return o.exports;
+}();
+export {
+  d as default
+};

package/dist/components/avatar/style.css

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