@web-utils/component 4.0.16 → 5.0.0-beta01

package/context-menu/index.mjs

@@ -1,174 +1,195 @@
-import { n as c } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const a = {
-  name: "ContextMenu",
-  props: {
-    /**
-     * 菜单项
-     */
-    list: {
-      type: Array,
-      required: !0
-    },
-    /**
-     * 是否开启下划线
-     */
-    underline: Boolean,
-    appendToBody: Boolean,
-    /**
-     * 是否开启箭头
-     */
-    arrow: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * 是否开启边界检测
-     */
-    border: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * 列表项宽度
-     */
-    itemWidth: {
-      type: Number,
-      default: 140
-    },
-    /**
-     * 列表项高度
-     */
-    itemHeight: {
-      type: Number,
-      default: 36
-    },
-    /**
-     * 列表项字体
-     */
-    itemFontSize: {
-      type: [Number, String],
-      default: 12
-    },
-    /**
-     * 显示点偏移量
-     */
-    offset: {
-      type: Object,
-      default: () => ({
-        x: 6,
-        y: 2
-      })
-    },
-    /**
-     * 边界距离
-     */
-    borderWidth: {
-      type: Number,
-      default: 6
-    }
-  },
-  data() {
-    return {
-      /**
-       * 是否显示
-       */
-      visible: !1,
-      rendered: !1,
-      /**
-       * 触发点坐标
-       */
-      axis: {
-        x: 0,
-        y: 0
-      }
-    };
-  },
-  computed: {
-    axisComputed() {
-      return {
-        top: `${this.axis.y + this.offset.y}px`,
-        left: `${this.axis.x + this.offset.x}px`
-      };
-    },
-    liStyle() {
-      return {
-        width: `${this.itemWidth}px`,
-        height: `${this.itemHeight}px`,
-        lineHeight: `${this.itemHeight}px`,
-        fontSize: `${this.itemFontSize}px`
-      };
-    },
-    firstLeft() {
-      const i = document.body.offsetWidth;
-      return this.axis.x + this.itemWidth * 2 >= i;
-    },
-    secondLeft() {
-      const i = document.body.offsetWidth;
-      return this.axis.x + this.itemWidth * 3 >= i;
-    }
-  },
-  watch: {
-    axis() {
-      if (this.border) {
-        const i = document.body.offsetWidth, t = document.body.offsetHeight;
-        this.axis.x + this.offset.x + this.itemWidth >= i && (this.axis.x = i - this.itemWidth - this.borderWidth - this.offset.x), this.axis.y + this.offset.y + this.itemHeight * this.list.length >= t && (this.axis.y = t - this.itemHeight * this.list.length - this.borderWidth - this.offset.y);
-      }
-    }
-  },
-  destroyed() {
-    var i;
-    this.appendToBody && ((i = this.$el) != null && i.parentNode) && this.$el.parentNode.removeChild(this.$el);
-  },
-  methods: {
-    secondBorderCheck(i) {
-      const t = document.body.offsetWidth, e = document.body.offsetHeight, s = this.axis.y + (i + this.list[i].children.length) * this.itemHeight;
-      return {
-        left: this.axis.x + this.itemWidth * 2 >= t ? "-100%" : "100%",
-        top: e >= s ? 0 : `${-(this.list[i].children.length - 1) * this.itemHeight}px`
-      };
-    },
-    thirdBorderCheck(i, t) {
-      const e = document.body.offsetWidth, s = document.body.offsetHeight, l = this.axis.y + this.list[i].children[t].children.length * this.itemHeight + (i + t) * this.itemHeight + parseInt(this.secondBorderCheck(i).top);
-      return {
-        left: this.axis.x + this.itemWidth * 3 >= e ? "-100%" : "100%",
-        top: l > s ? `${-(this.list[i].children[t].children.length - 1) * this.itemHeight}px` : 0
-      };
-    },
-    show(i) {
-      document.addEventListener("click", this.hide, !0), this.axis = { x: i.clientX, y: i.clientY }, this.rendered = !0, this.visible = !0, this.appendToBody && document.body.appendChild(this.$el);
-    },
-    hide() {
-      this.visible = !1, document.removeEventListener("click", this.hide);
-    },
-    onItemClick(i, t) {
-      this.$emit("on-item-click", i, t);
-    }
-  }
-};
-var d = function() {
-  var t = this, e = t._self._c;
-  return t.rendered ? e("div", { directives: [{ name: "show", rawName: "v-show", value: t.visible, expression: "visible" }], staticClass: "cm-container", style: t.axisComputed }, [e("svg", { staticStyle: { position: "absolute", width: "0", height: "0", overflow: "hidden" }, attrs: { "aria-hidden": "true" } }, [e("symbol", { attrs: { id: "icon-arrow", viewBox: "0 0 1024 1024" } }, [e("path", { attrs: { d: "M288.791335 65.582671l446.41733 446.417329-446.41733 446.417329z" } })])]), e("ul", { staticClass: "cm-ul cm-ul-1 easy-cm-ul", class: t.underline ? "cm-underline" : "" }, t._l(t.list, function(s, l) {
-    return e("li", { key: l, style: t.liStyle }, [e("div", { class: t.firstLeft ? "cm-left" : "", on: { click: function(n) {
-      return t.onItemClick(s, [l]);
-    } } }, [e("i", { staticClass: "cm-item-icon", class: s.icon }), e("span", { staticClass: "cm-item-label" }, [t._v(t._s(s.text))]), t.arrow && s.children && s.children.length > 0 ? e("svg", { staticClass: "icon", attrs: { "aria-hidden": "true" } }, [e("use", { attrs: { "xlink:href": "#icon-arrow" } })]) : t._e()]), s.children && s.children.length > 0 ? e("ul", { staticClass: "cm-ul cm-ul-2 easy-cm-ul", class: t.underline ? "cm-underline" : "", style: t.secondBorderCheck(l) }, t._l(s.children, function(n, r) {
-      return e("li", { key: r, style: t.liStyle }, [e("div", { class: t.secondLeft ? "cm-left" : "", on: { click: function(h) {
-        return t.onItemClick(n, [l, r]);
-      } } }, [e("i", { staticClass: "cm-item-icon", class: n.icon }), e("span", { staticClass: "cm-item-label" }, [t._v(t._s(n.text))]), t.arrow && n.children && n.children.length > 0 ? e("svg", { staticClass: "icon", attrs: { "aria-hidden": "true" } }, [e("use", { attrs: { "xlink:href": "#icon-arrow" } })]) : t._e()]), n.children && n.children.length > 0 ? e("ul", { staticClass: "cm-ul cm-ul-3 easy-cm-ul", class: t.underline ? "cm-underline" : "", style: t.thirdBorderCheck(l, r) }, t._l(n.children, function(h, o) {
-        return e("li", { key: o, style: t.liStyle }, [e("div", { on: { click: function(f) {
-          return t.onItemClick(h, [l, r, o]);
-        } } }, [e("i", { staticClass: "cm-item-icon", class: h.icon }), e("span", { staticClass: "cm-item-label" }, [t._v(t._s(h.text))])])]);
-      }), 0) : t._e()]);
-    }), 0) : t._e()]);
-  }), 0)]) : t._e();
-}, u = [], m = /* @__PURE__ */ c(
-  a,
-  d,
-  u,
-  !1,
-  null,
-  null
-);
-const p = m.exports;
-export {
-  p as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { Fragment as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, normalizeClass as a, normalizeStyle as o, openBlock as s, renderList as c, toDisplayString as l, vShow as u, withDirectives as d } from "vue";
+//#region src/components/ContextMenu.vue
+var f = {
+	name: "ContextMenu",
+	props: {
+		list: {
+			type: Array,
+			required: !0
+		},
+		underline: Boolean,
+		appendToBody: Boolean,
+		arrow: {
+			type: Boolean,
+			default: !0
+		},
+		border: {
+			type: Boolean,
+			default: !0
+		},
+		itemWidth: {
+			type: Number,
+			default: 140
+		},
+		itemHeight: {
+			type: Number,
+			default: 36
+		},
+		itemFontSize: {
+			type: [Number, String],
+			default: 12
+		},
+		offset: {
+			type: Object,
+			default: () => ({
+				x: 6,
+				y: 2
+			})
+		},
+		borderWidth: {
+			type: Number,
+			default: 6
+		}
+	},
+	emits: ["on-item-click"],
+	data() {
+		return {
+			visible: !1,
+			rendered: !1,
+			axis: {
+				x: 0,
+				y: 0
+			}
+		};
+	},
+	computed: {
+		axisComputed() {
+			return {
+				top: `${this.axis.y + this.offset.y}px`,
+				left: `${this.axis.x + this.offset.x}px`
+			};
+		},
+		liStyle() {
+			return {
+				width: `${this.itemWidth}px`,
+				height: `${this.itemHeight}px`,
+				lineHeight: `${this.itemHeight}px`,
+				fontSize: `${this.itemFontSize}px`
+			};
+		},
+		firstLeft() {
+			let e = document.body.offsetWidth;
+			return this.axis.x + this.itemWidth * 2 >= e;
+		},
+		secondLeft() {
+			let e = document.body.offsetWidth;
+			return this.axis.x + this.itemWidth * 3 >= e;
+		}
+	},
+	watch: { axis() {
+		if (this.border) {
+			let e = document.body.offsetWidth, t = document.body.offsetHeight;
+			this.axis.x + this.offset.x + this.itemWidth >= e && (this.axis.x = e - this.itemWidth - this.borderWidth - this.offset.x), this.axis.y + this.offset.y + this.itemHeight * this.list.length >= t && (this.axis.y = t - this.itemHeight * this.list.length - this.borderWidth - this.offset.y);
+		}
+	} },
+	unmounted() {
+		var e;
+		this.appendToBody && (e = this.$el) != null && e.parentNode && this.$el.parentNode.removeChild(this.$el);
+	},
+	methods: {
+		secondBorderCheck(e) {
+			let t = document.body.offsetWidth, n = document.body.offsetHeight, r = this.axis.y + (e + this.list[e].children.length) * this.itemHeight;
+			return {
+				left: this.axis.x + this.itemWidth * 2 >= t ? "-100%" : "100%",
+				top: n >= r ? 0 : `${-(this.list[e].children.length - 1) * this.itemHeight}px`
+			};
+		},
+		thirdBorderCheck(e, t) {
+			let n = document.body.offsetWidth, r = document.body.offsetHeight, i = this.axis.y + this.list[e].children[t].children.length * this.itemHeight + (e + t) * this.itemHeight + parseInt(this.secondBorderCheck(e).top);
+			return {
+				left: this.axis.x + this.itemWidth * 3 >= n ? "-100%" : "100%",
+				top: i > r ? `${-(this.list[e].children[t].children.length - 1) * this.itemHeight}px` : 0
+			};
+		},
+		show(e) {
+			document.addEventListener("click", this.hide, !0), this.axis = {
+				x: e.clientX,
+				y: e.clientY
+			}, this.rendered = !0, this.visible = !0, this.appendToBody && document.body.appendChild(this.$el);
+		},
+		hide() {
+			this.visible = !1, document.removeEventListener("click", this.hide);
+		},
+		onItemClick(e, t) {
+			this.$emit("on-item-click", e, t);
+		}
+	}
+}, p = {
+	"aria-hidden": "true",
+	style: {
+		position: "absolute",
+		width: "0",
+		height: "0",
+		overflow: "hidden"
+	}
+}, m = ["onClick"], h = { class: "cm-item-label" }, g = {
+	key: 0,
+	class: "icon",
+	"aria-hidden": "true"
+}, _ = ["onClick"], v = { class: "cm-item-label" }, y = {
+	key: 0,
+	class: "icon",
+	"aria-hidden": "true"
+}, b = ["onClick"], x = { class: "cm-item-label" };
+function S(e, f, S, C, w, T) {
+	return w.rendered ? d((s(), r("div", {
+		key: 0,
+		class: "cm-container",
+		style: o(T.axisComputed)
+	}, [
+		n("图标"),
+		(s(), r("svg", p, [...f[0] || (f[0] = [i("symbol", {
+			id: "icon-arrow",
+			viewBox: "0 0 1024 1024"
+		}, [i("path", { d: "M288.791335 65.582671l446.41733 446.417329-446.41733 446.417329z" })], -1)])])),
+		n("一级菜单"),
+		i("ul", { class: a(["cm-ul cm-ul-1 easy-cm-ul", S.underline ? "cm-underline" : ""]) }, [(s(!0), r(t, null, c(S.list, (e, u) => (s(), r("li", {
+			key: u,
+			style: o(T.liStyle)
+		}, [
+			i("div", {
+				class: a(T.firstLeft ? "cm-left" : ""),
+				onClick: (t) => T.onItemClick(e, [u])
+			}, [
+				i("i", { class: a(["cm-item-icon", e.icon]) }, null, 2),
+				i("span", h, l(e.text), 1),
+				S.arrow && e.children && e.children.length > 0 ? (s(), r("svg", g, [...f[1] || (f[1] = [i("use", { "xlink:href": "#icon-arrow" }, null, -1)])])) : n("v-if", !0)
+			], 10, m),
+			n("二级菜单"),
+			e.children && e.children.length > 0 ? (s(), r("ul", {
+				key: 0,
+				class: a(["cm-ul cm-ul-2 easy-cm-ul", S.underline ? "cm-underline" : ""]),
+				style: o(T.secondBorderCheck(u))
+			}, [(s(!0), r(t, null, c(e.children, (e, d) => (s(), r("li", {
+				key: d,
+				style: o(T.liStyle)
+			}, [
+				i("div", {
+					class: a(T.secondLeft ? "cm-left" : ""),
+					onClick: (t) => T.onItemClick(e, [u, d])
+				}, [
+					i("i", { class: a(["cm-item-icon", e.icon]) }, null, 2),
+					i("span", v, l(e.text), 1),
+					S.arrow && e.children && e.children.length > 0 ? (s(), r("svg", y, [...f[2] || (f[2] = [i("use", { "xlink:href": "#icon-arrow" }, null, -1)])])) : n("v-if", !0)
+				], 10, _),
+				n("三级菜单"),
+				e.children && e.children.length > 0 ? (s(), r("ul", {
+					key: 0,
+					class: a(["cm-ul cm-ul-3 easy-cm-ul", S.underline ? "cm-underline" : ""]),
+					style: o(T.thirdBorderCheck(u, d))
+				}, [(s(!0), r(t, null, c(e.children, (e, t) => (s(), r("li", {
+					key: t,
+					style: o(T.liStyle)
+				}, [i("div", { onClick: (n) => T.onItemClick(e, [
+					u,
+					d,
+					t
+				]) }, [i("i", { class: a(["cm-item-icon", e.icon]) }, null, 2), i("span", x, l(e.text), 1)], 8, b)], 4))), 128))], 6)) : n("v-if", !0)
+			], 4))), 128))], 6)) : n("v-if", !0)
+		], 4))), 128))], 2)
+	], 4)), [[u, w.visible]]) : n("v-if", !0);
+}
+var C = /* @__PURE__ */ e(f, [["render", S]]);
+//#endregion
+export { C as default };

package/count-up/index.mjs

@@ -1,107 +1,99 @@
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { createElementBlock as t, openBlock as n, toDisplayString as r } from "vue";
 import { CountUp as i } from "countup.js";
-import { n as r } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const n = {
-  name: "CountUp",
-  props: {
-    animation: {
-      type: Boolean,
-      default: !0
-    },
-    start: {
-      type: [Number, String],
-      required: !1,
-      default: 0
-    },
-    end: {
-      type: [Number, String],
-      required: !0
-    },
-    decimals: {
-      type: Number,
-      required: !1,
-      default: 0
-    },
-    duration: {
-      type: Number,
-      required: !1,
-      default: 2
-    },
-    options: {
-      type: Object,
-      required: !1,
-      default() {
-        return {};
-      }
-    },
-    callback: {
-      type: Function,
-      required: !1,
-      default: () => {
-      }
-    }
-  },
-  watch: {
-    decimals() {
-      var t;
-      (t = this.c) == null || t.update(this.end);
-    },
-    end(t) {
-      var e;
-      (e = this.c) == null || e.update(t);
-    }
-  },
-  mounted() {
-    this.animation && this.init();
-  },
-  beforeDestroy() {
-    this.destroy();
-  },
-  methods: {
-    init() {
-      this.c || (this.c = new i(this.$el, this.end, {
-        ...this.options,
-        decimal: this.decimals,
-        duration: this.duration,
-        startVal: this.start
-      }), this.c.start(() => {
-        this.callback(this.c);
-      }));
-    },
-    destroy() {
-      this.c = null;
-    }
-  },
-  start(t) {
-    var e;
-    (e = this.c) == null || e.start(() => {
-      t == null || t(this.c);
-    });
-  },
-  pauseResume() {
-    var t;
-    (t = this.c) == null || t.pauseResume();
-  },
-  reset() {
-    var t;
-    (t = this.c) == null || t.reset();
-  },
-  update(t) {
-    var e;
-    (e = this.c) == null || e.update(t);
-  }
-};
-var a = function() {
-  var e = this, s = e._self._c;
-  return s("span", [e._v(e._s(e.end))]);
-}, u = [], o = /* @__PURE__ */ r(
-  n,
-  a,
-  u,
-  !1,
-  null,
-  null
-);
-const h = o.exports;
-export {
-  h as default
+//#region src/components/count-up/CountUp.vue
+var a = {
+	name: "CountUp",
+	props: {
+		animation: {
+			type: Boolean,
+			default: !0
+		},
+		start: {
+			type: [Number, String],
+			required: !1,
+			default: 0
+		},
+		end: {
+			type: [Number, String],
+			required: !0
+		},
+		decimals: {
+			type: Number,
+			required: !1,
+			default: 0
+		},
+		duration: {
+			type: Number,
+			required: !1,
+			default: 2
+		},
+		options: {
+			type: Object,
+			required: !1,
+			default() {
+				return {};
+			}
+		},
+		callback: {
+			type: Function,
+			required: !1,
+			default: () => {}
+		}
+	},
+	watch: {
+		decimals() {
+			var e;
+			(e = this.c) == null || e.update(this.end);
+		},
+		end(e) {
+			var t;
+			(t = this.c) == null || t.update(e);
+		}
+	},
+	mounted() {
+		this.animation && this.init();
+	},
+	beforeUnmount() {
+		this.destroy();
+	},
+	methods: {
+		init() {
+			this.c || (this.c = new i(this.$el, this.end, {
+				...this.options,
+				decimal: this.decimals,
+				duration: this.duration,
+				startVal: this.start
+			}), this.c.start(() => {
+				this.callback(this.c);
+			}));
+		},
+		destroy() {
+			this.c = null;
+		}
+	},
+	start(e) {
+		var t;
+		(t = this.c) == null || t.start(() => {
+			e == null || e(this.c);
+		});
+	},
+	pauseResume() {
+		var e;
+		(e = this.c) == null || e.pauseResume();
+	},
+	reset() {
+		var e;
+		(e = this.c) == null || e.reset();
+	},
+	update(e) {
+		var t;
+		(t = this.c) == null || t.update(e);
+	}
 };
+function o(e, i, a, o, s, c) {
+	return n(), t("span", null, r(a.end), 1);
+}
+var s = /* @__PURE__ */ e(a, [["render", o]]);
+//#endregion
+export { s as default };