antdv-next 0.0.111 → 1.0.0-alpha.2

package/dist/select/style/token.js

@@ -0,0 +1,40 @@
+//#region src/select/style/token.ts
+const prepareComponentToken = (token) => {
+	const { fontSize, lineHeight, lineWidth, controlHeight, controlHeightSM, controlHeightLG, paddingXXS, controlPaddingHorizontal, zIndexPopupBase, colorText, fontWeightStrong, controlItemBgActive, controlItemBgHover, colorBgContainer, colorFillSecondary, colorBgContainerDisabled, colorTextDisabled, colorPrimaryHover, colorPrimary, controlOutline } = token;
+	const dblPaddingXXS = paddingXXS * 2;
+	const dblLineWidth = lineWidth * 2;
+	const multipleItemHeight = Math.min(controlHeight - dblPaddingXXS, controlHeight - dblLineWidth);
+	const multipleItemHeightSM = Math.min(controlHeightSM - dblPaddingXXS, controlHeightSM - dblLineWidth);
+	const multipleItemHeightLG = Math.min(controlHeightLG - dblPaddingXXS, controlHeightLG - dblLineWidth);
+	return {
+		INTERNAL_FIXED_ITEM_MARGIN: Math.floor(paddingXXS / 2),
+		zIndexPopup: zIndexPopupBase + 50,
+		optionSelectedColor: colorText,
+		optionSelectedFontWeight: fontWeightStrong,
+		optionSelectedBg: controlItemBgActive,
+		optionActiveBg: controlItemBgHover,
+		optionPadding: `${(controlHeight - fontSize * lineHeight) / 2}px ${controlPaddingHorizontal}px`,
+		optionFontSize: fontSize,
+		optionLineHeight: lineHeight,
+		optionHeight: controlHeight,
+		selectorBg: colorBgContainer,
+		clearBg: colorBgContainer,
+		singleItemHeightLG: controlHeightLG,
+		multipleItemBg: colorFillSecondary,
+		multipleItemBorderColor: "transparent",
+		multipleItemHeight,
+		multipleItemHeightSM,
+		multipleItemHeightLG,
+		multipleSelectorBgDisabled: colorBgContainerDisabled,
+		multipleItemColorDisabled: colorTextDisabled,
+		multipleItemBorderColorDisabled: "transparent",
+		showArrowPaddingInlineEnd: Math.ceil(token.fontSize * 1.25),
+		hoverBorderColor: colorPrimaryHover,
+		activeBorderColor: colorPrimary,
+		activeOutlineColor: controlOutline,
+		selectAffixPadding: paddingXXS
+	};
+};
+
+//#endregion
+export { prepareComponentToken };

package/dist/select/useIcons.js

@@ -0,0 +1,38 @@
+import { devUseWarning, isDev } from "../_util/warning.js";
+import { getSlotPropsFnRun } from "../_util/tools.js";
+import { Fragment, createVNode } from "vue";
+import { CheckOutlined, CloseCircleFilled, CloseOutlined, DownOutlined, LoadingOutlined, SearchOutlined } from "@antdv-next/icons";
+
+//#region src/select/useIcons.tsx
+function useIcons({ suffixIcon, clearIcon, menuItemSelectedIcon, removeIcon, loading, multiple, hasFeedback, showSuffixIcon, feedbackIcon, showArrow, componentName }) {
+	if (isDev) devUseWarning(componentName).deprecated(!clearIcon, "clearIcon", "allowClear={{ clearIcon: VueNode }}");
+	const mergedClearIcon = clearIcon ?? createVNode(CloseCircleFilled, null, null);
+	const getSuffixIconNode = (arrowIcon) => {
+		if (suffixIcon === null && !hasFeedback && !showArrow) return null;
+		arrowIcon = getSlotPropsFnRun({}, { arrowIcon }, "arrowIcon");
+		return createVNode(Fragment, null, [showSuffixIcon !== false && arrowIcon, hasFeedback && feedbackIcon]);
+	};
+	let mergedSuffixIcon = null;
+	if (suffixIcon !== void 0) mergedSuffixIcon = getSuffixIconNode(suffixIcon);
+	else if (loading) mergedSuffixIcon = getSuffixIconNode(createVNode(LoadingOutlined, { "spin": true }, null));
+	else mergedSuffixIcon = ({ open, showSearch }) => {
+		if (open && showSearch) return getSuffixIconNode(createVNode(SearchOutlined, null, null));
+		return getSuffixIconNode(createVNode(DownOutlined, null, null));
+	};
+	let mergedItemIcon = null;
+	if (menuItemSelectedIcon !== void 0) mergedItemIcon = menuItemSelectedIcon;
+	else if (multiple) mergedItemIcon = createVNode(CheckOutlined, null, null);
+	else mergedItemIcon = null;
+	let mergedRemoveIcon = null;
+	if (removeIcon !== void 0) mergedRemoveIcon = removeIcon;
+	else mergedRemoveIcon = createVNode(CloseOutlined, null, null);
+	return {
+		clearIcon: mergedClearIcon,
+		suffixIcon: mergedSuffixIcon,
+		itemIcon: mergedItemIcon,
+		removeIcon: mergedRemoveIcon
+	};
+}
+
+//#endregion
+export { useIcons as default };

