@web-utils/component 4.0.16 → 5.0.0-beta01

package/awesome-button/index.mjs

@@ -1,72 +1,55 @@
-import { isFunction as s, error as i } from "@web-utils/core";
-import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.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
-  }
-}, r = {
-  name: "AwesomeButton",
-  mixins: [l],
-  props: {
-    text: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {
-      isLoading: !1
-    };
-  },
-  methods: {
-    async onClick(n) {
-      this.isLoading = !0;
-      const { click: t } = this.$listeners;
-      if (s(t))
-        try {
-          await t(n);
-        } catch (o) {
-          i.call(this, o);
-        }
-      this.isLoading = !1;
-    }
-  },
-  render(n) {
-    var o, e;
-    const t = (e = (o = this.$scopedSlots).default) == null ? void 0 : e.call(o);
-    return n(
-      "ElButton",
-      { on: { click: this.onClick }, props: { ...this.$props, disabled: this.isLoading } },
-      t && (t[0].tag || t[0].text) ? t : this.text
-    );
-  }
-}, c = null, p = null;
-var d = /* @__PURE__ */ a(
-  r,
-  c,
-  p,
-  !1,
-  null,
-  null
-);
-const m = d.exports;
-export {
-  m as default
+import { error as e, isFunction as t } from "@web-utils/core";
+//#region src/components/button/AwesomeButton.vue
+var n = {
+	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
+	} }],
+	props: { text: {
+		type: String,
+		default: ""
+	} },
+	data() {
+		return { isLoading: !1 };
+	},
+	methods: { async onClick(n) {
+		this.isLoading = !0;
+		let { click: r } = this.$listeners;
+		if (t(r)) try {
+			await r(n);
+		} catch (t) {
+			e.call(this, t);
+		}
+		this.isLoading = !1;
+	} },
+	render(e) {
+		var t, n;
+		let r = (t = (n = this.$slots).default) == null ? void 0 : t.call(n);
+		return e("ElButton", {
+			on: { click: this.onClick },
+			props: {
+				...this.$props,
+				disabled: this.isLoading
+			}
+		}, r && (r[0].tag || r[0].text) ? r : this.text);
+	}
 };
+//#endregion
+export { n as default };

package/capsule-tab/index.mjs

@@ -1,32 +1,27 @@
-import { n as t } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const l = {
-  name: "CapsuleTab",
-  props: {
-    tabs: {
-      type: Array,
-      default: () => []
-    },
-    value: {
-      type: String
-    }
-  }
-};
-var s = function() {
-  var e = this, n = e._self._c;
-  return n("ul", { staticClass: "capsule-tab" }, e._l(e.tabs, function(a) {
-    return n("li", { key: a.value, class: ["tab-item", { active: e.value === a.value, single: e.tabs.length === 1 }], on: { click: function(_) {
-      return e.$emit("input", a.value);
-    } } }, [e._v(" " + e._s(a.label) + " ")]);
-  }), 0);
-}, r = [], u = /* @__PURE__ */ t(
-  l,
-  s,
-  r,
-  !1,
-  null,
-  null
-);
-const i = u.exports;
-export {
-  i as default
-};
+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/card/index.mjs

@@ -1,69 +1,86 @@
-import { n as i } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const n = {
-  img: "img",
-  title: "title",
-  info: "info"
-}, o = {
-  name: "Card",
-  props: {
-    option: {
-      type: Object,
-      default: () => ({})
-    },
-    data: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      propsDefault: n
-    };
-  },
-  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);
-    }
-  }
-};
-var l = function() {
-  var t = this, a = t._self._c;
-  return a("div", { staticClass: "avue-card" }, [a("ElRow", { attrs: { span: 24, gutter: t.gutter } }, [t.option.addBtn ? a("ElCol", { attrs: { span: t.span } }, [a("div", { staticClass: "avue-card__item avue-card__item--add", on: { click: function(s) {
-    return t.rowAdd();
-  } } }, [a("i", { staticClass: "el-icon-plus" }), a("span", [t._v("添加")])])]) : t._e(), t._l(t.data, function(s, r) {
-    return a("ElCol", { key: r, attrs: { span: t.span } }, [a("div", { staticClass: "avue-card__item", on: { click: function(d) {
-      return t.rowClick(s, r);
-    } } }, [a("div", { staticClass: "avue-card__body" }, [a("div", { staticClass: "avue-card__avatar" }, [a("img", { attrs: { src: s[t.imgKey], alt: "" } })]), a("div", { staticClass: "avue-card__detail" }, [a("div", { staticClass: "avue-card__title" }, [t._v(" " + t._s(s[t.titleKey]) + " ")]), a("div", { staticClass: "avue-card__info" }, [t._v(" " + t._s(s[t.infoKey]) + " ")])])]), a("div", { staticClass: "avue-card__menu" }, [t._t("menu", null, { index: r, row: s })], 2)])]);
-  })], 2)], 1);
-}, c = [], u = /* @__PURE__ */ i(
-  o,
-  l,
-  c,
-  !1,
-  null,
-  null
-);
-const _ = u.exports;
-export {
-  _ as default
-};
+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/carousel/index.mjs

@@ -1,33 +1,46 @@
-import { n as r } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const s = {
-  name: "Carousel",
-  props: {
-    option: {
-      type: Object,
-      default: () => {
-      }
-    }
-  },
-  computed: {
-    data() {
-      return this.option.data || [];
-    }
-  }
-};
-var l = function() {
-  var t = this, a = t._self._c;
-  return a("div", { class: ["avue-carousel", { "avue-carousel--fullscreen": t.option.fullscreen }] }, [a("ElCarousel", { attrs: { type: t.option.type, height: `${t.option.height}px`, autoplay: t.option.autoplay, interval: t.option.interval, "indicator-position": "outside" } }, t._l(t.data, function(e, o) {
-    return a("ElCarouselItem", { key: o }, [a("div", { staticClass: "avue-carousel__item" }, [a("a", { attrs: { href: e.href ? e.href : "javascript:void(0);", target: e.target } }, [a("div", { staticClass: "avue-carousel__img", style: { backgroundImage: `url(${e.src})` } }), e.title ? a("div", { staticClass: "avue-carousel__title" }, [t._v(t._s(e.title))]) : t._e()])])]);
-  }), 1)], 1);
-}, n = [], i = /* @__PURE__ */ r(
-  s,
-  l,
-  n,
-  !1,
-  null,
-  null
-);
-const _ = i.exports;
-export {
-  _ as default
+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 };