antdv-next 0.0.111 → 1.0.0-alpha.2

package/dist/dropdown/style/index.js

@@ -0,0 +1,233 @@
+import { genFocusStyle, resetComponent } from "../../style/index.js";
+import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
+import { mergeToken } from "../../theme/internal.js";
+import { getArrowToken } from "../../style/roundedArrow.js";
+import getArrowStyle, { getArrowOffsetToken } from "../../style/placementArrow.js";
+import { initMoveMotion } from "../../style/motion/move.js";
+import { initSlideMotion, slideDownIn, slideDownOut, slideUpIn, slideUpOut } from "../../style/motion/slide.js";
+import { initZoomMotion } from "../../style/motion/zoom.js";
+import "../../style/motion/index.js";
+import status_default from "./status.js";
+import { unit } from "@antdv-next/cssinjs";
+
+//#region src/dropdown/style/index.ts
+const genBaseStyle = (token) => {
+	const { componentCls, menuCls, zIndexPopup, dropdownArrowDistance, sizePopupArrow, antCls, iconCls, motionDurationMid, paddingBlock, fontSize, dropdownEdgeChildPadding, colorTextDisabled, fontSizeIcon, controlPaddingHorizontal, colorBgElevated } = token;
+	return [
+		{ [componentCls]: {
+			"position": "absolute",
+			"top": -9999,
+			"left": {
+				_skip_check_: true,
+				value: -9999
+			},
+			"zIndex": zIndexPopup,
+			"display": "block",
+			"&::before": {
+				position: "absolute",
+				insetBlock: token.calc(sizePopupArrow).div(2).sub(dropdownArrowDistance).equal(),
+				zIndex: -9999,
+				opacity: 1e-4,
+				content: "\"\""
+			},
+			"&-menu-vertical": {
+				maxHeight: "100vh",
+				overflowY: "auto"
+			},
+			[`&-trigger${antCls}-btn`]: { [`& > ${iconCls}-down, & > ${antCls}-btn-icon > ${iconCls}-down`]: { fontSize: fontSizeIcon } },
+			[`${componentCls}-wrap`]: {
+				position: "relative",
+				[`${antCls}-btn > ${iconCls}-down`]: { fontSize: fontSizeIcon },
+				[`${iconCls}-down::before`]: { transition: `transform ${motionDurationMid}` }
+			},
+			[`${componentCls}-wrap-open`]: { [`${iconCls}-down::before`]: { transform: `rotate(180deg)` } },
+			[`
+        &-hidden,
+        &-menu-hidden,
+        &-menu-submenu-hidden
+      `]: { display: "none" },
+			[`&${antCls}-slide-down-enter${antCls}-slide-down-enter-active${componentCls}-placement-bottomLeft,
+          &${antCls}-slide-down-appear${antCls}-slide-down-appear-active${componentCls}-placement-bottomLeft,
+          &${antCls}-slide-down-enter${antCls}-slide-down-enter-active${componentCls}-placement-bottom,
+          &${antCls}-slide-down-appear${antCls}-slide-down-appear-active${componentCls}-placement-bottom,
+          &${antCls}-slide-down-enter${antCls}-slide-down-enter-active${componentCls}-placement-bottomRight,
+          &${antCls}-slide-down-appear${antCls}-slide-down-appear-active${componentCls}-placement-bottomRight`]: { animationName: slideUpIn },
+			[`&${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-placement-topLeft,
+          &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-placement-topLeft,
+          &${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-placement-top,
+          &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-placement-top,
+          &${antCls}-slide-up-enter${antCls}-slide-up-enter-active${componentCls}-placement-topRight,
+          &${antCls}-slide-up-appear${antCls}-slide-up-appear-active${componentCls}-placement-topRight`]: { animationName: slideDownIn },
+			[`&${antCls}-slide-down-leave${antCls}-slide-down-leave-active${componentCls}-placement-bottomLeft,
+          &${antCls}-slide-down-leave${antCls}-slide-down-leave-active${componentCls}-placement-bottom,
+          &${antCls}-slide-down-leave${antCls}-slide-down-leave-active${componentCls}-placement-bottomRight`]: { animationName: slideUpOut },
+			[`&${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-placement-topLeft,
+          &${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-placement-top,
+          &${antCls}-slide-up-leave${antCls}-slide-up-leave-active${componentCls}-placement-topRight`]: { animationName: slideDownOut }
+		} },
+		getArrowStyle(token, colorBgElevated, { arrowPlacement: {
+			top: true,
+			bottom: true
+		} }),
+		{
+			[`${componentCls} ${menuCls}`]: {
+				position: "relative",
+				margin: 0
+			},
+			[`${menuCls}-submenu-popup`]: {
+				"position": "absolute",
+				"zIndex": zIndexPopup,
+				"background": "transparent",
+				"boxShadow": "none",
+				"transformOrigin": "0 0",
+				"ul, li": {
+					listStyle: "none",
+					margin: 0
+				}
+			},
+			[`${componentCls}, ${componentCls}-menu-submenu`]: {
+				...resetComponent(token),
+				[menuCls]: {
+					"padding": dropdownEdgeChildPadding,
+					"listStyleType": "none",
+					"backgroundColor": colorBgElevated,
+					"backgroundClip": "padding-box",
+					"borderRadius": token.borderRadiusLG,
+					"outline": "none",
+					"boxShadow": token.boxShadowSecondary,
+					...genFocusStyle(token),
+					"&:empty": {
+						padding: 0,
+						boxShadow: "none"
+					},
+					[`${menuCls}-item-group-title`]: {
+						padding: `${unit(paddingBlock)} ${unit(controlPaddingHorizontal)}`,
+						color: token.colorTextDescription,
+						transition: `all ${motionDurationMid}`
+					},
+					[`${menuCls}-item`]: {
+						position: "relative",
+						display: "flex",
+						alignItems: "center"
+					},
+					[`${menuCls}-item-icon`]: {
+						minWidth: fontSize,
+						marginInlineEnd: token.marginXS,
+						fontSize: token.fontSizeSM
+					},
+					[`${menuCls}-title-content`]: {
+						"flex": "auto",
+						"&-with-extra": {
+							display: "inline-flex",
+							alignItems: "center",
+							width: "100%"
+						},
+						"> a": {
+							"color": "inherit",
+							"transition": `all ${motionDurationMid}`,
+							"&:hover": { color: "inherit" },
+							"&::after": {
+								position: "absolute",
+								inset: 0,
+								content: "\"\""
+							}
+						},
+						[`${menuCls}-item-extra`]: {
+							paddingInlineStart: token.padding,
+							marginInlineStart: "auto",
+							fontSize: token.fontSizeSM,
+							color: token.colorTextDescription
+						}
+					},
+					[`${menuCls}-item, ${menuCls}-submenu-title`]: {
+						"display": "flex",
+						"margin": 0,
+						"padding": `${unit(paddingBlock)} ${unit(controlPaddingHorizontal)}`,
+						"color": token.colorText,
+						"fontWeight": "normal",
+						fontSize,
+						"lineHeight": token.lineHeight,
+						"cursor": "pointer",
+						"transition": `all ${motionDurationMid}`,
+						"borderRadius": token.borderRadiusSM,
+						"&:hover, &-active": { backgroundColor: token.controlItemBgHover },
+						...genFocusStyle(token),
+						"&-selected": {
+							"color": token.colorPrimary,
+							"backgroundColor": token.controlItemBgActive,
+							"&:hover, &-active": { backgroundColor: token.controlItemBgActiveHover }
+						},
+						"&-disabled": {
+							"color": colorTextDisabled,
+							"cursor": "not-allowed",
+							"&:hover": {
+								color: colorTextDisabled,
+								backgroundColor: colorBgElevated,
+								cursor: "not-allowed"
+							},
+							"a": { pointerEvents: "none" }
+						},
+						"&-divider": {
+							height: 1,
+							margin: `${unit(token.marginXXS)} 0`,
+							overflow: "hidden",
+							lineHeight: 0,
+							backgroundColor: token.colorSplit
+						},
+						[`${componentCls}-menu-submenu-expand-icon`]: {
+							position: "absolute",
+							insetInlineEnd: token.paddingXS,
+							[`${componentCls}-menu-submenu-arrow-icon`]: {
+								marginInlineEnd: "0 !important",
+								color: token.colorIcon,
+								fontSize: fontSizeIcon,
+								fontStyle: "normal"
+							}
+						}
+					},
+					[`${menuCls}-item-group-list`]: {
+						margin: `0 ${unit(token.marginXS)}`,
+						padding: 0,
+						listStyle: "none"
+					},
+					[`${menuCls}-submenu-title`]: { paddingInlineEnd: token.calc(controlPaddingHorizontal).add(token.fontSizeSM).equal() },
+					[`${menuCls}-submenu-vertical`]: { position: "relative" },
+					[`${menuCls}-submenu${menuCls}-submenu-disabled ${componentCls}-menu-submenu-title`]: { [`&, ${componentCls}-menu-submenu-arrow-icon`]: {
+						color: colorTextDisabled,
+						backgroundColor: colorBgElevated,
+						cursor: "not-allowed"
+					} },
+					[`${menuCls}-submenu-selected ${componentCls}-menu-submenu-title`]: { color: token.colorPrimary }
+				}
+			}
+		},
+		[
+			initSlideMotion(token, "slide-up"),
+			initSlideMotion(token, "slide-down"),
+			initMoveMotion(token, "move-up"),
+			initMoveMotion(token, "move-down"),
+			initZoomMotion(token, "zoom-big")
+		]
+	];
+};
+const prepareComponentToken = (token) => ({
+	zIndexPopup: token.zIndexPopupBase + 50,
+	paddingBlock: (token.controlHeight - token.fontSize * token.lineHeight) / 2,
+	...getArrowOffsetToken({
+		contentRadius: token.borderRadiusLG,
+		limitVerticalRadius: true
+	}),
+	...getArrowToken(token)
+});
+var style_default = genStyleHooks("Dropdown", (token) => {
+	const { marginXXS, sizePopupArrow, paddingXXS, componentCls } = token;
+	const dropdownToken = mergeToken(token, {
+		menuCls: `${componentCls}-menu`,
+		dropdownArrowDistance: token.calc(sizePopupArrow).div(2).add(marginXXS).equal(),
+		dropdownEdgeChildPadding: paddingXXS
+	});
+	return [genBaseStyle(dropdownToken), status_default(dropdownToken)];
+}, prepareComponentToken, { resetStyle: false });
+
+//#endregion
+export { style_default as default };