package/dist/select/usePopupRender.js

@@ -0,0 +1,18 @@
+import { ContextIsolator } from "../_util/ContextIsolator.js";
+import { createVNode, isVNode } from "vue";
+
+//#region src/select/usePopupRender.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+function usePopupRender(renderFn) {
+	if (!renderFn) return;
+	return (...args) => {
+		let _slot;
+		return createVNode(ContextIsolator, { "space": true }, _isSlot(_slot = renderFn(...args)) ? _slot : { default: () => [_slot] });
+	};
+}
+var usePopupRender_default = usePopupRender;
+
+//#endregion
+export { usePopupRender_default as default };

package/dist/select/useShowArrow.js

@@ -0,0 +1,16 @@
+import { getSlotPropsFnRun } from "../_util/tools.js";
+
+//#region src/select/useShowArrow.ts
+/**
+* Since Select, TreeSelect, Cascader is same Select like component.
+* We just use same hook to handle this logic.
+*
+* If `suffixIcon` is not equal to `null`, always show it.
+*/
+function useShowArrow(suffixIcon, showArrow) {
+	showArrow = getSlotPropsFnRun({}, { suffixIcon }, "suffixIcon");
+	return showArrow !== void 0 ? showArrow : suffixIcon !== null;
+}
+
+//#endregion
+export { useShowArrow as default };

package/dist/skeleton/Avatar.d.ts

@@ -0,0 +1,10 @@
+import { SkeletonElementProps } from "./Element.js";
+import * as vue430 from "vue";
+
+//#region src/skeleton/Avatar.d.ts
+interface SkeletonAvatarProps extends Omit<SkeletonElementProps, 'shape'> {
+  shape?: 'circle' | 'square';
+}
+declare const SkeletonAvatar: vue430.DefineSetupFnComponent<SkeletonAvatarProps, {}, {}, SkeletonAvatarProps & {}, vue430.PublicProps>;
+//#endregion
+export { SkeletonAvatar, SkeletonAvatarProps };

package/dist/skeleton/Avatar.js

@@ -0,0 +1,54 @@
+import { useBaseConfig } from "../config-provider/context.js";
+import Element_default from "./Element.js";
+import style_default from "./style/index.js";
+import { createVNode, defineComponent, mergeDefaults, mergeProps } from "vue";
+import { classNames } from "@v-c/util";
+import { omit } from "es-toolkit";
+
+//#region src/skeleton/Avatar.tsx
+const SkeletonAvatar = /* @__PURE__ */ defineComponent((props, { attrs }) => {
+	const { prefixCls } = useBaseConfig("skeleton", props);
+	const [hashId, cssVarCls] = style_default(prefixCls);
+	return () => {
+		const { active, rootClass, shape, size } = props;
+		const cls = classNames(prefixCls.value, `${prefixCls.value}-element`, { [`${prefixCls.value}-active`]: active }, attrs?.class, rootClass, hashId.value, cssVarCls.value);
+		const otherProps = omit(props, ["prefixCls"]);
+		return createVNode("div", mergeProps({ "class": cls }, omit(attrs, ["class"])), [createVNode(Element_default, mergeProps({
+			"prefixCls": `${prefixCls.value}-avatar`,
+			"shape": shape,
+			"size": size
+		}, otherProps), null)]);
+	};
+}, {
+	props: /* @__PURE__ */ mergeDefaults({
+		shape: {
+			type: String,
+			required: false
+		},
+		size: {
+			type: [String, Number],
+			required: false
+		},
+		active: {
+			type: Boolean,
+			required: false
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		}
+	}, {
+		shape: "circle",
+		size: "default"
+	}),
+	name: "ASkeletonAvatar",
+	inheritAttrs: false
+});
+var Avatar_default = SkeletonAvatar;
+
+//#endregion
+export { Avatar_default as default };

