@v-c/picker 1.3.2 → 1.4.0

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2023 antdv-community
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2023 antdv-community
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/PickerInput/Popup/Footer.js

@@ -1,7 +1,7 @@
 import { usePickerContext } from "../context.js";
 import useTimeInfo from "../../hooks/useTimeInfo.js";
 import { computed, createVNode, defineComponent } from "vue";
-import { clsx } from "@v-c/util";
+import { clsx, isVueRenderable } from "@v-c/util";
 //#region src/PickerInput/Popup/Footer.tsx
 var Footer = /* @__PURE__ */ defineComponent((props) => {
 	const mode = computed(() => props.mode);
@@ -40,11 +40,11 @@ var Footer = /* @__PURE__ */ defineComponent((props) => {
 			"onClick": onSubmit.value
 		}, { default: () => [locale.ok] })]);
 		const rangeNode = (presetNode || okNode) && createVNode("ul", { "class": `${prefixCls}-ranges` }, [presetNode, okNode]);
-		if (!extraNode && !rangeNode) return null;
+		if (!isVueRenderable(extraNode) && !isVueRenderable(rangeNode)) return null;
 		return createVNode("div", {
 			"class": clsx(`${prefixCls}-footer`, classNames.popup?.footer),
 			"style": styles.popup?.footer
-		}, [extraNode && createVNode("div", { "class": `${prefixCls}-footer-extra` }, [extraNode]), rangeNode]);
+		}, [isVueRenderable(extraNode) && createVNode("div", { "class": `${prefixCls}-footer-extra` }, [extraNode]), rangeNode]);
 	};
 }, {
 	props: {

package/dist/PickerInput/Popup/PopupPanel.js

@@ -26,6 +26,7 @@ var PopupPanel = /* @__PURE__ */ defineComponent((props) => {
 	const onSubmit = computed(() => props.onSubmit);
 	const range = computed(() => props.range);
 	const hoverValue = computed(() => props.hoverValue);
+	const hoverRangeValue = computed(() => props.hoverRangeValue);
 	const multiplePanel = computed(() => props.multiplePanel);
 	const onPickerValueChange = computed(() => props.onPickerValueChange);
 	const internalOffsetDate = (date, offset) => {
@@ -49,8 +50,8 @@ var PopupPanel = /* @__PURE__ */ defineComponent((props) => {
 			hoverRangeValue: null,
 			hideHeader: hideHeader.value
 		};
-		if (range?.value) baseProps.hoverRangeValue = hoverValue?.value;
-		else baseProps.hoverValue = hoverValue?.value;
+		baseProps.hoverValue = hoverValue?.value;
+		if (range?.value) baseProps.hoverRangeValue = hoverRangeValue?.value;
 		return baseProps;
 	});
 	return () => {
@@ -297,11 +298,6 @@ var PopupPanel = /* @__PURE__ */ defineComponent((props) => {
 			required: false,
 			default: void 0
 		},
-		defaultValue: {
-			type: [Array, null],
-			required: false,
-			default: void 0
-		},
 		defaultOpenValue: {
 			required: false,
 			default: void 0
@@ -345,6 +341,10 @@ var PopupPanel = /* @__PURE__ */ defineComponent((props) => {
 			required: false,
 			default: void 0
 		},
+		defaultValue: {
+			required: false,
+			default: void 0
+		},
 		value: {
 			required: false,
 			default: void 0

package/dist/PickerInput/Popup/index.js

@@ -411,11 +411,6 @@ var Popup = /* @__PURE__ */ defineComponent((props) => {
 			required: false,
 			default: void 0
 		},
-		defaultValue: {
-			type: [Array, null],
-			required: false,
-			default: void 0
-		},
 		defaultOpenValue: {
 			type: void 0,
 			required: false,
@@ -460,6 +455,10 @@ var Popup = /* @__PURE__ */ defineComponent((props) => {
 			required: false,
 			default: void 0
 		},
+		defaultValue: {
+			required: false,
+			default: void 0
+		},
 		value: {
 			required: false,
 			default: void 0

package/dist/PickerInput/RangePicker.js

@@ -3,6 +3,7 @@ import { providePickerContext } from "./context.js";
 import PickerTrigger from "../PickerTrigger/index.js";
 import { fillIndex, getFromDate, toArray } from "../utils/miscUtil.js";
 import { pickTriggerProps } from "../PickerTrigger/util.js";
+import { isSameTimestamp } from "../utils/dateUtil.js";
 import { formatValues } from "../utils/valueUtil.js";
 import useCellRender from "./hooks/useCellRender.js";
 import useFieldsInvalidate from "./hooks/useFieldsInvalidate.js";
@@ -73,7 +74,7 @@ var RangePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 	const pickerValue = computed(() => fp.value.pickerValue);
 	const onPickerValueChange = computed(() => fp.value.onPickerValueChange);
 	const inputReadOnly = computed(() => fp.value.inputReadOnly);
-	const suffixIcon = computed(() => fp.value.suffixIcon);
+	const suffix = computed(() => fp.value.suffix);
 	const onFocus = computed(() => fp.value.onFocus);
 	const onBlur = computed(() => fp.value.onBlur);
 	const presets = computed(() => fp.value.presets);
@@ -215,6 +216,8 @@ var RangePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 	const hoverValues = computed(() => {
 		return internalHoverValues.value || calendarValue.value;
 	});
+	const showWeakHover = computed(() => hoverSource.value === "cell" && !calendarValue.value[(activeIndex.value + 1) % 2] && !isSameTimestamp(generateConfig.value, calendarValue.value[activeIndex.value], mergedValue.value?.[activeIndex.value]));
+	const activeHoverValue = computed(() => internalHoverValues.value?.[activeIndex.value]);
 	watch(mergedOpen, () => {
 		if (!mergedOpen.value) internalHoverValues.value = null;
 	});
@@ -328,7 +331,7 @@ var RangePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 				...mergedStyles?.root,
 				...fp.value.style
 			},
-			suffixIcon: suffixIcon.value,
+			suffix: suffix.value,
 			activeIndex: focused.value || mergedOpen.value ? activeIndex.value : null,
 			activeHelp: !!internalHoverValues.value,
 			allHelp: !!internalHoverValues.value && hoverSource.value === "preset",
@@ -377,7 +380,8 @@ var RangePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 			pickerValue: currentPickerValue.value,
 			defaultOpenValue: toArray(showTime.value?.defaultOpenValue)[activeIndex.value],
 			onPickerValueChange: setCurrentPickerValue,
-			hoverValue: hoverValues.value,
+			hoverValue: showWeakHover.value && activeHoverValue.value ? [activeHoverValue.value] : null,
+			hoverRangeValue: showWeakHover.value ? null : hoverValues.value,
 			onHover: onPanelHover,
 			needConfirm: needConfirm.value,
 			onSubmit: (date) => triggerPartConfirm(date, "confirm"),
@@ -578,6 +582,19 @@ var RangePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 			required: false,
 			default: void 0
 		},
+		suffix: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
 		suffixIcon: {
 			type: [
 				Object,

package/dist/PickerInput/Selector/Icon.js

@@ -1,12 +1,12 @@
 import { usePickerContext } from "../context.js";
 import { createVNode, defineComponent, mergeProps } from "vue";
-import { clsx } from "@v-c/util";
+import { clsx, isVueRenderable } from "@v-c/util";
 //#region src/PickerInput/Selector/Icon.tsx
 var Icon = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	const ctx = usePickerContext();
 	return () => {
 		const { icon } = props;
-		if (!icon) return null;
+		if (!isVueRenderable(icon)) return null;
 		const { prefixCls, classNames, styles } = ctx.value;
 		const { class: attrClass, style: attrStyle, ...restAttrs } = attrs;
 		const mergedAttrStyle = attrStyle && typeof attrStyle === "object" ? attrStyle : {};

package/dist/PickerInput/Selector/Input.js

@@ -190,7 +190,7 @@ var Input = /* @__PURE__ */ defineComponent((props, { attrs, expose }) => {
 		raf.cancel(rafRef.value);
 	});
 	return () => {
-		const { className, active, showActiveCls, suffixIcon, format, validateFormat, onChange, onInput, helped, onHelp, onSubmit, onKeyDown, preserveInvalidOnBlur, invalid, clearIcon, ...restProps } = props;
+		const { className, active, showActiveCls, suffix, format, validateFormat, onChange, onInput, helped, onHelp, onSubmit, onKeyDown, preserveInvalidOnBlur, invalid, clearIcon, ...restProps } = props;
 		const inputProps = props.format ? {
 			onFocus: onFormatFocus,
 			onBlur: onFormatBlur,
@@ -221,7 +221,7 @@ var Input = /* @__PURE__ */ defineComponent((props, { attrs, expose }) => {
 				"class": classNames.value.input,
 				"style": styles.value.input
 			}), null),
-			createVNode(Icon, { "icon": props.suffixIcon }, null),
+			createVNode(Icon, { "icon": props.suffix }, null),
 			props.clearIcon
 		]);
 	};
@@ -306,7 +306,7 @@ var Input = /* @__PURE__ */ defineComponent((props, { attrs, expose }) => {
 			required: false,
 			default: void 0
 		},
-		suffixIcon: {
+		suffix: {
 			type: [
 				Object,
 				Function,

package/dist/PickerInput/Selector/RangeSelector.js

@@ -5,7 +5,7 @@ import useRootProps from "./hooks/useRootProps.js";
 import Icon from "./Icon.js";
 import Input from "./Input.js";
 import { computed, createVNode, defineComponent, mergeProps, ref, watch } from "vue";
-import { clsx } from "@v-c/util";
+import { clsx, isVueRenderable } from "@v-c/util";
 import ResizeObserver from "@v-c/resize-observer";
 //#region src/PickerInput/Selector/RangeSelector.tsx
 var RangeSelector = /* @__PURE__ */ defineComponent((props, { attrs, expose }) => {
@@ -74,13 +74,13 @@ var RangeSelector = /* @__PURE__ */ defineComponent((props, { attrs, expose }) =
 		}
 	};
 	watch(() => props.activeIndex, syncActiveOffset, { flush: "post" });
-	const showClear = computed(() => props.clearIcon && (props.value?.[0] && !props.disabled?.[0] || props.value?.[1] && !props.disabled?.[1]));
+	const showClear = computed(() => isVueRenderable(props.clearIcon) && (props.value?.[0] && !props.disabled?.[0] || props.value?.[1] && !props.disabled?.[1]));
 	const autoFocus = computed(() => props.autoFocus ?? props.autofocus);
 	const tabIndex = computed(() => props.tabIndex ?? props.tabindex);
 	const startAutoFocus = computed(() => autoFocus.value && !props.disabled?.[0]);
 	const endAutoFocus = computed(() => autoFocus.value && !startAutoFocus.value && !props.disabled?.[1]);
 	return () => {
-		const { prefix, suffixIcon, clearIcon, separator, disabled, invalid, onClick, onClear } = props;
+		const { prefix, suffix, clearIcon, separator, disabled, invalid, onClick, onClear } = props;
 		const rootDivProps = {
 			...rootProps.value,
 			class: clsx(prefixCls.value, `${prefixCls.value}-range`, {
@@ -104,7 +104,7 @@ var RangeSelector = /* @__PURE__ */ defineComponent((props, { attrs, expose }) =
 			}
 		};
 		return createVNode(ResizeObserver, { "onResize": syncActiveOffset }, { default: () => [createVNode("div", mergeProps(rootDivProps, { "ref": rootRef }), [
-			prefix && createVNode("div", {
+			isVueRenderable(prefix) && createVNode("div", {
 				"class": clsx(`${prefixCls.value}-prefix`, classNames.value.prefix),
 				"style": styles.value.prefix
 			}, [prefix]),
@@ -125,7 +125,7 @@ var RangeSelector = /* @__PURE__ */ defineComponent((props, { attrs, expose }) =
 				"class": `${prefixCls.value}-active-bar`,
 				"style": activeBarStyle.value
 			}, null),
-			createVNode(Icon, { "icon": suffixIcon }, null),
+			createVNode(Icon, { "icon": suffix }, null),
 			showClear.value && createVNode(ClearIcon, {
 				"icon": clearIcon,
 				"onClear": onClear
@@ -236,6 +236,19 @@ var RangeSelector = /* @__PURE__ */ defineComponent((props, { attrs, expose }) =
 			required: false,
 			default: void 0
 		},
+		suffix: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
 		suffixIcon: {
 			type: [
 				Object,

package/dist/PickerInput/Selector/SingleSelector/index.js

@@ -7,7 +7,7 @@ import Icon from "../Icon.js";
 import Input from "../Input.js";
 import MultipleDates from "./MultipleDates.js";
 import { Fragment, computed, createVNode, defineComponent, mergeProps, ref } from "vue";
-import { clsx } from "@v-c/util";
+import { clsx, isVueRenderable } from "@v-c/util";
 //#region src/PickerInput/Selector/SingleSelector/index.tsx
 var SingleSelector = /* @__PURE__ */ defineComponent((props, { attrs, expose }) => {
 	const rtl = computed(() => props.direction === "rtl");
@@ -43,8 +43,8 @@ var SingleSelector = /* @__PURE__ */ defineComponent((props, { attrs, expose })
 		active: props.focused
 	}));
 	return () => {
-		const { prefix, clearIcon, suffixIcon, placeholder, onClick, onClear, multiple, maxTagCount, removeIcon, tagRender, onMouseDown, value, disabled, invalid, autoFocus, tabIndex } = props;
-		const showClear = !!(clearIcon && value && value.length && !disabled);
+		const { prefix, clearIcon, suffix, placeholder, onClick, onClear, multiple, maxTagCount, removeIcon, tagRender, onMouseDown, value, disabled, invalid, autoFocus, tabIndex } = props;
+		const showClear = isVueRenderable(clearIcon) && !!value?.length && !disabled;
 		const selectorNode = multiple ? createVNode(Fragment, null, [
 			createVNode(MultipleDates, {
 				"prefixCls": prefixCls.value,
@@ -65,7 +65,7 @@ var SingleSelector = /* @__PURE__ */ defineComponent((props, { attrs, expose })
 				"autofocus": autoFocus,
 				"tabindex": tabIndex
 			}, null),
-			createVNode(Icon, { "icon": suffixIcon }, null),
+			createVNode(Icon, { "icon": suffix }, null),
 			showClear && createVNode(ClearIcon, {
 				"icon": clearIcon,
 				"onClear": onClear
@@ -73,7 +73,7 @@ var SingleSelector = /* @__PURE__ */ defineComponent((props, { attrs, expose })
 		]) : createVNode(Input, mergeProps({ "ref": inputRef }, getInputProps(), {
 			"autofocus": autoFocus,
 			"tabindex": tabIndex,
-			"suffixIcon": suffixIcon,
+			"suffix": suffix,
 			"clearIcon": showClear && createVNode(ClearIcon, {
 				"icon": clearIcon,
 				"onClear": onClear
@@ -99,7 +99,7 @@ var SingleSelector = /* @__PURE__ */ defineComponent((props, { attrs, expose })
 				if (target !== inputRef.value?.inputElement) e.preventDefault();
 				onMouseDown?.(e);
 			}
-		}), [prefix && createVNode("div", {
+		}), [isVueRenderable(prefix) && createVNode("div", {
 			"class": clsx(`${prefixCls.value}-prefix`, classNames.value.prefix),
 			"style": styles.value.prefix
 		}, [prefix]), selectorNode]);
@@ -212,6 +212,19 @@ var SingleSelector = /* @__PURE__ */ defineComponent((props, { attrs, expose })
 			required: false,
 			default: void 0
 		},
+		suffix: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
 		suffixIcon: {
 			type: [
 				Object,

package/dist/PickerInput/Selector/hooks/useClearIcon.d.ts

@@ -11,7 +11,7 @@ export declare function fillClearIcon(prefixCls: string, allowClear?: boolean |
     [key: string]: any;
 }> | (string | number | boolean | void | import('vue').Component | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}> | null | undefined)[] | null;
+}> | null | undefined)[] | (void & {}) | null;
 export default function useClearIcon(prefixCls: Ref<string>, allowClear?: Ref<boolean | {
     clearIcon?: VueNode;
 }>, clearIcon?: ComputedRef<VueNode>): ComputedRef<VueNode>;

package/dist/PickerInput/Selector/hooks/useClearIcon.js

@@ -1,10 +1,12 @@
 import { computed, createVNode } from "vue";
-import { warning } from "@v-c/util";
+import { isVueRenderable, warning } from "@v-c/util";
 //#region src/PickerInput/Selector/hooks/useClearIcon.tsx
 function fillClearIcon(prefixCls, allowClear, clearIcon) {
-	if (process.env.NODE_ENV !== "production" && clearIcon) warning(false, "`clearIcon` will be removed in future. Please use `allowClear` instead.");
+	if (process.env.NODE_ENV !== "production" && isVueRenderable(clearIcon)) warning(false, "`clearIcon` will be removed in future. Please use `allowClear` instead.");
 	if (allowClear === false) return null;
-	return (allowClear && typeof allowClear === "object" ? allowClear : {}).clearIcon || clearIcon || createVNode("span", { "class": `${prefixCls}-clear-btn` }, null);
+	const config = allowClear && typeof allowClear === "object" ? allowClear : {};
+	if (isVueRenderable(config.clearIcon)) return config.clearIcon;
+	return isVueRenderable(clearIcon) ? clearIcon : createVNode("span", { "class": `${prefixCls}-clear-btn` }, null);
 }
 function useClearIcon(prefixCls, allowClear, clearIcon) {
 	return computed(() => fillClearIcon(prefixCls.value, allowClear?.value, clearIcon?.value));

package/dist/PickerInput/Selector/hooks/useInputHooks.d.ts

@@ -19,7 +19,7 @@ export interface InputProps {
     'active'?: boolean;
     /** Used for single picker only */
     'showActiveCls'?: boolean;
-    'suffixIcon'?: VueNode;
+    'suffix'?: VueNode;
     'value'?: string;
     'onChange': (value: string) => void;
     'onSubmit': VoidFunction;

package/dist/PickerInput/SinglePicker.js

@@ -58,7 +58,7 @@ var SinglePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 	const pickerValue = computed(() => fp.value.pickerValue);
 	const onPickerValueChange = computed(() => fp.value.onPickerValueChange);
 	const inputReadOnly = computed(() => fp.value.inputReadOnly);
-	const suffixIcon = computed(() => fp.value.suffixIcon);
+	const suffix = computed(() => fp.value.suffix);
 	const removeIcon = computed(() => fp.value.removeIcon);
 	const onFocus = computed(() => fp.value.onFocus);
 	const onBlur = computed(() => fp.value.onBlur);
@@ -361,7 +361,7 @@ var SinglePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 				...mergedStyles.root,
 				...fp.value.style
 			},
-			suffixIcon: suffixIcon.value,
+			suffix: suffix.value,
 			removeIcon: removeIcon.value,
 			activeHelp: !!internalHoverValue.value,
 			allHelp: !!internalHoverValue.value && hoverSource.value === "preset",
@@ -579,6 +579,19 @@ var SinglePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 			required: false,
 			default: void 0
 		},
+		suffix: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
 		suffixIcon: {
 			type: [
 				Object,

package/dist/PickerInput/hooks/useFilledProps.js

@@ -1,15 +1,15 @@
 import { toArray } from "../../utils/miscUtil.js";
+import { isSameTimestamp } from "../../utils/dateUtil.js";
 import { parseValue } from "../../utils/valueUtil.js";
 import useLocale from "../../hooks/useLocale.js";
 import { fillShowTimeConfig, getTimeProps } from "../../hooks/useTimeConfig.js";
-import { isSameTimestamp } from "../../utils/dateUtil.js";
 import { fillClearIcon } from "../Selector/hooks/useClearIcon.js";
 import useDisabledBoundary from "./useDisabledBoundary.js";
 import { useFieldFormat } from "./useFieldFormat.js";
 import useInputReadOnly from "./useInputReadOnly.js";
 import useInvalidate from "./useInvalidate.js";
 import { computed } from "vue";
-import { warning } from "@v-c/util";
+import { isVueRenderable, warning } from "@v-c/util";
 //#region src/PickerInput/hooks/useFilledProps.ts
 function useList(value, fillMode = false, transform, isSameItem) {
 	let cache;
@@ -78,6 +78,11 @@ function useFilledProps(props, updater) {
 			].some((key) => props[key])) warning(false, `'disabledHours', 'disabledMinutes', 'disabledSeconds' will be removed in the next major version, please use 'disabledTime' instead.`);
 		}
 	}
+	const mergedSuffix = computed(() => {
+		const { suffix, suffixIcon } = props.value;
+		if (process.env.NODE_ENV !== "production" && isVueRenderable(suffixIcon)) warning(false, "`suffixIcon` is deprecated. Please use `suffix` instead.");
+		return suffix ?? suffixIcon;
+	});
 	const filledProps = computed(() => ({
 		...props.value,
 		previewValue: mergedPreviewValue.value,
@@ -88,6 +93,7 @@ function useFilledProps(props, updater) {
 		classNames: mergedClassNames.value,
 		order: mergedOrder.value,
 		components: mergedComponents.value,
+		suffix: mergedSuffix.value,
 		clearIcon: fillClearIcon(mergedPrefixCls.value, props.value.allowClear, props.value.clearIcon),
 		showTime: mergedShowTime.value,
 		value: values.value,

package/dist/PickerInput/hooks/useFocusEvents.d.ts

@@ -21,8 +21,9 @@ export declare function isTargetInContainers(target: EventTarget | null, contain
  * 处理 field 的聚焦与失焦事件。
  *
  * Always forward the actual element focus events. Only the internal Picker
- * blur is skipped when `relatedTarget` still belongs to the Picker.
- * 始终转发元素实际发生的焦点事件。仅当 `relatedTarget` 仍属于 Picker 时，
- * 跳过 Picker 内部的整体失焦逻辑。
+ * blur is skipped when `relatedTarget` still belongs to the Picker or the
+ * focused panel control becomes disabled.
+ * 始终转发元素实际发生的焦点事件。当 `relatedTarget` 仍属于 Picker，或面板中
+ * 获得焦点的控件变为禁用时，跳过 Picker 的整体失焦逻辑。
  */
 export default function useFocusEvents(isInternalElement: IsInternalElement, onFocus?: FocusEventHandler, onBlur?: FocusEventHandler, onConfirmedBlur?: FocusEventHandler): UseFocusEventsReturn;

package/dist/PickerInput/hooks/useFocusEvents.js

@@ -9,9 +9,10 @@ function isTargetInContainers(target, containers) {
 * 处理 field 的聚焦与失焦事件。
 *
 * Always forward the actual element focus events. Only the internal Picker
-* blur is skipped when `relatedTarget` still belongs to the Picker.
-* 始终转发元素实际发生的焦点事件。仅当 `relatedTarget` 仍属于 Picker 时，
-* 跳过 Picker 内部的整体失焦逻辑。
+* blur is skipped when `relatedTarget` still belongs to the Picker or the
+* focused panel control becomes disabled.
+* 始终转发元素实际发生的焦点事件。当 `relatedTarget` 仍属于 Picker，或面板中
+* 获得焦点的控件变为禁用时，跳过 Picker 的整体失焦逻辑。
 */
 function useFocusEvents(isInternalElement, onFocus, onBlur, onConfirmedBlur) {
 	const focusedIndex = shallowRef(null);
@@ -19,8 +20,9 @@ function useFocusEvents(isInternalElement, onFocus, onBlur, onConfirmedBlur) {
 		focusedIndex.value = index;
 		onFocus?.(index, event);
 	};
-	const onFieldBlur = (index, _source, event) => {
-		if (!isInternalElement(event.relatedTarget)) {
+	const onFieldBlur = (index, source, event) => {
+		if (source === "panel" && event.target?.hasAttribute?.("disabled")) event.currentTarget?.focus?.({ preventScroll: true });
+		else if (!isInternalElement(event.relatedTarget)) {
 			focusedIndex.value = null;
 			onConfirmedBlur?.(index, event);
 		}

package/dist/PickerPanel/TimePanel/TimePanelBody/index.js

@@ -3,7 +3,7 @@ import useTimeInfo from "../../../hooks/useTimeInfo.js";
 import { usePanelContext, usePickerHackContext } from "../../context.js";
 import TimeColumn from "./TimeColumn.js";
 import { computed, createVNode, defineComponent, mergeProps } from "vue";
-import { clsx } from "@v-c/util";
+import { clsx, isNonNullable } from "@v-c/util";
 //#region src/PickerPanel/TimePanel/TimePanelBody/index.tsx
 function isAM(hour) {
 	return hour < 12;
@@ -72,18 +72,17 @@ var TimePanelBody = /* @__PURE__ */ defineComponent((props) => {
 		};
 		const triggerDateTmpl = (() => {
 			let tmpl = value.value || context.value.pickerValue || generateConfig.value.getNow();
-			const isNotNull = (num) => num !== null && num !== void 0;
-			if (isNotNull(hour)) {
+			if (isNonNullable(hour)) {
 				tmpl = generateConfig.value.setHour(tmpl, hour);
 				tmpl = generateConfig.value.setMinute(tmpl, minute);
 				tmpl = generateConfig.value.setSecond(tmpl, second);
 				tmpl = generateConfig.value.setMillisecond(tmpl, millisecond);
-			} else if (isNotNull(pickerHour)) {
+			} else if (isNonNullable(pickerHour)) {
 				tmpl = generateConfig.value.setHour(tmpl, pickerHour);
 				tmpl = generateConfig.value.setMinute(tmpl, pickerMinute);
 				tmpl = generateConfig.value.setSecond(tmpl, pickerSecond);
 				tmpl = generateConfig.value.setMillisecond(tmpl, pickerMillisecond);
-			} else if (isNotNull(validHour)) {
+			} else if (isNonNullable(validHour)) {
 				tmpl = generateConfig.value.setHour(tmpl, validHour);
 				tmpl = generateConfig.value.setMinute(tmpl, validMinute);
 				tmpl = generateConfig.value.setSecond(tmpl, validSecond);

package/dist/PickerPanel/index.d.ts

@@ -4,7 +4,7 @@ import { CellRender, Components, Locale, OnPanelChange, PanelMode, PanelSemantic
 export interface PickerPanelRef {
     nativeElement: HTMLDivElement;
 }
-export interface BasePickerPanelProps<DateType extends object = any> extends Pick<SharedPanelProps<DateType>, 'locale' | 'generateConfig' | 'disabledDate' | 'minDate' | 'maxDate' | 'prevIcon' | 'nextIcon' | 'superPrevIcon' | 'superNextIcon'>, SharedTimeProps<DateType>, Pick<HTMLAttributes, 'tabindex'> {
+export interface BasePickerPanelProps<DateType extends object = any> extends Pick<SharedPanelProps<DateType>, 'locale' | 'generateConfig' | 'disabledDate' | 'minDate' | 'maxDate' | 'prevIcon' | 'nextIcon' | 'superPrevIcon' | 'superNextIcon'>, Omit<SharedTimeProps<DateType>, 'defaultValue'>, Pick<HTMLAttributes, 'tabindex'> {
     prefixCls?: string;
     direction?: 'ltr' | 'rtl';
     onSelect?: (date: DateType) => void;

package/dist/PickerPanel/index.js

@@ -1,10 +1,10 @@
 import { usePickerContext } from "../PickerInput/context.js";
 import { pickProps, toArray } from "../utils/miscUtil.js";
+import { isSame } from "../utils/dateUtil.js";
 import useCellRender from "../PickerInput/hooks/useCellRender.js";
 import locale from "../locale/en_US.js";
 import useLocale from "../hooks/useLocale.js";
 import { fillShowTimeConfig, getTimeProps } from "../hooks/useTimeConfig.js";
-import { isSame } from "../utils/dateUtil.js";
 import useToggleDates from "../hooks/useToggleDates.js";
 import { providePickerHackContext, provideSharedPanelContext, usePickerHackContext } from "./context.js";
 import DatePanel from "./DatePanel/index.js";
@@ -397,11 +397,6 @@ var PickerPanel = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 			required: false,
 			default: void 0
 		},
-		defaultValue: {
-			type: [Array, null],
-			required: false,
-			default: void 0
-		},
 		defaultOpenValue: {
 			required: false,
 			default: void 0
@@ -445,6 +440,10 @@ var PickerPanel = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 			required: false,
 			default: void 0
 		},
+		defaultValue: {
+			required: false,
+			default: void 0
+		},
 		value: {
 			required: false,
 			default: void 0

package/dist/generate/dayjs.js

@@ -77,7 +77,7 @@ var generateConfig = {
 		getShortMonths: (locale) => dayjs().locale(parseLocale(locale)).localeData().monthsShort(),
 		format: (locale, date, format) => date.locale(parseLocale(locale)).format(format),
 		parse: (locale, text, formats) => {
-			const localeStr = parseLocale(locale);
+			const localeStr = dayjs().locale(parseLocale(locale)).locale();
 			for (let i = 0; i < formats.length; i += 1) {
 				const format = formats[i];
 				const formatText = text;
@@ -91,7 +91,7 @@ var generateConfig = {
 					}
 					return null;
 				}
-				const date = dayjs(formatText, format, true).locale(localeStr);
+				const date = dayjs(formatText, format, localeStr, true);
 				if (date.isValid()) return date;
 			}
 			if (text) {}

package/dist/interface.d.ts

@@ -245,6 +245,8 @@ export interface SharedPickerProps<DateType extends object = any> extends Shared
      */
     valueFormat?: string;
     prefix?: VueNode;
+    suffix?: VueNode;
+    /** @deprecated Please use `suffix` instead. */
     suffixIcon?: VueNode;
     allowClear?: boolean | {
         clearIcon?: VueNode;
@@ -342,6 +344,8 @@ export interface SelectorProps<DateType = any> extends Omit<SharedHTMLAttrs, 'on
     picker: PickerMode;
     prefix?: VueNode;
     clearIcon?: VueNode;
+    suffix?: VueNode;
+    /** @deprecated Please use `suffix` instead. */
     suffixIcon?: VueNode;
     className?: string;
     style?: CSSProperties;

package/dist/locale/zh_TW.js

@@ -9,7 +9,7 @@ var locale = {
 	ok: "確定",
 	timeSelect: "選擇時間",
 	dateSelect: "選擇日期",
-	weekSelect: "選擇周",
+	weekSelect: "選擇週",
 	clear: "清除",
 	week: "週",
 	month: "月",

package/dist/utils/getClearIcon.js

@@ -1,7 +1,9 @@
 import { createVNode } from "vue";
+import { isVueRenderable } from "@v-c/util";
 //#region src/utils/getClearIcon.tsx
 function getClearIcon(prefixCls, allowClear, clearIcon) {
-	return (typeof allowClear === "object" ? allowClear.clearIcon : clearIcon) || createVNode("span", { "class": `${prefixCls}-clear-btn` }, null);
+	const mergedClearIcon = typeof allowClear === "object" ? allowClear.clearIcon : clearIcon;
+	return isVueRenderable(mergedClearIcon) ? mergedClearIcon : createVNode("span", { "class": `${prefixCls}-clear-btn` }, null);
 }
 //#endregion
 export { getClearIcon };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/picker",
   "type": "module",
-  "version": "1.3.2",
+  "version": "1.4.0",
   "description": "picker ui component for vue",
   "publishConfig": {
     "access": "public"
@@ -77,10 +77,10 @@
     }
   },
   "dependencies": {
-    "@v-c/util": "^1.1.0",
-    "@v-c/overflow": "^1.1.1",
+    "@v-c/overflow": "^1.1.2",
     "@v-c/resize-observer": "^1.1.3",
-    "@v-c/trigger": "^1.1.0"
+    "@v-c/util": "^1.2.0",
+    "@v-c/trigger": "^1.1.1"
   },
   "devDependencies": {
     "@types/luxon": "^3.7.2"