package/dist/dropdown/style/status.js

@@ -0,0 +1,16 @@
+//#region src/dropdown/style/status.ts
+const genStatusStyle = (token) => {
+	const { componentCls, menuCls, colorError, colorTextLightSolid } = token;
+	const itemCls = `${menuCls}-item`;
+	return { [`${componentCls}, ${componentCls}-menu-submenu`]: { [`${menuCls} ${itemCls}`]: { [`&${itemCls}-danger:not(${itemCls}-disabled)`]: {
+		"color": colorError,
+		"&:hover": {
+			color: colorTextLightSolid,
+			backgroundColor: colorError
+		}
+	} } } };
+};
+var status_default = genStatusStyle;
+
+//#endregion
+export { status_default as default };

package/dist/empty/empty.js

@@ -0,0 +1,70 @@
+import useToken from "../theme/useToken.js";
+import "../theme/internal.js";
+import useLocale_default from "../locale/useLocale.js";
+import { computed, createVNode, defineComponent } from "vue";
+import { FastColor } from "@ant-design/fast-color";
+
+//#region src/empty/empty.tsx
+const Empty = /* @__PURE__ */ defineComponent(() => {
+	const [, token] = useToken();
+	const [locale] = useLocale_default("Empty");
+	const bgColor = computed(() => new FastColor(token.value.colorBgBase));
+	return () => {
+		const themeStyle = bgColor.value.toHsl().l < .5 ? { opacity: .65 } : {};
+		return createVNode("svg", {
+			"style": themeStyle,
+			"width": "184",
+			"height": "152",
+			"viewBox": "0 0 184 152",
+			"xmlns": "http://www.w3.org/2000/svg"
+		}, [createVNode("title", null, [locale?.value?.description || "Empty"]), createVNode("g", {
+			"fill": "none",
+			"fill-rule": "evenodd"
+		}, [
+			createVNode("g", { "transform": "translate(24 31.67)" }, [
+				createVNode("ellipse", {
+					"fill-opacity": ".8",
+					"fill": "#F5F5F7",
+					"cx": "67.797",
+					"cy": "106.89",
+					"rx": "67.797",
+					"ry": "12.668"
+				}, null),
+				createVNode("path", {
+					"d": "M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z",
+					"fill": "#AEB8C2"
+				}, null),
+				createVNode("path", {
+					"d": "M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z",
+					"fill": "url(#linearGradient-1)",
+					"transform": "translate(13.56)"
+				}, null),
+				createVNode("path", {
+					"d": "M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z",
+					"fill": "#F5F5F7"
+				}, null),
+				createVNode("path", {
+					"d": "M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z",
+					"fill": "#DCE0E6"
+				}, null)
+			]),
+			createVNode("path", {
+				"d": "M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z",
+				"fill": "#DCE0E6"
+			}, null),
+			createVNode("g", {
+				"transform": "translate(149.65 15.383)",
+				"fill": "#FFF"
+			}, [createVNode("ellipse", {
+				"cx": "20.654",
+				"cy": "3.167",
+				"rx": "2.849",
+				"ry": "2.815"
+			}, null), createVNode("path", { "d": "M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z" }, null)])
+		])]);
+	};
+}, { name: "AEmptyImage" });
+var empty_default = Empty;
+
+//#endregion
+export { empty_default as default };

