@v-c/picker 1.1.2 → 1.1.3

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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/picker",
   "type": "module",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "picker ui component for vue",
   "publishConfig": {
     "access": "public"
@@ -72,10 +72,10 @@
     }
   },
   "dependencies": {
-    "@v-c/trigger": "^1.0.15",
+    "@v-c/resize-observer": "^1.1.0",
     "@v-c/util": "^1.0.19",
     "@v-c/overflow": "^1.1.0",
-    "@v-c/resize-observer": "^1.1.0"
+    "@v-c/trigger": "^1.0.16"
   },
   "devDependencies": {
     "@types/luxon": "^3.7.1"