antdv-next 1.0.0-alpha.5 → 1.0.0-beta.1

package/dist/_util/PurePanel.js

@@ -0,0 +1,106 @@
+import { useBaseConfig } from "../config-provider/context.js";
+import config_provider_default from "../config-provider/index.js";
+import { createVNode, defineComponent, mergeProps, shallowRef, useAttrs, useSlots, watch } from "vue";
+
+//#region src/_util/PurePanel.tsx
+function withPureRenderTheme(Component$1) {
+	return (props) => {
+		const slots = useSlots();
+		const attrs = useAttrs();
+		return createVNode(config_provider_default, { "theme": { token: {
+			motion: false,
+			zIndexPopupBase: 0
+		} } }, { default: () => [createVNode(Component$1, {
+			...props,
+			...attrs
+		}, slots)] });
+	};
+}
+/* istanbul ignore next */
+function genPurePanel(Component$1, alignPropName, postProps, defaultPrefixCls, getDropdownCls) {
+	return withPureRenderTheme(/* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+		const holderRef = shallowRef();
+		const popupHeight = shallowRef(0);
+		const popupWidth = shallowRef(0);
+		const open = shallowRef(props?.open ?? false);
+		const setOpen = (value) => {
+			if (props.open !== void 0) return;
+			open.value = value;
+		};
+		watch(() => props.open, () => {
+			open.value = props.open ?? false;
+		});
+		const { prefixCls } = useBaseConfig(defaultPrefixCls ?? "select", props);
+		watch(prefixCls, (_, _o, onCleanup) => {
+			setOpen(true);
+			if (typeof ResizeObserver !== "undefined") {
+				const resizeObserver = new ResizeObserver((entries) => {
+					const element = entries[0].target;
+					popupHeight.value = element.offsetHeight + 8;
+					popupWidth.value = element.offsetWidth;
+				});
+				const interval = setInterval(() => {
+					const dropdownCls = getDropdownCls ? `.${getDropdownCls(prefixCls.value)}` : `.${prefixCls.value}-dropdown`;
+					const popup = holderRef.value?.querySelector(dropdownCls);
+					if (popup) {
+						clearInterval(interval);
+						resizeObserver.observe(popup);
+					}
+				}, 10);
+				onCleanup(() => {
+					clearInterval(interval);
+					resizeObserver.disconnect();
+				});
+			}
+		}, {
+			immediate: true,
+			flush: "post"
+		});
+		return () => {
+			const { style } = props;
+			let mergedProps = {
+				...props,
+				style: {
+					...style,
+					margin: 0
+				},
+				open: open.value,
+				getPopupContainer: () => holderRef.value
+			};
+			if (postProps) mergedProps = postProps(mergedProps);
+			if (alignPropName) Object.assign(mergedProps, { [alignPropName]: { overflow: {
+				adjustX: false,
+				adjustY: false
+			} } });
+			const mergedStyle = {
+				paddingBottom: `${popupHeight.value}px`,
+				position: "relative",
+				minWidth: `${popupWidth.value}px`
+			};
+			return createVNode("div", {
+				"ref": holderRef,
+				"style": mergedStyle
+			}, [createVNode(Component$1, mergeProps(attrs, mergedProps), slots)]);
+		};
+	}, { props: {
+		prefixCls: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		style: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		open: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		}
+	} }));
+}
+var PurePanel_default = genPurePanel;
+
+//#endregion
+export { PurePanel_default as default, withPureRenderTheme };

package/dist/_util/hooks/useMergeSemantic.js

@@ -104,10 +104,10 @@ function pureAttrs(attrs, options = defaultOptions) {
 	if (options.omit) return omit(newAttrs, options.omit);
 	return newAttrs;
 }
-function getAttrStyleAndClass(attrs, options) {
+function getAttrStyleAndClass(attrs, options, props) {
 	return {
-		className: attrs.class,
-		style: attrs.style,
+		className: attrs.class ?? props?.class,
+		style: attrs.style ?? props?.style,
 		restAttrs: pureAttrs(attrs, options)
 	};
 }

package/dist/_util/styleUtils.js

@@ -0,0 +1,10 @@
+//#region src/_util/styleUtils.ts
+function formatUnit(value) {
+	if (value === void 0 || value === null) return;
+	if (typeof value === "number") return `${value}px`;
+	if (typeof value === "string" && !value.endsWith("px") && !Number.isNaN(Number(value))) return `${value}px`;
+	return value;
+}
+
+//#endregion
+export { formatUnit };

package/dist/alert/Alert.d.ts

@@ -3,7 +3,7 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.js";
 import { ClosableType } from "../_util/hooks/useClosable.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue221 from "vue";
+import * as vue222 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/alert/Alert.d.ts
@@ -53,8 +53,8 @@ interface AlertEmits {
   click: (e: any) => any;
   [key: string]: (e: any) => any;
 }
-declare const Alert: vue221.DefineSetupFnComponent<AlertProps, AlertEmits, SlotsType<AlertSlots>, AlertProps & {
+declare const Alert: vue222.DefineSetupFnComponent<AlertProps, AlertEmits, SlotsType<AlertSlots>, AlertProps & {
   [x: `on${Capitalize<string>}`]: ((e: any) => any) | undefined;
-}, vue221.PublicProps>;
+}, vue222.PublicProps>;
 //#endregion
 export { Alert, AlertEmits, AlertProps, AlertSlots };

package/dist/anchor/Anchor.d.ts

@@ -4,7 +4,7 @@ import "../_util/hooks/index.js";
 import { AnchorLinkBaseProps } from "./AnchorLink.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { AffixProps } from "../affix/index.js";
-import * as vue235 from "vue";
+import * as vue338 from "vue";
 import { SlotsType, VNodeChild } from "vue";
 import { Key } from "@v-c/util/dist/type";
 
@@ -45,8 +45,8 @@ interface AnchorEmits {
 type AnchorSlots = SlotsDefineType<{
   item: (item: AnchorLinkItemProps) => any;
 }>;
-declare const Anchor: vue235.DefineSetupFnComponent<AnchorProps, AnchorEmits, SlotsType<AnchorSlots>, AnchorProps & {
+declare const Anchor: vue338.DefineSetupFnComponent<AnchorProps, AnchorEmits, SlotsType<AnchorSlots>, AnchorProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue235.PublicProps>;
+}, vue338.PublicProps>;
 //#endregion
 export { Anchor, AnchorEmits, AnchorProps, AnchorSlots };