package/dist/empty/index.d.ts

@@ -0,0 +1,37 @@
+import { EmptyEmit, VueNode } from "../_util/type.js";
+import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
+import { ComponentBaseProps } from "../config-provider/context.js";
+import * as vue25 from "vue";
+import { SlotsType } from "vue";
+import * as vue_jsx_runtime0 from "vue/jsx-runtime";
+
+//#region src/empty/index.d.ts
+interface TransferLocale {
+  description: string;
+}
+declare const defaultEmptyImg: vue_jsx_runtime0.JSX.Element;
+declare const simpleEmptyImg: vue_jsx_runtime0.JSX.Element;
+type EmptySemanticName = 'root' | 'image' | 'description' | 'footer';
+type EmptyClassNamesType = SemanticClassNamesType<EmptyProps, EmptySemanticName>;
+type EmptyStylesType = SemanticStylesType<EmptyProps, EmptySemanticName>;
+interface EmptyProps extends ComponentBaseProps {
+  classes?: EmptyClassNamesType;
+  styles?: EmptyStylesType;
+  image?: VueNode;
+  description?: VueNode;
+}
+interface EmptySlots {
+  image: () => any;
+  description: () => any;
+  default: () => any;
+}
+declare const Empty: vue25.DefineSetupFnComponent<EmptyProps, EmptyEmit, SlotsType<EmptySlots>, EmptyProps & {
+  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, vue25.PublicProps>;
+declare const _default: typeof Empty & {
+  PRESENTED_IMAGE_DEFAULT: typeof defaultEmptyImg;
+  PRESENTED_IMAGE_SIMPLE: typeof simpleEmptyImg;
+};
+//#endregion
+export { EmptyProps, TransferLocale, _default };

package/dist/empty/index.js

@@ -0,0 +1,114 @@
+import { useComponentBaseConfig, useComponentConfig } from "../config-provider/context.js";
+import { pureAttrs, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
+import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
+import useLocale_default from "../locale/useLocale.js";
+import empty_default from "./empty.js";
+import simple_default from "./simple.js";
+import style_default from "./style/index.js";
+import { computed, createVNode, defineComponent, mergeDefaults, mergeProps } from "vue";
+import { classNames } from "@v-c/util";
+import { filterEmpty } from "@v-c/util/dist/props-util";
+
+//#region src/empty/index.tsx
+const defaultEmptyImg = createVNode(empty_default, null, null);
+const simpleEmptyImg = createVNode(simple_default, null, null);
+const Empty = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+	const componentConfig = useComponentConfig("empty");
+	const { prefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("empty", props);
+	const { classes, styles } = toPropsRefs(props, "classes", "styles");
+	const [hashId, cssVarCls] = style_default(prefixCls);
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, styles), useToProps(computed(() => props)));
+	const [locale] = useLocale_default("Empty");
+	return () => {
+		const des = getSlotPropsFnRun(slots, props, "description") ?? locale?.value?.description;
+		const alt = typeof des === "string" ? des : "empty";
+		const mergedImage = getSlotPropsFnRun(slots, props, "image") ?? componentConfig.value?.image ?? defaultEmptyImg;
+		let imageNode = null;
+		if (typeof mergedImage === "string") imageNode = createVNode("img", {
+			"draggable": false,
+			"alt": alt,
+			"src": mergedImage
+		}, null);
+		else imageNode = mergedImage;
+		const children = filterEmpty(slots?.default?.() ?? []);
+		return createVNode("div", mergeProps({
+			"class": classNames(hashId.value, cssVarCls.value, prefixCls.value, contextClassName.value, {
+				[`${prefixCls.value}-normal`]: mergedImage === simpleEmptyImg,
+				[`${prefixCls.value}-rtl`]: direction.value === "rtl"
+			}, props.rootClass, mergedClassNames.value.root, attrs.class),
+			"style": [
+				mergedStyles.value.root,
+				contextStyle.value,
+				attrs.style
+			]
+		}, pureAttrs(attrs)), [
+			createVNode("div", {
+				"class": classNames(`${prefixCls.value}-image`, mergedClassNames.value.image),
+				"style": mergedStyles.value.image
+			}, [imageNode]),
+			des && createVNode("div", {
+				"class": classNames(`${prefixCls.value}-description`, mergedClassNames.value.description),
+				"style": mergedStyles.value.description
+			}, [des]),
+			!!children.length && createVNode("div", {
+				"class": classNames(`${prefixCls.value}-footer`, mergedClassNames.value.footer),
+				"style": mergedStyles.value.footer
+			}, [children])
+		]);
+	};
+}, {
+	props: /* @__PURE__ */ mergeDefaults({
+		classes: {
+			type: [Object, Function],
+			required: false
+		},
+		styles: {
+			type: [Object, Function],
+			required: false
+		},
+		image: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false
+		},
+		description: {
+			type: [
+				Function,
+				Boolean,
+				String,
+				Number,
+				null,
+				Object
+			],
+			required: false
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		}
+	}, {
+		image: void 0,
+		description: void 0
+	}),
+	name: "AEmpty"
+});
+Empty.PRESENTED_IMAGE_DEFAULT = defaultEmptyImg;
+Empty.PRESENTED_IMAGE_SIMPLE = simpleEmptyImg;
+Empty.install = (app) => {
+	app.component(Empty.name, Empty);
+};
+var empty_default$1 = Empty;
+
+//#endregion
+export { empty_default$1 as default };

