@web-utils/component 5.0.0-beta02 → 5.0.0-beta04

package/address-input/index.mjs

@@ -1,76 +0,0 @@
-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/address-input/style.css

@@ -1 +0,0 @@
-.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/affix/index.mjs

@@ -1,72 +0,0 @@
-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/affix/style.css

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

package/aside-menu/index.mjs

@@ -1,20 +0,0 @@
-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/aside-menu/style.css

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

package/avatar/index.mjs

@@ -1,94 +0,0 @@
-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 };

package/avatar/style.css

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

package/awesome-button/index.mjs

@@ -1,55 +0,0 @@
-import { h as e, resolveComponent as t } from "vue";
-import { error as n, isFunction as r } from "@web-utils/core";
-//#region src/components/button/AwesomeButton.vue
-var i = {
-	name: "AwesomeButton",
-	mixins: [{ 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
-	} }],
-	inheritAttrs: !1,
-	props: { text: {
-		type: String,
-		default: ""
-	} },
-	data() {
-		return { isLoading: !1 };
-	},
-	methods: { async onClick(e) {
-		this.isLoading = !0;
-		let { onClick: t } = this.$attrs;
-		if (r(t)) try {
-			await t(e);
-		} catch (e) {
-			n.call(this, e);
-		}
-		this.isLoading = !1;
-	} },
-	render() {
-		let n = t("ElButton"), { text: r, ...i } = this.$props, { onClick: a, ...o } = this.$attrs;
-		return e(n, {
-			...o,
-			...i,
-			disabled: this.isLoading,
-			onClick: this.onClick
-		}, { default: this.$slots.default || (() => r) });
-	}
-};
-//#endregion
-export { i as default };

package/capsule-tab/index.mjs

@@ -1,27 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { Fragment as t, createElementBlock as n, normalizeClass as r, openBlock as i, renderList as a, toDisplayString as o } from "vue";
-//#region src/components/CapsuleTab.vue
-var s = {
-	name: "CapsuleTab",
-	props: {
-		tabs: {
-			type: Array,
-			default: () => []
-		},
-		modelValue: { type: String }
-	},
-	emits: ["update:modelValue"]
-}, c = { class: "capsule-tab" }, l = ["onClick"];
-function u(e, s, u, d, f, p) {
-	return i(), n("ul", c, [(i(!0), n(t, null, a(u.tabs, (t) => (i(), n("li", {
-		key: t.value,
-		class: r(["tab-item", {
-			active: u.modelValue === t.value,
-			single: u.tabs.length === 1
-		}]),
-		onClick: (n) => e.$emit("update:modelValue", t.value)
-	}, o(t.label), 11, l))), 128))]);
-}
-var d = /* @__PURE__ */ e(s, [["render", u]]);
-//#endregion
-export { d as default };

package/capsule-tab/style.css

@@ -1 +0,0 @@
-.capsule-tab{margin-right:10px;display:inline}.capsule-tab .tab-item{cursor:pointer;background-color:#fafafa;border:1px solid #ebeef5;border-right:none;padding:2px 14px;display:inline}.capsule-tab .tab-item.active{color:#fff;background-color:#ef6666}.capsule-tab .tab-item:first-child{border-radius:12px 0 0 12px}.capsule-tab .tab-item:last-child{border-right:1px solid #ccc;border-radius:0 12px 12px 0}.capsule-tab .tab-item:last-child.single{border-radius:12px}

package/card/index.mjs

@@ -1,86 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, openBlock as s, renderList as c, renderSlot as l, resolveComponent as u, toDisplayString as d, withCtx as f } from "vue";
-//#region src/components/card/Card.vue
-var p = {
-	img: "img",
-	title: "title",
-	info: "info"
-}, m = {
-	name: "Card",
-	props: {
-		option: {
-			type: Object,
-			default: () => ({})
-		},
-		data: {
-			type: Array,
-			default: () => []
-		}
-	},
-	emits: ["row-add", "row-click"],
-	data() {
-		return { propsDefault: p };
-	},
-	computed: {
-		imgKey() {
-			return this.option.props.img || this.propsDefault.img;
-		},
-		titleKey() {
-			return this.option.props.title || this.propsDefault.title;
-		},
-		infoKey() {
-			return this.option.props.info || this.propsDefault.info;
-		},
-		span() {
-			return this.option.span || 8;
-		},
-		gutter() {
-			return this.option.gutter || 20;
-		}
-	},
-	methods: {
-		rowAdd() {
-			this.$emit("row-add");
-		},
-		rowClick(e, t) {
-			this.$emit("row-click", e, t);
-		}
-	}
-}, h = { class: "avue-card" }, g = ["onClick"], _ = { class: "avue-card__body" }, v = { class: "avue-card__avatar" }, y = ["src"], b = { class: "avue-card__detail" }, x = { class: "avue-card__title" }, S = { class: "avue-card__info" }, C = { class: "avue-card__menu" };
-function w(e, p, m, w, T, E) {
-	let D = u("ElCol"), O = u("ElRow");
-	return s(), i("div", h, [o(O, {
-		span: 24,
-		gutter: E.gutter
-	}, {
-		default: f(() => [m.option.addBtn ? (s(), n(D, {
-			key: 0,
-			span: E.span
-		}, {
-			default: f(() => [a("div", {
-				class: "avue-card__item avue-card__item--add",
-				onClick: p[0] || (p[0] = (e) => E.rowAdd())
-			}, [...p[1] || (p[1] = [a("i", { class: "el-icon-plus" }, null, -1), a("span", null, "添加", -1)])])]),
-			_: 1
-		}, 8, ["span"])) : r("v-if", !0), (s(!0), i(t, null, c(m.data, (t, r) => (s(), n(D, {
-			key: r,
-			span: E.span
-		}, {
-			default: f(() => [a("div", {
-				class: "avue-card__item",
-				onClick: (e) => E.rowClick(t, r)
-			}, [a("div", _, [a("div", v, [a("img", {
-				src: t[E.imgKey],
-				alt: ""
-			}, null, 8, y)]), a("div", b, [a("div", x, d(t[E.titleKey]), 1), a("div", S, d(t[E.infoKey]), 1)])]), a("div", C, [l(e.$slots, "menu", {
-				index: r,
-				row: t
-			})])], 8, g)]),
-			_: 2
-		}, 1032, ["span"]))), 128))]),
-		_: 3
-	}, 8, ["gutter"])]);
-}
-var T = /* @__PURE__ */ e(m, [["render", w]]);
-//#endregion
-export { T as default };