package/dist/skeleton/Button.d.ts

@@ -0,0 +1,11 @@
+import { SkeletonElementProps } from "./Element.js";
+import * as vue438 from "vue";
+
+//#region src/skeleton/Button.d.ts
+interface SkeletonButtonProps extends Omit<SkeletonElementProps, 'size'> {
+  size?: 'large' | 'small' | 'default';
+  block?: boolean;
+}
+declare const SkeletonButton: vue438.DefineSetupFnComponent<SkeletonButtonProps, {}, {}, SkeletonButtonProps & {}, vue438.PublicProps>;
+//#endregion
+export { SkeletonButton };

package/dist/skeleton/Button.js

@@ -0,0 +1,57 @@
+import { useBaseConfig } from "../config-provider/context.js";
+import Element_default from "./Element.js";
+import style_default from "./style/index.js";
+import { createVNode, defineComponent, mergeDefaults, mergeProps } from "vue";
+import { classNames } from "@v-c/util";
+import { omit } from "es-toolkit";
+
+//#region src/skeleton/Button.tsx
+const SkeletonButton = /* @__PURE__ */ defineComponent((props, { attrs }) => {
+	const { prefixCls } = useBaseConfig("skeleton", props);
+	const [hashId, cssVarCls] = style_default(prefixCls);
+	return () => {
+		const { active, rootClass, block, size } = props;
+		const cls = classNames(prefixCls.value, `${prefixCls.value}-element`, {
+			[`${prefixCls.value}-active`]: active,
+			[`${prefixCls.value}-block`]: block
+		}, attrs?.class, rootClass, hashId.value, cssVarCls.value);
+		const otherProps = omit(props, ["prefixCls"]);
+		return createVNode("div", mergeProps({ "class": cls }, omit(attrs, ["class"])), [createVNode(Element_default, mergeProps({
+			"prefixCls": `${prefixCls.value}-button`,
+			"size": size
+		}, otherProps), null)]);
+	};
+}, {
+	props: /* @__PURE__ */ mergeDefaults({
+		size: {
+			type: String,
+			required: false
+		},
+		block: {
+			type: Boolean,
+			required: false
+		},
+		shape: {
+			type: String,
+			required: false
+		},
+		active: {
+			type: Boolean,
+			required: false
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		}
+	}, { size: "small" }),
+	name: "ASkeletonButton",
+	inheritAttrs: false
+});
+var Button_default = SkeletonButton;
+
+//#endregion
+export { Button_default as default };

package/dist/skeleton/Element.d.ts

@@ -0,0 +1,11 @@
+import { ComponentBaseProps } from "../config-provider/context.js";
+import "vue";
+
+//#region src/skeleton/Element.d.ts
+interface SkeletonElementProps extends ComponentBaseProps {
+  size?: 'large' | 'small' | 'default' | number;
+  shape?: 'circle' | 'square' | 'round' | 'default';
+  active?: boolean;
+}
+//#endregion
+export { SkeletonElementProps };

package/dist/skeleton/Element.js

@@ -0,0 +1,52 @@
+import { createVNode, defineComponent } from "vue";
+import { classNames } from "@v-c/util";
+
+//#region src/skeleton/Element.tsx
+const Element = /* @__PURE__ */ defineComponent((props) => {
+	return () => {
+		const { prefixCls, size, shape } = props;
+		const sizeCls = classNames({
+			[`${prefixCls}-lg`]: size === "large",
+			[`${prefixCls}-sm`]: size === "small"
+		});
+		const shapeCls = classNames({
+			[`${prefixCls}-circle`]: shape === "circle",
+			[`${prefixCls}-square`]: shape === "square",
+			[`${prefixCls}-round`]: shape === "round"
+		});
+		const sizeStyle = typeof size === "number" ? {
+			width: size,
+			height: size,
+			lineHeight: `${size}px`
+		} : {};
+		return createVNode("span", {
+			"class": classNames(prefixCls, sizeCls, shapeCls),
+			"style": [sizeStyle]
+		}, null);
+	};
+}, { props: {
+	size: {
+		type: [String, Number],
+		required: false
+	},
+	shape: {
+		type: String,
+		required: false
+	},
+	active: {
+		type: Boolean,
+		required: false
+	},
+	rootClass: {
+		type: String,
+		required: false
+	},
+	prefixCls: {
+		type: String,
+		required: false
+	}
+} });
+var Element_default = Element;
+
+//#endregion
+export { Element_default as default };

