@web-utils/component 4.0.16 → 5.0.0-beta02

package/address-input/index.mjs

@@ -1,74 +1,76 @@
-import { n as d } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const l = {
-  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(a) {
-        a && (this.internalVal.address = a.address, this.internalVal.detailAddress = a.detailAddress);
-      }
-    },
-    internalVal: {
-      immediate: !0,
-      deep: !0,
-      handler(a) {
-        !a.address && !a.detailAddress ? this.$emit("input", void 0) : this.$emit("input", a);
-      }
-    }
-  }
-};
-var r = function() {
-  var e = this, s = e._self._c;
-  return s("div", { staticClass: "address-input-wrapper flex-row" }, [s("div", { staticClass: "address-input-item-wrapper" }, [s("ElCascader", { attrs: { options: e.options, disabled: e.inputDisabled, props: { label: "name", value: e.labelAsValue ? "name" : "id" } }, model: { value: e.internalVal.address, callback: function(t) {
-    e.$set(e.internalVal, "address", t);
-  }, expression: "internalVal.address" } })], 1), s("div", { staticClass: "address-input-item-wrapper flex-item" }, [s("ElInput", { attrs: { placeholder: "请输入详细地址！", disabled: e.inputDisabled }, model: { value: e.internalVal.detailAddress, callback: function(t) {
-    e.$set(e.internalVal, "detailAddress", t);
-  }, expression: "internalVal.detailAddress" } })], 1)]);
-}, i = [], n = /* @__PURE__ */ d(
-  l,
-  r,
-  i,
-  !1,
-  null,
-  null
-);
-const p = n.exports;
-export {
-  p as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { createElementBlock as t, createElementVNode as n, createVNode as r, openBlock as i, resolveComponent as a } from "vue";
+//#region src/components/AddressInput.vue
+var o = {
+	name: "AddressInput",
+	inject: {
+		elForm: { default: "" },
+		elFormItem: { default: "" }
+	},
+	props: {
+		options: {
+			type: Array,
+			default() {
+				return [];
+			}
+		},
+		modelValue: {
+			type: Object,
+			default: () => ({})
+		},
+		labelAsValue: Boolean,
+		disabled: Boolean
+	},
+	emits: ["update:modelValue"],
+	data() {
+		return { internalVal: {
+			address: [],
+			detailAddress: ""
+		} };
+	},
+	computed: { inputDisabled() {
+		return this.disabled || (this.elForm || {}).disabled;
+	} },
+	watch: {
+		modelValue: {
+			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("update:modelValue", void 0) : this.$emit("update:modelValue", e);
+			}
+		}
+	}
+}, s = { class: "address-input-wrapper flex-row" }, c = { class: "address-input-item-wrapper" }, l = { class: "address-input-item-wrapper flex-item" };
+function u(e, o, u, d, f, p) {
+	let m = a("ElCascader"), h = a("ElInput");
+	return i(), t("div", s, [n("div", c, [r(m, {
+		modelValue: f.internalVal.address,
+		"onUpdate:modelValue": o[0] || (o[0] = (e) => f.internalVal.address = e),
+		options: u.options,
+		disabled: p.inputDisabled,
+		props: {
+			label: "name",
+			value: u.labelAsValue ? "name" : "id"
+		}
+	}, null, 8, [
+		"modelValue",
+		"options",
+		"disabled",
+		"props"
+	])]), n("div", l, [r(h, {
+		modelValue: f.internalVal.detailAddress,
+		"onUpdate:modelValue": o[1] || (o[1] = (e) => f.internalVal.detailAddress = e),
+		placeholder: "请输入详细地址！",
+		disabled: p.inputDisabled
+	}, null, 8, ["modelValue", "disabled"])])]);
+}
+var d = /* @__PURE__ */ e(o, [["render", u]]);
+//#endregion
+export { d as default };

package/affix/index.mjs