package/card/style.css

@@ -1 +0,0 @@
-.avue-card__item{box-sizing:border-box;color:#000000a6;font-variant:tabular-nums;cursor:pointer;font-feature-settings:"tnum";background-color:#fff;border:1px solid #e8e8e8;height:200px;margin-bottom:16px;font-size:14px;line-height:1.5;list-style:none}.avue-card__item:hover{border-color:#00000017;box-shadow:0 2px 8px #00000017}.avue-card__item--add{color:#00000073;background-color:#fff;border:1px dashed #d9d9d9;border-radius:2px;justify-content:center;align-items:center;width:100%;font-size:16px;display:flex}.avue-card__item--add i{margin-right:10px}.avue-card__item--add:hover{color:#40a9ff;background-color:#fff;border-color:#40a9ff}.avue-card__body{padding:24px;display:flex}.avue-card__detail{flex:1}.avue-card__avatar{border-radius:48px;width:48px;height:48px;margin-right:12px;overflow:hidden}.avue-card__avatar img{width:100%;height:100%}.avue-card__title{color:#000000d9;margin-bottom:12px;font-size:16px}.avue-card__title:hover{color:#1890ff}.avue-card__info{color:#00000073;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:64px;display:flex;overflow:hidden}.avue-card__menu{color:#00000073;text-align:center;background:#f7f9fa;justify-content:space-around;height:50px;line-height:50px;display:flex}.avue-card__menu:hover{color:#1890ff}

package/carousel/index.mjs

@@ -1,46 +0,0 @@
-import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
-import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, resolveComponent as d, toDisplayString as f, withCtx as p } from "vue";
-//#region src/components/carousel/Carousel.vue
-var m = {
-	name: "Carousel",
-	props: { option: {
-		type: Object,
-		default: () => {}
-	} },
-	computed: { data() {
-		return this.option.data || [];
-	} }
-}, h = { class: "avue-carousel__item" }, g = ["href", "target"], _ = {
-	key: 0,
-	class: "avue-carousel__title"
-};
-function v(e, m, v, y, b, x) {
-	let S = d("ElCarouselItem"), C = d("ElCarousel");
-	return l(), i("div", { class: s(["avue-carousel", { "avue-carousel--fullscreen": v.option.fullscreen }]) }, [o(C, {
-		type: v.option.type,
-		height: `${v.option.height}px`,
-		autoplay: v.option.autoplay,
-		interval: v.option.interval,
-		"indicator-position": "outside"
-	}, {
-		default: p(() => [(l(!0), i(t, null, u(x.data, (e, t) => (l(), n(S, { key: t }, {
-			default: p(() => [a("div", h, [a("a", {
-				href: e.href ? e.href : "javascript:void(0);",
-				target: e.target
-			}, [a("div", {
-				class: "avue-carousel__img",
-				style: c({ backgroundImage: `url(${e.src})` })
-			}, null, 4), e.title ? (l(), i("div", _, f(e.title), 1)) : r("v-if", !0)], 8, g)])]),
-			_: 2
-		}, 1024))), 128))]),
-		_: 1
-	}, 8, [
-		"type",
-		"height",
-		"autoplay",
-		"interval"
-	])], 2);
-}
-var y = /* @__PURE__ */ e(m, [["render", v]]);
-//#endregion
-export { y as default };

package/carousel/style.css

@@ -1 +0,0 @@
-.avue-carousel--fullscreen{height:100%}.avue-carousel--fullscreen .el-carousel,.avue-carousel--fullscreen .el-carousel__container{height:90%}.avue-carousel__item{width:100%;height:100%;position:relative}.avue-carousel__item a{width:100%;height:100%;display:block}.avue-carousel__img{background-position:50%;background-size:cover;height:100%}.avue-carousel__title{z-index:1024;color:#fff;text-align:center;background-color:#0009;width:100%;height:50px;font-size:16px;line-height:50px;position:absolute;bottom:0;left:0}