antdv-next 1.5.6 → 1.7.0

package/dist/_util/ContextIsolator.js

@@ -1,3 +1,4 @@
+import { NoFormStyle } from "../form/context.js";
 import { NoCompactStyle } from "../space/Compact.js";
 import { createVNode, defineComponent, isVNode } from "vue";
 import { filterEmpty } from "@v-c/util/dist/props-util";
@@ -11,12 +12,20 @@ const ContextIsolator = /* @__PURE__ */ defineComponent((props, { slots }) => {
 		const children = filterEmpty(slots?.default?.());
 		if (children.length === 0) return null;
 		let result = children;
-		if (form) {}
-		if (space) {
+		if (form) {
 			const _result = function() {
 				return result;
 			}();
-			result = createVNode(NoCompactStyle, null, _isSlot(result) ? result : { default: () => [_result] });
+			result = createVNode(NoFormStyle, {
+				"override": true,
+				"status": true
+			}, _isSlot(result) ? result : { default: () => [_result] });
+		}
+		if (space) {
+			const _result2 = function() {
+				return result;
+			}();
+			result = createVNode(NoCompactStyle, null, _isSlot(result) ? result : { default: () => [_result2] });
 		}
 		return result;
 	};

package/dist/_util/PurePanel.js

@@ -82,21 +82,24 @@ function genPurePanel(Component, alignPropName, postProps, defaultPrefixCls, get
 				"style": mergedStyle
 			}, [createVNode(Component, mergeProps(attrs, mergedProps), slots)]);
 		};
-	}, { props: {
-		prefixCls: {
-			type: String,
-			required: false
-		},
-		style: {
-			type: Object,
-			required: false
+	}, {
+		props: {
+			prefixCls: {
+				type: String,
+				required: false
+			},
+			style: {
+				type: Object,
+				required: false
+			},
+			open: {
+				type: Boolean,
+				required: false,
+				default: void 0
+			}
 		},
-		open: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		}
-	} }));
+		inheritAttrs: false
+	}));
 }
 //#endregion
 export { genPurePanel as default, withPureRenderTheme };

package/dist/_util/fallbackProp.d.ts

@@ -0,0 +1,13 @@
+//#region src/_util/fallbackProp.d.ts
+/**
+ * Search for the first non-undefined value in the arguments and return it.
+ *
+ * ```js
+ * const mergedIcon = fallbackProp(propIcon, contextIcon, defaultIcon);
+ * ```
+ *
+ * Note: it is different from `??` operator which skips null
+ */
+declare function fallbackProp<T>(...args: T[]): Exclude<T, undefined> | undefined;
+//#endregion
+export { fallbackProp as default };

package/dist/_util/fallbackProp.js

@@ -0,0 +1,15 @@
+//#region src/_util/fallbackProp.ts
+/**
+* Search for the first non-undefined value in the arguments and return it.
+*
+* ```js
+* const mergedIcon = fallbackProp(propIcon, contextIcon, defaultIcon);
+* ```
+*
+* Note: it is different from `??` operator which skips null
+*/
+function fallbackProp(...args) {
+	return args.find((arg) => arg !== void 0);
+}
+//#endregion
+export { fallbackProp as default };

package/dist/_util/hooks/useAllowClear.d.ts

@@ -0,0 +1,35 @@
+//#region src/_util/hooks/useAllowClear.d.ts
+interface AllowClearConfig {
+  /** Custom clear icon */
+  clearIcon?: any;
+  /** Disable the clear button */
+  disabled?: boolean;
+  /** Tab order of the clear button. `-1` excludes it from Tab navigation */
+  tabIndex?: number;
+  /** Accessible name of the clear button */
+  label?: string;
+}
+type AllowClear = boolean | AllowClearConfig;
+/** The hook never returns plain `true`: a truthy allowClear is normalized to the object form. */
+type MergedAllowClear = AllowClearConfig | false;
+interface UseAllowClearOptions {
+  allowClear?: AllowClear;
+  clearIcon?: any;
+  contextAllowClear?: AllowClear;
+  contextClearIcon?: any;
+  defaultAllowClear?: boolean;
+  defaultLabel?: string;
+}
+/**
+ * Getter for the localized clear button label (`locale.global.clear`).
+ * Reads the locale context lazily so callers can use it inside their own `computed` without extra reactive objects.
+ */
+declare function useAllowClearLabel(): () => string | undefined;
+/**
+ * Merge component- and ConfigProvider-level `allowClear` / `clearIcon`.
+ * Each field is resolved on its own (priority: props → context → default), so `allowClear: true`
+ * inherits the global config while `disabled: false` / `tabIndex: 0` / `label: ''` still override it.
+ */
+declare function useAllowClear({ allowClear, clearIcon, contextAllowClear, contextClearIcon, defaultAllowClear, defaultLabel }: UseAllowClearOptions): MergedAllowClear;
+//#endregion
+export { AllowClear, AllowClearConfig, MergedAllowClear, UseAllowClearOptions, useAllowClear as default, useAllowClearLabel };