package/dist/skeleton/Image.d.ts

@@ -0,0 +1,8 @@
+import { SkeletonElementProps } from "./Element.js";
+import * as vue440 from "vue";
+
+//#region src/skeleton/Image.d.ts
+interface SkeletonImageProps extends Omit<SkeletonElementProps, 'size' | 'shape'> {}
+declare const SkeletonImage: vue440.DefineSetupFnComponent<SkeletonImageProps, {}, {}, SkeletonImageProps & {}, vue440.PublicProps>;
+//#endregion
+export { SkeletonImage };

package/dist/skeleton/Image.js

@@ -0,0 +1,47 @@
+import { useBaseConfig } from "../config-provider/context.js";
+import style_default from "./style/index.js";
+import { createTextVNode, createVNode, defineComponent } from "vue";
+import { classNames } from "@v-c/util";
+
+//#region src/skeleton/Image.tsx
+const path = "M365.714286 329.142857q0 45.714286-32.036571 77.677714t-77.677714 32.036571-77.677714-32.036571-32.036571-77.677714 32.036571-77.677714 77.677714-32.036571 77.677714 32.036571 32.036571 77.677714zM950.857143 548.571429l0 256-804.571429 0 0-109.714286 182.857143-182.857143 91.428571 91.428571 292.571429-292.571429zM1005.714286 146.285714l-914.285714 0q-7.460571 0-12.873143 5.412571t-5.412571 12.873143l0 694.857143q0 7.460571 5.412571 12.873143t12.873143 5.412571l914.285714 0q7.460571 0 12.873143-5.412571t5.412571-12.873143l0-694.857143q0-7.460571-5.412571-12.873143t-12.873143-5.412571zM1097.142857 164.571429l0 694.857143q0 37.741714-26.843429 64.585143t-64.585143 26.843429l-914.285714 0q-37.741714 0-64.585143-26.843429t-26.843429-64.585143l0-694.857143q0-37.741714 26.843429-64.585143t64.585143-26.843429l914.285714 0q37.741714 0 64.585143 26.843429t26.843429 64.585143z";
+const SkeletonImage = /* @__PURE__ */ defineComponent((props, { attrs }) => {
+	const { prefixCls } = useBaseConfig("skeleton", props);
+	const [hashId, cssVarCls] = style_default(prefixCls);
+	return () => {
+		const { active, rootClass } = props;
+		const cls = classNames(prefixCls.value, `${prefixCls.value}-element`, { [`${prefixCls.value}-active`]: active }, attrs?.class, rootClass, hashId.value, cssVarCls.value);
+		return createVNode("div", { "class": cls }, [createVNode("div", {
+			"class": classNames(`${prefixCls.value}-image`, attrs?.class),
+			"style": attrs?.style
+		}, [createVNode("svg", {
+			"viewBox": "0 0 1098 1024",
+			"xmlns": "http://www.w3.org/2000/svg",
+			"class": `${prefixCls.value}-image-svg`
+		}, [createVNode("title", null, [createTextVNode("Image placeholder")]), createVNode("path", {
+			"d": path,
+			"class": `${prefixCls.value}-image-path`
+		}, null)])])]);
+	};
+}, {
+	props: {
+		active: {
+			type: Boolean,
+			required: false
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		}
+	},
+	name: "ASkeletonImage",
+	inheritAttrs: false
+});
+var Image_default = SkeletonImage;
+
+//#endregion
+export { Image_default as default };

package/dist/skeleton/Input.d.ts

