@web-utils/component 4.0.15 → 5.0.0-beta01

package/present-view/index.mjs

@@ -1,200 +1,266 @@
-import b from "../loading-view/index.mjs";
-import u from "../resize-observer/index.mjs";
-import p from "../form-item-group/index.mjs";
-import l from "../toolbar/index.mjs";
-import c from "../empty-view/index.mjs";
-import { isInContainer as v, delay as w, hasOwn as f, toStringArray as _ } from "@web-utils/core";
-import { merge as y } from "@web-utils/integrations/lodash";
-import "../resize-observer/style.css";
-import { n as g } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const m = [
-  "back",
-  "create",
-  "save",
-  "withdraw",
-  "edit",
-  "submit",
-  "publish",
-  "agree",
-  "disagree",
-  "reject",
-  "finish",
-  "cancel",
-  "enable",
-  "exp",
-  "imp",
-  "del",
-  "disabled",
-  "reload",
-  "slot"
-], x = m.map((e) => `${e}-down`), $ = ["back", "withdraw", "edit"], d = ["save", "submit", "", "publish", "agree", "disagree", "reject", "finish", "cancel"], a = (e, t) => {
-  if (e.classList.contains(t))
-    return e;
-  let o = e.parentNode;
-  for (; o && !o.classList.contains(t); )
-    o = o.parentNode;
-  return o.classList.contains(t) ? o : null;
-}, S = {
-  name: "PresentView",
-  components: {
-    ResizeObserver: u
-  },
-  inject: {
-    flowContext: {
-      default: {}
-    }
-  },
-  props: {
-    notForm: Boolean,
-    loading: Boolean,
-    unLimit: Boolean,
-    formWidth: {
-      type: String,
-      default: "75%"
-    },
-    toolbarAttrs: {
-      type: Object,
-      default: () => {
-      }
-    },
-    toolbarListeners: Object,
-    contentClass: String,
-    className: String,
-    title: String,
-    showToolbar: {
-      type: Boolean,
-      default: !0
-    },
-    formNav: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  data() {
-    return {
-      tabs: [],
-      activeIndex: -1,
-      tryByClick: !1,
-      showNav: !1
-    };
-  },
-  computed: {
-    isFormLoading() {
-      return this.loading || f(this.$parent, "isFormLoaded") ? !this.$parent.isFormLoaded : !1;
-    },
-    toolbarProps() {
-      var r;
-      const e = {}, t = ((r = this.toolbarAttrs) == null ? void 0 : r.buttons) || this.$parent.buttons, o = y({}, this.toolbarAttrs, e);
-      return o.buttons = t || ["back"], o.buttons = _(o.buttons), o;
-    }
-  },
-  created() {
-    this.$on("FormView.addTab", (e) => {
-      e && (this.activeIndex === -1 && (this.activeIndex = 0), this.tabs.push(e), this.tabs = this.tabs.sort((t, o) => {
-        const r = a(t.$el, "form-card"), s = a(o.$el, "form-card");
-        if (r === s) {
-          const i = [].indexOf.call(t.$el.parentNode.children, t.$el), n = [].indexOf.call(o.$el.parentNode.children, o.$el);
-          return i - n;
-        } else {
-          const i = a(r, "form-scroller"), n = [].indexOf.call(i.children, r), h = [].indexOf.call(i.children, s);
-          return n - h;
-        }
-      }), e.active && (this.activeIndex = this.tabs.indexOf(e), this.tabClick(e, this.activeIndex)));
-    }), this.$on("FormView.removeTab", (e) => {
-      if (e) {
-        const t = this.tabs.indexOf(e);
-        this.tabs.splice(t, 1), this.activeIndex > this.tabs.length - 1 && (this.activeIndex = 0);
-      }
-    }), this.onFormResize({ width: window.document.body.clientWidth });
-  },
-  async activated() {
-    this.$refs.formScroller && (await this.$nextTick(), this.scrollTo(this.formScrollTop, this.formScrollLeft));
-  },
-  methods: {
-    getToolbarSlotKeys() {
-      return Object.keys(this.$scopedSlots).filter((e) => m.includes(e));
-    },
-    getFooterSlotKeys() {
-      return Object.keys(this.$scopedSlots).filter((e) => x.includes(e));
-    },
-    getFooterSlotKey(e) {
-      return e.replace("-down", "");
-    },
-    onFormResize({ width: e }) {
-      this.showNav = e > 1500;
-    },
-    onEdit() {
-      !this.toolbarListeners.edit && f(this.$parent, "disabled") && (this.$parent.disabled = !1);
-    },
-    async tabClick(e, t) {
-      this.showNav && (await this.$nextTick(), e.expand || (e.open(), await w(200), await this.$nextTick()), this.tryByClick = !0, this.activeIndex = t, this.$refs.formScroller.scrollTop = e.$el.offsetTop - 10);
-    },
-    async tryActive() {
-      if (this.showNav) {
-        for (let e = 0; e < this.tabs.length; e++)
-          if (v(this.tabs[e].$el, this.$refs.formScroller, { bottomOffset: 10 })) {
-            this.activeIndex = e;
-            break;
-          }
-      }
-    },
-    onFormScroll() {
-      this.formScrollTop = this.$refs.formScroller.scrollTop, this.formScrollLeft = this.$refs.formScroller.scrollLeft, !this.tryByClick && this.tabs.length && window.requestAnimationFrame(this.tryActive), this.tryByClick = !1;
-    },
-    scrollTo(e, t) {
-      e && (this.$refs.formScroller.scrollTop = e), t && (this.$refs.formScroller.scrollLeft = t);
-    },
-    getToolbarButtons(e) {
-      return e.filter((t) => !d.includes(t) && t.indexOf(":down") < 0).map((t) => t.replace(":up", ""));
-    },
-    getFooterBarButtons(e) {
-      let t = e.filter((o) => !$.includes(o) && (d.includes(o) || o.indexOf(":down") > -1)).map((o) => o.replace(":down", ""));
-      return t = t || [], this.$parent.isEnabled && !t.includes("cancel") && t.push("cancel"), t;
-    }
-  }
-};
-var F = function() {
-  var t = this, o = t._self._c;
-  return o("div", { class: ["form-view", t.className] }, [o("div", { directives: [{ name: "show", rawName: "v-show", value: !t.isFormLoading, expression: "!isFormLoading" }], staticClass: "form-view-toolbar" }, [t._t("form-view-toolbar", function() {
-    return [o(l, t._g(t._b({ directives: [{ name: "show", rawName: "v-show", value: t.showToolbar, expression: "showToolbar" }], on: { edit: t.onEdit }, scopedSlots: t._u([{ key: "default", fn: function({ buttons: r }) {
-      return [t._t("toolbar-button", null, { buttons: r })];
-    } }, t._l(t.getToolbarSlotKeys(), function(r) {
-      return { key: r, fn: function() {
-        return [t._t(r)];
-      }, proxy: !0 };
-    }), { key: "toolbar-right", fn: function() {
-      return [t._t("toolbar-right")];
-    }, proxy: !0 }], null, !0) }, "Toolbar", { ...t.toolbarProps, buttons: t.getToolbarButtons(t.toolbarProps.buttons) }, !1), t.toolbarListeners))];
-  })], 2), o("div", { directives: [{ name: "show", rawName: "v-show", value: !t.isFormLoading, expression: "!isFormLoading" }], staticClass: "form-scroller-wrapper" }, [o("div", { ref: "formScroller", class: ["form-scroller", "absolute-box", t.contentClass], on: { scroll: t.onFormScroll } }, [t.notForm ? o("div", { staticClass: "not-form", style: { width: t.formWidth } }, [t.title ? o("div", { staticClass: "form-view-title" }, [t._v(t._s(t.title))]) : t._e(), t._t("default", function() {
-    return [o(c, { attrs: { "empty-tips": "请添加表单内容" } })];
-  }), o(l, t._g(t._b({ attrs: { footer: "" }, scopedSlots: t._u([{ key: "default", fn: function({ buttons: r, footer: s }) {
-    return [t._t("footer-button", null, { buttons: r, footer: s })];
-  } }, t._l(t.getFooterSlotKeys(), function(r) {
-    return { key: t.getFooterSlotKey(r), fn: function() {
-      return [t._t(r)];
-    }, proxy: !0 };
-  })], null, !0) }, "Toolbar", { ...t.toolbarProps, buttons: t.getFooterBarButtons(t.toolbarProps.buttons) }, !1), t.toolbarListeners)), t.$scopedSlots["form-bottom"] ? t._t("form-bottom") : t._e()], 2) : o("div", { class: ["form-card", { "un-limit": t.unLimit }], style: { width: `calc(${t.formWidth} + 40px)` } }, [o("div", { staticClass: "form-content" }, [t.title ? o("div", { staticClass: "form-view-title" }, [t._v(t._s(t.title))]) : t._e(), t._t("default", function() {
-    return [o(c, { attrs: { "empty-tips": "请添加表单内容" } })];
-  }), t.getFooterBarButtons(t.toolbarProps.buttons).length ? o(l, t._g(t._b({ attrs: { footer: "" }, scopedSlots: t._u([{ key: "default", fn: function({ buttons: r, footer: s }) {
-    return [t._t("footer-button", null, { buttons: r, footer: s })];
-  } }, t._l(t.getFooterSlotKeys(), function(r) {
-    return { key: t.getFooterSlotKey(r), fn: function() {
-      return [t._t(r)];
-    }, proxy: !0 };
-  })], null, !0) }, "Toolbar", { ...t.toolbarProps, buttons: t.getFooterBarButtons(t.toolbarProps.buttons) }, !1), t.toolbarListeners)) : t._e()], 2)]), t.$scopedSlots["form-bottom"] || t.$parent.$options.flowForm && t.flowContext.logs.length ? o("div", { class: ["form-card", { "un-limit": t.unLimit }], staticStyle: { "min-height": "0" }, style: { width: `calc(${t.formWidth} + 40px)` } }, [o("div", { staticClass: "form-content" }, [o(p, { attrs: { "block-title": "流程日志" } }, [o("FlowLog", { attrs: { fetch: !1, "show-title": !1, "business-key": t.$parent.bizKey } })], 1), t._t("form-bottom")], 2)]) : t._e()]), o(u, { on: { notify: t.onFormResize } })], 1), t.formNav && !t.isFormLoading && t.showNav && t.tabs.length ? o("div", { staticClass: "form-nav" }, [o("div", { staticClass: "form-nav-header" }, [t._v("表单导航")]), o("ul", { staticClass: "form-nav-list" }, t._l(t.tabs, function(r, s) {
-    return o("li", { key: r.blockTitle, class: ["form-nav-item", { active: t.activeIndex === s }], on: { click: function(i) {
-      return t.tabClick(r, s);
-    } } }, [t._v(" " + t._s(r.blockTitle) + " ")]);
-  }), 0)]) : t._e(), t.isFormLoading ? o(b, { attrs: { "icon-size": "34px", "font-size": "16px" } }) : t._e()], 1);
-}, k = [], B = /* @__PURE__ */ g(
-  S,
-  F,
-  k,
-  !1,
-  null,
-  null
-);
-const z = B.exports;
-export {
-  z as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import t from "../resize-observer/index.mjs";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, createVNode as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderList as p, renderSlot as m, resolveComponent as h, toDisplayString as g, toHandlers as _, vShow as v, withCtx as y, withDirectives as b } from "vue";
+import { delay as x, hasOwn as S, isInContainer as C, toStringArray as w } from "@web-utils/core";
+import { merge as T } from "@web-utils/integrations/lodash";
+//#region src/components/form/PresentView.vue
+var E = [
+	"back",
+	"create",
+	"save",
+	"withdraw",
+	"edit",
+	"submit",
+	"publish",
+	"agree",
+	"disagree",
+	"reject",
+	"finish",
+	"cancel",
+	"enable",
+	"exp",
+	"imp",
+	"del",
+	"disabled",
+	"reload",
+	"slot"
+], D = E.map((e) => `${e}-down`), O = [
+	"back",
+	"withdraw",
+	"edit"
+], k = [
+	"save",
+	"submit",
+	"",
+	"publish",
+	"agree",
+	"disagree",
+	"reject",
+	"finish",
+	"cancel"
+], A = (e, t) => {
+	if (e.classList.contains(t)) return e;
+	let n = e.parentNode;
+	for (; n && !n.classList.contains(t);) n = n.parentNode;
+	return n.classList.contains(t) ? n : null;
+}, j = {
+	name: "PresentView",
+	components: { ResizeObserver: t },
+	inject: { flowContext: { default: {} } },
+	props: {
+		notForm: Boolean,
+		loading: Boolean,
+		unLimit: Boolean,
+		formWidth: {
+			type: String,
+			default: "75%"
+		},
+		toolbarAttrs: {
+			type: Object,
+			default: () => {}
+		},
+		toolbarListeners: Object,
+		contentClass: String,
+		className: String,
+		title: String,
+		showToolbar: {
+			type: Boolean,
+			default: !0
+		},
+		formNav: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	data() {
+		return {
+			tabs: [],
+			activeIndex: -1,
+			tryByClick: !1,
+			showNav: !1
+		};
+	},
+	computed: {
+		isFormLoading() {
+			return this.loading || S(this.$parent, "isFormLoaded") ? !this.$parent.isFormLoaded : !1;
+		},
+		toolbarProps() {
+			var e;
+			let t = {}, n = ((e = this.toolbarAttrs) == null ? void 0 : e.buttons) || this.$parent.buttons, r = T({}, this.toolbarAttrs, t);
+			return r.buttons = n || ["back"], r.buttons = w(r.buttons), r;
+		}
+	},
+	created() {
+		this.$on("FormView.addTab", (e) => {
+			e && (this.activeIndex === -1 && (this.activeIndex = 0), this.tabs.push(e), this.tabs = this.tabs.sort((e, t) => {
+				let n = A(e.$el, "form-card"), r = A(t.$el, "form-card");
+				if (n === r) return [].indexOf.call(e.$el.parentNode.children, e.$el) - [].indexOf.call(t.$el.parentNode.children, t.$el);
+				{
+					let e = A(n, "form-scroller");
+					return [].indexOf.call(e.children, n) - [].indexOf.call(e.children, r);
+				}
+			}), e.active && (this.activeIndex = this.tabs.indexOf(e), this.tabClick(e, this.activeIndex)));
+		}), this.$on("FormView.removeTab", (e) => {
+			if (e) {
+				let t = this.tabs.indexOf(e);
+				this.tabs.splice(t, 1), this.activeIndex > this.tabs.length - 1 && (this.activeIndex = 0);
+			}
+		}), this.onFormResize({ width: window.document.body.clientWidth });
+	},
+	async activated() {
+		this.$refs.formScroller && (await this.$nextTick(), this.scrollTo(this.formScrollTop, this.formScrollLeft));
+	},
+	methods: {
+		getToolbarSlotKeys() {
+			return Object.keys(this.$slots).filter((e) => E.includes(e));
+		},
+		getFooterSlotKeys() {
+			return Object.keys(this.$slots).filter((e) => D.includes(e));
+		},
+		getFooterSlotKey(e) {
+			return e.replace("-down", "");
+		},
+		onFormResize({ width: e }) {
+			this.showNav = e > 1500;
+		},
+		onEdit() {
+			!this.toolbarListeners.edit && S(this.$parent, "disabled") && (this.$parent.disabled = !1);
+		},
+		async tabClick(e, t) {
+			this.showNav && (await this.$nextTick(), e.expand || (e.open(), await x(200), await this.$nextTick()), this.tryByClick = !0, this.activeIndex = t, this.$refs.formScroller.scrollTop = e.$el.offsetTop - 10);
+		},
+		tryActive() {
+			if (this.showNav) {
+				for (let e = 0; e < this.tabs.length; e++) if (C(this.tabs[e].$el, this.$refs.formScroller, { bottomOffset: 10 })) {
+					this.activeIndex = e;
+					break;
+				}
+			}
+		},
+		onFormScroll() {
+			this.formScrollTop = this.$refs.formScroller.scrollTop, this.formScrollLeft = this.$refs.formScroller.scrollLeft, !this.tryByClick && this.tabs.length && window.requestAnimationFrame(this.tryActive), this.tryByClick = !1;
+		},
+		scrollTo(e, t) {
+			e && (this.$refs.formScroller.scrollTop = e), t && (this.$refs.formScroller.scrollLeft = t);
+		},
+		getToolbarButtons(e) {
+			return e.filter((e) => !k.includes(e) && e.indexOf(":down") < 0).map((e) => e.replace(":up", ""));
+		},
+		getFooterBarButtons(e) {
+			let t = e.filter((e) => !O.includes(e) && (k.includes(e) || e.indexOf(":down") > -1)).map((e) => e.replace(":down", ""));
+			return t = t || [], this.$parent.isEnabled && !t.includes("cancel") && t.push("cancel"), t;
+		}
+	}
+}, M = { class: "form-view-toolbar" }, N = { class: "form-scroller-wrapper" }, P = {
+	key: 0,
+	class: "form-view-title"
+}, F = { class: "form-content" }, I = {
+	key: 0,
+	class: "form-view-title"
+}, L = { class: "form-content" }, R = {
+	key: 0,
+	class: "form-nav"
+}, z = { class: "form-nav-list" }, B = ["onClick"];
+function V(e, t, x, S, C, w) {
+	let T = h("Toolbar"), E = h("EmptyView"), D = h("FlowLog"), O = h("FormItemGroup"), k = h("ResizeObserver"), A = h("LoadingView");
+	return f(), a("div", { class: u(["form-view", x.className]) }, [
+		i(" 顶部工具栏 "),
+		b(o("div", M, [m(e.$slots, "form-view-toolbar", {}, () => [b(c(T, l({
+			...w.toolbarProps,
+			buttons: w.getToolbarButtons(w.toolbarProps.buttons)
+		}, { onEdit: w.onEdit }, _(x.toolbarListeners)), s({
+			default: y(({ buttons: t }) => [m(e.$slots, "toolbar-button", { buttons: t })]),
+			"toolbar-right": y(() => [m(e.$slots, "toolbar-right")]),
+			_: 2
+		}, [p(w.getToolbarSlotKeys(), (t) => ({
+			name: t,
+			fn: y(() => [m(e.$slots, t)])
+		}))]), 1040, ["onEdit"]), [[v, x.showToolbar]])])], 512), [[v, !w.isFormLoading]]),
+		i(" 表单 "),
+		b(o("div", N, [o("div", {
+			ref: "formScroller",
+			class: u([
+				"form-scroller",
+				"absolute-box",
+				x.contentClass
+			]),
+			onScroll: t[0] || (t[0] = (...e) => w.onFormScroll && w.onFormScroll(...e))
+		}, [x.notForm ? (f(), a("div", {
+			key: 0,
+			style: d({ width: x.formWidth }),
+			class: "not-form"
+		}, [
+			x.title ? (f(), a("div", P, g(x.title), 1)) : i("v-if", !0),
+			i(" 表单内容 "),
+			m(e.$slots, "default", {}, () => [c(E, { "empty-tips": "请添加表单内容" })]),
+			i(" 底部工具栏 "),
+			c(T, l({
+				...w.toolbarProps,
+				buttons: w.getFooterBarButtons(w.toolbarProps.buttons)
+			}, { footer: "" }, _(x.toolbarListeners)), s({
+				default: y(({ buttons: t, footer: n }) => [m(e.$slots, "footer-button", {
+					buttons: t,
+					footer: n
+				})]),
+				_: 2
+			}, [p(w.getFooterSlotKeys(), (t) => ({
+				name: w.getFooterSlotKey(t),
+				fn: y(() => [m(e.$slots, t)])
+			}))]), 1040),
+			i(" 表单底部 "),
+			e.$slots["form-bottom"] ? m(e.$slots, "form-bottom", { key: 1 }) : i("v-if", !0)
+		], 4)) : (f(), a("div", {
+			key: 1,
+			class: u(["form-card", { "un-limit": x.unLimit }]),
+			style: d({ width: `calc(${x.formWidth} + 40px)` })
+		}, [o("div", F, [
+			i(" 表单内容 "),
+			x.title ? (f(), a("div", I, g(x.title), 1)) : i("v-if", !0),
+			m(e.$slots, "default", {}, () => [c(E, { "empty-tips": "请添加表单内容" })]),
+			i(" 底部工具栏 "),
+			w.getFooterBarButtons(w.toolbarProps.buttons).length ? (f(), r(T, l({ key: 1 }, {
+				...w.toolbarProps,
+				buttons: w.getFooterBarButtons(w.toolbarProps.buttons)
+			}, { footer: "" }, _(x.toolbarListeners)), s({
+				default: y(({ buttons: t, footer: n }) => [m(e.$slots, "footer-button", {
+					buttons: t,
+					footer: n
+				})]),
+				_: 2
+			}, [p(w.getFooterSlotKeys(), (t) => ({
+				name: w.getFooterSlotKey(t),
+				fn: y(() => [m(e.$slots, t)])
+			}))]), 1040)) : i("v-if", !0)
+		])], 6)), e.$slots["form-bottom"] || e.$parent.$options.flowForm && w.flowContext.logs.length ? (f(), a("div", {
+			key: 2,
+			class: u(["form-card", { "un-limit": x.unLimit }]),
+			style: d([{ width: `calc(${x.formWidth} + 40px)` }, { "min-height": "0" }])
+		}, [o("div", L, [
+			c(O, { "block-title": "流程日志" }, {
+				default: y(() => [c(D, {
+					fetch: !1,
+					"show-title": !1,
+					"business-key": e.$parent.bizKey
+				}, null, 8, ["business-key"])]),
+				_: 1
+			}),
+			i(" 表单底部 "),
+			m(e.$slots, "form-bottom")
+		])], 6)) : i("v-if", !0)], 34), c(k, { onNotify: w.onFormResize }, null, 8, ["onNotify"])], 512), [[v, !w.isFormLoading]]),
+		i(" 表单导航 "),
+		x.formNav && !w.isFormLoading && C.showNav && C.tabs.length ? (f(), a("div", R, [t[1] || (t[1] = o("div", { class: "form-nav-header" }, "表单导航", -1)), o("ul", z, [(f(!0), a(n, null, p(C.tabs, (e, t) => (f(), a("li", {
+			key: e.blockTitle,
+			class: u(["form-nav-item", { active: C.activeIndex === t }]),
+			onClick: (n) => w.tabClick(e, t)
+		}, g(e.blockTitle), 11, B))), 128))])])) : i("v-if", !0),
+		i(" 加载提示 "),
+		w.isFormLoading ? (f(), r(A, {
+			key: 1,
+			"icon-size": "34px",
+			"font-size": "16px"
+		})) : i("v-if", !0)
+	], 2);
+}
+var H = /* @__PURE__ */ e(j, [["render", V]]);
+//#endregion
+export { H as default };

package/queue/index.mjs

@@ -1,54 +1,46 @@
-import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const s = {
-  name: "Queue",
-  props: {
-    enter: {
-      type: String,
-      default: "fadeInLeft"
-    },
-    block: {
-      type: Boolean,
-      default: !1
-    },
-    delay: {
-      type: Number,
-      default: 0
-    }
-  },
-  data() {
-    return {
-      animate: []
-    };
-  },
-  mounted() {
-    this.$nextTick(() => {
-      addEventListener("scroll", this.handleAnimate), this.handleAnimate();
-    });
-  },
-  destroyed() {
-    removeEventListener("scroll", this.handleAnimate);
-  },
-  methods: {
-    handleAnimate() {
-      const n = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop, e = document.documentElement.clientHeight, t = this.$refs.queue;
-      n + e > t.offsetTop ? setTimeout(() => {
-        this.animate = [this.enter, "avue-opacity--active"];
-      }, this.delay) : this.animate = ["avue-opacity"];
-    }
-  }
-};
-var o = function() {
-  var e = this, t = e._self._c;
-  return t("div", { class: ["avue-queue", { "avue-queue--block": e.block }] }, [t("div", { ref: "queue", staticClass: "animate__animated", class: e.animate }, [e._t("default")], 2)]);
-}, i = [], l = /* @__PURE__ */ a(
-  s,
-  o,
-  i,
-  !1,
-  null,
-  null
-);
-const c = l.exports;
-export {
-  c as default
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { createElementBlock as t, createElementVNode as n, normalizeClass as r, openBlock as i, renderSlot as a } from "vue";
+//#region src/components/queue/Queue.vue
+var o = {
+	name: "Queue",
+	props: {
+		enter: {
+			type: String,
+			default: "fadeInLeft"
+		},
+		block: {
+			type: Boolean,
+			default: !1
+		},
+		delay: {
+			type: Number,
+			default: 0
+		}
+	},
+	data() {
+		return { animate: [] };
+	},
+	mounted() {
+		this.$nextTick(() => {
+			addEventListener("scroll", this.handleAnimate), this.handleAnimate();
+		});
+	},
+	unmounted() {
+		removeEventListener("scroll", this.handleAnimate);
+	},
+	methods: { handleAnimate() {
+		let e = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop, t = document.documentElement.clientHeight, n = this.$refs.queue;
+		e + t > n.offsetTop ? setTimeout(() => {
+			this.animate = [this.enter, "avue-opacity--active"];
+		}, this.delay) : this.animate = ["avue-opacity"];
+	} }
 };
+function s(e, o, s, c, l, u) {
+	return i(), t("div", { class: r(["avue-queue", { "avue-queue--block": s.block }]) }, [n("div", {
+		ref: "queue",
+		class: r(["animate__animated", l.animate])
+	}, [a(e.$slots, "default")], 2)], 2);
+}
+var c = /* @__PURE__ */ e(o, [["render", s]]);
+//#endregion
+export { c as default };