package/dist/_util/hooks/useAllowClear.js

@@ -0,0 +1,34 @@
+import { useLocaleContext } from "../../locale/index.js";
+import fallbackProp from "../fallbackProp.js";
+import { isPlainObject } from "../is.js";
+import localeValues from "../../locale/en_US.js";
+import { createVNode } from "vue";
+import { CloseCircleFilled } from "@antdv-next/icons";
+//#region src/_util/hooks/useAllowClear.tsx
+/** The hook never returns plain `true`: a truthy allowClear is normalized to the object form. */
+/**
+* Getter for the localized clear button label (`locale.global.clear`).
+* Reads the locale context lazily so callers can use it inside their own `computed` without extra reactive objects.
+*/
+function useAllowClearLabel() {
+	const { locale } = useLocaleContext();
+	return () => locale.value?.global?.clear ?? localeValues.global?.clear;
+}
+/**
+* Merge component- and ConfigProvider-level `allowClear` / `clearIcon`.
+* Each field is resolved on its own (priority: props → context → default), so `allowClear: true`
+* inherits the global config while `disabled: false` / `tabIndex: 0` / `label: ''` still override it.
+*/
+function useAllowClear({ allowClear, clearIcon, contextAllowClear, contextClearIcon, defaultAllowClear, defaultLabel }) {
+	if (!(allowClear ?? contextAllowClear ?? defaultAllowClear)) return false;
+	const config = isPlainObject(allowClear) ? allowClear : void 0;
+	const contextConfig = isPlainObject(contextAllowClear) ? contextAllowClear : void 0;
+	return {
+		clearIcon: fallbackProp(config?.clearIcon, clearIcon, contextConfig?.clearIcon, contextClearIcon, createVNode(CloseCircleFilled, null, null)),
+		disabled: config?.disabled ?? contextConfig?.disabled,
+		tabIndex: config?.tabIndex ?? contextConfig?.tabIndex,
+		label: config?.label ?? contextConfig?.label ?? defaultLabel
+	};
+}
+//#endregion
+export { useAllowClear as default, useAllowClearLabel };

package/dist/_util/hooks/useClosable.js

@@ -1,9 +1,9 @@
 import { getSlotPropsFnRun } from "../tools.js";
-import isNonNullable from "../isNonNullable.js";
 import localeValues from "../../locale/en_US.js";
 import useLocale from "../../locale/useLocale.js";
 import { getVNode } from "../vueNode.js";
 import mergeProps$1 from "../extendsObject.js";
+import isNonNullable from "../isNonNullable.js";
 import { computed, createVNode, isVNode, mergeProps, ref, unref } from "vue";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 import { CloseOutlined } from "@antdv-next/icons";

package/dist/_util/hooks/useMergeSemantic.js

