savor-ui 0.0.1

package/dist/es/components/src/input-tag/index.mjs

@@ -0,0 +1,7 @@
+import { withInstall as e } from "../../../utils/src/install.mjs";
+import "../../../utils/index.mjs";
+import t from "./input-tag.vue.mjs";
+//#region ../components/src/input-tag/index.ts
+var n = e(t);
+//#endregion
+export { n as SInputTag };

package/dist/es/components/src/input-tag/input-tag.d.ts

@@ -0,0 +1,28 @@
+import { InputTagProps, InputTagSlots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = InputTagProps;
+type __VLS_Slots = InputTagSlots;
+type __VLS_ModelProps = {
+    modelValue?: string[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    clear: (e: Event) => any;
+    change: (value: string[]) => any;
+    "update:modelValue": (value: string[]) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClear?: ((e: Event) => any) | undefined;
+    onChange?: ((value: string[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {
+    size: "mini" | "small" | "medium" | "large";
+    trigger: "enter" | "space";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/src/input-tag/input-tag.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./input-tag.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/input-tag/input-tag.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/input-tag/input-tag.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,121 @@
+import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
+import "../../../hooks/index.mjs";
+import { formItemContextKey as t } from "../form/types.mjs";
+import { useFormItem as n } from "../form/use-form-item.mjs";
+import r from "../../../icons/src/close.vue.mjs";
+import "../../../icons/index.mjs";
+import { configProviderContextKey as i } from "../config-provider/types.mjs";
+import "../config-provider/index.mjs";
+import "../form/index.mjs";
+import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, inject as f, mergeModels as p, normalizeClass as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, toRefs as b, unref as x, useModel as S, vModelText as C, withDirectives as w, withKeys as T, withModifiers as E } from "vue";
+//#region ../components/src/input-tag/input-tag.vue?vue&type=script&setup=true&lang.ts
+var D = ["onClick"], O = [
+	"readonly",
+	"disabled",
+	"placeholder",
+	"onKeydown"
+], k = /* @__PURE__ */ d({
+	name: "SInputTag",
+	__name: "input-tag",
+	props: /* @__PURE__ */ p({
+		max: {},
+		disabled: { type: Boolean },
+		clearable: { type: Boolean },
+		readonly: { type: Boolean },
+		error: { type: Boolean },
+		placeholder: {},
+		prepend: {},
+		prefix: {},
+		suffix: {},
+		append: {},
+		trigger: { default: "enter" },
+		size: { default: "medium" },
+		collapse: { type: Boolean },
+		collapseTooltip: { type: Boolean },
+		filled: { type: Boolean }
+	}, {
+		modelValue: { default: () => [] },
+		modelModifiers: {}
+	}),
+	emits: /* @__PURE__ */ p(["change", "clear"], ["update:modelValue"]),
+	setup(d, { emit: p }) {
+		let k = d, A = p, j = e("input-tag"), M = S(d, "modelValue"), N = f(i, void 0), P = o(() => N?.inputFilled || k.filled), { size: F, error: I } = b(k), { mergedSize: L, mergedError: R } = n({
+			size: F,
+			error: I
+		}), z = g(""), B = g(!1), V = () => {
+			B.value = !0;
+		}, H = () => {
+			B.value = !1;
+		}, U = () => {
+			k.trigger === "enter" && (M.value.push(z.value), z.value = "", A("change", M.value));
+		}, W = () => {
+			k.trigger === "space" && (M.value.push(z.value), z.value = "", A("change", M.value));
+		}, G = (e) => {
+			M.value = M.value.toSpliced(M.value.indexOf(e), 1), A("change", M.value);
+		}, K = (e) => {
+			M.value = [], A("clear", e);
+		}, q = f(t, null), J = (e) => {
+			q?.validate(e).catch(() => {});
+		};
+		return (e, t) => (h(), c("div", { class: m([x(j).b(), x(j).m(x(L))]) }, [l("div", {
+			class: m([
+				x(j).e("wrapper"),
+				x(j).is("disabled", d.disabled),
+				x(j).is("error", x(R)),
+				x(j).is("filled", P.value)
+			]),
+			onMouseenter: V,
+			onMouseleave: H
+		}, [
+			e.$slots.prepend || d.prepend ? (h(), c("div", {
+				key: 0,
+				class: m([x(j).e("prepend")])
+			}, [v(e.$slots, "prepend")], 2)) : s("", !0),
+			e.$slots.prefix || d.prefix ? (h(), c("div", {
+				key: 1,
+				class: m([x(j).e("prefix")])
+			}, [v(e.$slots, "prefix")], 2)) : s("", !0),
+			l("div", { class: m([x(j).e("inner")]) }, [
+				(h(!0), c(a, null, _(M.value, (e) => (h(), c("div", {
+					class: m([x(j).e("item")]),
+					key: e,
+					onMousedown: t[1] ||= E(() => {}, ["prevent"])
+				}, [l("span", null, y(e), 1), l("span", {
+					class: m([x(j).e("item-close")]),
+					onClick: E((t) => G(e), ["stop"]),
+					onMousedown: t[0] ||= E(() => {}, ["prevent"])
+				}, [u(x(r))], 42, D)], 34))), 128)),
+				d.collapse && d.max && M.value.length > d.max ? (h(), c("div", {
+					key: 0,
+					class: m([x(j).e("item")])
+				}, null, 2)) : s("", !0),
+				l("div", { class: m([x(j).e("input-wrapper")]) }, [w(l("input", {
+					class: m([x(j).e("input")]),
+					"onUpdate:modelValue": t[2] ||= (e) => z.value = e,
+					readonly: d.readonly,
+					disabled: d.disabled,
+					placeholder: d.placeholder,
+					onKeydown: [T(E(U, ["stop", "prevent"]), ["enter"]), T(E(W, ["stop", "prevent"]), ["space"])],
+					onInput: t[3] ||= (e) => J("input"),
+					onBlur: t[4] ||= (e) => J("blur"),
+					onChange: t[5] ||= (e) => J("change")
+				}, null, 42, O), [[C, z.value]])], 2)
+			], 2),
+			B.value && M.value.length > 0 && d.clearable ? (h(), c("div", {
+				key: 2,
+				class: m(x(j).e("clear")),
+				onClick: E(K, ["stop"])
+			}, [u(x(r))], 2)) : s("", !0),
+			e.$slots.suffix || d.suffix ? (h(), c("div", {
+				key: 3,
+				class: m([x(j).e("suffix")])
+			}, [v(e.$slots, "suffix")], 2)) : s("", !0),
+			e.$slots.append || d.append ? (h(), c("div", {
+				key: 4,
+				class: m([x(j).e("append")])
+			}, [v(e.$slots, "append")], 2)) : s("", !0)
+		], 34)], 2));
+	}
+});
+//#endregion
+export { k as default };

package/dist/es/components/src/input-tag/types.d.ts

@@ -0,0 +1,48 @@
+export interface InputTagProps {
+    /** 最大标签数量 */
+    max?: number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否可清除 */
+    clearable?: boolean;
+    /** 是否只读 */
+    readonly?: boolean;
+    /** 是否错误 */
+    error?: boolean;
+    /** 占位符 */
+    placeholder?: string;
+    /** 前置标签 */
+    prepend?: string;
+    /** 前缀 */
+    prefix?: string;
+    /** 后缀 */
+    suffix?: string;
+    /** 后置标签 */
+    append?: string;
+    /** 触发方式 */
+    trigger?: 'enter' | 'space';
+    /** 尺寸 */
+    size?: 'mini' | 'small' | 'medium' | 'large';
+    /** 是否折叠 */
+    collapse?: boolean;
+    /** 当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。 要使用此功能，`collapse`的值必须为true */
+    collapseTooltip?: boolean;
+    /** 是否填充输入框 */
+    filled?: boolean;
+}
+export interface InputTagSlots {
+    /** 前置标签 */
+    prepend?: () => any;
+    /** 前缀 */
+    prefix?: () => any;
+    /** 后缀 */
+    suffix?: () => any;
+    /** 后置标签 */
+    append?: () => any;
+}
+export interface InputTagEmits {
+    /** 标签值改变时触发 */
+    change: [value: string[]];
+    /** 清除标签时触发 */
+    clear: [e: Event];
+}

package/dist/es/components/src/layer/index.d.ts

@@ -0,0 +1,3 @@
+import { default as useLayer } from './method';
+export { useLayer };
+export * from './types';

package/dist/es/components/src/layer/index.mjs

@@ -0,0 +1 @@
+import "./method.mjs";

package/dist/es/components/src/layer/layer.d.ts

@@ -0,0 +1,49 @@
+import { LayerProps } from './types';
+import { DefineComponent, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = LayerProps;
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_22: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_22) => any;
+};
+declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
+    handleOpen: () => void;
+    handleCancel: () => void;
+    handleRestore: () => void;
+    pageContentRef: Readonly< ShallowRef<HTMLDivElement | null, HTMLDivElement | null>>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    size: string | [string, string];
+    to: string | HTMLElement;
+    draggable: boolean;
+    minWidth: number;
+    minHeight: number;
+    resizable: boolean;
+    closable: boolean;
+    maxmin: boolean;
+    minAnimate: boolean;
+    minOrigin: {
+        x: number;
+        y: number;
+    };
+    showMask: boolean;
+    radius: number;
+    yesBtn: boolean;
+    yesText: string;
+    cancelBtn: boolean;
+    cancelText: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/components/src/layer/layer.vue.mjs

@@ -0,0 +1,5 @@
+import e from "./layer.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../components/src/layer/layer.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/es/components/src/layer/layer.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,340 @@
+import { getSize as e } from "../../../utils/src/tool.mjs";
+import "../../../utils/index.mjs";
+import { useDrag as t } from "../../../hooks/src/use-drag.mjs";
+import { useNamespace as n } from "../../../hooks/src/use-namespace.mjs";
+import { useResize as ee } from "../../../hooks/src/use-resize.mjs";
+import { useResizeObserver as r } from "../../../hooks/src/use-resize-observer.mjs";
+import { useScrollHidden as te } from "../../../hooks/src/use-scroll-hidden.mjs";
+import { useZIndex as ne } from "../../../hooks/src/use-zIndex.mjs";
+import "../../../hooks/index.mjs";
+import re from "../../../icons/src/close.vue.mjs";
+import ie from "../../../icons/src/fullscreen-exit.vue.mjs";
+import ae from "../../../icons/src/fullscreen.vue.mjs";
+import oe from "../../../icons/src/minus.vue.mjs";
+import "../../../icons/index.mjs";
+import { SButton as i } from "../button/index.mjs";
+import se from "../_comp/OpacityTransition.vue.mjs";
+import ce from "../_comp/ScaleTransition.vue.mjs";
+import { Fragment as a, Teleport as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as le, createVNode as f, defineComponent as p, mergeModels as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onUnmounted as v, openBlock as y, ref as b, renderList as ue, renderSlot as de, resolveComponent as fe, toDisplayString as x, toRefs as pe, unref as S, useModel as me, useTemplateRef as C, vShow as w, watch as he, watchEffect as ge, withCtx as T, withDirectives as E } from "vue";
+//#region ../components/src/layer/layer.vue?vue&type=script&setup=true&lang.ts
+var _e = { style: { padding: "20px" } }, ve = ["src"], D = /* @__PURE__ */ p({
+	inheritAttrs: !1,
+	__name: "layer",
+	props: /* @__PURE__ */ m({
+		type: {},
+		title: {},
+		content: {},
+		size: { default: () => ["280px", "auto"] },
+		minWidth: { default: 180 },
+		maxWidth: {},
+		minHeight: { default: 100 },
+		maxHeight: {},
+		maxmin: {
+			type: Boolean,
+			default: !0
+		},
+		minAnimate: {
+			type: Boolean,
+			default: !0
+		},
+		minOrigin: { default: () => ({
+			x: 20,
+			y: window.innerHeight - 40
+		}) },
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		btn: {},
+		btn1: {},
+		btn2: {},
+		btn3: {},
+		showMask: {
+			type: Boolean,
+			default: !1
+		},
+		maskStyle: {},
+		id: {},
+		destroyOnClose: { type: Boolean },
+		resizable: {
+			type: Boolean,
+			default: !0
+		},
+		draggable: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnOverlayClick: { type: Boolean },
+		closeOnEsc: { type: Boolean },
+		to: { default: "body" },
+		zIndex: {},
+		radius: { default: 4 },
+		yesBtn: {
+			type: Boolean,
+			default: !0
+		},
+		yesText: { default: "确定" },
+		cancelBtn: {
+			type: Boolean,
+			default: !0
+		},
+		cancelText: { default: "取消" },
+		hiddenBodyScrollbar: { type: Boolean },
+		yes: {},
+		cancel: {},
+		opened: {},
+		closed: {},
+		click: {}
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(p, { expose: m }) {
+		let D = p, O = n("layer"), { lockScroll: k, unlockScroll: A } = te(), { zIndex: j } = ne(), M = C("layerRef"), N = C("headerRef"), P = C("pageContentRef"), F = me(p, "modelValue"), I = b(!1), L = b(!1), R = b(!1), z = b(!1), B = b(!1), V = b(!1), H = b(0), U = b(0), W = b(0), G = b(0), K = b(0), q = b(0), J = s(() => typeof D.to == "string" ? document.querySelector(D.to) || document.body : D.to), ye = s(() => ({
+			zIndex: D.zIndex,
+			position: J.value === document.body ? "fixed" : "absolute"
+		})), be = s(() => {
+			if (R.value) return {};
+			if (Q.value && D.minAnimate) return z.value ? {
+				width: `${$.value.width}px`,
+				height: `${$.value.height}px`,
+				top: `${D.minOrigin.y}px`,
+				left: `${D.minOrigin.x}px`,
+				transform: "scale(0)",
+				opacity: 0,
+				transformOrigin: "bottom center",
+				transition: "all .3s cubic-bezier(0.4, 0, 0.2, 1)"
+			} : {
+				width: `${$.value.width}px`,
+				height: `${$.value.height}px`,
+				top: `${W.value}px`,
+				left: `${G.value}px`,
+				transform: "scale(1)",
+				opacity: 1,
+				transformOrigin: "bottom center",
+				transition: "all .3s cubic-bezier(0.4, 0, 0.2, 1)"
+			};
+			let t = typeof D.size == "string" ? D.size : D.size[0], n = typeof D.size == "string" ? D.size : D.size[1];
+			return {
+				width: H.value ? `${H.value}px` : e(t),
+				height: U.value ? `${U.value}px` : e(n),
+				top: `${W.value}px`,
+				left: `${G.value}px`,
+				maxHeight: K.value ? `${K.value - 40}px` : void 0,
+				borderRadius: `${D.radius}px`
+			};
+		}), xe = () => {
+			D.opened?.();
+		}, Se = () => {
+			L.value = !1, B.value = !1, V.value = !1, h(A), D.closed?.();
+		}, Ce = () => {
+			D.closeOnOverlayClick && Y();
+		}, we = (e) => {
+			e ? F.value = !1 : B.value = !1;
+		}, Te = () => {
+			B.value = !0, D.yes?.(we);
+		}, Y = () => {
+			F.value = !1, D.cancel?.();
+		}, Ee = (e) => {
+			e === 0 ? D.btn1?.() : e === 1 ? D.btn2?.() : e === 2 && D.btn3?.();
+		}, De = () => {
+			F.value = !0;
+		}, Oe = () => {
+			R.value = !R.value;
+		}, X = (e) => {
+			e.key === "Escape" && D.closeOnEsc && I.value && D.zIndex === j.value && Y();
+		}, Z = async () => {
+			if (await h(), !M.value || V.value) return;
+			let e = M.value;
+			W.value = Math.max(0, (K.value - e.offsetHeight) / 2), G.value = Math.max(0, (q.value - e.offsetWidth) / 2);
+		}, ke = () => {
+			D.click?.();
+		};
+		he(F, async (e) => {
+			e ? (D.hiddenBodyScrollbar && k(), L.value = !0, await h(), I.value = !0, Z()) : I.value = !1;
+		}, { immediate: !0 }), ge((e) => {
+			I.value && (document.addEventListener("keydown", X), e(() => document.removeEventListener("keydown", X)));
+		});
+		let Q = b(!1), $ = b({
+			top: 0,
+			left: 0,
+			width: 0,
+			height: 0
+		}), Ae = () => {
+			if (!M.value) return;
+			let e = M.value.getBoundingClientRect();
+			$.value = {
+				top: W.value,
+				left: G.value,
+				width: e.width,
+				height: e.height
+			}, z.value = !0, Q.value = !0;
+		}, je = () => {
+			if (!D.minAnimate) {
+				z.value = !1, Q.value = !1;
+				return;
+			}
+			W.value = $.value.top, G.value = $.value.left, z.value = !1, setTimeout(() => {
+				Q.value = !1;
+			}, .3 * 1e3);
+		}, { minWidth: Me, minHeight: Ne, maxWidth: Pe, maxHeight: Fe } = pe(D);
+		return r(J, () => {
+			let e = J.value;
+			K.value = e.clientHeight, q.value = e.clientWidth, Z();
+		}), ee({
+			target: M,
+			container: J,
+			enable: s(() => D.resizable && !R.value && !z.value),
+			minWidth: Me,
+			minHeight: Ne,
+			maxWidth: Pe,
+			maxHeight: Fe,
+			divWidth: H,
+			divHeight: U,
+			divTop: W,
+			divLeft: G
+		}), t({
+			container: M,
+			target: N,
+			parent: J,
+			enable: s(() => D.draggable && !R.value && !z.value),
+			divLeft: G,
+			divTop: W,
+			hasDragged: V
+		}), v(() => {
+			document.removeEventListener("keydown", X), D.hiddenBodyScrollbar && A();
+		}), m({
+			handleOpen: De,
+			handleCancel: Y,
+			handleRestore: je,
+			pageContentRef: P
+		}), (e, t) => {
+			let n = fe("SScrollbar");
+			return y(), c(o, {
+				to: p.to,
+				defer: ""
+			}, [E(d("div", {
+				class: g([S(O).e("container")]),
+				style: _(ye.value)
+			}, [f(se, null, {
+				default: T(() => [p.showMask && I.value && !R.value && !z.value ? (y(), u("div", {
+					key: 0,
+					style: _(p.maskStyle),
+					class: g([S(O).e("mask")]),
+					onClick: Ce
+				}, null, 6)) : l("", !0)]),
+				_: 1
+			}), d("div", { class: g([S(O).e("wrapper")]) }, [f(ce, {
+				onAfterLeave: Se,
+				onAfterEnter: xe
+			}, {
+				default: T(() => [E(d("div", {
+					class: g([
+						S(O).b(),
+						S(O).is("max", R.value),
+						S(O).is("min", z.value)
+					]),
+					style: _(be.value),
+					ref_key: "layerRef",
+					ref: M,
+					onClick: ke
+				}, [
+					d("div", {
+						class: g([S(O).e("header")]),
+						ref_key: "headerRef",
+						ref: N
+					}, [d("div", { class: g([S(O).e("title")]) }, [de(e.$slots, "header", {}, () => [le(x(p.title), 1)])], 2), p.maxmin || p.closable ? (y(), u("div", {
+						key: 0,
+						class: g([S(O).e("header-icon")])
+					}, [
+						p.maxmin ? (y(), c(S(i), {
+							key: 0,
+							text: "",
+							size: "mini",
+							onClick: Ae
+						}, {
+							icon: T(() => [f(S(oe))]),
+							_: 1
+						})) : l("", !0),
+						p.maxmin ? (y(), c(S(i), {
+							key: 1,
+							text: "",
+							size: "mini",
+							onClick: Oe
+						}, {
+							icon: T(() => [R.value ? (y(), c(S(ie), { key: 0 })) : (y(), c(S(ae), { key: 1 }))]),
+							_: 1
+						})) : l("", !0),
+						p.closable ? (y(), c(S(i), {
+							key: 2,
+							text: "",
+							size: "mini",
+							disabled: B.value,
+							onClick: Y
+						}, {
+							icon: T(() => [f(S(re))]),
+							_: 1
+						}, 8, ["disabled"])) : l("", !0)
+					], 2)) : l("", !0)], 2),
+					p.type === "page" ? (y(), u("div", {
+						key: 0,
+						class: g([S(O).e("body")])
+					}, [f(n, null, {
+						default: T(() => [d("div", {
+							ref_key: "pageContentRef",
+							ref: P,
+							class: g([S(O).e("content")])
+						}, null, 2)]),
+						_: 1
+					})], 2)) : p.type === "dialog" ? (y(), u("div", {
+						key: 1,
+						class: g([S(O).e("body")])
+					}, [d("div", _e, x(p.content), 1)], 2)) : p.type === "iframe" ? (y(), u("div", {
+						key: 2,
+						class: g([S(O).e("body")])
+					}, [d("iframe", {
+						src: p.content,
+						style: {
+							width: "100%",
+							height: "100%",
+							border: "none"
+						}
+					}, null, 8, ve)], 2)) : l("", !0),
+					p.type === "dialog" || p.btn && p.btn.length > 0 ? (y(), u("div", {
+						key: 3,
+						class: g([S(O).e("footer")])
+					}, [
+						p.yesBtn ? (y(), c(S(i), {
+							key: 0,
+							label: p.yesText,
+							loading: B.value,
+							type: "primary",
+							size: "small",
+							onClick: Te
+						}, null, 8, ["label", "loading"])) : l("", !0),
+						p.cancelBtn ? (y(), c(S(i), {
+							key: 1,
+							label: p.cancelText,
+							secondary: "",
+							size: "small",
+							onClick: Y
+						}, null, 8, ["label"])) : l("", !0),
+						(y(!0), u(a, null, ue(p.btn, (e, t) => (y(), c(S(i), {
+							key: t,
+							label: e,
+							size: "small",
+							onClick: (e) => Ee(t)
+						}, null, 8, ["label", "onClick"]))), 128))
+					], 2)) : l("", !0)
+				], 6), [[w, I.value]])]),
+				_: 3
+			})], 2)], 6), [[w, L.value]])], 8, ["to"]);
+		};
+	}
+});
+//#endregion
+export { D as default };

package/dist/es/components/src/layer/method.d.ts

@@ -0,0 +1,3 @@
+import { LayerInstance } from './types';
+declare const useLayer: () => LayerInstance;
+export default useLayer;