package/dist/empty/simple.js

@@ -0,0 +1,48 @@
+import useToken from "../theme/useToken.js";
+import "../theme/internal.js";
+import useLocale_default from "../locale/useLocale.js";
+import { computed, createVNode, defineComponent } from "vue";
+import { FastColor } from "@ant-design/fast-color";
+
+//#region src/empty/simple.tsx
+const Simple = /* @__PURE__ */ defineComponent(() => {
+	const [, token] = useToken();
+	const [locale] = useLocale_default("Empty");
+	const colors = computed(() => {
+		const { colorFill, colorFillTertiary, colorFillQuaternary, colorBgContainer } = token.value;
+		return {
+			borderColor: new FastColor(colorFill).onBackground(colorBgContainer).toHexString(),
+			shadowColor: new FastColor(colorFillTertiary).onBackground(colorBgContainer).toHexString(),
+			contentColor: new FastColor(colorFillQuaternary).onBackground(colorBgContainer).toHexString()
+		};
+	});
+	return () => {
+		const { borderColor, shadowColor, contentColor } = colors.value;
+		return createVNode("svg", {
+			"width": "64",
+			"height": "41",
+			"viewBox": "0 0 64 41",
+			"xmlns": "http://www.w3.org/2000/svg"
+		}, [createVNode("title", null, [locale?.value?.description || "Empty"]), createVNode("g", {
+			"transform": "translate(0 1)",
+			"fill": "none",
+			"fill-rule": "evenodd"
+		}, [createVNode("ellipse", {
+			"fill": shadowColor,
+			"cx": "32",
+			"cy": "33",
+			"rx": "32",
+			"ry": "7"
+		}, null), createVNode("g", {
+			"fill-rule": "nonzero",
+			"stroke": borderColor
+		}, [createVNode("path", { "d": "M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" }, null), createVNode("path", {
+			"d": "M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",
+			"fill": contentColor
+		}, null)])])]);
+	};
+}, { name: "AEmptySimple" });
+var simple_default = Simple;
+
+//#endregion
+export { simple_default as default };