@@ -1,79 +1,72 @@
-import { n } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const r = {
-  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 s = "top";
-      return this.offsetBottom >= 0 && (s = "bottom"), s;
-    }
-  },
-  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(s, t) {
-      const e = t ? "pageYOffset" : "pageXOffset", i = t ? "scrollTop" : "scrollLeft";
-      let o = s[e];
-      return typeof o != "number" && (o = document.documentElement[i]), o;
-    },
-    getOffset(s) {
-      const t = s.getBoundingClientRect(), e = this.getScroll(this.container, !0), i = this.getScroll(this.container), o = document.body, l = o.clientTop || 0, f = o.clientLeft || 0;
-      return {
-        top: t.top + e - l,
-        left: t.left + i - f
-      };
-    },
-    handleScroll() {
-      const s = this.affix, t = this.getScroll(this.container, !0), e = this.getOffset(this.$el), i = this.container.innerHeight, o = this.$el.getElementsByTagName("div")[0].offsetHeight;
-      e.top - this.offsetTop < t && this.offsetType === "top" && !s ? (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: `${e.left}px`,
-        width: `${this.$el.offsetWidth}px`
-      }, this.$emit("on-change", !0)) : e.top - this.offsetTop > t && this.offsetType === "top" && s && (this.slot = !1, this.slotStyle = {}, this.affix = !1, this.styles = null, this.$emit("on-change", !1)), e.top + this.offsetBottom + o > t + i && this.offsetType === "bottom" && !s ? (this.affix = !0, this.styles = {
-        bottom: `${this.offsetBottom}px`,
-        left: `${e.left}px`,
-        width: `${this.$el.offsetWidth}px`
-      }, this.$emit("on-change", !0)) : e.top + this.offsetBottom + o < t + i && this.offsetType === "bottom" && s && (this.affix = !1, this.styles = null, this.$emit("on-change", !1));
-    }
-  }
-};
-var h = function() {
-  var t = this, e = t._self._c;
-  return e("div", [e("div", { ref: "point", class: { affix: t.affix }, style: t.styles }, [t._t("default")], 2), e("div", { directives: [{ name: "show", rawName: "v-show", value: t.slot, expression: "slot" }], style: t.slotStyle })]);
-}, c = [], a = /* @__PURE__ */ n(
-  r,
-  h,
-  c,
-  !1,
-  null,
-  null
-);
-const d = a.exports;
-export {
-  d as default
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { createElementBlock as t, createElementVNode as n, normalizeClass as r, normalizeStyle as i, openBlock as a, renderSlot as o, vShow as s, withDirectives as c } from "vue";
+//#region src/components/affix/Affix.vue
+var l = {
+	name: "Affix",
+	props: {
+		target: String,
+		offsetTop: {
+			type: Number,
+			default: 0
+		},
+		offsetBottom: { type: Number }
+	},
+	emits: ["on-change"],
+	data() {
+		return {
+			container: null,
+			affix: !1,
+			styles: {},
+			slot: !1,
+			slotStyle: {}
+		};
+	},
+	computed: { offsetType() {
+		let e = "top";
+		return this.offsetBottom >= 0 && (e = "bottom"), e;
+	} },
+	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);
+	},
+	beforeUnmount() {
+		this.container.removeEventListener("scroll", this.handleScroll, !1), this.container.removeEventListener("resize", this.handleScroll, !1);
+	},
+	methods: {
+		getScroll(e, t) {
+			let n = t ? "pageYOffset" : "pageXOffset", r = t ? "scrollTop" : "scrollLeft", i = e[n];
+			return typeof i != "number" && (i = document.documentElement[r]), i;
+		},
+		getOffset(e) {
+			let t = e.getBoundingClientRect(), n = this.getScroll(this.container, !0), r = this.getScroll(this.container), i = document.body, a = i.clientTop || 0, o = i.clientLeft || 0;
+			return {
+				top: t.top + n - a,
+				left: t.left + r - o
+			};
+		},
+		handleScroll() {
+			let e = this.affix, t = this.getScroll(this.container, !0), n = this.getOffset(this.$el), r = this.container.innerHeight, i = this.$el.getElementsByTagName("div")[0].offsetHeight;
+			n.top - this.offsetTop < t && this.offsetType === "top" && !e ? (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: `${n.left}px`,
+				width: `${this.$el.offsetWidth}px`
+			}, this.$emit("on-change", !0)) : n.top - this.offsetTop > t && this.offsetType === "top" && e && (this.slot = !1, this.slotStyle = {}, this.affix = !1, this.styles = null, this.$emit("on-change", !1)), n.top + this.offsetBottom + i > t + r && this.offsetType === "bottom" && !e ? (this.affix = !0, this.styles = {
+				bottom: `${this.offsetBottom}px`,
+				left: `${n.left}px`,
+				width: `${this.$el.offsetWidth}px`
+			}, this.$emit("on-change", !0)) : n.top + this.offsetBottom + i < t + r && this.offsetType === "bottom" && e && (this.affix = !1, this.styles = null, this.$emit("on-change", !1));
+		}
+	}
 };
+function u(e, l, u, d, f, p) {
+	return a(), t("div", null, [n("div", {
+		ref: "point",
+		class: r({ affix: f.affix }),
+		style: i(f.styles)
+	}, [o(e.$slots, "default")], 6), c(n("div", { style: i(f.slotStyle) }, null, 4), [[s, f.slot]])]);
+}
+var d = /* @__PURE__ */ e(l, [["render", u]]);
+//#endregion
+export { d as default };

package/aside-menu/index.mjs

