antdv-next 1.5.2 → 1.5.4

package/dist/auto-complete/index.d.ts

@@ -3,7 +3,7 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.js";
 import { InputStatus } from "../_util/statusUtils.js";
 import { InternalSelectProps, SearchConfig, SelectPopupSemanticClassNames, SelectPopupSemanticStyles, SelectSlots } from "../select/index.js";
-import { App, CSSProperties, SlotsType } from "vue";
+import { App, CSSProperties, SlotsType, VNode, VNodeChild } from "vue";
 import { Option, SelectProps } from "@v-c/select";
 //#region src/auto-complete/index.d.ts
 interface AutoCompleteSemanticClassNames {
@@ -33,7 +33,7 @@ type AutoCompleteClassNamesType = SemanticClassNamesType<AutoCompleteProps, Auto
 type AutoCompleteStylesType = SemanticStylesType<AutoCompleteProps, AutoCompleteSemanticStyles, {
   popup?: SelectPopupSemanticStyles;
 }>;
-type RcEventKeys = 'onClear' | 'onKeyUp' | 'onKeyDown' | 'onBlur' | 'onClick' | 'onActive' | 'onChange' | 'onDeselect' | 'onInputKeyDown' | 'onMouseDown' | 'onMouseLeave' | 'onMouseEnter' | 'onFocus' | 'onPopupScroll' | 'onPopupVisibleChange' | 'onSelect' | 'onSearch';
+type RcEventKeys = 'onClear' | 'onKeyUp' | 'onKeyDown' | 'onBlur' | 'onClick' | 'onActive' | 'onChange' | 'onDeselect' | 'onInputKeyDown' | 'onMouseDown' | 'onMouseLeave' | 'onMouseEnter' | 'onFocus' | 'onPopupScroll' | 'onSelect' | 'onSearch';
 interface AutoCompleteProps extends Omit<InternalSelectProps, 'loading' | 'mode' | 'optionLabelProp' | 'labelInValue' | 'classes' | 'styles' | 'getInputElement' | 'getRawInputElement' | 'showSearch' | 'optionFilterProp' | 'filterSort' | RcEventKeys>, AutoCompleteEmitsProps {
   /** @deprecated Please use `options` instead */
   dataSource?: DataSourceItemType[];
@@ -48,8 +48,8 @@ interface AutoCompleteProps extends Omit<InternalSelectProps, 'loading' | 'mode'
   styles?: AutoCompleteStylesType;
   classes?: AutoCompleteClassNamesType;
   /** @deprecated Please use `popupRender` instead */
-  dropdownRender?: (menu: VueNode) => any;
-  popupRender?: (menu: VueNode) => any;
+  dropdownRender?: (menu: VNode) => VNodeChild;
+  popupRender?: (menu: VNode) => VNodeChild;
   /** @deprecated Please use `styles.popup.root` instead */
   dropdownStyle?: CSSProperties;
   showSearch?: boolean | Pick<SearchConfig, 'filterOption' | 'onSearch'>;

package/dist/auto-complete/index.js

@@ -4,7 +4,7 @@ import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useTo
 import { toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import genPurePanel from "../_util/PurePanel.js";
 import Select from "../select/index.js";
-import { Text, computed, createVNode, defineComponent, isVNode, mergeProps } from "vue";
+import { Text, computed, createVNode, defineComponent, getCurrentInstance, isVNode, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 import { omit } from "es-toolkit";
@@ -26,11 +26,18 @@ const omitKeys = [
 	"dropdownStyle",
 	"classes",
 	"styles",
-	"popupRender"
+	"popupRender",
+	"onOpenChange",
+	"onDropdownVisibleChange"
 ];
 const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) => {
 	const { prefixCls } = useComponentBaseConfig("select", props);
 	const { classes, styles } = toPropsRefs$1(props, "classes", "styles");
+	const instance = getCurrentInstance();
+	const mergedOnOpenChange = (open) => {
+		if (instance?.vnode.props?.onOpenChange) emit("openChange", open);
+		else emit("dropdownVisibleChange", open);
+	};
 	const mergedProps = computed(() => {
 		return {
 			...props,
@@ -41,6 +48,7 @@ const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, em
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(classes), useToArr(styles), useToProps(mergedProps), computed(() => ({ popup: { _default: "root" } })));
 	return () => {
 		const { className, style, restAttrs } = getAttrStyleAndClass$1(attrs);
+		const forwardedAttrs = omit(restAttrs, ["onOpenChange", "onDropdownVisibleChange"]);
 		const childNodes = toArray(filterEmpty(slots.default?.() ?? []));
 		const hasSelectOptions = !!childNodes.length && isSelectOptionOrSelectOptGroup(childNodes[0]);
 		let customizeInput;
@@ -115,7 +123,7 @@ const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, em
 		};
 		const selectProps = omit(props, omitKeys);
 		if (selectProps.placeholder === void 0 && customizeInputPlaceholder !== void 0) selectProps.placeholder = customizeInputPlaceholder;
-		return createVNode(Select, mergeProps(restAttrs, selectProps, {
+		return createVNode(Select, mergeProps(forwardedAttrs, selectProps, {
 			onSelect: (value, option) => {
 				emit("select", value, option);
 			},
@@ -163,12 +171,6 @@ const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, em
 			},
 			onSearch: (value) => {
 				emit("search", value);
-			},
-			onOpenChange: (open) => {
-				emit("openChange", open);
-			},
-			onDropdownVisibleChange: (open) => {
-				emit("dropdownVisibleChange", open);
 			}
 		}, getInputElement ? { getInputElement } : {}, {
 			"prefixCls": prefixCls.value,
@@ -178,7 +180,8 @@ const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, em
 			"popupRender": mergedPopupRender,
 			"popupMatchSelectWidth": mergedPopupMatchSelectWidth,
 			"mode": Select.SECRET_COMBOBOX_MODE_DO_NOT_USE,
-			"suffixIcon": null
+			"suffixIcon": null,
+			"onOpenChange": mergedOnOpenChange
 		}, { "onUpdate:value": (value) => emit("update:value", value) }), {
 			default: () => [optionChildren],
 			...forwardedSlots
@@ -381,6 +384,10 @@ const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, em
 			required: false,
 			default: void 0
 		},
+		autoComplete: {
+			type: String,
+			required: false
+		},
 		placeholder: {
 			type: [
 				Object,

package/dist/breadcrumb/Breadcrumb.js

@@ -80,19 +80,20 @@ const Breadcrumb = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit,
 				const itemProps = {};
 				const isLastItem = index === mergedItems.value.length - 1;
 				if (menu) {
+					const mergedMenu = { ...menu };
 					const menuLabelRender = slots?.menuLabelRender ?? props.menuLabelRender;
-					if (menuLabelRender) menu.labelRender = (menuItem) => menuLabelRender({
+					if (menuLabelRender) mergedMenu.labelRender = (menuItem) => menuLabelRender({
 						item,
 						index,
 						menu: menuItem
 					});
 					const menuExtraRender = slots?.menuExtraRender ?? props.menuExtraRender;
-					if (menuExtraRender) menu.extraRender = (menuItem) => menuExtraRender({
+					if (menuExtraRender) mergedMenu.extraRender = (menuItem) => menuExtraRender({
 						item,
 						index,
 						menu: menuItem
 					});
-					itemProps.menu = menu;
+					itemProps.menu = mergedMenu;
 				}
 				let { href } = item;
 				if (paths.length && mergedPath !== void 0) href = `#/${paths.join("/")}`;

package/dist/breadcrumb/BreadcrumbItem.js

@@ -1,5 +1,6 @@
 import { useBaseConfig } from "../config-provider/context.js";
 import { getSlotPropsFnRun } from "../_util/tools.js";
+import { isRenderable } from "../_util/is.js";
 import isNonNullable from "../_util/isNonNullable.js";
 import { checkRenderNode } from "../_util/vueNode.js";
 import { useBreadcrumbContext } from "./BreadcrumbContext.js";
@@ -53,7 +54,7 @@ const InternalBreadcrumbItem = /* @__PURE__ */ defineComponent((props, { slots }
 		if (isNonNullable(link)) return createVNode(Fragment, null, [createVNode("li", {
 			"class": clsx(`${prefixCls}-item`, mergedClassNames?.item),
 			"style": mergedStyles?.item
-		}, [link]), !!separator && createVNode(BreadcrumbSeparator, null, _isSlot(separator) ? separator : { default: () => [separator] })]);
+		}, [link]), isRenderable(separator) && createVNode(BreadcrumbSeparator, null, _isSlot(separator) ? separator : { default: () => [separator] })]);
 		return null;
 	};
 }, {

package/dist/button/buttonHelper.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, VNodeChild } from "vue";
 //#region src/button/buttonHelper.d.ts
 declare const isTwoCNChar: (string: string) => boolean;
-declare function isUnBorderedButtonVariant(type?: ButtonVariantType): type is "text" | "link";
+declare function isUnBorderedButtonVariant(type?: ButtonVariantType): type is "link" | "text";
 declare function spaceChildren(children: VNodeChild[], needInserted: boolean, style?: CSSProperties, className?: string): VNodeChild[];
 declare const _ButtonTypes: readonly ["default", "primary", "dashed", "link", "text"];
 type ButtonType = (typeof _ButtonTypes)[number];

package/dist/card/Card.d.ts

@@ -1,12 +1,16 @@
 import { VueNode } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
+import { SizeType } from "../config-provider/SizeContext.js";
 import { Tab, TabsSlots } from "../tabs/index.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { CSSProperties, SlotsType } from "vue";
 //#region src/card/Card.d.ts
 type CardType = 'inner';
-type CardSize = 'small' | 'medium' | 'middle' | 'default';
+/**
+ * Note: `default` is deprecated and will be removed in later versions, please use `medium` instead.
+ */
+type CardSize = Exclude<SizeType, 'large'> | 'default';
 interface CardTabListType extends Omit<Tab, 'label'> {
   key: string;
   /** @deprecated Please use `label` instead */

package/dist/card/Card.js

@@ -3,6 +3,7 @@ import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
+import { isRenderable } from "../_util/is.js";
 import skeleton_default from "../skeleton/index.js";
 import useVariant from "../form/hooks/useVariant.js";
 import Tabs from "../tabs/index.js";
@@ -11,6 +12,9 @@ import { computed, createVNode, defineComponent, isVNode, mergeProps } from "vue
 import { clsx } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 //#region src/card/Card.tsx
+/**
+* Note: `default` is deprecated and will be removed in later versions, please use `medium` instead.
+*/
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -109,7 +113,7 @@ const Card = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 				...item
 			};
 		}) }), tabsSlots) : null;
-		if (title || extra || tabs) {
+		if (isRenderable(title) || isRenderable(extra) || tabs) {
 			const headClasses = clsx(`${prefixCls.value}-head`, mergedClassNames.value.header);
 			const titleClasses = clsx(`${prefixCls.value}-head-title`, mergedClassNames.value.title);
 			const extraClasses = clsx(`${prefixCls.value}-extra`, mergedClassNames.value.extra);
@@ -119,16 +123,16 @@ const Card = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 					...headStyle,
 					...mergedStyles.value.header
 				}
-			}, [createVNode("div", { "class": `${prefixCls.value}-head-wrapper` }, [!!title && createVNode("div", {
+			}, [createVNode("div", { "class": `${prefixCls.value}-head-wrapper` }, [isRenderable(title) && createVNode("div", {
 				"class": titleClasses,
 				"style": mergedStyles.value.title
-			}, [title]), !!extra && createVNode("div", {
+			}, [title]), isRenderable(extra) && createVNode("div", {
 				"class": extraClasses,
 				"style": mergedStyles.value.extra
 			}, [extra])]), tabs]);
 		}
 		const coverClasses = clsx(`${prefixCls.value}-cover`, mergedClassNames.value.cover);
-		const coverDom = cover ? createVNode("div", {
+		const coverDom = isRenderable(cover) ? createVNode("div", {
 			"class": coverClasses,
 			"style": mergedStyles.value.cover
 		}, [cover]) : null;
@@ -226,7 +230,7 @@ const Card = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 			required: false
 		},
 		size: {
-			type: String,
+			type: [String, null],
 			required: false
 		},
 		type: {

package/dist/card/CardMeta.js

@@ -1,6 +1,7 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
+import { isRenderable } from "../_util/is.js";
 import { computed, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
 import { clsx } from "@v-c/util";
 //#region src/card/CardMeta.tsx
@@ -27,15 +28,15 @@ const CardMeta = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose
 		const avatar = getSlotPropsFnRun(slots, props, "avatar");
 		const title = getSlotPropsFnRun(slots, props, "title");
 		const description = getSlotPropsFnRun(slots, props, "description");
-		const avatarDom = avatar ? createVNode("div", {
+		const avatarDom = isRenderable(avatar) ? createVNode("div", {
 			"class": avatarClassNames,
 			"style": mergedStyles.value.avatar
 		}, [avatar]) : null;
-		const titleDom = title ? createVNode("div", {
+		const titleDom = isRenderable(title) ? createVNode("div", {
 			"class": titleClassNames,
 			"style": mergedStyles.value.title
 		}, [title]) : null;
-		const descriptionDom = description ? createVNode("div", {
+		const descriptionDom = isRenderable(description) ? createVNode("div", {
 			"class": descriptionClassNames,
 			"style": mergedStyles.value.description
 		}, [description]) : null;

package/dist/cascader/index.d.ts

@@ -7,7 +7,7 @@ import { SelectCommonPlacement } from "../_util/motion.js";
 import { SelectPopupSemanticClassNames, SelectPopupSemanticStyles } from "../select/index.js";
 import CascaderPanel from "./Panel.js";
 import { Variant } from "../config-provider/context.js";
-import { App, CSSProperties, PublicProps } from "vue";
+import { App, CSSProperties, PublicProps, VNode, VNodeChild } from "vue";
 import { CascaderProps as CascaderProps$1, DefaultOptionType, FieldNames, SHOW_CHILD, SHOW_PARENT } from "@v-c/cascader";
 //#region src/cascader/index.d.ts
 type FieldNamesType = FieldNames;
@@ -41,7 +41,7 @@ type CascaderClassNamesType = SemanticClassNamesType<CascaderProps, CascaderSema
 type CascaderStylesType = SemanticStylesType<CascaderProps, CascaderSemanticStyles, {
   popup?: SelectPopupSemanticStyles;
 }>;
-interface CascaderProps<OptionType extends DefaultOptionType = DefaultOptionType, ValueField extends keyof OptionType = keyof OptionType, Multiple extends boolean = boolean> extends Omit<CascaderProps$1<OptionType, ValueField, Multiple>, 'checkable' | 'className' | 'style' | 'classNames' | 'styles' | 'onChange' | 'onSearch' | 'onPopupVisibleChange' | 'multiple' | 'value'>, CascaderEmitsProps<OptionType, ValueField, Multiple> {
+interface CascaderProps<OptionType extends DefaultOptionType = DefaultOptionType, ValueField extends keyof OptionType = keyof OptionType, Multiple extends boolean = boolean> extends Omit<CascaderProps$1<OptionType, ValueField, Multiple>, 'checkable' | 'className' | 'style' | 'classNames' | 'styles' | 'onChange' | 'onSearch' | 'onPopupVisibleChange' | 'popupRender' | 'multiple' | 'value'>, CascaderEmitsProps<OptionType, ValueField, Multiple> {
   value?: any;
   multiple?: boolean;
   size?: SizeType;
@@ -65,8 +65,8 @@ interface CascaderProps<OptionType extends DefaultOptionType = DefaultOptionType
   /** @deprecated Please use `styles.popup.root` instead */
   dropdownStyle?: CSSProperties;
   /** @deprecated Please use `popupRender` instead */
-  dropdownRender?: (menu: any) => any;
-  popupRender?: (menu: any) => any;
+  dropdownRender?: (menu: VNode) => VNodeChild;
+  popupRender?: (menu: VNode) => VNodeChild;
   /** @deprecated Please use `popupMenuColumnStyle` instead */
   dropdownMenuColumnStyle?: CSSProperties;
   popupMenuColumnStyle?: CSSProperties;
@@ -81,7 +81,7 @@ interface CascaderProps<OptionType extends DefaultOptionType = DefaultOptionType
 interface CascaderSlots<OptionType extends DefaultOptionType = DefaultOptionType> {
   suffixIcon?: () => any;
   notFoundContent?: () => any;
-  popupRender?: (menu: any) => any;
+  popupRender?: (menu: VNode) => VNodeChild;
   displayRender?: (data: {
     labels: string[];
     selectedOptions?: OptionType[];
@@ -91,7 +91,7 @@ interface CascaderSlots<OptionType extends DefaultOptionType = DefaultOptionType
   default?: () => any;
 }
 interface CascaderEmits<OptionType extends DefaultOptionType = DefaultOptionType, ValueField extends keyof OptionType = keyof OptionType, Multiple extends boolean = boolean> {
-  'openChange': (visible: boolean) => void;
+  'openChange': (open: boolean) => void;
   'dropdownVisibleChange': (visible: boolean) => void;
   'popupVisibleChange': (visible: boolean) => void;
   'change': NonNullable<CascaderProps$1<OptionType, ValueField, Multiple>['onChange']>;

package/dist/cascader/index.js

@@ -368,6 +368,11 @@ const InternalCascader = /* @__PURE__ */ defineComponent((props, { attrs, emit,
 			type: Function,
 			required: false
 		},
+		checkStrictly: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
 		showCheckedStrategy: { required: false },
 		autoClearSearchValue: {
 			type: Boolean,
@@ -438,6 +443,10 @@ const InternalCascader = /* @__PURE__ */ defineComponent((props, { attrs, emit,
 			required: false,
 			default: void 0
 		},
+		autoComplete: {
+			type: String,
+			required: false
+		},
 		placeholder: {
 			type: [
 				Object,

package/dist/checkbox/Checkbox.js

@@ -26,7 +26,7 @@ const InternalCheckbox = /* @__PURE__ */ defineComponent((props, { slots, emit,
 	const formItemInputContext = useFormItemInputContext();
 	const formItemContext = useFormItemContext();
 	const contextDisabled = useDisabledContext();
-	const mergedDisabled = computed(() => (checkboxGroup?.value?.disabled || props?.disabled) ?? contextDisabled.value);
+	const mergedDisabled = computed(() => props.disabled ?? checkboxGroup?.value?.disabled ?? contextDisabled.value);
 	const mergedCheckedValue = computed(() => props.checkedValue ?? true);
 	const mergedUnCheckedValue = computed(() => props.unCheckedValue ?? false);
 	const currentValue = shallowRef(props?.checked ?? props?.defaultChecked ?? mergedUnCheckedValue.value);

package/dist/color-picker/ColorPicker.js

@@ -64,16 +64,16 @@ const ColorPicker = /* @__PURE__ */ defineComponent((props, { slots, expose, emi
 			emit("update:format", newFormat);
 		}
 	};
-	const triggerOpenChange = (visible) => {
+	const triggerOpenChange = (nextOpen) => {
 		if (open.value !== void 0) {
-			emit("openChange", visible);
-			emit("update:open", visible);
+			emit("openChange", nextOpen);
+			emit("update:open", nextOpen);
 			return;
 		}
-		if (!visible || !mergedDisabled.value) {
-			internalPopupOpen.value = visible;
-			emit("openChange", visible);
-			emit("update:open", visible);
+		if (!nextOpen || !mergedDisabled.value) {
+			internalPopupOpen.value = nextOpen;
+			emit("openChange", nextOpen);
+			emit("update:open", nextOpen);
 		}
 	};
 	const [mergedColor, setColor, modeState, setModeState, modeOptions] = useModeColor(value, mode, props?.defaultValue);

package/dist/config-provider/SizeContext.d.ts

@@ -1,7 +1,7 @@
 import { Ref } from "vue";
 //#region src/config-provider/SizeContext.d.ts
 /**
- * Note: `middle` is deprecated and will be removed in v7, please use `medium` instead.
+ * Note: `middle` is deprecated and will be removed in later versions, please use `medium` instead.
  */
 type SizeType = 'small' | 'medium' | 'middle' | 'large' | undefined;
 interface SizeContextProps {

package/dist/config-provider/SizeContext.js

@@ -1,7 +1,7 @@
 import { computed, defineComponent, inject, provide } from "vue";
 //#region src/config-provider/SizeContext.tsx
 /**
-* Note: `middle` is deprecated and will be removed in v7, please use `medium` instead.
+* Note: `middle` is deprecated and will be removed in later versions, please use `medium` instead.
 */
 const SizeContextKey = Symbol("SizeContext");
 const useSizeContext = () => inject(SizeContextKey, computed(() => void 0));

package/dist/config-provider/context.d.ts

@@ -90,7 +90,7 @@ import { TreeSelectProps } from "../tree-select/index.js";
 import { BlockProps } from "../typography/interface.js";
 import { ButtonProps } from "../button/Button.js";
 import "../button/index.js";
-import { CSSProperties, Ref } from "vue";
+import { AriaAttributes, CSSProperties, Ref } from "vue";
 import { DerivativeFunc } from "@antdv-next/cssinjs";
 import { MoreProps } from "@v-c/tabs";
 //#region src/config-provider/context.d.ts
@@ -235,7 +235,10 @@ type ButtonConfig = ComponentStyleConfig & Pick<ButtonProps, 'classes' | 'styles
   loadingIcon?: VueNode;
 };
 type FlexConfig = ComponentStyleConfig & Pick<FlexProps, 'vertical'>;
-type AlertConfig = ComponentStyleConfig & Pick<AlertProps, 'variant' | 'closable' | 'closeIcon' | 'classes' | 'styles'> & {
+type AlertConfig = ComponentStyleConfig & Pick<AlertProps, 'variant' | 'closeIcon' | 'classes' | 'styles'> & {
+  closable?: boolean | ({
+    closeIcon?: VueNode;
+  } & AriaAttributes);
   successIcon?: VueNode;
   infoIcon?: VueNode;
   warningIcon?: VueNode;

package/dist/config-provider/hooks/useTheme.js

@@ -8,7 +8,8 @@ function useTheme(theme, parentTheme, config) {
 		if (themeConfig.value.inherit === false || !parentTheme?.value) return {
 			...defaultConfig,
 			hashed: parentTheme?.value?.hashed ?? defaultConfig.hashed,
-			cssVar: parentTheme?.value?.cssVar
+			cssVar: parentTheme?.value?.cssVar,
+			zeroRuntime: parentTheme?.value?.zeroRuntime
 		};
 		return parentTheme.value;
 	});

package/dist/date-picker/generatePicker/generateRangePicker.js

@@ -8,9 +8,9 @@ import { useZIndex } from "../../_util/hooks/useZIndex.js";
 import { getSlotPropsFnRun, toPropsRefs } from "../../_util/tools.js";
 import useCSSVarCls from "../../config-provider/hooks/useCSSVarCls.js";
 import { useDisabledContext } from "../../config-provider/DisabledContext.js";
+import { isNonNullable } from "../../_util/is.js";
 import locale from "../locale/en_US.js";
 import useLocale from "../../locale/useLocale.js";
-import { isNonNullable } from "../../_util/is.js";
 import { getMergedStatus, getStatusClassNames } from "../../_util/statusUtils.js";
 import { useFormItemInputContext } from "../../form/context.js";
 import { useVariants } from "../../form/hooks/useVariant.js";
@@ -153,7 +153,7 @@ function generateRangePicker(generateConfig) {
 				"disabled": mergedDisabled.value,
 				"placement": placement,
 				"placeholder": getRangePlaceholder(locale$1.value, props.picker, placeholder),
-				"suffixIcon": suffixNode,
+				"suffix": suffixNode,
 				"prevIcon": createVNode("span", { "class": `${prefixCls.value}-prev-icon` }, null),
 				"nextIcon": createVNode("span", { "class": `${prefixCls.value}-next-icon` }, null),
 				"superPrevIcon": createVNode("span", { "class": `${prefixCls.value}-super-prev-icon` }, null),
@@ -354,6 +354,19 @@ function generateRangePicker(generateConfig) {
 				required: false,
 				default: void 0
 			},
+			suffix: {
+				type: [
+					Object,
+					Function,
+					String,
+					Number,
+					null,
+					Boolean,
+					Array
+				],
+				required: false,
+				default: void 0
+			},
 			suffixIcon: {
 				type: [
 					Object,

package/dist/date-picker/generatePicker/generateSinglePicker.js

@@ -156,7 +156,7 @@ function generatePicker(generateConfig) {
 				return createVNode(ContextIsolator, { "space": true }, { default: () => [createVNode(Picker, mergeProps(restAttrs, additionalProps, omit(restProps, ["onKeydown"]), {
 					"ref": innerRef,
 					"placeholder": getPlaceholder(locale$1.value, mergedPicker.value, placeholder),
-					"suffixIcon": suffixNode,
+					"suffix": suffixNode,
 					"placement": placement,
 					"prevIcon": createVNode("span", { "class": `${prefixCls.value}-prev-icon` }, null),
 					"nextIcon": createVNode("span", { "class": `${prefixCls.value}-next-icon` }, null),
@@ -351,6 +351,19 @@ function generatePicker(generateConfig) {
 					required: false,
 					default: void 0
 				},
+				suffix: {
+					type: [
+						Object,
+						Function,
+						String,
+						Number,
+						null,
+						Boolean,
+						Array
+					],
+					required: false,
+					default: void 0
+				},
 				suffixIcon: {
 					type: [
 						Object,

package/dist/date-picker/generatePicker/useComponents.d.ts

@@ -4,11 +4,11 @@ import { Components } from "@v-c/picker";
 //#region src/date-picker/generatePicker/useComponents.d.ts
 declare function useComponents(components?: Components): {
   time?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
+  year?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
+  month?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   date?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   week?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
-  month?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   quarter?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
-  year?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   decade?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   datetime?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   button: string | import("vue").DefineSetupFnComponent<ButtonProps, {}, {}, ButtonProps & {}, import("vue").PublicProps> | import("vue").DefineComponent;

package/dist/date-picker/locale/ar_EG.js

@@ -4,7 +4,15 @@ import CalendarLocale from "@v-c/picker/locale/ar_EG";
 const locale = {
 	lang: {
 		placeholder: "اختيار التاريخ",
+		yearPlaceholder: "اختيار السنة",
+		quarterPlaceholder: "اختيار ربع السنة",
+		monthPlaceholder: "اختيار الشهر",
+		weekPlaceholder: "اختيار الأسبوع",
 		rangePlaceholder: ["البداية", "النهاية"],
+		rangeYearPlaceholder: ["سنة البداية", "سنة النهاية"],
+		rangeQuarterPlaceholder: ["ربع سنة البداية", "ربع سنة النهاية"],
+		rangeMonthPlaceholder: ["شهر البداية", "شهر النهاية"],
+		rangeWeekPlaceholder: ["أسبوع البداية", "أسبوع النهاية"],
 		yearFormat: "YYYY",
 		monthFormat: "MMMM",
 		monthBeforeYear: true,

package/dist/date-picker/locale/bg_BG.js

@@ -4,7 +4,15 @@ import CalendarLocale from "@v-c/picker/locale/bg_BG";
 const locale = {
 	lang: {
 		placeholder: "Избор на дата",
+		yearPlaceholder: "Избор на година",
+		quarterPlaceholder: "Избор на тримесечие",
+		monthPlaceholder: "Избор на месец",
+		weekPlaceholder: "Избор на седмица",
 		rangePlaceholder: ["Начална", "Крайна"],
+		rangeYearPlaceholder: ["Начална година", "Крайна година"],
+		rangeQuarterPlaceholder: ["Начално тримесечие", "Крайно тримесечие"],
+		rangeMonthPlaceholder: ["Начален месец", "Краен месец"],
+		rangeWeekPlaceholder: ["Начална седмица", "Крайна седмица"],
 		...CalendarLocale
 	},
 	timePickerLocale: { ...locale$1 }

package/dist/date-picker/locale/ca_ES.js

@@ -4,7 +4,15 @@ import CalendarLocale from "@v-c/picker/locale/ca_ES";
 const locale = {
 	lang: {
 		placeholder: "Seleccionar data",
+		yearPlaceholder: "Seleccionar any",
+		quarterPlaceholder: "Seleccionar trimestre",
+		monthPlaceholder: "Seleccionar mes",
+		weekPlaceholder: "Seleccionar setmana",
 		rangePlaceholder: ["Data inicial", "Data final"],
+		rangeYearPlaceholder: ["Any inicial", "Any final"],
+		rangeQuarterPlaceholder: ["Trimestre inicial", "Trimestre final"],
+		rangeMonthPlaceholder: ["Mes inicial", "Mes final"],
+		rangeWeekPlaceholder: ["Setmana inicial", "Setmana final"],
 		...CalendarLocale
 	},
 	timePickerLocale: { ...locale$1 }

package/dist/date-picker/locale/cs_CZ.js

@@ -4,7 +4,15 @@ import CalendarLocale from "@v-c/picker/locale/cs_CZ";
 const locale = {
 	lang: {
 		placeholder: "Vybrat datum",
+		yearPlaceholder: "Vybrat rok",
+		quarterPlaceholder: "Vybrat čtvrtletí",
+		monthPlaceholder: "Vybrat měsíc",
+		weekPlaceholder: "Vybrat týden",
 		rangePlaceholder: ["Od", "Do"],
+		rangeYearPlaceholder: ["Počáteční rok", "Koncový rok"],
+		rangeQuarterPlaceholder: ["Počáteční čtvrtletí", "Koncové čtvrtletí"],
+		rangeMonthPlaceholder: ["Počáteční měsíc", "Koncový měsíc"],
+		rangeWeekPlaceholder: ["Počáteční týden", "Koncový týden"],
 		...CalendarLocale
 	},
 	timePickerLocale: { ...locale$1 }

package/dist/date-picker/locale/da_DK.js

@@ -4,7 +4,15 @@ import CalendarLocale from "@v-c/picker/locale/da_DK";
 const locale = {
 	lang: {
 		placeholder: "Vælg dato",
+		yearPlaceholder: "Vælg år",
+		quarterPlaceholder: "Vælg kvartal",
+		monthPlaceholder: "Vælg måned",
+		weekPlaceholder: "Vælg uge",
 		rangePlaceholder: ["Startdato", "Slutdato"],
+		rangeYearPlaceholder: ["Startår", "Slutår"],
+		rangeQuarterPlaceholder: ["Startkvartal", "Slutkvartal"],
+		rangeMonthPlaceholder: ["Startmåned", "Slutmåned"],
+		rangeWeekPlaceholder: ["Startuge", "Slutuge"],
 		...CalendarLocale
 	},
 	timePickerLocale: { ...locale$1 }

package/dist/date-picker/locale/de_DE.js

@@ -4,7 +4,15 @@ import CalendarLocale from "@v-c/picker/locale/de_DE";
 const locale = {
 	lang: {
 		placeholder: "Datum auswählen",
+		yearPlaceholder: "Jahr auswählen",
+		quarterPlaceholder: "Quartal auswählen",
+		monthPlaceholder: "Monat auswählen",
+		weekPlaceholder: "Woche auswählen",
 		rangePlaceholder: ["Startdatum", "Enddatum"],
+		rangeYearPlaceholder: ["Startjahr", "Endjahr"],
+		rangeQuarterPlaceholder: ["Startquartal", "Endquartal"],
+		rangeMonthPlaceholder: ["Startmonat", "Endmonat"],
+		rangeWeekPlaceholder: ["Startwoche", "Endwoche"],
 		shortWeekDays: [
 			"So",
 			"Mo",
@@ -28,7 +36,9 @@ const locale = {
 			"Nov",
 			"Dez"
 		],
-		...CalendarLocale
+		...CalendarLocale,
+		fieldDateFormat: "DD.MM.YYYY",
+		fieldDateTimeFormat: "DD.MM.YYYY HH:mm:ss"
 	},
 	timePickerLocale: { ...locale$1 }
 };

package/dist/date-picker/locale/es_ES.js

@@ -4,7 +4,15 @@ import CalendarLocale from "@v-c/picker/locale/es_ES";
 const locale = {
 	lang: {
 		placeholder: "Seleccionar fecha",
+		yearPlaceholder: "Seleccionar año",
+		quarterPlaceholder: "Seleccionar trimestre",
+		monthPlaceholder: "Seleccionar mes",
+		weekPlaceholder: "Seleccionar semana",
 		rangePlaceholder: ["Fecha inicial", "Fecha final"],
+		rangeYearPlaceholder: ["Año inicial", "Año final"],
+		rangeQuarterPlaceholder: ["Trimestre inicial", "Trimestre final"],
+		rangeMonthPlaceholder: ["Mes inicial", "Mes final"],
+		rangeWeekPlaceholder: ["Semana inicial", "Semana final"],
 		shortWeekDays: [
 			"Dom",
 			"Lun",