@@ -0,0 +1,11 @@
+import { SkeletonElementProps } from "./Element.js";
+import * as vue442 from "vue";
+
+//#region src/skeleton/Input.d.ts
+interface SkeletonInputProps extends Omit<SkeletonElementProps, 'size' | 'shape'> {
+  size?: 'large' | 'small' | 'default';
+  block?: boolean;
+}
+declare const SkeletonInput: vue442.DefineSetupFnComponent<SkeletonInputProps, {}, {}, SkeletonInputProps & {}, vue442.PublicProps>;
+//#endregion
+export { SkeletonInput };

package/dist/skeleton/Input.js

@@ -0,0 +1,53 @@
+import { useBaseConfig } from "../config-provider/context.js";
+import Element_default from "./Element.js";
+import style_default from "./style/index.js";
+import { createVNode, defineComponent, mergeDefaults, mergeProps } from "vue";
+import { classNames } from "@v-c/util";
+import { omit } from "es-toolkit";
+
+//#region src/skeleton/Input.tsx
+const SkeletonInput = /* @__PURE__ */ defineComponent((props, { attrs }) => {
+	const { prefixCls } = useBaseConfig("skeleton", props);
+	const [hashId, cssVarCls] = style_default(prefixCls);
+	return () => {
+		const { active, rootClass, block, size } = props;
+		const cls = classNames(prefixCls.value, `${prefixCls.value}-element`, {
+			[`${prefixCls.value}-active`]: active,
+			[`${prefixCls.value}-block`]: block
+		}, attrs?.class, rootClass, hashId.value, cssVarCls.value);
+		const otherProps = omit(props, ["prefixCls"]);
+		return createVNode("div", mergeProps({ "class": cls }, omit(attrs, ["class"])), [createVNode(Element_default, mergeProps({
+			"prefixCls": `${prefixCls.value}-input`,
+			"size": size
+		}, otherProps), null)]);
+	};
+}, {
+	props: /* @__PURE__ */ mergeDefaults({
+		size: {
+			type: String,
+			required: false
+		},
+		block: {
+			type: Boolean,
+			required: false
+		},
+		active: {
+			type: Boolean,
+			required: false
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		}
+	}, { size: "default" }),
+	name: "ASkeletonInput",
+	inheritAttrs: false
+});
+var Input_default = SkeletonInput;
+
+//#endregion
+export { Input_default as default };

package/dist/skeleton/Node.d.ts

@@ -0,0 +1,17 @@
+import { EmptyEmit } from "../_util/type.js";
+import { SkeletonElementProps } from "./Element.js";
+import * as vue436 from "vue";
+import { SlotsType } from "vue";
+
+//#region src/skeleton/Node.d.ts
+interface SkeletonNodeProps extends Omit<SkeletonElementProps, 'size' | 'shape'> {
+  fullSize?: boolean;
+}
+interface SkeletonNodeSlots {
+  default?: () => any;
+}
+declare const SkeletonNode: vue436.DefineSetupFnComponent<SkeletonNodeProps, EmptyEmit, SlotsType<SkeletonNodeSlots>, SkeletonNodeProps & {
+  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, vue436.PublicProps>;
+//#endregion
+export { SkeletonNode };

package/dist/skeleton/Node.js

@@ -0,0 +1,43 @@
+import { useBaseConfig } from "../config-provider/context.js";
+import style_default from "./style/index.js";
+import { createVNode, defineComponent } from "vue";
+import { classNames } from "@v-c/util";
+
+//#region src/skeleton/Node.tsx
+const SkeletonNode = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
+	const { prefixCls } = useBaseConfig("skeleton", props);
+	const [hashId, cssVarCls] = style_default(prefixCls);
+	return () => {
+		const { active, rootClass } = props;
+		const cls = classNames(prefixCls.value, `${prefixCls.value}-element`, { [`${prefixCls.value}-active`]: active }, hashId.value, attrs?.class, rootClass, cssVarCls.value);
+		return createVNode("div", { "class": cls }, [createVNode("div", {
+			"class": classNames(`${prefixCls.value}-image`, attrs?.class),
+			"style": attrs?.style
+		}, [slots.default?.()])]);
+	};
+}, {
+	props: {
+		fullSize: {
+			type: Boolean,
+			required: false
+		},
+		active: {
+			type: Boolean,
+			required: false
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		}
+	},
+	name: "ASkeletonNode",
+	inheritAttrs: false
+});
+var Node_default = SkeletonNode;
+
+//#endregion
+export { Node_default as default };

