@web-utils/component 4.0.16 → 5.0.0-beta02

package/easy-popup/index.mjs

@@ -1,103 +1,92 @@
-import { getComputedWidth as o, getComputedHeight as n } from "@web-utils/core";
-import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const r = {
-  name: "EasyPopup",
-  props: {
-    /**
-     * 是否开启边界检测
-     */
-    border: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * 显示点偏移量
-     */
-    offset: {
-      type: Object,
-      default: () => ({ x: 6, y: 2 })
-    },
-    /**
-     * 边界距离
-     */
-    borderWidth: {
-      type: Number,
-      default: 6
-    },
-    /**
-     * 是否添加到 body
-     */
-    appendToBody: Boolean,
-    flexRow: Boolean,
-    flexColumn: Boolean,
-    /**
-     * 鼠标离开后隐藏
-     */
-    hideOnMouseLeave: {
-      type: Boolean,
-      default: !0
-    },
-    interactive: Boolean
-  },
-  data() {
-    return {
-      /**
-       * 是否显示
-       */
-      visible: !1,
-      rendered: !1,
-      /**
-       * 触发点坐标
-       */
-      axis: { x: 0, y: 0 }
-    };
-  },
-  computed: {
-    position() {
-      return {
-        top: `${this.axis.y + this.offset.y}px`,
-        left: `${this.axis.x + this.offset.x}px`
-      };
-    }
-  },
-  watch: {
-    async axis() {
-      if (this.border) {
-        await this.$nextTick();
-        const t = o(this.$refs.container), e = n(this.$refs.container), i = document.body.offsetWidth, s = document.body.offsetHeight;
-        this.axis.x + this.offset.x + t >= i && (this.axis.x = i - t - this.borderWidth - this.offset.x), this.axis.y + this.offset.y + e >= s && (this.axis.y = s - e - this.borderWidth - this.offset.y);
-      }
-    }
-  },
-  destroyed() {
-    this.$el.remove();
-  },
-  methods: {
-    show({ clientX: t, clientY: e }) {
-      this.axis = { x: t, y: e }, this.visible || (document.addEventListener("click", this.doHide, !0), this.rendered = !0, this.visible = !0), this.appendToBody && document.body.appendChild(this.$el);
-    },
-    hide() {
-      this.visible = !1, document.removeEventListener("click", this.doHide);
-    },
-    doHide(t) {
-      this.interactive && this.$el.contains(t.target) || this.hide();
-    }
-  }
-};
-var d = function() {
-  var e = this, i = e._self._c;
-  return i("Transition", { attrs: { name: "easy-popup" } }, [e.rendered ? i("div", { directives: [{ name: "show", rawName: "v-show", value: e.visible, expression: "visible" }], ref: "container", class: ["easy-popup", { "easy-popup__visible": e.visible, "easy-popup__hide": !e.visible, "flex-row": e.flexRow, "flex-column": e.flexColumn }], style: e.position, on: { mouseleave: function(s) {
-    e.hideOnMouseLeave && e.hide();
-  } } }, [e._t("default")], 2) : e._e()]);
-}, h = [], l = /* @__PURE__ */ a(
-  r,
-  d,
-  h,
-  !1,
-  null,
-  null
-);
-const u = l.exports;
-export {
-  u as default
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { Transition as t, createBlock as n, createCommentVNode as r, createElementBlock as i, normalizeClass as a, normalizeStyle as o, openBlock as s, renderSlot as c, vShow as l, withCtx as u, withDirectives as d } from "vue";
+import { getComputedHeight as f, getComputedWidth as p } from "@web-utils/core";
+//#region src/components/EasyPopup.vue
+var m = {
+	name: "EasyPopup",
+	props: {
+		border: {
+			type: Boolean,
+			default: !0
+		},
+		offset: {
+			type: Object,
+			default: () => ({
+				x: 6,
+				y: 2
+			})
+		},
+		borderWidth: {
+			type: Number,
+			default: 6
+		},
+		appendToBody: Boolean,
+		flexRow: Boolean,
+		flexColumn: Boolean,
+		hideOnMouseLeave: {
+			type: Boolean,
+			default: !0
+		},
+		interactive: Boolean
+	},
+	data() {
+		return {
+			visible: !1,
+			rendered: !1,
+			axis: {
+				x: 0,
+				y: 0
+			}
+		};
+	},
+	computed: { position() {
+		return {
+			top: `${this.axis.y + this.offset.y}px`,
+			left: `${this.axis.x + this.offset.x}px`
+		};
+	} },
+	watch: { async axis() {
+		if (this.border) {
+			await this.$nextTick();
+			let e = p(this.$refs.container), t = f(this.$refs.container), n = document.body.offsetWidth, r = document.body.offsetHeight;
+			this.axis.x + this.offset.x + e >= n && (this.axis.x = n - e - this.borderWidth - this.offset.x), this.axis.y + this.offset.y + t >= r && (this.axis.y = r - t - this.borderWidth - this.offset.y);
+		}
+	} },
+	unmounted() {
+		this.$el.remove();
+	},
+	methods: {
+		show({ clientX: e, clientY: t }) {
+			this.axis = {
+				x: e,
+				y: t
+			}, this.visible || (document.addEventListener("click", this.doHide, !0), this.rendered = !0, this.visible = !0), this.appendToBody && document.body.appendChild(this.$el);
+		},
+		hide() {
+			this.visible = !1, document.removeEventListener("click", this.doHide);
+		},
+		doHide(e) {
+			this.interactive && this.$el.contains(e.target) || this.hide();
+		}
+	}
 };
+function h(e, f, p, m, h, g) {
+	return s(), n(t, { name: "easy-popup" }, {
+		default: u(() => [h.rendered ? d((s(), i("div", {
+			key: 0,
+			ref: "container",
+			class: a(["easy-popup", {
+				"easy-popup__visible": h.visible,
+				"easy-popup__hide": !h.visible,
+				"flex-row": p.flexRow,
+				"flex-column": p.flexColumn
+			}]),
+			style: o(g.position),
+			onMouseleave: f[0] || (f[0] = (e) => p.hideOnMouseLeave ? g.hide() : null)
+		}, [c(e.$slots, "default")], 38)), [[l, h.visible]]) : r("v-if", !0)]),
+		_: 3
+	});
+}
+var g = /* @__PURE__ */ e(m, [["render", h]]);
+//#endregion
+export { g as default };

package/editable-progress/index.mjs

@@ -1,84 +1,113 @@
-import { n as o } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const r = {
-  name: "EditableProgress",
-  props: {
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    strokeWidth: {
-      type: Number,
-      default: 22
-    },
-    step: {
-      type: Number,
-      default: 10
-    },
-    max: {
-      type: Number,
-      default: 100
-    },
-    value: {
-      type: Number,
-      default: 0
-    }
-  },
-  data() {
-    return {
-      slider: !1,
-      mouseDown: !1,
-      tooltipClass: "hide-tooltip",
-      percent: this.value
-    };
-  },
-  watch: {
-    value(s) {
-      this.percent !== s && (this.percent = s);
-    }
-  },
-  methods: {
-    formatTooltip(s) {
-      return `${s}%`;
-    },
-    onInput(s) {
-      this.value !== s && this.$emit("input", s);
-    },
-    onChange(s) {
-      this.slider = !1, this.tooltipClass = "hide-tooltip", this.$emit("change", s);
-    },
-    onMouseOver() {
-      this.disabled || this.slider || (this.slider = !0, this.$nextTick(() => {
-        this.$refs.slider.$refs.button1.$refs.tooltip.updatePopper(), this.tooltipClass = "";
-      }));
-    },
-    onMouseDown() {
-      this.disabled || (this.mouseDown = !0, window.addEventListener("mouseup", this.onMouseUp));
-    },
-    onMouseUp() {
-      this.disabled || (this.mouseDown = !1, this.tooltipClass = "hide-tooltip", window.removeEventListener("mouseup", this.onMouseUp));
-    },
-    onMouseLeave() {
-      this.disabled || this.mouseDown || (this.tooltipClass = "hide-tooltip", this.slider = !1);
-    },
-    wrapperClick() {
-      this.disabled || (this.slider = !0);
-    }
-  }
-};
-var a = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "editable-progress", on: { mouseover: e.onMouseOver, mousedown: e.onMouseDown, mouseleave: e.onMouseLeave, click: e.wrapperClick } }, [t("ElProgress", { directives: [{ name: "show", rawName: "v-show", value: !e.slider, expression: "!slider" }], class: e.percent === 100 ? "progress__success" : "", attrs: { "stroke-width": e.strokeWidth, "text-inside": "", percentage: e.percent } }), e.disabled ? e._e() : t("ElSlider", { directives: [{ name: "show", rawName: "v-show", value: e.slider, expression: "slider" }], ref: "slider", style: { width: `${e.max === 100 ? 100 : e.max - 1}%` }, attrs: { "tooltip-class": e.tooltipClass, max: e.max, "format-tooltip": e.formatTooltip, disabled: e.disabled, step: e.step }, on: { input: e.onInput, change: e.onChange }, model: { value: e.percent, callback: function(i) {
-    e.percent = i;
-  }, expression: "percent" } })], 1);
-}, l = [], n = /* @__PURE__ */ o(
-  r,
-  a,
-  l,
-  !1,
-  null,
-  null
-);
-const p = n.exports;
-export {
-  p as default
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { createBlock as t, createCommentVNode as n, createElementBlock as r, createVNode as i, normalizeClass as a, normalizeStyle as o, openBlock as s, resolveComponent as c, vShow as l, withDirectives as u } from "vue";
+//#region src/components/EditableProgress.vue
+var d = {
+	name: "EditableProgress",
+	props: {
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		strokeWidth: {
+			type: Number,
+			default: 22
+		},
+		step: {
+			type: Number,
+			default: 10
+		},
+		max: {
+			type: Number,
+			default: 100
+		},
+		value: {
+			type: Number,
+			default: 0
+		}
+	},
+	emits: ["input", "change"],
+	data() {
+		return {
+			slider: !1,
+			mouseDown: !1,
+			tooltipClass: "hide-tooltip",
+			percent: this.value
+		};
+	},
+	watch: { value(e) {
+		this.percent !== e && (this.percent = e);
+	} },
+	methods: {
+		formatTooltip(e) {
+			return `${e}%`;
+		},
+		onInput(e) {
+			this.value !== e && this.$emit("input", e);
+		},
+		onChange(e) {
+			this.slider = !1, this.tooltipClass = "hide-tooltip", this.$emit("change", e);
+		},
+		onMouseOver() {
+			this.disabled || this.slider || (this.slider = !0, this.$nextTick(() => {
+				this.$refs.slider.$refs.button1.$refs.tooltip.updatePopper(), this.tooltipClass = "";
+			}));
+		},
+		onMouseDown() {
+			this.disabled || (this.mouseDown = !0, window.addEventListener("mouseup", this.onMouseUp));
+		},
+		onMouseUp() {
+			this.disabled || (this.mouseDown = !1, this.tooltipClass = "hide-tooltip", window.removeEventListener("mouseup", this.onMouseUp));
+		},
+		onMouseLeave() {
+			this.disabled || this.mouseDown || (this.tooltipClass = "hide-tooltip", this.slider = !1);
+		},
+		wrapperClick() {
+			this.disabled || (this.slider = !0);
+		}
+	}
 };
+function f(e, d, f, p, m, h) {
+	let g = c("ElProgress"), _ = c("ElSlider");
+	return s(), r("div", {
+		class: "editable-progress",
+		onMouseover: d[1] || (d[1] = (...e) => h.onMouseOver && h.onMouseOver(...e)),
+		onMousedown: d[2] || (d[2] = (...e) => h.onMouseDown && h.onMouseDown(...e)),
+		onMouseleave: d[3] || (d[3] = (...e) => h.onMouseLeave && h.onMouseLeave(...e)),
+		onClick: d[4] || (d[4] = (...e) => h.wrapperClick && h.wrapperClick(...e))
+	}, [u(i(g, {
+		class: a(m.percent === 100 ? "progress__success" : ""),
+		"stroke-width": f.strokeWidth,
+		"text-inside": "",
+		percentage: m.percent
+	}, null, 8, [
+		"class",
+		"stroke-width",
+		"percentage"
+	]), [[l, !m.slider]]), f.disabled ? n("v-if", !0) : u((s(), t(_, {
+		key: 0,
+		ref: "slider",
+		modelValue: m.percent,
+		"onUpdate:modelValue": d[0] || (d[0] = (e) => m.percent = e),
+		"tooltip-class": m.tooltipClass,
+		max: f.max,
+		"format-tooltip": h.formatTooltip,
+		style: o({ width: `${f.max === 100 ? 100 : f.max - 1}%` }),
+		disabled: f.disabled,
+		step: f.step,
+		onInput: h.onInput,
+		onChange: h.onChange
+	}, null, 8, [
+		"modelValue",
+		"tooltip-class",
+		"max",
+		"format-tooltip",
+		"style",
+		"disabled",
+		"step",
+		"onInput",
+		"onChange"
+	])), [[l, m.slider]])], 32);
+}
+var p = /* @__PURE__ */ e(d, [["render", f]]);
+//#endregion
+export { p as default };