@aifuxi/semi-ui-vue 0.1.0-alpha.0

package/dist/side-sheet-9CBTk23r.js

@@ -0,0 +1,542 @@
+import "./src-DNBBthjO.js";
+import { b as e, t } from "./foundation-Cawx37mp.js";
+import { t as n } from "./env-BeIzjQx7.js";
+import { r } from "./keyCode-DMNg63wX.js";
+import { t as i } from "./config-context-CyynTtDb.js";
+import { n as a } from "./config-provider-VMfNNSF1.js";
+import { t as o } from "./Button-RCaDTqHh.js";
+import { Teleport as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, getCurrentInstance as h, inject as g, markRaw as _, mergeProps as v, normalizeClass as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, openBlock as C, shallowReactive as ee, shallowRef as w, unref as T, useAttrs as E, useSlots as te, watch as D, withCtx as O } from "vue";
+import { IconClose as k } from "@aifuxi/semi-icons-vue";
+//#region bundled-foundation
+var ne = class n extends t {
+	constructor(e) {
+		super({
+			...n.defaultAdapter,
+			...e
+		}), this.toggleDisplayNone = (e) => {
+			this._adapter.toggleDisplayNone(e);
+		};
+	}
+	get defaultAdapter() {
+		return {
+			handleCancel: e.default,
+			beforeShow: e.default,
+			afterHide: e.default
+		};
+	}
+	destroy() {
+		this.afterHide();
+	}
+	handleCancel(e) {
+		this._adapter.notifyCancel(e);
+	}
+	beforeShow() {
+		this.getProp("disableScroll") && this._adapter.disabledBodyScroll(), this._adapter.setOnKeyDownListener();
+	}
+	afterHide() {
+		this.getProp("disableScroll") && this._adapter.enabledBodyScroll(), this._adapter.removeKeyDownListener();
+	}
+	handleKeyDown(e) {
+		let { closeOnEsc: t } = this.getProps();
+		if (t && e.keyCode === r.ESC) {
+			e.stopPropagation(), this.handleCancel(e);
+			return;
+		}
+	}
+	onVisibleChange(e) {
+		this._adapter.notifyVisibleChange(e);
+	}
+};
+`${n}`, `${n}`;
+var re = {
+	PLACEMENT: [
+		"top",
+		"right",
+		"bottom",
+		"left"
+	],
+	SIZE: [
+		"small",
+		"medium",
+		"large"
+	],
+	WIDTH: {
+		small: 448,
+		medium: 684,
+		large: 920
+	},
+	HEIGHT: 448
+}, A = m({
+	name: "SideSheetNodeRenderer",
+	props: { content: {
+		type: null,
+		default: void 0
+	} },
+	setup(e) {
+		return () => e.content;
+	}
+}), j = ["aria-label"], M = { class: "semi-sidesheet-content" }, N = {
+	key: 0,
+	class: "semi-sidesheet-title",
+	"x-semi-prop": "title"
+}, P = {
+	key: 0,
+	class: "semi-sidesheet-footer",
+	"x-semi-prop": "footer"
+}, F = /* @__PURE__ */ m({
+	__name: "SideSheetContent",
+	props: {
+		ariaLabel: {},
+		body: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		bodyStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		closable: { type: Boolean },
+		closeIcon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		customContainer: { type: Boolean },
+		dataAttrs: {},
+		dialogClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		footer: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		headerStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		height: {},
+		hidden: { type: Boolean },
+		mask: { type: Boolean },
+		maskClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		maskClosable: { type: Boolean },
+		maskStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		outerStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		placement: {},
+		rtl: { type: Boolean },
+		size: {},
+		title: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		width: {},
+		wrapperWidth: {}
+	},
+	emits: ["animationEnd", "close"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = c(() => !!n.title), a = c(() => !!n.footer), s = c(() => !!n.closeIcon), m = c(() => [
+			"semi-sidesheet",
+			n.class,
+			`semi-sidesheet-${n.placement}`,
+			{
+				"semi-sidesheet-popup": n.customContainer,
+				"semi-sidesheet-horizontal": n.placement === "top" || n.placement === "bottom",
+				"semi-sidesheet-rtl": n.rtl,
+				"semi-sidesheet-hidden": n.hidden,
+				"semi-sidesheet-fixed": !n.mask,
+				[`semi-sidesheet-size-${n.size}`]: !n.mask
+			}
+		]), h = c(() => !n.mask && n.wrapperWidth !== void 0 ? { width: n.wrapperWidth } : void 0), g = c(() => [
+			"semi-sidesheet-inner",
+			"semi-sidesheet-inner-wrap",
+			`semi-sidesheet-size-${n.size}`,
+			n.dialogClass
+		]), _ = c(() => [
+			n.outerStyle,
+			n.width === void 0 ? void 0 : { width: n.mask ? n.width : "100%" },
+			{ height: n.height }
+		]);
+		function x(e) {
+			n.maskClosable && e.target === e.currentTarget && r("close", e);
+		}
+		return (e, t) => (C(), d("div", v(n.dataAttrs, {
+			class: m.value,
+			style: h.value
+		}), [n.mask ? (C(), d("div", {
+			key: 0,
+			"aria-hidden": "true",
+			class: y(["semi-sidesheet-mask", n.maskClass]),
+			style: b(n.maskStyle),
+			onAnimationend: t[0] ||= (e) => r("animationEnd", e),
+			onClick: x
+		}, null, 38)) : u("", !0), f("div", {
+			role: "dialog",
+			"aria-label": n.ariaLabel,
+			tabindex: "-1",
+			class: y(g.value),
+			style: b(_.value),
+			onAnimationend: t[2] ||= (e) => r("animationEnd", e)
+		}, [f("div", M, [
+			f("div", {
+				class: "semi-sidesheet-header",
+				role: "heading",
+				"aria-level": "1",
+				style: b(n.headerStyle)
+			}, [i.value ? (C(), d("div", N, [p(T(A), { content: n.title }, null, 8, ["content"])])) : u("", !0), n.closable ? (C(), l(T(o), {
+				key: 1,
+				class: "semi-sidesheet-close",
+				type: "tertiary",
+				theme: "borderless",
+				size: "small",
+				onClick: t[1] ||= (e) => r("close", e)
+			}, {
+				icon: O(() => [s.value ? (C(), l(T(A), {
+					key: 0,
+					content: n.closeIcon
+				}, null, 8, ["content"])) : (C(), l(T(k), { key: 1 }))]),
+				_: 1
+			})) : u("", !0)], 4),
+			f("div", {
+				class: "semi-sidesheet-body",
+				style: b(n.bodyStyle),
+				"x-semi-prop": "children"
+			}, [p(T(A), { content: n.body }, null, 8, ["content"])], 4),
+			a.value ? (C(), d("div", P, [p(T(A), { content: n.footer }, null, 8, ["content"])])) : u("", !0)
+		])], 46, j)], 16));
+	}
+}), I = /* @__PURE__ */ m({
+	name: "SideSheet",
+	inheritAttrs: !1,
+	__name: "SideSheet",
+	props: {
+		"aria-label": {},
+		afterVisibleChange: { type: Function },
+		bodyStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		canVerticalSetWidth: { type: Boolean },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		className: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		closable: { type: Boolean },
+		closeIcon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		closeOnEsc: { type: Boolean },
+		disableScroll: { type: Boolean },
+		footer: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		getPopupContainer: { type: Function },
+		headerStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		height: {},
+		keepDOM: { type: Boolean },
+		mask: { type: Boolean },
+		maskClosable: { type: Boolean },
+		maskStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		motion: { type: Boolean },
+		onCancel: { type: Function },
+		placement: {},
+		size: {},
+		style: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		title: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		visible: { type: Boolean },
+		width: {},
+		zIndex: {}
+	},
+	emits: [
+		"afterVisibleChange",
+		"cancel",
+		"update:visible"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, o = E(), f = te(), m = h(), v = g(i, void 0), O = w(null), k = w(!1), A = /* @__PURE__ */ new Map(), j = !1, M, N = null, P = "";
+		function I(e) {
+			let t = String(e).replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`), n = m?.vnode.props;
+			return !!(n && (Object.prototype.hasOwnProperty.call(n, e) || Object.prototype.hasOwnProperty.call(n, t)));
+		}
+		function L(e, t) {
+			let r = n[e];
+			if (I(e) && r !== void 0) return r;
+			let i = a.config.overrideDefaultProps?.SideSheet?.[e];
+			return i === void 0 ? t : i;
+		}
+		function R(e) {
+			let t = n[e];
+			if (I(e)) return t;
+			let r = a.config.overrideDefaultProps?.SideSheet?.[e];
+			return r === void 0 ? void 0 : r;
+		}
+		let z = c(() => L("visible", !1)), B = c(() => ({
+			canVerticalSetWidth: L("canVerticalSetWidth", !1),
+			closable: L("closable", !0),
+			closeOnEsc: L("closeOnEsc", !1),
+			disableScroll: L("disableScroll", !0),
+			keepDOM: L("keepDOM", !1),
+			mask: L("mask", !0),
+			maskClosable: L("maskClosable", !0),
+			motion: L("motion", !0),
+			placement: L("placement", "right"),
+			size: L("size", "small"),
+			visible: z.value,
+			zIndex: L("zIndex", 1e3)
+		})), V = ee({ displayNone: !z.value });
+		function ie() {
+			if (typeof document > "u" || O.value !== document.body || (N = document.body.style.overflow || "", P = document.body.style.width, N === "hidden")) return;
+			let e = Math.max(0, window.innerWidth - document.documentElement.clientWidth);
+			document.body.style.overflow = "hidden", document.body.style.width = `calc(${P || "100%"} - ${e}px)`;
+		}
+		function H() {
+			typeof document > "u" || N === null || (N !== "hidden" && (document.body.style.overflow = N, document.body.style.width = P), N = null);
+		}
+		let U = _(new ne({
+			getContext: () => void 0,
+			getContexts: () => ({}),
+			getProp: (e) => B.value[e],
+			getProps: () => B.value,
+			getState: (e) => V[e],
+			getStates: () => V,
+			setState: (e, t) => {
+				Object.assign(V, e), t?.();
+			},
+			getCache: (e) => A.get(e),
+			getCaches: () => A,
+			setCache: (e, t) => A.set(e, t),
+			stopPropagation: (e) => e?.stopPropagation?.(),
+			persistEvent: () => void 0,
+			disabledBodyScroll: ie,
+			enabledBodyScroll: H,
+			notifyCancel: (e) => {
+				r("update:visible", !1), r("cancel", e);
+			},
+			notifyVisibleChange: (e) => {
+				n.afterVisibleChange?.(e), r("afterVisibleChange", e);
+			},
+			setOnKeyDownListener: () => {
+				typeof window < "u" && window.addEventListener("keydown", Z);
+			},
+			removeKeyDownListener: () => {
+				typeof window < "u" && window.removeEventListener("keydown", Z);
+			},
+			toggleDisplayNone: (e) => {
+				V.displayNone = e;
+			}
+		})), W = c(() => v?.value), G = c(() => R("getPopupContainer") ?? W.value?.getPopupContainer), K = c(() => typeof document < "u" && O.value !== document.body), q = c(() => W.value?.direction ?? "ltr"), J = c(() => f.default?.()), ae = c(() => f.title?.() ?? (I("title") ? n.title : void 0)), oe = c(() => f.footer?.() ?? (I("footer") ? n.footer : void 0)), se = c(() => f.closeIcon?.() ?? (I("closeIcon") ? n.closeIcon : void 0)), ce = c(() => Object.fromEntries(Object.entries(o).filter(([e]) => e.startsWith("data-")))), le = c(() => [
+			o.class,
+			n.class,
+			n.className
+		]), Y = c(() => B.value.placement === "top" || B.value.placement === "bottom"), ue = c(() => {
+			let e = R("width");
+			return !Y.value || B.value.canVerticalSetWidth ? e : "100%";
+		}), de = c(() => Y.value ? R("height") || re.HEIGHT : "100%"), fe = c(() => B.value.motion ? z.value ? "semi-sidesheet-animation-mask_show" : "semi-sidesheet-animation-mask_hide" : void 0), pe = c(() => B.value.motion ? z.value ? `semi-sidesheet-animation-content_show_${B.value.placement}` : `semi-sidesheet-animation-content_hide_${B.value.placement}` : void 0), me = c(() => z.value || B.value.keepDOM || B.value.motion && !V.displayNone), he = c(() => ({
+			zIndex: B.value.zIndex,
+			...K.value ? { position: "static" } : {}
+		}));
+		function X() {
+			if (typeof document > "u") return;
+			let e = G.value, t = e?.();
+			O.value = t instanceof HTMLElement ? t : e ? null : document.body;
+		}
+		function Z(e) {
+			U.handleKeyDown(e);
+		}
+		function Q() {
+			clearTimeout(M);
+			let e = V.displayNone;
+			X(), V.displayNone = !1, j = !0, U.beforeShow(), e && U.onVisibleChange(!0);
+		}
+		function $() {
+			!j || z.value || V.displayNone || (clearTimeout(M), U.toggleDisplayNone(!0), j = !1, U.onVisibleChange(!1));
+		}
+		function ge() {
+			if (j) {
+				if (U.afterHide(), !B.value.motion) {
+					$();
+					return;
+				}
+				clearTimeout(M), M = setTimeout($, 180);
+			}
+		}
+		function _e() {
+			z.value || $();
+		}
+		return S(() => {
+			k.value = !0, X(), z.value && Q();
+		}), D(z, (e, t) => {
+			!k.value || e === t || (e ? Q() : ge());
+		}), D(G, () => {
+			k.value && X();
+		}), x(() => {
+			clearTimeout(M), j ? U.destroy() : H();
+		}), (e, t) => (C(), l(s, {
+			to: O.value ?? "body",
+			disabled: O.value === null
+		}, [me.value ? (C(), d("div", {
+			key: 0,
+			class: y(["semi-portal", { "semi-portal-rtl": q.value === "rtl" }]),
+			style: b(he.value)
+		}, [p(F, {
+			"aria-label": R("aria-label"),
+			body: J.value,
+			"body-style": R("bodyStyle"),
+			class: y(le.value),
+			closable: B.value.closable,
+			"close-icon": se.value,
+			"custom-container": K.value,
+			"data-attrs": ce.value,
+			"dialog-class": pe.value,
+			footer: oe.value,
+			"header-style": R("headerStyle"),
+			height: de.value,
+			hidden: B.value.keepDOM && T(V).displayNone,
+			mask: B.value.mask,
+			"mask-class": fe.value,
+			"mask-closable": B.value.maskClosable,
+			"mask-style": R("maskStyle"),
+			"outer-style": [T(o).style, R("style")],
+			placement: B.value.placement,
+			rtl: q.value === "rtl",
+			size: B.value.size,
+			title: ae.value,
+			width: ue.value,
+			"wrapper-width": R("width"),
+			onAnimationEnd: _e,
+			onClose: t[0] ||= (e) => T(U).handleCancel(e)
+		}, null, 8, [
+			"aria-label",
+			"body",
+			"body-style",
+			"class",
+			"closable",
+			"close-icon",
+			"custom-container",
+			"data-attrs",
+			"dialog-class",
+			"footer",
+			"header-style",
+			"height",
+			"hidden",
+			"mask",
+			"mask-class",
+			"mask-closable",
+			"mask-style",
+			"outer-style",
+			"placement",
+			"rtl",
+			"size",
+			"title",
+			"width",
+			"wrapper-width"
+		])], 6)) : u("", !0)], 8, ["to", "disabled"]));
+	}
+}), L = [
+	"top",
+	"right",
+	"bottom",
+	"left"
+], R = [
+	"small",
+	"medium",
+	"large"
+], z = I;
+//#endregion
+export { I as i, L as n, R as r, z as t };

package/dist/skeleton/Skeleton.vue.d.ts

@@ -0,0 +1,15 @@
+import { SkeletonProps, SkeletonSlots } from './types';
+type __VLS_Slots = SkeletonSlots;
+declare const __VLS_base: import('vue').DefineComponent<SkeletonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkeletonProps> & Readonly<{}>, {
+    className: import('vue').HTMLAttributes["class"];
+    active: boolean;
+    loading: boolean;
+}, {}, {}, {}, string, import('vue').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/skeleton/SkeletonAvatar.vue.d.ts

@@ -0,0 +1,9 @@
+import { SkeletonAvatarProps } from './types';
+declare const __VLS_export: import('vue').DefineComponent<SkeletonAvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkeletonAvatarProps> & Readonly<{}>, {
+    className: import('vue').HTMLAttributes["class"];
+    size: import('./types').SkeletonAvatarSize;
+    prefixCls: string;
+    shape: import('./types').SkeletonAvatarShape;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/skeleton/SkeletonButton.vue.d.ts

@@ -0,0 +1,7 @@
+import { SkeletonBasicProps } from './types';
+declare const __VLS_export: import('vue').DefineComponent<SkeletonBasicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkeletonBasicProps> & Readonly<{}>, {
+    className: import('vue').HTMLAttributes["class"];
+    prefixCls: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/skeleton/SkeletonImage.vue.d.ts

@@ -0,0 +1,7 @@
+import { SkeletonBasicProps } from './types';
+declare const __VLS_export: import('vue').DefineComponent<SkeletonBasicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkeletonBasicProps> & Readonly<{}>, {
+    className: import('vue').HTMLAttributes["class"];
+    prefixCls: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/skeleton/SkeletonNodeRenderer.d.ts

@@ -0,0 +1,15 @@
+import { PropType, VNodeChild } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    content: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+}>, () => VNodeChild, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    content: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    content: VNodeChild;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/skeleton/SkeletonParagraph.vue.d.ts

@@ -0,0 +1,8 @@
+import { SkeletonParagraphProps } from './types';
+declare const __VLS_export: import('vue').DefineComponent<SkeletonParagraphProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkeletonParagraphProps> & Readonly<{}>, {
+    className: import('vue').HTMLAttributes["class"];
+    prefixCls: string;
+    rows: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/skeleton/SkeletonTitle.vue.d.ts

@@ -0,0 +1,7 @@
+import { SkeletonBasicProps } from './types';
+declare const __VLS_export: import('vue').DefineComponent<SkeletonBasicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkeletonBasicProps> & Readonly<{}>, {
+    className: import('vue').HTMLAttributes["class"];
+    prefixCls: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/skeleton/index.d.ts

@@ -0,0 +1,18 @@
+import { DefineComponent } from 'vue';
+import { SkeletonAvatarProps, SkeletonBasicProps, SkeletonParagraphProps, SkeletonProps } from './types';
+export type SkeletonCompoundComponent = DefineComponent<SkeletonProps> & {
+    Avatar: DefineComponent<SkeletonAvatarProps>;
+    Button: DefineComponent<SkeletonBasicProps>;
+    Image: DefineComponent<SkeletonBasicProps>;
+    Paragraph: DefineComponent<SkeletonParagraphProps>;
+    Title: DefineComponent<SkeletonBasicProps>;
+};
+export declare const SkeletonAvatar: DefineComponent<SkeletonAvatarProps>;
+export declare const SkeletonButton: DefineComponent<SkeletonBasicProps>;
+export declare const SkeletonImage: DefineComponent<SkeletonBasicProps>;
+export declare const SkeletonParagraph: DefineComponent<SkeletonParagraphProps>;
+export declare const SkeletonTitle: DefineComponent<SkeletonBasicProps>;
+export declare const Skeleton: SkeletonCompoundComponent;
+export { SKELETON_AVATAR_SHAPES, SKELETON_AVATAR_SIZES } from './types';
+export type { AvatarProps, GenericProps, ParagraphProps, SkeletonAvatarProps, SkeletonAvatarShape, SkeletonAvatarSize, SkeletonBasicProps, SkeletonGenericProps, SkeletonParagraphProps, SkeletonProps, SkeletonSlots, } from './types';
+export default Skeleton;

package/dist/skeleton/index.js

@@ -0,0 +1,2 @@
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../skeleton-p61lfhoz.js";
+export { o as SKELETON_AVATAR_SHAPES, t as SKELETON_AVATAR_SIZES, s as Skeleton, s as default, r as SkeletonAvatar, a as SkeletonButton, n as SkeletonImage, e as SkeletonParagraph, i as SkeletonTitle };

package/dist/skeleton/types.d.ts

@@ -0,0 +1,36 @@
+import { HTMLAttributes, StyleValue, VNodeChild } from 'vue';
+export declare const SKELETON_AVATAR_SIZES: readonly ["extra-extra-small", "extra-small", "small", "default", "medium", "large", "extra-large"];
+export declare const SKELETON_AVATAR_SHAPES: readonly ["circle", "square"];
+export type SkeletonAvatarSize = (typeof SKELETON_AVATAR_SIZES)[number];
+export type SkeletonAvatarShape = (typeof SKELETON_AVATAR_SHAPES)[number];
+export interface SkeletonProps {
+    active?: boolean;
+    class?: HTMLAttributes['class'];
+    className?: HTMLAttributes['class'];
+    loading?: boolean;
+    placeholder?: VNodeChild;
+    style?: StyleValue;
+}
+export interface SkeletonSlots {
+    default?: () => VNodeChild;
+    placeholder?: () => VNodeChild;
+}
+export interface SkeletonBasicProps {
+    class?: HTMLAttributes['class'];
+    className?: HTMLAttributes['class'];
+    prefixCls?: string;
+    style?: StyleValue;
+}
+export interface SkeletonAvatarProps extends SkeletonBasicProps {
+    shape?: SkeletonAvatarShape;
+    size?: SkeletonAvatarSize;
+}
+export interface SkeletonParagraphProps extends SkeletonBasicProps {
+    rows?: number;
+}
+export interface SkeletonGenericProps extends SkeletonAvatarProps {
+    type?: string;
+}
+export type AvatarProps = SkeletonAvatarProps;
+export type ParagraphProps = SkeletonParagraphProps;
+export type GenericProps = SkeletonGenericProps;