package/dist/skeleton/Paragraph.d.ts

@@ -0,0 +1,12 @@
+import "vue";
+
+//#region src/skeleton/Paragraph.d.ts
+type WidthUnit = number | string;
+interface SkeletonParagraphProps {
+  prefixCls?: string;
+  rootClass?: string;
+  width?: WidthUnit | Array<WidthUnit>;
+  rows?: number;
+}
+//#endregion
+export { SkeletonParagraphProps };

package/dist/skeleton/Paragraph.js

@@ -0,0 +1,49 @@
+import { createVNode, defineComponent, mergeDefaults, mergeProps } from "vue";
+import { classNames } from "@v-c/util";
+import { omit } from "es-toolkit";
+
+//#region src/skeleton/Paragraph.tsx
+function getWidth(index, props) {
+	const { width, rows = 2 } = props;
+	if (Array.isArray(width)) return width[index];
+	if (rows - 1 === index) return width;
+}
+const Paragraph = /* @__PURE__ */ defineComponent((props, { attrs }) => {
+	return () => {
+		const { prefixCls, rootClass, rows = 0 } = props;
+		const rowList = Array.from({ length: rows }).map((_, index) => createVNode("li", {
+			"key": index,
+			"style": { width: getWidth(index, props) }
+		}, null));
+		return createVNode("ul", mergeProps({ "class": classNames(prefixCls, rootClass, attrs?.class) }, omit(attrs, ["class"])), [rowList]);
+	};
+}, {
+	props: /* @__PURE__ */ mergeDefaults({
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		width: {
+			type: [
+				Number,
+				String,
+				Array
+			],
+			required: false
+		},
+		rows: {
+			type: Number,
+			required: false
+		}
+	}, { rows: 0 }),
+	name: "ASkeletonParagraph",
+	inheritAttrs: false
+});
+var Paragraph_default = Paragraph;
+
+//#endregion
+export { Paragraph_default as default };

package/dist/skeleton/Skeleton.d.ts

@@ -0,0 +1,45 @@
+import { EmptyEmit } from "../_util/type.js";
+import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
+import { SkeletonAvatar, SkeletonAvatarProps } from "./Avatar.js";
+import { SkeletonParagraphProps } from "./Paragraph.js";
+import { SkeletonTitleProps } from "./Title.js";
+import { SkeletonButton } from "./Button.js";
+import { SkeletonImage } from "./Image.js";
+import { SkeletonInput } from "./Input.js";
+import { SkeletonNode } from "./Node.js";
+import { ComponentBaseProps } from "../config-provider/context.js";
+import * as vue338 from "vue";
+import { SlotsType } from "vue";
+
+//#region src/skeleton/Skeleton.d.ts
+type SkeletonAvatarProps$1 = Omit<SkeletonAvatarProps, 'active'>;
+type SemanticName = 'root' | 'header' | 'section' | 'avatar' | 'title' | 'paragraph';
+type SkeletonClassNamesType = SemanticClassNamesType<SkeletonProps, SemanticName>;
+type SkeletonStylesType = SemanticStylesType<SkeletonProps, SemanticName>;
+interface SkeletonProps extends ComponentBaseProps {
+  active?: boolean;
+  loading?: boolean;
+  avatar?: SkeletonAvatarProps$1 | boolean;
+  title?: SkeletonTitleProps | boolean;
+  paragraph?: SkeletonParagraphProps | boolean;
+  round?: boolean;
+  classes?: SkeletonClassNamesType;
+  styles?: SkeletonStylesType;
+}
+interface SkeletonSlots {
+  default?: () => any;
+}
+declare const Skeleton: vue338.DefineSetupFnComponent<SkeletonProps, EmptyEmit, SlotsType<SkeletonSlots>, SkeletonProps & {
+  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, vue338.PublicProps>;
+type SkeletonType = typeof Skeleton & {
+  Button: typeof SkeletonButton;
+  Avatar: typeof SkeletonAvatar;
+  Input: typeof SkeletonInput;
+  Image: typeof SkeletonImage;
+  Node: typeof SkeletonNode;
+};
+declare const SkeletonWithSubComponents: SkeletonType;
+//#endregion
+export { SkeletonProps, SkeletonWithSubComponents };