@@ -1,31 +1,20 @@
-import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const s = {
-  name: "AsideMenu",
-  props: {
-    menu: {
-      type: Array,
-      default: () => []
-    }
-  }
-};
-var r = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticStyle: { "padding-top": "4px" } }, e._l(e.menu, function(n) {
-    return t("div", { key: n.key, staticClass: "aside-menu-item hover-active", class: { active: e.$route.path === n.path }, on: { click: function(u) {
-      return e.$router.push(n.path);
-    } } }, [e._t("default", function() {
-      return [t("i", { staticClass: "egd-icon-common", class: n.icon }), e._v(" " + e._s(n.label) + " ")];
-    }, { item: n })], 2);
-  }), 0);
-}, c = [], o = /* @__PURE__ */ a(
-  s,
-  r,
-  c,
-  !1,
-  null,
-  null
-);
-const _ = o.exports;
-export {
-  _ as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { Fragment as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, normalizeClass as a, openBlock as o, renderList as s, renderSlot as c, toDisplayString as l } from "vue";
+//#region src/components/AsideMenu.vue
+var u = {
+	name: "AsideMenu",
+	props: { menu: {
+		type: Array,
+		default: () => []
+	} }
+}, d = { style: { "padding-top": "4px" } }, f = ["onClick"];
+function p(e, u, p, m, h, g) {
+	return o(), n("div", d, [(o(!0), n(t, null, s(p.menu, (t) => (o(), n("div", {
+		key: t.key,
+		class: a([{ active: e.$route.path === t.path }, "aside-menu-item hover-active"]),
+		onClick: (n) => e.$router.push(t.path)
+	}, [c(e.$slots, "default", { item: t }, () => [r("i", { class: a([t.icon, "egd-icon-common"]) }, null, 2), i(" " + l(t.label), 1)])], 10, f))), 128))]);
+}
+var m = /* @__PURE__ */ e(u, [["render", p]]);
+//#endregion
+export { m as default };

package/avatar/index.mjs

@@ -1,82 +1,94 @@
-import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const i = "avue-avatar", r = {
-  name: "Avatar",
-  props: {
-    src: String,
-    shape: {
-      validator: (t) => ["circle", "square"].includes(t),
-      type: String,
-      default: "circle"
-    },
-    size: {
-      validator: (t) => typeof t == "number" || ["small", "large", "default"].includes(t),
-      default: "default"
-    },
-    icon: String
-  },
-  data() {
-    return {
-      scale: 1
-    };
-  },
-  computed: {
-    sizeChildrenStyle() {
-      let t = {};
-      const e = `scale(${this.scale}) translateX(-50%)`;
-      return t = {
-        msTransform: e,
-        WebkitTransform: e,
-        transform: e
-      }, typeof size == "number" && (t.lineHeight = `${this.size}px`), t;
-    },
-    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 t = this.$refs.avatarChildren;
-      if (t) {
-        const e = t.offsetWidth, s = this.$el.getBoundingClientRect().width;
-        s - 8 < e ? this.scale = (s - 8) / e : this.scale = 1;
-      }
-    }
-  }
-};
-var n = function() {
-  var e = this, s = e._self._c;
-  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 = [], c = /* @__PURE__ */ a(
-  r,
-  n,
-  l,
-  !1,
-  null,
-  null
-);
-const o = c.exports;
-export {
-  o as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { createElementBlock as t, normalizeClass as n, normalizeStyle as r, openBlock as i, renderSlot as a } from "vue";
+//#region src/components/avatar/Avatar.vue
+var o = "avue-avatar", s = {
+	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 = {}, 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 {
+				[`${o}--${this.shape}`]: this.shape,
+				[`${o}--lg`]: this.size === "large",
+				[`${o}--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() {
+		let e = this.$refs.avatarChildren;
+		if (e) {
+			let t = e.offsetWidth, n = this.$el.getBoundingClientRect().width;
+			n - 8 < t ? this.scale = (n - 8) / t : this.scale = 1;
+		}
+	} }
+}, c = ["src"];
+function l(e, o, s, l, u, d) {
+	return i(), t("span", {
+		class: n([
+			"avue-avatar",
+			d.sizeCls,
+			"avue-avatar__icon"
+		]),
+		style: r(d.sizeStyle)
+	}, [s.src ? (i(), t("img", {
+		key: 0,
+		class: "avue-avatar__images",
+		src: s.src,
+		alt: ""
+	}, null, 8, c)) : s.icon ? (i(), t("i", {
+		key: 1,
+		class: n(s.icon)
+	}, null, 2)) : (i(), t("span", {
+		key: 2,
+		ref: "avatarChildren",
+		class: "avue-avatar__string",
+		style: r(d.sizeChildrenStyle)
+	}, [a(e.$slots, "default")], 4))], 6);
+}
+var u = /* @__PURE__ */ e(s, [["render", l]]);
+//#endregion
+export { u as default };