package/dist/empty/style/index.d.ts

@@ -0,0 +1,7 @@
+import "vue";
+
+//#region src/empty/style/index.d.ts
+/** Component only token. Which will handle additional calculation of alias token */
+interface ComponentToken {}
+//#endregion
+export { ComponentToken };

package/dist/empty/style/index.js

@@ -0,0 +1,49 @@
+import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
+import { mergeToken } from "../../theme/internal.js";
+
+//#region src/empty/style/index.ts
+const genSharedEmptyStyle = (token) => {
+	const { componentCls, margin, marginXS, marginXL, fontSize, lineHeight } = token;
+	return { [componentCls]: {
+		"marginInline": marginXS,
+		fontSize,
+		lineHeight,
+		"textAlign": "center",
+		[`${componentCls}-image`]: {
+			height: token.emptyImgHeight,
+			marginBottom: marginXS,
+			opacity: token.opacityImage,
+			img: { height: "100%" },
+			svg: {
+				maxWidth: "100%",
+				height: "100%",
+				margin: "auto"
+			}
+		},
+		[`${componentCls}-description`]: { color: token.colorTextDescription },
+		[`${componentCls}-footer`]: { marginTop: margin },
+		"&-normal": {
+			marginBlock: marginXL,
+			color: token.colorTextDescription,
+			[`${componentCls}-description`]: { color: token.colorTextDescription },
+			[`${componentCls}-image`]: { height: token.emptyImgHeightMD }
+		},
+		"&-small": {
+			marginBlock: marginXS,
+			color: token.colorTextDescription,
+			[`${componentCls}-image`]: { height: token.emptyImgHeightSM }
+		}
+	} };
+};
+var style_default = genStyleHooks("Empty", (token) => {
+	const { componentCls, controlHeightLG, calc } = token;
+	return genSharedEmptyStyle(mergeToken(token, {
+		emptyImgCls: `${componentCls}-img`,
+		emptyImgHeight: calc(controlHeightLG).mul(2.5).equal(),
+		emptyImgHeightMD: controlHeightLG,
+		emptyImgHeightSM: calc(controlHeightLG).mul(.875).equal()
+	}));
+});
+
+//#endregion
+export { style_default as default };