@@ -62,11 +62,12 @@ function resolveStyleOrClass(value, info) {
 * @descZH 合并来自多个来源的 classNames 和 styles，当提供了 `schema` 时，必须提供嵌套的对象结构。
 */
 function useMergeSemantic(classNamesList, stylesList, info, schema) {
+	const resolveLazy = (value) => typeof value === "function" ? value(info.value) : value;
 	const resolvedClassNamesList = computed(() => {
-		return classNamesList.value.map((classNames) => classNames ? resolveStyleOrClass(classNames, info.value) : void 0);
+		return classNamesList.value.map((classNames) => classNames ? resolveLazy(classNames) : void 0);
 	});
 	const resolvedStylesList = computed(() => {
-		return stylesList.value.map((styles) => styles ? resolveStyleOrClass(styles, info.value) : void 0);
+		return stylesList.value.map((styles) => styles ? resolveLazy(styles) : void 0);
 	});
 	const mergedClassNames = computed(() => useSemanticClassNames(schema?.value, ...resolvedClassNamesList.value));
 	const mergedStyles = computed(() => useSemanticStyles(...resolvedStylesList.value));

package/dist/_util/omitUndefined.d.ts

@@ -0,0 +1,13 @@
+//#region src/_util/omitUndefined.d.ts
+/**
+ * Copy `obj` without the keys whose value is `undefined`.
+ *
+ * Vue materialises every declared prop on `props` (unset ones as `undefined`),
+ * so spreading `props` into a child forwards dozens of empty keys that the
+ * child then has to normalise in `initProps` / `setFullProps` on every mount.
+ * Boolean props in this code base default to `undefined` rather than `false`,
+ * so leaving an unset key out is equivalent to passing it as `undefined`.
+ */
+declare function omitUndefined<T extends Record<string, any>>(obj: T, omitKeys?: readonly string[]): Partial<T>;
+//#endregion
+export { omitUndefined };

package/dist/_util/omitUndefined.js

@@ -0,0 +1,20 @@
+//#region src/_util/omitUndefined.ts
+/**
+* Copy `obj` without the keys whose value is `undefined`.
+*
+* Vue materialises every declared prop on `props` (unset ones as `undefined`),
+* so spreading `props` into a child forwards dozens of empty keys that the
+* child then has to normalise in `initProps` / `setFullProps` on every mount.
+* Boolean props in this code base default to `undefined` rather than `false`,
+* so leaving an unset key out is equivalent to passing it as `undefined`.
+*/
+function omitUndefined(obj, omitKeys = []) {
+	const result = {};
+	for (const key in obj) {
+		const value = obj[key];
+		if (value !== void 0 && !omitKeys.includes(key)) result[key] = value;
+	}
+	return result;
+}
+//#endregion
+export { omitUndefined };

package/dist/_util/tools.d.ts

@@ -3,6 +3,8 @@ import { classNames } from "@v-c/util";
 //#region src/_util/tools.d.ts
 declare function getSlotPropFn(slots: any, props: any, key: string): any;
 declare function getSlotPropsFnRun(slots: any, props: any, key: string, isNull?: boolean, params?: any): any;
+/** Resolve a slot/prop render prop: slot first, empty slot (undefined / []) falls back to prop; explicit null is kept; function props are invoked, never leaked. */
+declare function getSlotPropsFnRunWithFallback(slots: any, props: any, key: string, params?: any): any;
 declare function toPropsRefs<T extends Record<string, any>, K extends keyof T>(obj: T, ...args: K[]): { [key in K]-?: Ref<T[key]>; };
 /**
  * 返回一个「稳定引用」的事件转发器，调用时实时读取组件当前 vnode 上的监听器。
@@ -19,4 +21,4 @@ declare function toPropsRefs<T extends Record<string, any>, K extends keyof T>(o
 declare function useLiveListener<Args extends any[] = any[], R = any>(name: string): (...args: Args) => R | undefined;
 declare const clsx: typeof classNames;
 //#endregion
-export { clsx, getSlotPropFn, getSlotPropsFnRun, toPropsRefs, useLiveListener };
+export { clsx, getSlotPropFn, getSlotPropsFnRun, getSlotPropsFnRunWithFallback, toPropsRefs, useLiveListener };

package/dist/_util/tools.js

@@ -1,3 +1,4 @@
+import fallbackProp from "./fallbackProp.js";
 import { getCurrentInstance, toHandlerKey, toRef } from "vue";
 import { classNames } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
@@ -22,6 +23,10 @@ function getSlotPropsFnRun(slots, props, key, isNull = true, params) {
 	}
 	return fn;
 }
+/** Resolve a slot/prop render prop: slot first, empty slot (undefined / []) falls back to prop; explicit null is kept; function props are invoked, never leaked. */
+function getSlotPropsFnRunWithFallback(slots, props, key, params) {
+	return fallbackProp(getSlotPropsFnRun(slots, {}, key, false, params), getSlotPropsFnRun({}, props, key, false, params));
+}
 function toPropsRefs(obj, ...args) {
 	const _res = {};
 	args.forEach((key) => {
@@ -58,4 +63,4 @@ function useLiveListener(name) {
 }
 const clsx = classNames;
 //#endregion
-export { clsx, getSlotPropFn, getSlotPropsFnRun, toPropsRefs, useLiveListener };
+export { clsx, getSlotPropFn, getSlotPropsFnRun, getSlotPropsFnRunWithFallback, toPropsRefs, useLiveListener };

package/dist/_util/wave/index.js

@@ -1,4 +1,5 @@
 import { useConfig } from "../../config-provider/context.js";
+import { useStyleToken } from "../../theme/util/genStyleUtils.js";
 import style_default from "./style.js";
 import useWave from "./useWave.js";
 import { cloneVNode, computed, defineComponent, isVNode, onBeforeUnmount, onMounted, shallowRef, watch } from "vue";
@@ -26,9 +27,10 @@ var wave_default = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	const configCtx = useConfig();
 	const containerRef = shallowRef(null);
 	const prefixCls = computed(() => configCtx.value.getPrefixCls("wave"));
-	const hashId = style_default(prefixCls);
+	const tokenResult = useStyleToken();
+	const hashId = style_default(prefixCls, void 0, tokenResult);
 	const colorSource = computed(() => props.colorSource);
-	const showWave = useWave(containerRef, computed(() => classNames(prefixCls.value, hashId.value)), computed(() => props.component), colorSource);
+	const showWave = useWave(containerRef, computed(() => classNames(prefixCls.value, hashId.value)), computed(() => props.component), colorSource, tokenResult);
 	const handleEvent = (event) => {
 		const node = containerRef.value;
 		if (!node) return;

package/dist/_util/wave/style.d.ts

@@ -1,8 +1,12 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { FullToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/_util/wave/style.d.ts
 interface ComponentToken {}
 interface WaveToken extends FullToken<'Wave'> {}
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => import("vue").Ref<string, string>;
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => import("vue").Ref<string, string>;
 //#endregion
 export { ComponentToken, WaveToken, _default as default };

package/dist/_util/wave/useWave.d.ts

@@ -1,7 +1,8 @@
+import { StyleTokenResult } from "../../theme/util/genStyleUtils.js";
 import { ShowWave, WaveComponent } from "./interface.js";
 import { WaveProps } from "./index.js";
 import { Ref } from "vue";
 //#region src/_util/wave/useWave.d.ts
-declare function useWave(nodeRef: Ref<HTMLElement | null | undefined>, className: string | Ref<string>, component?: WaveComponent | Ref<WaveComponent | undefined>, colorSource?: Ref<WaveProps['colorSource']>): ShowWave;
+declare function useWave(nodeRef: Ref<HTMLElement | null | undefined>, className: string | Ref<string>, component?: WaveComponent | Ref<WaveComponent | undefined>, colorSource?: Ref<WaveProps['colorSource']>, tokenResult?: StyleTokenResult): ShowWave;
 //#endregion
 export { useWave as default };

package/dist/_util/wave/useWave.js

@@ -1,13 +1,14 @@
 import { useConfig } from "../../config-provider/context.js";
-import useToken from "../../theme/useToken.js";
+import { useStyleToken } from "../../theme/util/genStyleUtils.js";
 import { TARGET_CLS } from "./interface.js";
 import showWaveEffect from "./WaveEffect.js";
 import { onBeforeUnmount, ref, unref } from "vue";
 import raf from "@v-c/util/dist/raf";
 //#region src/_util/wave/useWave.ts
-function useWave(nodeRef, className, component, colorSource) {
+function useWave(nodeRef, className, component, colorSource, tokenResult = useStyleToken()) {
 	const configCtx = useConfig();
-	const [, token, hashId] = useToken();
+	const token = tokenResult.realToken;
+	const hashId = tokenResult.hashId;
 	const showWave = (event) => {
 		const node = nodeRef.value;
 		if (!node) return;

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

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/affix/style/index.d.ts
 interface ComponentToken {
@@ -9,6 +13,6 @@ interface ComponentToken {
   zIndexPopup: number;
 }
 declare const prepareComponentToken: GetDefaultToken<'Affix'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

package/dist/alert/Alert.d.ts

@@ -27,6 +27,10 @@ interface AlertSemanticType {
 }
 type AlertClassNamesType = SemanticType<AlertProps, AlertSemanticType['classes']>;
 type AlertStylesType = SemanticType<AlertProps, AlertSemanticType['styles']>;
+type AlertClosableType = boolean | (Exclude<ClosableType, boolean> & {
+  onClose?: (e?: MouseEvent) => void;
+  afterClose?: () => void;
+});
 type AlertVariant = 'filled' | 'outlined';
 interface AlertProps extends ComponentBaseProps, AlertEmitsProps {
   /** Type of Alert styles, options:`success`, `info`, `warning`, `error` */
@@ -38,7 +42,7 @@ interface AlertProps extends ComponentBaseProps, AlertEmitsProps {
    */
   variant?: AlertVariant;
   /** Whether Alert can be closed */
-  closable?: ClosableType;
+  closable?: AlertClosableType;
   /** Content of Alert */
   title?: VueNode;
   /**
@@ -84,4 +88,4 @@ interface AlertEmitsProps {
 }
 declare const Alert: import("vue").DefineSetupFnComponent<AlertProps, AlertEmits, SlotsType<AlertSlots>, AlertProps, import("vue").PublicProps>;
 //#endregion
-export { AlertClassNamesType, AlertEmits, AlertEmitsProps, AlertProps, AlertSemanticType, AlertSlots, AlertStylesType, AlertVariant, Alert as default };
+export { AlertClassNamesType, AlertClosableType, AlertEmits, AlertEmitsProps, AlertProps, AlertSemanticType, AlertSlots, AlertStylesType, AlertVariant, Alert as default };