antdv-next 1.0.0-alpha.4 → 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/_util/tools.js

@@ -13,7 +13,8 @@ function getSlotPropsFnRun(slots, props, key, isNull = true, params) {
 	if (typeof fn === "function") {
 		let node = fn?.(params);
 		if (!Array.isArray(node)) node = [node];
-		const nodes = filterEmpty(node).filter((v) => v != null);
+		if (node && node.length === 1 && node[0] === null) return null;
+		const nodes = filterEmpty(node).filter((node$1) => node$1 !== void 0 && node$1 !== null);
 		if (nodes.length) {
 			if (nodes.length === 1) return nodes[0];
 			return nodes;

package/dist/_util/wave/WaveEffect.js

@@ -1,3 +1,5 @@
+import { useConfig } from "../../config-provider/context.js";
+import { genCssVar } from "../../theme/util/genStyleUtils.js";
 import { TARGET_CLS } from "./interface.js";
 import { getTargetWaveColor } from "./util.js";
 import { computed, createVNode, defineComponent, nextTick, onBeforeUnmount, onMounted, ref, render, shallowRef, watch } from "vue";
@@ -31,6 +33,9 @@ const WaveEffect = /* @__PURE__ */ defineComponent({
 	},
 	emits: ["finish"],
 	setup(props, { emit }) {
+		const configCtx = useConfig();
+		const rootPrefixCls = computed(() => configCtx.value.getPrefixCls());
+		const waveVarName = computed(() => genCssVar(rootPrefixCls.value, "wave")[0]);
 		const divRef = shallowRef();
 		const waveColor = ref(null);
 		const borderRadius = ref([
@@ -53,7 +58,7 @@ const WaveEffect = /* @__PURE__ */ defineComponent({
 				height: `${height.value}px`,
 				borderRadius: borderRadius.value.map((radius) => `${radius}px`).join(" ")
 			};
-			if (waveColor.value) style["--wave-color"] = waveColor.value;
+			if (waveColor.value) style[waveVarName.value("color")] = waveColor.value;
 			return style;
 		});
 		const isSmallComponent = computed(() => {

package/dist/_util/wave/style.js

@@ -1,15 +1,16 @@
-import { genComponentStyleHook } from "../../theme/util/genStyleUtils.js";
+import { genComponentStyleHook, genCssVar } from "../../theme/util/genStyleUtils.js";
 import "../../theme/internal.js";
 
 //#region src/_util/wave/style.ts
 const genWaveStyle = (token) => {
-	const { componentCls, colorPrimary } = token;
+	const { componentCls, colorPrimary, antCls } = token;
+	const [, varRef] = genCssVar(antCls, "wave");
 	return { [componentCls]: {
 		"position": "absolute",
 		"background": "transparent",
 		"pointerEvents": "none",
 		"boxSizing": "border-box",
-		"color": `var(--wave-color, ${colorPrimary})`,
+		"color": varRef("color", colorPrimary),
 		"boxShadow": `0 0 0 0 currentcolor`,
 		"opacity": .2,
 		"&.wave-motion-appear": {

package/dist/affix/index.d.ts

@@ -1,5 +1,5 @@
 import { ComponentBaseProps } from "../config-provider/context.js";
-import * as vue88 from "vue";
+import * as vue65 from "vue";
 
 //#region src/affix/index.d.ts
 interface AffixProps extends ComponentBaseProps {
@@ -17,10 +17,10 @@ interface AffixEmits {
 type InternalAffixProps = AffixProps & {
   onTestUpdatePosition?: any;
 };
-declare const Affix: vue88.DefineSetupFnComponent<InternalAffixProps, AffixEmits, {}, AffixProps & {
+declare const Affix: vue65.DefineSetupFnComponent<InternalAffixProps, AffixEmits, {}, AffixProps & {
   onTestUpdatePosition?: any;
 } & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue88.PublicProps>;
+}, vue65.PublicProps>;
 //#endregion
 export { Affix, AffixProps };

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 vue281 from "vue";
+import * as vue222 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/alert/Alert.d.ts
@@ -43,6 +43,7 @@ type AlertSlots = SlotsDefineType<{
   icon?: () => any;
   closeIcon?: () => any;
   action?: () => any;
+  title?: () => any;
 }>;
 interface AlertEmits {
   /** Callback when close Alert */
@@ -52,8 +53,8 @@ interface AlertEmits {
   click: (e: any) => any;
   [key: string]: (e: any) => any;
 }
-declare const Alert: vue281.DefineSetupFnComponent<AlertProps, AlertEmits, SlotsType<AlertSlots>, AlertProps & {
+declare const Alert: vue222.DefineSetupFnComponent<AlertProps, AlertEmits, SlotsType<AlertSlots>, AlertProps & {
   [x: `on${Capitalize<string>}`]: ((e: any) => any) | undefined;
-}, vue281.PublicProps>;
+}, vue222.PublicProps>;
 //#endregion
 export { Alert, AlertEmits, AlertProps, AlertSlots };

package/dist/alert/Alert.js

@@ -46,7 +46,7 @@ const IconNode = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 			null,
 			Object
 		],
-		required: true,
+		required: false,
 		default: void 0
 	},
 	prefixCls: {

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 vue271 from "vue";
+import * as vue338 from "vue";
 import { SlotsType, VNodeChild } from "vue";
 import { Key } from "@v-c/util/dist/type";
 
@@ -15,7 +15,7 @@ interface AnchorLinkItemProps extends AnchorLinkBaseProps {
   children?: AnchorLinkItemProps[];
 }
 type AnchorDirection = 'vertical' | 'horizontal';
-type SemanticName = 'root' | 'item' | 'title' | 'indicator';
+type SemanticName = 'root' | 'item' | 'itemTitle' | 'indicator';
 type AnchorClassNamesType = SemanticClassNamesType<AnchorProps, SemanticName>;
 type AnchorStylesType = SemanticStylesType<AnchorProps, SemanticName>;
 interface AnchorProps extends ComponentBaseProps {
@@ -45,8 +45,8 @@ interface AnchorEmits {
 type AnchorSlots = SlotsDefineType<{
   item: (item: AnchorLinkItemProps) => any;
 }>;
-declare const Anchor: vue271.DefineSetupFnComponent<AnchorProps, AnchorEmits, SlotsType<AnchorSlots>, AnchorProps & {
+declare const Anchor: vue338.DefineSetupFnComponent<AnchorProps, AnchorEmits, SlotsType<AnchorSlots>, AnchorProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue271.PublicProps>;
+}, vue338.PublicProps>;
 //#endregion
-export { Anchor, AnchorProps };
+export { Anchor, AnchorEmits, AnchorProps, AnchorSlots };

package/dist/anchor/AnchorLink.js

@@ -38,14 +38,14 @@ const AnchorLink = /* @__PURE__ */ defineComponent((props, { slots, attrs }) =>
 	return () => {
 		const { href, target } = props;
 		const wrapperClassName = classNames(`${prefixCls.value}-link`, attrs.class, mergedClassNames?.value?.item, { [`${prefixCls.value}-link-active`]: active.value });
-		const titleClassName = classNames(`${prefixCls.value}-link-title`, mergedClassNames?.value?.title, { [`${prefixCls.value}-link-title-active`]: active.value });
+		const titleClassName = classNames(`${prefixCls.value}-link-title`, mergedClassNames?.value?.itemTitle, { [`${prefixCls.value}-link-title-active`]: active.value });
 		const title = getSlotPropsFnRun(slots, props, "title");
 		return createVNode("div", {
 			"class": [wrapperClassName],
 			"style": mergedStyles?.value?.item
 		}, [createVNode("a", {
 			"class": titleClassName,
-			"style": mergedStyles?.value?.title,
+			"style": mergedStyles?.value?.itemTitle,
 			"href": href,
 			"title": typeof title === "string" ? title : "",
 			"target": target,

package/dist/anchor/index.d.ts

@@ -1,2 +1,2 @@
 import { AnchorLinkProps } from "./AnchorLink.js";
-import { Anchor, AnchorProps } from "./Anchor.js";
+import { Anchor, AnchorEmits, AnchorProps, AnchorSlots } from "./Anchor.js";