@v-c/picker 1.0.3 → 1.0.4-beta.1

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

@@ -6,7 +6,7 @@ type TriggerCalendarChange<ValueType extends object[]> = (calendarValues: ValueT
  * Control the internal `value` align with prop `value` and provide a temp `calendarValue` for ui.
  * `calendarValue` will be reset when blur & focus & open.
  */
-export declare function useInnerValue<ValueType extends DateType[], DateType extends object = any>(generateConfig: Ref<GenerateConfig<DateType>>, locale: Ref<Locale>, formatList: Ref<FormatType[]>, rangeValue: Ref<boolean | undefined>, order: Ref<boolean | undefined>, defaultValue: Ref<ValueType | undefined>, value: Ref<ValueType | undefined>, onCalendarChange?: (dates: ValueType, dateStrings: [string, string], info: BaseInfo) => void, onOk?: (dates: ValueType) => void): readonly [ComputedRef<ValueType>, (val: ValueType) => void, Ref<ValueType, ValueType>, TriggerCalendarChange<ValueType>, () => void];
+export declare function useInnerValue<ValueType extends DateType[], DateType extends object = any>(generateConfig: Ref<GenerateConfig<DateType>>, locale: Ref<Locale>, formatList: Ref<FormatType[]>, rangeValue: Ref<boolean | undefined>, order: Ref<boolean | undefined>, defaultValue: Ref<ValueType | undefined>, value: Ref<ValueType | undefined>, onCalendarChange?: (dates: ValueType, dateStrings: [string, string], info: BaseInfo) => void, onOk?: (dates: ValueType) => void): any;
 export default function useRangeValue<ValueType extends DateType[], DateType extends object = any>(info: ComputedRef<{
     generateConfig: GenerateConfig<DateType>;
     locale: Locale;

package/dist/PickerInput/hooks/useRangeValue.js

@@ -1,7 +1,7 @@
 import { fillIndex } from "../../utils/miscUtil.js";
 import { formatValue, isSame, isSameTimestamp } from "../../utils/dateUtil.js";
 import useLockEffect from "./useLockEffect.js";
-import { computed, ref, watch } from "vue";
+import { computed, ref, shallowRef, watch } from "vue";
 var EMPTY_VALUE = [];
 function useUtil(generateConfig, locale, formatList) {
 	const getDateTexts = (dates) => {
@@ -30,12 +30,12 @@ function orderDates(dates, generateConfig) {
 	return [...dates].sort((a, b) => generateConfig.isAfter(a, b) ? 1 : -1);
 }
 function useInnerValue(generateConfig, locale, formatList, rangeValue, order, defaultValue, value, onCalendarChange, onOk) {
-	const internalValue = ref(defaultValue.value);
-	const mergedValue = computed(() => {
-		return (value.value !== void 0 ? value.value : internalValue.value) || EMPTY_VALUE;
+	const mergedValue = shallowRef((value.value === void 0 ? defaultValue.value : value.value) || EMPTY_VALUE);
+	watch(value, (value$1) => {
+		mergedValue.value = value$1 || EMPTY_VALUE;
 	});
 	const setInnerValue = (val) => {
-		if (value.value === void 0) internalValue.value = val;
+		if (value.value === void 0) mergedValue.value = val;
 	};
 	const calendarValue = ref(mergedValue.value);
 	watch(mergedValue, (val) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/picker",
   "type": "module",
-  "version": "1.0.3",
+  "version": "1.0.4-beta.1",
   "description": "picker ui component for vue",
   "publishConfig": {
     "access": "public"
@@ -73,9 +73,9 @@
   },
   "dependencies": {
     "@v-c/overflow": "^1.0.3",
-    "@v-c/resize-observer": "^1.0.8",
     "@v-c/trigger": "^1.0.11",
-    "@v-c/util": "^1.0.14"
+    "@v-c/util": "^1.0.14",
+    "@v-c/resize-observer": "^1.0.8"
   },
   "devDependencies": {
     "@types/luxon": "^3.7.1"