@astryx-vue/core 0.3.0 → 0.4.1

package/dist/Toast-BuqIZV5z.js

@@ -1,322 +0,0 @@
-import { r as useLayerConfig } from "./context-M-er0-Rk.js";
-import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, guardReactiveProps, markRaw, normalizeClass, normalizeProps, normalizeStyle, onMounted, onUnmounted, openBlock, reactive, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, watch } from "vue";
-import "../styles/toast.css";
-//#region src/Toast/options.ts
-/** 这条提示会不会自己消失。`error` 默认不消失。 */
-function resolveAutoHide(options) {
-	return options.isAutoHide ?? options.autoClose ?? options.type !== "error";
-}
-/** 自动消失的时长，单位毫秒。 */
-function resolveAutoHideDuration(options) {
-	return options.autoHideDuration ?? options.duration ?? 5e3;
-}
-//#endregion
-//#region src/Toast/Toast.vue
-const _hoisted_1$1 = ["role", "aria-live"];
-const _hoisted_2 = { class: "astryx-toast__body" };
-const _hoisted_3 = {
-	key: 0,
-	class: "astryx-toast__end"
-};
-const MIN_REMAINING_MS = 1e3;
-const _sfc_main$1 = /*@__PURE__*/ defineComponent({
-	__name: "Toast",
-	props: {
-		type: { default: "info" },
-		body: {},
-		isAutoHide: {
-			type: Boolean,
-			default: void 0
-		},
-		autoHideDuration: {},
-		autoClose: {
-			type: Boolean,
-			default: void 0
-		},
-		duration: {},
-		uniqueID: {},
-		collisionBehavior: {},
-		endContent: {},
-		isExiting: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["dismiss", "close"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const duration = computed(() => resolveAutoHideDuration(props));
-		const autoHide = computed(() => resolveAutoHide(props));
-		const remaining = ref(duration.value);
-		const isPaused = ref(false);
-		const timer = ref(null);
-		const startTime = ref(null);
-		const isAlert = computed(() => props.type === "error");
-		const role = computed(() => isAlert.value ? "alert" : "status");
-		const ariaLive = computed(() => isAlert.value ? "assertive" : "polite");
-		const classes = computed(() => [
-			"astryx-toast",
-			`astryx-toast--type-${props.type}`,
-			{ "astryx-toast--exiting": props.isExiting }
-		]);
-		const contentScope = computed(() => ({
-			body: props.body,
-			endContent: props.endContent,
-			type: props.type,
-			isAutoHide: autoHide.value,
-			autoHideDuration: duration.value,
-			dismiss: () => dismiss("manual")
-		}));
-		function dismiss(reason) {
-			emit("dismiss", reason);
-			emit("close");
-		}
-		function startTimer() {
-			if (!autoHide.value || isPaused.value) return;
-			if (timer.value) clearTimeout(timer.value);
-			startTime.value = Date.now();
-			timer.value = setTimeout(() => {
-				dismiss("auto");
-			}, remaining.value);
-		}
-		function pauseTimer() {
-			if (!autoHide.value || isPaused.value) return;
-			isPaused.value = true;
-			if (timer.value) {
-				clearTimeout(timer.value);
-				timer.value = null;
-			}
-			if (startTime.value != null) {
-				const elapsed = Date.now() - startTime.value;
-				remaining.value = Math.max(remaining.value - elapsed, MIN_REMAINING_MS);
-			}
-		}
-		function resumeTimer() {
-			if (!autoHide.value || !isPaused.value) return;
-			isPaused.value = false;
-			startTimer();
-		}
-		function handleClose() {
-			dismiss("manual");
-		}
-		function onWindowBlur() {
-			pauseTimer();
-		}
-		function onWindowFocus() {
-			resumeTimer();
-		}
-		watch(() => props.isExiting, (exiting) => {
-			if (!exiting || !timer.value) return;
-			clearTimeout(timer.value);
-			timer.value = null;
-		});
-		watch(duration, (next) => {
-			remaining.value = next;
-			startTimer();
-		});
-		onMounted(() => {
-			startTimer();
-			if (autoHide.value) {
-				window.addEventListener("blur", onWindowBlur);
-				window.addEventListener("focus", onWindowFocus);
-			}
-		});
-		onUnmounted(() => {
-			if (timer.value) clearTimeout(timer.value);
-			window.removeEventListener("blur", onWindowBlur);
-			window.removeEventListener("focus", onWindowFocus);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" eslint-disable-next-line vue-a11y/no-static-element-interactions -- toast pauses auto-dismiss on hover/focus "), createElementVNode("div", {
-				class: normalizeClass(classes.value),
-				role: role.value,
-				"aria-live": ariaLive.value,
-				"aria-atomic": "true",
-				onMouseenter: pauseTimer,
-				onMouseleave: resumeTimer,
-				onFocusin: pauseTimer,
-				onFocusout: resumeTimer
-			}, [_ctx.$slots.content ? renderSlot(_ctx.$slots, "content", normalizeProps(guardReactiveProps(contentScope.value)), void 0, void 0, 0) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-				createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.body), 1)])]),
-				__props.endContent || _ctx.$slots.end ? (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "end", {}, () => [__props.endContent ? (openBlock(), createBlock(resolveDynamicComponent(__props.endContent), { key: 0 })) : createCommentVNode("v-if", true)])])) : createCommentVNode("v-if", true),
-				createElementVNode("button", {
-					type: "button",
-					class: "astryx-toast__close",
-					"aria-label": "Close",
-					onClick: handleClose
-				}, " × ")
-			], 64))], 42, _hoisted_1$1)], 2112);
-		};
-	}
-});
-//#endregion
-//#region src/Toast/store.ts
-let idCounter = 0;
-const EXIT_FALLBACK_MS = 400;
-const toastStore = reactive({
-	toasts: [],
-	add(options) {
-		const endContent = options.endContent ? markRaw(options.endContent) : void 0;
-		const resolved = {
-			type: options.type ?? "info",
-			body: options.body,
-			isAutoHide: resolveAutoHide(options),
-			autoHideDuration: resolveAutoHideDuration(options),
-			endContent,
-			onDismiss: options.onDismiss,
-			onHide: options.onHide
-		};
-		if (options.uniqueID) {
-			const existing = this.toasts.find((toast) => toast.uniqueID === options.uniqueID && !toast.isExiting);
-			const behavior = options.collisionBehavior ?? "overwrite";
-			if (existing && behavior === "ignore") return null;
-			if (existing) {
-				Object.assign(existing, resolved);
-				return existing.id;
-			}
-		}
-		const id = `astryx-toast-${++idCounter}`;
-		this.toasts.push({
-			id,
-			uniqueID: options.uniqueID,
-			isExiting: false,
-			...resolved
-		});
-		return id;
-	},
-	requestClose(id, reason = "manual") {
-		const item = this.toasts.find((t) => t.id === id);
-		if (!item || item.isExiting) return;
-		item.isExiting = true;
-		item.onHide?.(reason);
-		setTimeout(() => this.finalize(id), EXIT_FALLBACK_MS);
-	},
-	dismissFromCard(id, reason) {
-		const item = this.toasts.find((t) => t.id === id);
-		if (!item || item.isExiting) return;
-		item.onDismiss?.(reason);
-		this.requestClose(id, reason);
-	},
-	finalize(id) {
-		const index = this.toasts.findIndex((t) => t.id === id);
-		if (index >= 0) this.toasts.splice(index, 1);
-	},
-	clear() {
-		for (const id of this.toasts.map((t) => t.id)) this.requestClose(id);
-	}
-});
-//#endregion
-//#region src/Toast/ToastViewport.vue
-const _hoisted_1 = ["onTransitionend"];
-const _sfc_main = /*@__PURE__*/ defineComponent({
-	__name: "ToastViewport",
-	props: { placement: {} },
-	setup(__props) {
-		const props = __props;
-		const layer = useLayerConfig();
-		const placement = computed(() => props.placement ?? layer?.value.toast.position ?? "bottom-end");
-		const isTopPlacement = computed(() => placement.value.startsWith("top"));
-		const classes = computed(() => ["astryx-toast-viewport", `astryx-toast-viewport--placement-${placement.value}`]);
-		/** 超出可见上限时只渲染最新的几条。 */
-		const visibleToasts = computed(() => {
-			const max = layer?.value.toast.maxVisible;
-			const toasts = toastStore.toasts;
-			if (max == null || max < 0 || toasts.length <= max) return toasts;
-			return toasts.slice(toasts.length - max);
-		});
-		const INSET_EDGES = [
-			[
-				"padding-block-start",
-				"blockStart",
-				"top"
-			],
-			[
-				"padding-block-end",
-				"blockEnd",
-				"bottom"
-			],
-			[
-				"padding-inline-start",
-				"inlineStart",
-				"left"
-			],
-			[
-				"padding-inline-end",
-				"inlineEnd",
-				"right"
-			]
-		];
-		/**
-		* 逐边偏移叠在基础内边距上。基础内边距取间距第 4 档和设备安全区的较大者，
-		* 和锚定浮层的视口空隙保持一致。没有 provider 时不写内联样式，保持原来的样子。
-		*/
-		const viewportStyle = computed(() => {
-			const inset = layer?.value.toast.inset;
-			if (inset == null) return void 0;
-			const style = {};
-			for (const [property, edge, areaEdge] of INSET_EDGES) style[property] = `calc(max(var(--astryx-spacing-4, 16px), env(safe-area-inset-${areaEdge}, 0px)) + ${inset[edge] ?? 0}px)`;
-			return style;
-		});
-		const settled = reactive(/* @__PURE__ */ new Set());
-		function handleRowTransitionEnd(id, event) {
-			if (event.target !== event.currentTarget || event.propertyName !== "grid-template-rows") return;
-			const item = toastStore.toasts.find((t) => t.id === id);
-			if (!item) return;
-			if (item.isExiting) toastStore.finalize(id);
-			else settled.add(id);
-		}
-		function handleDismiss(id, reason) {
-			settled.delete(id);
-			toastStore.dismissFromCard(id, reason);
-		}
-		watch(() => toastStore.toasts.map((t) => t.id).join(","), () => {
-			const live = new Set(toastStore.toasts.map((t) => t.id));
-			for (const id of [...settled]) if (!live.has(id)) settled.delete(id);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Teleport, { to: "body" }, [createElementVNode("div", {
-				class: normalizeClass(classes.value),
-				style: normalizeStyle(viewportStyle.value),
-				"aria-live": "polite",
-				"aria-atomic": "false"
-			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleToasts.value, (toast) => {
-				return openBlock(), createElementBlock("div", {
-					key: toast.id,
-					class: normalizeClass(["astryx-toast-viewport__row", [isTopPlacement.value ? "astryx-toast-viewport__row--from-top" : "astryx-toast-viewport__row--from-bottom", { "astryx-toast-viewport__row--exiting": toast.isExiting }]]),
-					onTransitionend: ($event) => handleRowTransitionEnd(toast.id, $event)
-				}, [createElementVNode("div", { class: normalizeClass(["astryx-toast-viewport__clip", { "astryx-toast-viewport__clip--settled": settled.has(toast.id) }]) }, [createVNode(_sfc_main$1, {
-					type: toast.type,
-					body: toast.body,
-					"is-auto-hide": toast.isAutoHide,
-					"auto-hide-duration": toast.autoHideDuration,
-					"end-content": toast.endContent,
-					"is-exiting": toast.isExiting,
-					onDismiss: ($event) => handleDismiss(toast.id, $event)
-				}, null, 8, [
-					"type",
-					"body",
-					"is-auto-hide",
-					"auto-hide-duration",
-					"end-content",
-					"is-exiting",
-					"onDismiss"
-				])], 2)], 42, _hoisted_1);
-			}), 128))], 6)]);
-		};
-	}
-});
-//#endregion
-//#region src/Toast/useToast.ts
-function useToast() {
-	function show(options) {
-		const id = toastStore.add(options);
-		if (id == null) return () => {};
-		return () => toastStore.requestClose(id);
-	}
-	show.dismiss = (id) => toastStore.requestClose(id);
-	show.clear = () => toastStore.clear();
-	return show;
-}
-//#endregion
-export { _sfc_main as n, _sfc_main$1 as r, useToast as t };

package/dist/context-4PuqD1Ic.js

@@ -1,4 +0,0 @@
-//#region src/Button/context.ts
-const buttonGroupContextKey = Symbol("astryx-button-group");
-//#endregion
-export { buttonGroupContextKey as t };

package/dist/context-D5-MwxnN.js

@@ -1,4 +0,0 @@
-//#region src/InputGroup/context.ts
-const INPUT_GROUP_KEY = Symbol("InputGroup");
-//#endregion
-export { INPUT_GROUP_KEY as t };