@v-c/picker 1.1.2 → 1.2.0

package/dist/PickerInput/RangePicker.js

@@ -198,6 +198,7 @@ var RangePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 	const onSelectorClear = () => {
 		triggerSubmitChange(null);
 		triggerOpen(false, { force: true });
+		fp.value.onClear?.();
 	};
 	const hoverSource = ref(null);
 	const internalHoverValues = ref(null);
@@ -273,6 +274,7 @@ var RangePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 			...Object.keys(domProps),
 			"onChange",
 			"onCalendarChange",
+			"onClear",
 			"style",
 			"className",
 			"onPanelChange",
@@ -630,6 +632,10 @@ var RangePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 			required: false,
 			default: void 0
 		},
+		onClear: {
+			required: false,
+			default: void 0
+		},
 		onKeyDown: {
 			type: Function,
 			required: false,

package/dist/PickerInput/SinglePicker.js

@@ -181,6 +181,7 @@ var SinglePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 	const onSelectorClear = () => {
 		triggerSubmitChange(null);
 		triggerOpen(false, { force: true });
+		fp.value.onClear?.();
 	};
 	const hoverSource = ref(null);
 	const internalHoverValue = ref(null);
@@ -234,6 +235,7 @@ var SinglePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 				...Object.keys(domProps),
 				"onChange",
 				"onCalendarChange",
+				"onClear",
 				"style",
 				"className",
 				"onPanelChange",
@@ -601,6 +603,10 @@ var SinglePicker = /* @__PURE__ */ defineComponent((props, { expose }) => {
 			required: false,
 			default: void 0
 		},
+		onClear: {
+			required: false,
+			default: void 0
+		},
 		onKeyDown: {
 			type: Function,
 			required: false,

package/dist/PickerInput/hooks/useFilledProps.js

@@ -2,6 +2,7 @@ import { toArray } from "../../utils/miscUtil.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";
@@ -10,15 +11,18 @@ import useInvalidate from "./useInvalidate.js";
 import { computed } from "vue";
 import { warning } from "@v-c/util";
 //#region src/PickerInput/hooks/useFilledProps.ts
-function useList(value, fillMode = false, transform) {
+function useList(value, fillMode = false, transform, isSameItem) {
+	let cache;
 	return computed(() => {
 		const val = value.value;
-		const list = val === null || val === void 0 ? val : toArray(val).map((item) => transform ? transform(item) : item);
+		let list = val === null || val === void 0 ? val : toArray(val).map((item) => transform ? transform(item) : item);
 		if (fillMode && list && Array.isArray(list)) {
 			const clone = [...list];
 			clone[1] = clone[1] || clone[0];
-			return clone;
+			list = clone;
 		}
+		if (isSameItem && cache && Array.isArray(list) && cache.length === list.length && list.every((item, index) => item === cache[index] || isSameItem(cache[index], item))) return cache;
+		cache = Array.isArray(list) ? list : void 0;
 		return list;
 	});
 }
@@ -60,10 +64,11 @@ function useFilledProps(props, updater) {
 		valueFormat: valueFormat.value
 	});
 	const mergedShowTime = computed(() => fillShowTimeConfig(internalPicker.value, showTimeFormat.value, propFormat.value, timeProps.value, mergedLocale.value));
-	const values = useList(computed(() => props.value.value), false, parseByValueFormat);
-	const defaultValues = useList(computed(() => props.value.defaultValue), false, parseByValueFormat);
-	const pickerValues = useList(computed(() => props.value.pickerValue), false, parseByValueFormat);
-	const defaultPickerValues = useList(computed(() => props.value.defaultPickerValue), false, parseByValueFormat);
+	const isSameParsedDate = (prev, next) => isSameTimestamp(props.value.generateConfig, prev, next);
+	const values = useList(computed(() => props.value.value), false, parseByValueFormat, isSameParsedDate);
+	const defaultValues = useList(computed(() => props.value.defaultValue), false, parseByValueFormat, isSameParsedDate);
+	const pickerValues = useList(computed(() => props.value.pickerValue), false, parseByValueFormat, isSameParsedDate);
+	const defaultPickerValues = useList(computed(() => props.value.defaultPickerValue), false, parseByValueFormat, isSameParsedDate);
 	if (process.env.NODE_ENV !== "production") {
 		if (mergedPicker.value === "time") {
 			if ([

package/dist/interface.d.ts

@@ -253,6 +253,8 @@ export interface SharedPickerProps<DateType extends object = any> extends Shared
     clearIcon?: VueNode;
     onFocus?: PickerFocusEventHandler;
     onBlur?: PickerFocusEventHandler;
+    /** Trigger when the clear icon is clicked. */
+    onClear?: VoidFunction;
     /** `preventDefault` is deprecated which will remove from future version. */
     onKeyDown?: LegacyOnKeyDown;
     inputReadOnly?: boolean;

package/package.json

@@ -1,13 +1,18 @@
 {
   "name": "@v-c/picker",
   "type": "module",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "description": "picker ui component for vue",
   "publishConfig": {
     "access": "public"
   },
   "author": "",
   "license": "MIT",
+  "homepage": "https://github.com/antdv-next/vue-components/tree/next/packages/picker",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/antdv-next/vue-components.git"
+  },
   "keywords": [
     "picker",
     "vue-component"
@@ -72,10 +77,10 @@
     }
   },
   "dependencies": {
-    "@v-c/trigger": "^1.0.15",
-    "@v-c/util": "^1.0.19",
     "@v-c/overflow": "^1.1.0",
-    "@v-c/resize-observer": "^1.1.0"
+    "@v-c/resize-observer": "^1.1.2",
+    "@v-c/trigger": "^1.0.16",
+    "@v-c/util": "^1.0.19"
   },
   "devDependencies": {
     "@types/luxon": "^3.7.1"