@web-utils/component 2.7.36 → 2.7.37

package/dist/components/address-input/index.mjs

@@ -0,0 +1,113 @@
+import { n as l } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var r = function() {
+  var e = this, a = e.$createElement, t = e._self._c || a;
+  return t("div", {
+    staticClass: "address-input-wrapper flex-row"
+  }, [t("div", {
+    staticClass: "address-input-item-wrapper"
+  }, [t("ElCascader", {
+    attrs: {
+      options: e.options,
+      disabled: e.inputDisabled,
+      props: {
+        label: "name",
+        value: e.labelAsValue ? "name" : "id"
+      }
+    },
+    model: {
+      value: e.internalVal.address,
+      callback: function(s) {
+        e.$set(e.internalVal, "address", s);
+      },
+      expression: "internalVal.address"
+    }
+  })], 1), t("div", {
+    staticClass: "address-input-item-wrapper flex-item"
+  }, [t("ElInput", {
+    attrs: {
+      placeholder: "请输入详细地址！",
+      disabled: e.inputDisabled
+    },
+    model: {
+      value: e.internalVal.detailAddress,
+      callback: function(s) {
+        e.$set(e.internalVal, "detailAddress", s);
+      },
+      expression: "internalVal.detailAddress"
+    }
+  })], 1)]);
+}, n = [];
+const i = {
+  name: "AddressInput",
+  inject: {
+    elForm: {
+      default: ""
+    },
+    elFormItem: {
+      default: ""
+    }
+  },
+  props: {
+    options: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    value: {
+      type: Object,
+      default: () => ({})
+    },
+    labelAsValue: Boolean,
+    disabled: Boolean
+  },
+  data() {
+    return {
+      internalVal: {
+        address: [],
+        detailAddress: ""
+      }
+    };
+  },
+  computed: {
+    inputDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    }
+  },
+  watch: {
+    value: {
+      immediate: !0,
+      deep: !0,
+      handler(e) {
+        e && (this.internalVal.address = e.address, this.internalVal.detailAddress = e.detailAddress);
+      }
+    },
+    internalVal: {
+      immediate: !0,
+      deep: !0,
+      handler(e) {
+        !e.address && !e.detailAddress ? this.$emit("input", void 0) : this.$emit("input", e);
+      }
+    }
+  }
+}, d = {};
+var u = /* @__PURE__ */ l(
+  i,
+  r,
+  n,
+  !1,
+  o,
+  null,
+  null,
+  null
+);
+function o(e) {
+  for (let a in d)
+    this[a] = d[a];
+}
+const c = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  c as default
+};

package/dist/components/address-input/style.css

@@ -1,15 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.address-input-wrapper {
-  width: 100%;
-}
-.address-input-item-wrapper {
-  padding-right: 5px;
-}
-.address-input-item-wrapper .el-cascader, .address-input-item-wrapper .el-input {
-  width: 100%;
-}
+.address-input-wrapper{width:100%}.address-input-item-wrapper{padding-right:5px}.address-input-item-wrapper .el-cascader,.address-input-item-wrapper .el-input{width:100%}

package/dist/components/affix/index.mjs

@@ -0,0 +1,102 @@
+import { n as r } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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

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

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

@@ -0,0 +1,58 @@
+import { n as a } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var o = function() {
+  var e = this, t = e.$createElement, s = e._self._c || t;
+  return s("div", {
+    staticStyle: {
+      "padding-top": "4px"
+    }
+  }, e._l(e.menu, function(n) {
+    return s("div", {
+      key: n.key,
+      staticClass: "aside-menu-item hover-active",
+      class: {
+        active: e.$route.path === n.path
+      },
+      on: {
+        click: function(l) {
+          return e.$router.push(n.path);
+        }
+      }
+    }, [e._t("default", function() {
+      return [s("i", {
+        staticClass: "egd-icon-common",
+        class: n.icon
+      }), e._v(" " + e._s(n.label) + " ")];
+    }, {
+      item: n
+    })], 2);
+  }), 0);
+}, c = [];
+const u = {
+  name: "AsideMenu",
+  props: {
+    menu: {
+      type: Array,
+      default: () => []
+    }
+  }
+}, r = {};
+var i = /* @__PURE__ */ a(
+  u,
+  o,
+  c,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let t in r)
+    this[t] = r[t];
+}
+const p = /* @__PURE__ */ function() {
+  return i.exports;
+}();
+export {
+  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.mjs

@@ -0,0 +1,106 @@
+import { n as r } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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

@@ -1,57 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-avatar {
-  font-size: 14px;
-  font-variant: tabular-nums;
-  line-height: 1.5;
-  color: rgba(0, 0, 0, 0.65);
-  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.mjs

@@ -0,0 +1,112 @@
+var h = Object.defineProperty, g = Object.defineProperties;
+var y = Object.getOwnPropertyDescriptors;
+var l = Object.getOwnPropertySymbols;
+var B = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
+var c = (o, t, e) => t in o ? h(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, u = (o, t) => {
+  for (var e in t || (t = {}))
+    B.call(t, e) && c(o, e, t[e]);
+  if (l)
+    for (var e of l(t))
+      v.call(t, e) && c(o, e, t[e]);
+  return o;
+}, p = (o, t) => g(o, y(t));
+var d = (o, t, e) => new Promise((s, a) => {
+  var f = (n) => {
+    try {
+      i(e.next(n));
+    } catch (r) {
+      a(r);
+    }
+  }, m = (n) => {
+    try {
+      i(e.throw(n));
+    } catch (r) {
+      a(r);
+    }
+  }, i = (n) => n.done ? s(n.value) : Promise.resolve(n.value).then(f, m);
+  i((e = e.apply(o, t)).next());
+});
+import { isFunction as x, error as S } from "@web-utils/core";
+import { n as k } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const L = {
+  props: {
+    type: {
+      type: String,
+      default: "primary"
+    },
+    size: String,
+    icon: {
+      type: String,
+      default: ""
+    },
+    nativeType: {
+      type: String,
+      default: "button"
+    },
+    loading: Boolean,
+    disabled: Boolean,
+    plain: Boolean,
+    autofocus: Boolean,
+    round: Boolean
+  }
+}, b = {
+  name: "AwesomeButton",
+  mixins: [L],
+  props: {
+    text: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      isLoading: !1
+    };
+  },
+  methods: {
+    onClick(o) {
+      return d(this, null, function* () {
+        this.isLoading = !0;
+        const { click: t } = this.$listeners;
+        if (x(t))
+          try {
+            yield t(o);
+          } catch (e) {
+            S.call(this, e);
+          }
+        this.isLoading = !1;
+      });
+    }
+  },
+  render(o) {
+    var e, s;
+    const t = (s = (e = this.$scopedSlots).default) == null ? void 0 : s.call(e);
+    return o(
+      "ElButton",
+      { on: { click: this.onClick }, props: p(u({}, this.$props), { disabled: this.isLoading }) },
+      t && (t[0].tag || t[0].text) ? t : this.text
+    );
+  }
+};
+let w, C;
+const _ = {};
+var $ = /* @__PURE__ */ k(
+  b,
+  w,
+  C,
+  !1,
+  z,
+  null,
+  null,
+  null
+);
+function z(o) {
+  for (let t in _)
+    this[t] = _[t];
+}
+const E = /* @__PURE__ */ function() {
+  return $.exports;
+}();
+export {
+  E as default
+};