package/dist/flex/index.d.ts

@@ -0,0 +1,14 @@
+import { EmptyEmit } from "../_util/type.js";
+import { FlexProps } from "./interface.js";
+import * as vue90 from "vue";
+import { SlotsType } from "vue";
+
+//#region src/flex/index.d.ts
+interface FlexSlots {
+  default: () => any;
+}
+declare const Flex: vue90.DefineSetupFnComponent<FlexProps, EmptyEmit, SlotsType<FlexSlots>, FlexProps & {
+  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, vue90.PublicProps>;
+//#endregion
+export { Flex };

package/dist/flex/index.js

@@ -0,0 +1,67 @@
+import { useConfig } from "../config-provider/context.js";
+import { isPresetSize } from "../_util/gapSize.js";
+import utils_default from "./utils.js";
+import style_default from "./style/index.js";
+import { computed, createVNode, defineComponent, mergeDefaults } from "vue";
+import { classNames } from "@v-c/util";
+import { omit } from "es-toolkit";
+
+//#region src/flex/index.tsx
+const Flex = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+	const configCtx = useConfig();
+	const prefixCls = computed(() => configCtx.value.getPrefixCls("flex", props.prefixCls));
+	const [hashId, cssVarCls] = style_default(prefixCls);
+	return () => {
+		const { rootClass, flex, gap, vertical, component = "div" } = props;
+		const ctxFlex = configCtx.value?.flex;
+		const mergedVertical = vertical ?? ctxFlex?.vertical;
+		const ctxDirection = configCtx.value?.direction;
+		const mergedCls = classNames(rootClass, ctxFlex?.class, prefixCls.value, hashId.value, cssVarCls.value, utils_default(prefixCls.value, props), {
+			[`${prefixCls.value}-rtl`]: ctxDirection === "rtl",
+			[`${prefixCls.value}-gap-${gap}`]: isPresetSize(gap),
+			[`${prefixCls.value}-vertical`]: mergedVertical
+		});
+		const mergedStyle = {};
+		if (flex) mergedStyle.flex = flex;
+		if (gap && !isPresetSize(gap)) mergedStyle.gap = typeof gap === "number" ? `${gap}px` : gap;
+		return createVNode(component, {
+			class: [mergedCls, attrs.class],
+			style: [mergedStyle, attrs.style],
+			...omit(attrs, ["class", "style"])
+		}, { default: slots.default });
+	};
+}, {
+	props: /* @__PURE__ */ mergeDefaults({
+		vertical: {
+			type: Boolean,
+			required: false
+		},
+		wrap: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		justify: { required: false },
+		align: { required: false },
+		flex: { required: false },
+		gap: { required: false },
+		component: { required: false },
+		rootClass: {
+			type: String,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		}
+	}, { vertical: void 0 }),
+	inheritAttrs: false,
+	name: "AFlex"
+});
+Flex.install = (app) => {
+	app.component(Flex.name, Flex);
+};
+var flex_default = Flex;
+
+//#endregion
+export { flex_default as default };

package/dist/flex/interface.d.ts

@@ -0,0 +1,16 @@
+import { SizeType } from "../config-provider/SizeContext.js";
+import { ComponentBaseProps } from "../config-provider/context.js";
+import { CSSProperties } from "vue";
+
+//#region src/flex/interface.d.ts
+interface FlexProps extends ComponentBaseProps {
+  vertical?: boolean;
+  wrap?: boolean | CSSProperties['flexWrap'];
+  justify?: CSSProperties['justifyContent'];
+  align?: CSSProperties['alignItems'];
+  flex?: CSSProperties['flex'];
+  gap?: CSSProperties['gap'] | SizeType;
+  component?: any;
+}
+//#endregion
+export { FlexProps };