@veltra/desktop 1.7.6 → 1.7.7

package/dist/components/date-range-picker/date-range-picker.js

@@ -5,7 +5,7 @@ import { Fragment, Transition, computed, createBlock, createElementBlock, create
 import { useFormFallbackProps, useUserAction } from "@veltra/compositions";
 import { FORM_EMPTY_CONTENT, bem, injectFormContext } from "@veltra/utils";
 import { Calendar, Close } from "@veltra/icons/normal";
-import { date } from "@cat-kit/core";
+import { Dater, date } from "@cat-kit/core";
 //#region src/components/date-range-picker/date-range-picker.vue
 const _hoisted_1 = ["value", "placeholder"];
 const _hoisted_2 = ["value", "placeholder"];
@@ -19,6 +19,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		type: { default: "date" },
 		format: {},
 		valueFormat: {},
+		dataType: { default: "string" },
 		disabledDate: {},
 		clearable: {
 			type: Boolean,
@@ -39,7 +40,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		rules: {},
 		size: {}
 	},
-	emits: ["update:modelValue"],
+	emits: ["update:modelValue", "change"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
@@ -62,12 +63,6 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const dropdownRef = shallowRef();
 		const { userAction, isUserActive } = useUserAction();
 		const currentRangeDate = shallowRef();
-		const displayedOfStart = computed(() => {
-			return props.modelValue?.[0];
-		});
-		const displayedOfEnd = computed(() => {
-			return props.modelValue?.[1];
-		});
 		const formatStr = computed(() => {
 			const { format, type } = props;
 			if (format) return format;
@@ -76,16 +71,54 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			if (type === "year") return "yyyy";
 			return "yyyy-MM-dd";
 		});
+		const displayedOfStart = computed(() => {
+			return currentRangeDate.value?.[0]?.format(formatStr.value) ?? "";
+		});
+		const displayedOfEnd = computed(() => {
+			return currentRangeDate.value?.[1]?.format(formatStr.value) ?? "";
+		});
+		function parseDateValue(val) {
+			if (val == null || val === "") return void 0;
+			if (val instanceof Date || typeof val === "number") {
+				const d = date(val);
+				return isNaN(d.timestamp) ? void 0 : d;
+			}
+			if (typeof val === "string") {
+				if (props.dataType === "string" && props.valueFormat) {
+					const parsed = Dater.parse(val, props.valueFormat);
+					if (!isNaN(parsed.timestamp)) return parsed;
+				}
+				const fallback = date(val);
+				return isNaN(fallback.timestamp) ? void 0 : fallback;
+			}
+		}
 		watch(() => props.modelValue, (val) => {
 			if (isUserActive()) return;
-			if (val?.length === 2) currentRangeDate.value = [date(val[0]), date(val[1])];
-			else currentRangeDate.value = void 0;
+			if (val && val.length === 2) {
+				const d1 = parseDateValue(val[0]);
+				const d2 = parseDateValue(val[1]);
+				if (d1 && d2) {
+					currentRangeDate.value = [d1, d2];
+					return;
+				}
+			}
+			currentRangeDate.value = void 0;
 		}, { immediate: true });
+		function formatDateValue(d) {
+			if (props.dataType === "date") return d.raw;
+			if (props.dataType === "timestamp") return d.timestamp;
+			return d.format(props.valueFormat ?? formatStr.value);
+		}
+		function formatModelValue(range) {
+			return [formatDateValue(range[0]), formatDateValue(range[1])];
+		}
 		const commitSelectedRange = userAction((rangeDate) => {
 			currentRangeDate.value = rangeDate;
-			emit("update:modelValue", rangeDate?.map((d) => d.format(formatStr.value)));
+			emit("update:modelValue", formatModelValue(rangeDate));
+			emit("change", [rangeDate[0].raw, rangeDate[1].raw]);
 		});
 		async function handleSelect(rangeDate) {
+			if (!rangeDate) return;
 			await commitSelectedRange(rangeDate);
 			dropdownRef.value?.close();
 		}
@@ -93,6 +126,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		function handleClear() {
 			currentRangeDate.value = void 0;
 			emit("update:modelValue", void 0);
+			emit("change", void 0);
 		}
 		return (_ctx, _cache) => {
 			return !unref(readonly) ? (openBlock(), createBlock(unref(_sfc_main$2), mergeProps({ key: 0 }, _ctx.$attrs, {
@@ -127,7 +161,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 						name: "zoom-in",
 						mode: "out-in"
 					}, {
-						default: withCtx(() => [__props.clearable && __props.modelValue && hovered.value && !unref(disabled) ? (openBlock(), createBlock(unref(_sfc_main$1), {
+						default: withCtx(() => [__props.clearable && (__props.modelValue?.length || currentRangeDate.value) && hovered.value && !unref(disabled) ? (openBlock(), createBlock(unref(_sfc_main$1), {
 							key: 0,
 							class: normalizeClass([unref(cls).e("icon"), unref(cls).e("clear")]),
 							title: "清除",

package/dist/components/date-range-picker/date-range-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.js","names":["$attrs"],"sources":["../../../src/components/date-range-picker/date-range-picker.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    v-if=\"!readonly\"\n    v-bind=\"$attrs\"\n    :class=\"className\"\n    trigger=\"click\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size)]\"\n    width=\"auto\"\n    ref=\"dropdownRef\"\n    :disabled=\"disabled\"\n    @mouseenter.native=\"hovered = true\"\n    @mouseleave.native=\"hovered = false\"\n    @update:visible=\"dropdownVisible = $event\"\n  >\n    <template #trigger>\n      <input\n        type=\"text\"\n        :class=\"cls.e('input')\"\n        :value=\"displayedOfStart\"\n        :placeholder=\"placeholder[0]\"\n        readonly\n      />\n      <span :class=\"cls.e('separator')\">至</span>\n      <input\n        type=\"text\"\n        :class=\"cls.e('input')\"\n        :value=\"displayedOfEnd\"\n        :placeholder=\"placeholder[1]\"\n        readonly\n      />\n\n      <Transition name=\"zoom-in\" mode=\"out-in\">\n        <UIcon\n          v-if=\"clearable && modelValue && hovered && !disabled\"\n          :class=\"[cls.e('icon'), cls.e('clear')]\"\n          title=\"清除\"\n          @click.stop=\"handleClear\"\n        >\n          <Close />\n        </UIcon>\n\n        <u-icon :class=\"cls.e('icon')\" v-else><Calendar /></u-icon>\n      </Transition>\n    </template>\n\n    <template #content>\n      <UDatePanel\n        range\n        :type\n        :disabled-date\n        :size\n        :range-date=\"currentRangeDate\"\n        @select:range-date=\"handleSelect\"\n      />\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ displayedOfStart || FORM_EMPTY_CONTENT }} 至\n    {{ displayedOfEnd || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { date, type Dater } from '@cat-kit/core'\nimport { useFormFallbackProps, useUserAction } from '@veltra/compositions'\nimport { Calendar, Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type { DateRangePickerEmits, DateRangePickerProps, DropdownExposed } from '../../types'\nimport { UDatePanel } from '../date-panel'\nimport { UDropdown } from '../dropdown'\nimport { UIcon } from '../icon'\n\ndefineOptions({ name: 'UDateRangePicker', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<DateRangePickerProps>(), {\n  placeholder: () => ['起始日期', '结束日期'],\n  type: 'date',\n  disabled: undefined,\n  readonly: undefined,\n  clearable: true\n})\n\nconst emit = defineEmits<DateRangePickerEmits>()\n\nconst cls = bem('date-range-picker')\n\nconst dropdownVisible = shallowRef(false)\n\nconst className = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('focus', dropdownVisible.value)\n  ]\n})\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst dropdownRef = shallowRef<DropdownExposed>()\n\nconst { userAction, isUserActive } = useUserAction()\n\nconst currentRangeDate = shallowRef<[Dater, Dater]>()\n\nconst displayedOfStart = computed(() => {\n  return props.modelValue?.[0]\n})\n\nconst displayedOfEnd = computed(() => {\n  return props.modelValue?.[1]\n})\n\nconst formatStr = computed(() => {\n  const { format, type } = props\n  if (format) return format\n  if (type === 'date') return 'yyyy-MM-dd'\n  if (type === 'month') return 'yyyy-MM'\n  if (type === 'year') return 'yyyy'\n  return 'yyyy-MM-dd'\n})\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (isUserActive()) return\n    if (val?.length === 2) {\n      currentRangeDate.value = [date(val[0]), date(val[1])]\n    } else {\n      currentRangeDate.value = undefined\n    }\n  },\n  { immediate: true }\n)\n\nconst commitSelectedRange = userAction((rangeDate: [Dater, Dater] | undefined) => {\n  currentRangeDate.value = rangeDate\n  emit('update:modelValue', rangeDate?.map((d) => d.format(formatStr.value)) as [string, string])\n})\n\nasync function handleSelect(rangeDate: [Dater, Dater] | undefined) {\n  await commitSelectedRange(rangeDate)\n  dropdownRef.value?.close()\n}\n\nconst hovered = shallowRef(false)\n\nfunction handleClear() {\n  currentRangeDate.value = undefined\n  emit('update:modelValue', undefined)\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"date-range-picker.js","names":["$attrs"],"sources":["../../../src/components/date-range-picker/date-range-picker.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    v-if=\"!readonly\"\n    v-bind=\"$attrs\"\n    :class=\"className\"\n    trigger=\"click\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size)]\"\n    width=\"auto\"\n    ref=\"dropdownRef\"\n    :disabled=\"disabled\"\n    @mouseenter.native=\"hovered = true\"\n    @mouseleave.native=\"hovered = false\"\n    @update:visible=\"dropdownVisible = $event\"\n  >\n    <template #trigger>\n      <input\n        type=\"text\"\n        :class=\"cls.e('input')\"\n        :value=\"displayedOfStart\"\n        :placeholder=\"placeholder[0]\"\n        readonly\n      />\n      <span :class=\"cls.e('separator')\">至</span>\n      <input\n        type=\"text\"\n        :class=\"cls.e('input')\"\n        :value=\"displayedOfEnd\"\n        :placeholder=\"placeholder[1]\"\n        readonly\n      />\n\n      <Transition name=\"zoom-in\" mode=\"out-in\">\n        <UIcon\n          v-if=\"clearable && (modelValue?.length || currentRangeDate) && hovered && !disabled\"\n          :class=\"[cls.e('icon'), cls.e('clear')]\"\n          title=\"清除\"\n          @click.stop=\"handleClear\"\n        >\n          <Close />\n        </UIcon>\n\n        <u-icon :class=\"cls.e('icon')\" v-else><Calendar /></u-icon>\n      </Transition>\n    </template>\n\n    <template #content>\n      <UDatePanel\n        range\n        :type\n        :disabled-date\n        :size\n        :range-date=\"currentRangeDate\"\n        @select:range-date=\"handleSelect\"\n      />\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ displayedOfStart || FORM_EMPTY_CONTENT }} 至\n    {{ displayedOfEnd || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { date, Dater } from '@cat-kit/core'\nimport { useFormFallbackProps, useUserAction } from '@veltra/compositions'\nimport { Calendar, Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type {\n  DateRangePickerEmits,\n  DateRangePickerProps,\n  DateRangeValue,\n  DropdownExposed\n} from '../../types'\nimport { UDatePanel } from '../date-panel'\nimport { UDropdown } from '../dropdown'\nimport { UIcon } from '../icon'\n\ndefineOptions({ name: 'UDateRangePicker', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<DateRangePickerProps>(), {\n  placeholder: () => ['起始日期', '结束日期'],\n  type: 'date',\n  dataType: 'string',\n  disabled: undefined,\n  readonly: undefined,\n  clearable: true\n})\n\nconst emit = defineEmits<DateRangePickerEmits>()\n\nconst cls = bem('date-range-picker')\n\nconst dropdownVisible = shallowRef(false)\n\nconst className = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('focus', dropdownVisible.value)\n  ]\n})\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst dropdownRef = shallowRef<DropdownExposed>()\n\nconst { userAction, isUserActive } = useUserAction()\n\nconst currentRangeDate = shallowRef<[Dater, Dater]>()\n\nconst formatStr = computed(() => {\n  const { format, type } = props\n  if (format) return format\n  if (type === 'date') return 'yyyy-MM-dd'\n  if (type === 'month') return 'yyyy-MM'\n  if (type === 'year') return 'yyyy'\n  return 'yyyy-MM-dd'\n})\n\nconst displayedOfStart = computed(() => {\n  return currentRangeDate.value?.[0]?.format(formatStr.value) ?? ''\n})\n\nconst displayedOfEnd = computed(() => {\n  return currentRangeDate.value?.[1]?.format(formatStr.value) ?? ''\n})\n\nfunction parseDateValue(val?: string | number | Date): Dater | undefined {\n  if (val == null || val === '') return undefined\n  if (val instanceof Date || typeof val === 'number') {\n    const d = date(val)\n    return isNaN(d.timestamp) ? undefined : d\n  }\n  if (typeof val === 'string') {\n    if (props.dataType === 'string' && props.valueFormat) {\n      const parsed = Dater.parse(val, props.valueFormat)\n      if (!isNaN(parsed.timestamp)) return parsed\n    }\n    const fallback = date(val)\n    return isNaN(fallback.timestamp) ? undefined : fallback\n  }\n  return undefined\n}\n\nwatch(\n  () => props.modelValue,\n  (val) => {\n    if (isUserActive()) return\n    if (val && val.length === 2) {\n      const d1 = parseDateValue(val[0])\n      const d2 = parseDateValue(val[1])\n      if (d1 && d2) {\n        currentRangeDate.value = [d1, d2]\n        return\n      }\n    }\n    currentRangeDate.value = undefined\n  },\n  { immediate: true }\n)\n\nfunction formatDateValue(d: Dater) {\n  if (props.dataType === 'date') {\n    return d.raw\n  }\n  if (props.dataType === 'timestamp') {\n    return d.timestamp\n  }\n  return d.format(props.valueFormat ?? formatStr.value)\n}\n\nfunction formatModelValue(range: [Dater, Dater]): DateRangeValue {\n  return [formatDateValue(range[0]), formatDateValue(range[1])] as DateRangeValue\n}\n\nconst commitSelectedRange = userAction((rangeDate: [Dater, Dater]) => {\n  currentRangeDate.value = rangeDate\n  emit('update:modelValue', formatModelValue(rangeDate))\n  emit('change', [rangeDate[0].raw, rangeDate[1].raw])\n})\n\nasync function handleSelect(rangeDate: [Dater, Dater] | undefined) {\n  if (!rangeDate) return\n  await commitSelectedRange(rangeDate)\n  dropdownRef.value?.close()\n}\n\nconst hovered = shallowRef(false)\n\nfunction handleClear() {\n  currentRangeDate.value = undefined\n  emit('update:modelValue', undefined)\n  emit('change', undefined)\n}\n</script>\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -95,7 +95,7 @@ import { TreeEmit, TreeExposed, TreeNode, TreeNodeProps, TreeProps, _TreeExposed
 import { TreeSelectEmits, TreeSelectExposed, TreeSelectProps, _TreeSelectExposed } from "./types/tree-select.js";
 import { LayoutEmits, LayoutExposed, LayoutProps, _LayoutExposed } from "./types/layout.js";
 import { TagEmits, TagExposed, TagProps } from "./types/tag.js";
-import { DateRangePickerEmits, DateRangePickerExposed, DateRangePickerProps, _DateRangePickerExposed } from "./types/date-range-picker.js";
+import { DateRangePickerDataType, DateRangePickerEmits, DateRangePickerExposed, DateRangePickerProps, DateRangeValue, _DateRangePickerExposed } from "./types/date-range-picker.js";
 import { RadioGroupEmits, RadioGroupExposed, RadioGroupProps, _RadioGroupExposed } from "./types/radio-group.js";
 import { ScrollEmits, ScrollExposed, ScrollPosition, ScrollProps, _ScrollExposed } from "./types/scroll.js";
 import { WatermarkEmits, WatermarkExposed, WatermarkProps, _WatermarkExposed } from "./types/watermark.js";
@@ -183,4 +183,4 @@ import { defineBatchEditColumns } from "./components/batch-edit/helper.js";
 import { defineTableColumns } from "./components/table/use-columns.js";
 import "./components/index.js";
 export * from "@veltra/utils";
-export { type ActionEmits, type ActionExposed, type ActionGroupExposed, type ActionGroupProps, type ActionProps, type AnimationEmits, type AnimationExposed, type AnimationProps, type AutoCompleteEmits, type AutoCompleteExposed, type AutoCompleteProps, type BadgeEmits, type BadgeExposed, type BadgeProps, type BarType, type BatchEditColumn, type BatchEditEmits, type BatchEditExposed, type BatchEditFeature, type BatchEditFormStatus, type BatchEditProps, type BatchEditSlots, type BatchEditStates, type BreadcrumbEmits, type BreadcrumbExposed, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSlotScope, type BreakCols, type Breakpoint, type ButtonEmits, type ButtonExposed, type ButtonProps, type ButtonType, type CalendarDay, type CalendarEmits, type CalendarExposed, type CalendarMonth, type CalendarProps, type CalendarYear, type CardActionProps, type CardContentProps, type CardCoverProps, type CardEmits, type CardExposed, type CardProps, type CascadeEmits, type CascadeExposed, type CascadeNode, type CascadeProps, type CheckTagEmits, type CheckTagExposed, type CheckTagProps, type CheckboxButtonEmits, type CheckboxButtonProps, type CheckboxEmits, type CheckboxExposed, type CheckboxGroupEmits, type CheckboxGroupExposed, type CheckboxGroupProps, type CheckboxProps, type CodeEditorEmits, type CodeEditorExposed, type CodeEditorLang, type CodeEditorProps, type CollapseEmits, type CollapseItemEmits, type CollapseItemProps, type CollapseModelValue, type CollapseProps, type CollapseValue, type ConditionConnector, type ConditionEditorEmits, type ConditionEditorExposed, type ConditionEditorProps, type EvaluateOptions as ConditionEvaluateOptions, type ConditionExpression, type ConditionField, type ConditionGroup, type ConditionLeaf, type ConditionNode, type ConditionValue, type ContextmenuEmits, type ContextmenuExposed, type ContextmenuItem, ContextmenuPanelDIKey, type ContextmenuProps, ContextmenuRootDIKey, type CssTransitionEmits, type CssTransitionExposed, type CssTransitionProps, type DatePanelEmits, type DatePanelProps, type DatePickerDataType, type DatePickerEmits, type DatePickerExposed, type DatePickerProps, type DateRangePickerEmits, type DateRangePickerExposed, type DateRangePickerProps, type DialogEmits, type DialogExposed, type DialogProps, type DialogTransition, type DrawerDirection, type DrawerEmits, type DrawerExposed, type DrawerMode, type DrawerProps, type DropdownEmits, type DropdownExposed, type DropdownProps, type DualNavEmits, type DualNavExposed, type DualNavProps, type DualNavRailVariant, type DualNavRootItem, type EmptyEmits, type EmptyExposed, type EmptyProps, type ExpressionEditorEmits, type ExpressionEditorExposed, type ExpressionEditorProps, type ExpressionSelectableLevels, type FileViewerEmits, type FileViewerExposed, type FileViewerItem, type FileViewerKind, type FileViewerProps, type FloatButtonEmits, type FloatButtonExposed, type FloatButtonItem, type FloatButtonProps, type FormEmits, type FormExposed, type FormItemEmits, type FormItemExposed, type FormItemProps, type FormProps, type GanttChartEmits, type GanttChartExposed, type GanttChartProps, type GridEmits, type GridExposed, type GridInputEmits, type GridInputExposed, type GridInputProps, type GridItemProps, type GridProps, type GroupInputEmits, type GroupInputExposed, type GroupInputProps, type GroupNavEmits, type GroupNavGroup, type GroupNavProps, type IconEmits, type IconExposed, type IconProps, type InputEmits, type InputExposed, type InputProps, type LayoutEmits, type LayoutExposed, type LayoutProps, type ListEmits, type ListExposed, type ListProps, type LoadingEmits, type LoadingExposed, type LoadingProps, type LoadingType, type Message, type MessageConfirm, type MessageConfirmAction, type MessageConfirmEmits, type MessageConfirmExposed, type MessageConfirmInstance, type MessageConfirmOptions, type MessageConfirmProps, type MessageEmits, type MessageExposed, type MessageInstance, type MessageOptions, type MessageProps, type MessageType, type MultiAutoCompleteEmits, type MultiAutoCompleteExposed, type MultiAutoCompleteProps, type MultiSelectEmits, type MultiSelectExposed, type MultiSelectProps, type MultiTreeSelectEmits, type MultiTreeSelectExposed, type MultiTreeSelectProps, type NavEmits, type NavExposed, type NavItem, type NavProps, type NodeRenderExposed, type NodeRenderProps, type Notification, type NotificationEmits, type NotificationExposed, type NotificationInstance, type NotificationOptions, type NotificationPosition, type NotificationProps, type NumberEmits, type NumberExposed, type NumberInputEmits, type NumberInputExposed, type NumberInputProps, type NumberProps, type NumberRangeInputEmits, type NumberRangeInputExposed, type NumberRangeInputProps, type NumberRangeTuple, type PaginatorEmits, type PaginatorExposed, type PaginatorProps, type PaletteColorType, type PaletteEmits, type PaletteExposed, type PaletteHSV, type PaletteProps, type PaletteRGB, type PanelItem, type PanelType, type PasswordInputEmits, type PasswordInputExposed, type PasswordInputProps, type PopConfirmEmits, type PopConfirmExposed, type PopConfirmProps, type PopEmits, type PopExposed, type PopProps, type ProgressEmits, type ProgressExposed, type ProgressNodesEmits, type ProgressNodesExposed, type ProgressNodesProps, type ProgressProps, type QuickBatchEditEmits, type QuickBatchEditExposed, type QuickBatchEditProps, type RadioEmits, type RadioExposed, type RadioGroupEmits, type RadioGroupExposed, type RadioGroupProps, type RadioProps, type RichTextEditorEmits, type RichTextEditorExposed, type RichTextEditorProps, type RichTextFormat, type ScrollEmits, type ScrollExposed, type ScrollPosition, type ScrollProps, type SegmentEmits, type SegmentExposed, type SegmentItem, type SegmentProps, type SelectEmits, type SelectExposed, type SelectProps, type SliderEmits, type SliderExposed, type SliderProps, type StepsEmits, type StepsExposed, type StepsProps, type StepsSlotScope, type SwitchEmits, type SwitchExposed, type SwitchProps, type TabItem, type TableColumn, type TableColumnAlign, type TableColumnNode, type TableColumnRenderContext, type TableColumnSlotsScope, type TableEditorEmits, type TableEditorExposed, type TableEditorProps, type TableEmits, type TableExposed, type TableProps, type TableRow, type TableRowSlotsScope, type TableSummaryContext, type TabsEmits, type TabsExposed, type TabsHorizontalEmits, type TabsHorizontalExposed, type TabsHorizontalProps, type TabsProps, type TabsVerticalEmits, type TabsVerticalExposed, type TabsVerticalProps, type TagEmits, type TagExposed, type TagProps, type TextEditorEmits, type TextEditorExposed, type TextEditorProps, type TextEmits, type TextExposed, type TextProps, type TextareaEmits, type TextareaExposed, type TextareaProps, type ThemeExposed, type ThemeProps, type TipAlign, type TipDirection, type TipEmits, type TipExposed, type TipProps, type ToolbarItem, type TreeEmit, type TreeExposed, type TreeNode, type TreeNodeProps, type TreeProps, type TreeSelectEmits, type TreeSelectExposed, type TreeSelectProps, _sfc_main as UAction, action_group_default as UActionGroup, _sfc_main$1 as UAutoComplete, _sfc_main$2 as UBadge, _sfc_main$3 as UBatchEdit, _sfc_main$4 as UBreadcrumb, _sfc_main$5 as UButton, _sfc_main$6 as UButtonGroup, _sfc_main$7 as UCalendar, _sfc_main$8 as UCard, _sfc_main$9 as UCardAction, _sfc_main$10 as UCardContent, _sfc_main$11 as UCardCover, _sfc_main$12 as UCardHeader, _sfc_main$13 as UCascade, _sfc_main$14 as UCheckTag, _sfc_main$15 as UCheckbox, _sfc_main$16 as UCheckboxButton, _sfc_main$17 as UCheckboxGroup, _sfc_main$18 as UCodeEditor, _sfc_main$19 as UCollapse, _sfc_main$20 as UCollapseItem, _sfc_main$21 as UConditionEditor, _sfc_main$22 as UContextmenu, _sfc_main$23 as UDatePanel, _sfc_main$24 as UDatePicker, _sfc_main$25 as UDateRangePicker, _sfc_main$26 as UDialog, _sfc_main$27 as UDrawer, _sfc_main$28 as UDropdown, _sfc_main$29 as UDualNav, _sfc_main$30 as UEmpty, _sfc_main$31 as UExpressionEditor, _sfc_main$32 as UFilePicker, _sfc_main$33 as UFileViewer, _sfc_main$34 as UFloatButton, form_default as UForm, form_item_default as UFormItem, _sfc_main$35 as UGanttChart, _sfc_main$36 as UGrid, _sfc_main$37 as UGridInput, _sfc_main$38 as UGridItem, _sfc_main$39 as UGroupInput, _sfc_main$40 as UGroupNav, _sfc_main$41 as UIcon, input_default as UInput, _sfc_main$42 as UKbd, _sfc_main$43 as ULayout, _sfc_main$44 as UList, _sfc_main$45 as UListItem, _sfc_main$46 as ULoading, _sfc_main$47 as UMessage, _sfc_main$48 as UMessageConfirm, _sfc_main$49 as UMultiSelect, _sfc_main$50 as UMultiTreeSelect, _sfc_main$51 as UNav, _sfc_main$52 as UNavItem, _sfc_main$53 as UNavSub, NodeRender as UNodeRender, _sfc_main$54 as UNotification, _sfc_main$55 as UNumber, _sfc_main$56 as UNumberInput, _sfc_main$57 as UNumberRangeInput, _sfc_main$58 as UPaginator, _sfc_main$59 as UPalette, _sfc_main$60 as UPasswordInput, _sfc_main$61 as UPopConfirm, _sfc_main$62 as UProgress, _sfc_main$63 as UProgressNodes, _sfc_main$64 as URadio, _sfc_main$65 as URadioGroup, _sfc_main$66 as URichTextEditor, _sfc_main$67 as UScroll, _sfc_main$68 as USegment, _sfc_main$69 as USelect, _sfc_main$70 as USlider, _sfc_main$71 as USteps, _sfc_main$72 as USwitch, _sfc_main$73 as UTable, _sfc_main$74 as UTableEditor, _sfc_main$75 as UTabs, _sfc_main$76 as UTabsHorizontal, _sfc_main$77 as UTabsVertical, _sfc_main$78 as UTag, _sfc_main$79 as UText, _sfc_main$80 as UTextarea, _sfc_main$81 as UTheme, _sfc_main$82 as UTip, _sfc_main$83 as UTree, _sfc_main$84 as UTreeSelect, _sfc_main$85 as UWatermark, type UploaderEmits, type UploaderExposed, type UploaderProps, type VariableItem, type WatermarkEmits, type WatermarkExposed, type WatermarkProps, type _ActionExposed, type _ActionGroupExposed, type _AnimationExposed, type _AutoCompleteExposed, type _BadgeExposed, type _BatchEditExposed, type _BreadcrumbExposed, type _ButtonExposed, type _CalendarExposed, type _CardExposed, type _CascadeExposed, type _CheckTagExposed, type _CodeEditorExposed, type _ConditionEditorExposed, type _ContextmenuExposed, type _CssTransitionExposed, type _DatePickerExposed, type _DateRangePickerExposed, type _DialogExposed, type _DrawerExposed, type _DropdownExposed, type _DualNavExposed, type _EmptyExposed, type _ExpressionEditorExposed, type _FileViewerExposed, type _FloatButtonExposed, type _FormExposed, type _GanttChartExposed, type _GridExposed, type _GridInputExposed, type _GroupInputExposed, type _InputExposed, type _LayoutExposed, type _ListExposed, type _LoadingExposed, type _MessageConfirmExposed, type _MessageExposed, type _MultiAutoCompleteExposed, type _MultiSelectExposed, type _MultiTreeSelectExposed, type _NavExposed, type _NotificationExposed, type _PaginatorExposed, type _PaletteExposed, type _PasswordInputExposed, type _PopConfirmExposed, type _PopExposed, type _ProgressExposed, type _ProgressNodesExposed, type _QuickBatchEditExposed, type _RadioExposed, type _RadioGroupExposed, type _RichTextEditorExposed, type _ScrollExposed, type _SegmentExposed, type _SelectExposed, type _SliderExposed, type _StepsExposed, type _SwitchExposed, type _TableEditorExposed, type _TableExposed, type _TabsExposed, type _TabsHorizontalExposed, type _TabsVerticalExposed, type _TextEditorExposed, type _TextExposed, type _TextareaExposed, type _ThemeExposed, type _TipExposed, type _TreeExposed, type _TreeSelectExposed, type _UploaderExposed, type _WatermarkExposed, contextmenu, createEmptyGroup, createEmptyLeaf, defineBatchEditColumns, defineTableColumns, evaluate as evaluateConditionExpression, message, messageConfirm, notification, vLoading };
+export { type ActionEmits, type ActionExposed, type ActionGroupExposed, type ActionGroupProps, type ActionProps, type AnimationEmits, type AnimationExposed, type AnimationProps, type AutoCompleteEmits, type AutoCompleteExposed, type AutoCompleteProps, type BadgeEmits, type BadgeExposed, type BadgeProps, type BarType, type BatchEditColumn, type BatchEditEmits, type BatchEditExposed, type BatchEditFeature, type BatchEditFormStatus, type BatchEditProps, type BatchEditSlots, type BatchEditStates, type BreadcrumbEmits, type BreadcrumbExposed, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSlotScope, type BreakCols, type Breakpoint, type ButtonEmits, type ButtonExposed, type ButtonProps, type ButtonType, type CalendarDay, type CalendarEmits, type CalendarExposed, type CalendarMonth, type CalendarProps, type CalendarYear, type CardActionProps, type CardContentProps, type CardCoverProps, type CardEmits, type CardExposed, type CardProps, type CascadeEmits, type CascadeExposed, type CascadeNode, type CascadeProps, type CheckTagEmits, type CheckTagExposed, type CheckTagProps, type CheckboxButtonEmits, type CheckboxButtonProps, type CheckboxEmits, type CheckboxExposed, type CheckboxGroupEmits, type CheckboxGroupExposed, type CheckboxGroupProps, type CheckboxProps, type CodeEditorEmits, type CodeEditorExposed, type CodeEditorLang, type CodeEditorProps, type CollapseEmits, type CollapseItemEmits, type CollapseItemProps, type CollapseModelValue, type CollapseProps, type CollapseValue, type ConditionConnector, type ConditionEditorEmits, type ConditionEditorExposed, type ConditionEditorProps, type EvaluateOptions as ConditionEvaluateOptions, type ConditionExpression, type ConditionField, type ConditionGroup, type ConditionLeaf, type ConditionNode, type ConditionValue, type ContextmenuEmits, type ContextmenuExposed, type ContextmenuItem, ContextmenuPanelDIKey, type ContextmenuProps, ContextmenuRootDIKey, type CssTransitionEmits, type CssTransitionExposed, type CssTransitionProps, type DatePanelEmits, type DatePanelProps, type DatePickerDataType, type DatePickerEmits, type DatePickerExposed, type DatePickerProps, type DateRangePickerDataType, type DateRangePickerEmits, type DateRangePickerExposed, type DateRangePickerProps, type DateRangeValue, type DialogEmits, type DialogExposed, type DialogProps, type DialogTransition, type DrawerDirection, type DrawerEmits, type DrawerExposed, type DrawerMode, type DrawerProps, type DropdownEmits, type DropdownExposed, type DropdownProps, type DualNavEmits, type DualNavExposed, type DualNavProps, type DualNavRailVariant, type DualNavRootItem, type EmptyEmits, type EmptyExposed, type EmptyProps, type ExpressionEditorEmits, type ExpressionEditorExposed, type ExpressionEditorProps, type ExpressionSelectableLevels, type FileViewerEmits, type FileViewerExposed, type FileViewerItem, type FileViewerKind, type FileViewerProps, type FloatButtonEmits, type FloatButtonExposed, type FloatButtonItem, type FloatButtonProps, type FormEmits, type FormExposed, type FormItemEmits, type FormItemExposed, type FormItemProps, type FormProps, type GanttChartEmits, type GanttChartExposed, type GanttChartProps, type GridEmits, type GridExposed, type GridInputEmits, type GridInputExposed, type GridInputProps, type GridItemProps, type GridProps, type GroupInputEmits, type GroupInputExposed, type GroupInputProps, type GroupNavEmits, type GroupNavGroup, type GroupNavProps, type IconEmits, type IconExposed, type IconProps, type InputEmits, type InputExposed, type InputProps, type LayoutEmits, type LayoutExposed, type LayoutProps, type ListEmits, type ListExposed, type ListProps, type LoadingEmits, type LoadingExposed, type LoadingProps, type LoadingType, type Message, type MessageConfirm, type MessageConfirmAction, type MessageConfirmEmits, type MessageConfirmExposed, type MessageConfirmInstance, type MessageConfirmOptions, type MessageConfirmProps, type MessageEmits, type MessageExposed, type MessageInstance, type MessageOptions, type MessageProps, type MessageType, type MultiAutoCompleteEmits, type MultiAutoCompleteExposed, type MultiAutoCompleteProps, type MultiSelectEmits, type MultiSelectExposed, type MultiSelectProps, type MultiTreeSelectEmits, type MultiTreeSelectExposed, type MultiTreeSelectProps, type NavEmits, type NavExposed, type NavItem, type NavProps, type NodeRenderExposed, type NodeRenderProps, type Notification, type NotificationEmits, type NotificationExposed, type NotificationInstance, type NotificationOptions, type NotificationPosition, type NotificationProps, type NumberEmits, type NumberExposed, type NumberInputEmits, type NumberInputExposed, type NumberInputProps, type NumberProps, type NumberRangeInputEmits, type NumberRangeInputExposed, type NumberRangeInputProps, type NumberRangeTuple, type PaginatorEmits, type PaginatorExposed, type PaginatorProps, type PaletteColorType, type PaletteEmits, type PaletteExposed, type PaletteHSV, type PaletteProps, type PaletteRGB, type PanelItem, type PanelType, type PasswordInputEmits, type PasswordInputExposed, type PasswordInputProps, type PopConfirmEmits, type PopConfirmExposed, type PopConfirmProps, type PopEmits, type PopExposed, type PopProps, type ProgressEmits, type ProgressExposed, type ProgressNodesEmits, type ProgressNodesExposed, type ProgressNodesProps, type ProgressProps, type QuickBatchEditEmits, type QuickBatchEditExposed, type QuickBatchEditProps, type RadioEmits, type RadioExposed, type RadioGroupEmits, type RadioGroupExposed, type RadioGroupProps, type RadioProps, type RichTextEditorEmits, type RichTextEditorExposed, type RichTextEditorProps, type RichTextFormat, type ScrollEmits, type ScrollExposed, type ScrollPosition, type ScrollProps, type SegmentEmits, type SegmentExposed, type SegmentItem, type SegmentProps, type SelectEmits, type SelectExposed, type SelectProps, type SliderEmits, type SliderExposed, type SliderProps, type StepsEmits, type StepsExposed, type StepsProps, type StepsSlotScope, type SwitchEmits, type SwitchExposed, type SwitchProps, type TabItem, type TableColumn, type TableColumnAlign, type TableColumnNode, type TableColumnRenderContext, type TableColumnSlotsScope, type TableEditorEmits, type TableEditorExposed, type TableEditorProps, type TableEmits, type TableExposed, type TableProps, type TableRow, type TableRowSlotsScope, type TableSummaryContext, type TabsEmits, type TabsExposed, type TabsHorizontalEmits, type TabsHorizontalExposed, type TabsHorizontalProps, type TabsProps, type TabsVerticalEmits, type TabsVerticalExposed, type TabsVerticalProps, type TagEmits, type TagExposed, type TagProps, type TextEditorEmits, type TextEditorExposed, type TextEditorProps, type TextEmits, type TextExposed, type TextProps, type TextareaEmits, type TextareaExposed, type TextareaProps, type ThemeExposed, type ThemeProps, type TipAlign, type TipDirection, type TipEmits, type TipExposed, type TipProps, type ToolbarItem, type TreeEmit, type TreeExposed, type TreeNode, type TreeNodeProps, type TreeProps, type TreeSelectEmits, type TreeSelectExposed, type TreeSelectProps, _sfc_main as UAction, action_group_default as UActionGroup, _sfc_main$1 as UAutoComplete, _sfc_main$2 as UBadge, _sfc_main$3 as UBatchEdit, _sfc_main$4 as UBreadcrumb, _sfc_main$5 as UButton, _sfc_main$6 as UButtonGroup, _sfc_main$7 as UCalendar, _sfc_main$8 as UCard, _sfc_main$9 as UCardAction, _sfc_main$10 as UCardContent, _sfc_main$11 as UCardCover, _sfc_main$12 as UCardHeader, _sfc_main$13 as UCascade, _sfc_main$14 as UCheckTag, _sfc_main$15 as UCheckbox, _sfc_main$16 as UCheckboxButton, _sfc_main$17 as UCheckboxGroup, _sfc_main$18 as UCodeEditor, _sfc_main$19 as UCollapse, _sfc_main$20 as UCollapseItem, _sfc_main$21 as UConditionEditor, _sfc_main$22 as UContextmenu, _sfc_main$23 as UDatePanel, _sfc_main$24 as UDatePicker, _sfc_main$25 as UDateRangePicker, _sfc_main$26 as UDialog, _sfc_main$27 as UDrawer, _sfc_main$28 as UDropdown, _sfc_main$29 as UDualNav, _sfc_main$30 as UEmpty, _sfc_main$31 as UExpressionEditor, _sfc_main$32 as UFilePicker, _sfc_main$33 as UFileViewer, _sfc_main$34 as UFloatButton, form_default as UForm, form_item_default as UFormItem, _sfc_main$35 as UGanttChart, _sfc_main$36 as UGrid, _sfc_main$37 as UGridInput, _sfc_main$38 as UGridItem, _sfc_main$39 as UGroupInput, _sfc_main$40 as UGroupNav, _sfc_main$41 as UIcon, input_default as UInput, _sfc_main$42 as UKbd, _sfc_main$43 as ULayout, _sfc_main$44 as UList, _sfc_main$45 as UListItem, _sfc_main$46 as ULoading, _sfc_main$47 as UMessage, _sfc_main$48 as UMessageConfirm, _sfc_main$49 as UMultiSelect, _sfc_main$50 as UMultiTreeSelect, _sfc_main$51 as UNav, _sfc_main$52 as UNavItem, _sfc_main$53 as UNavSub, NodeRender as UNodeRender, _sfc_main$54 as UNotification, _sfc_main$55 as UNumber, _sfc_main$56 as UNumberInput, _sfc_main$57 as UNumberRangeInput, _sfc_main$58 as UPaginator, _sfc_main$59 as UPalette, _sfc_main$60 as UPasswordInput, _sfc_main$61 as UPopConfirm, _sfc_main$62 as UProgress, _sfc_main$63 as UProgressNodes, _sfc_main$64 as URadio, _sfc_main$65 as URadioGroup, _sfc_main$66 as URichTextEditor, _sfc_main$67 as UScroll, _sfc_main$68 as USegment, _sfc_main$69 as USelect, _sfc_main$70 as USlider, _sfc_main$71 as USteps, _sfc_main$72 as USwitch, _sfc_main$73 as UTable, _sfc_main$74 as UTableEditor, _sfc_main$75 as UTabs, _sfc_main$76 as UTabsHorizontal, _sfc_main$77 as UTabsVertical, _sfc_main$78 as UTag, _sfc_main$79 as UText, _sfc_main$80 as UTextarea, _sfc_main$81 as UTheme, _sfc_main$82 as UTip, _sfc_main$83 as UTree, _sfc_main$84 as UTreeSelect, _sfc_main$85 as UWatermark, type UploaderEmits, type UploaderExposed, type UploaderProps, type VariableItem, type WatermarkEmits, type WatermarkExposed, type WatermarkProps, type _ActionExposed, type _ActionGroupExposed, type _AnimationExposed, type _AutoCompleteExposed, type _BadgeExposed, type _BatchEditExposed, type _BreadcrumbExposed, type _ButtonExposed, type _CalendarExposed, type _CardExposed, type _CascadeExposed, type _CheckTagExposed, type _CodeEditorExposed, type _ConditionEditorExposed, type _ContextmenuExposed, type _CssTransitionExposed, type _DatePickerExposed, type _DateRangePickerExposed, type _DialogExposed, type _DrawerExposed, type _DropdownExposed, type _DualNavExposed, type _EmptyExposed, type _ExpressionEditorExposed, type _FileViewerExposed, type _FloatButtonExposed, type _FormExposed, type _GanttChartExposed, type _GridExposed, type _GridInputExposed, type _GroupInputExposed, type _InputExposed, type _LayoutExposed, type _ListExposed, type _LoadingExposed, type _MessageConfirmExposed, type _MessageExposed, type _MultiAutoCompleteExposed, type _MultiSelectExposed, type _MultiTreeSelectExposed, type _NavExposed, type _NotificationExposed, type _PaginatorExposed, type _PaletteExposed, type _PasswordInputExposed, type _PopConfirmExposed, type _PopExposed, type _ProgressExposed, type _ProgressNodesExposed, type _QuickBatchEditExposed, type _RadioExposed, type _RadioGroupExposed, type _RichTextEditorExposed, type _ScrollExposed, type _SegmentExposed, type _SelectExposed, type _SliderExposed, type _StepsExposed, type _SwitchExposed, type _TableEditorExposed, type _TableExposed, type _TabsExposed, type _TabsHorizontalExposed, type _TabsVerticalExposed, type _TextEditorExposed, type _TextExposed, type _TextareaExposed, type _ThemeExposed, type _TipExposed, type _TreeExposed, type _TreeSelectExposed, type _UploaderExposed, type _WatermarkExposed, contextmenu, createEmptyGroup, createEmptyLeaf, defineBatchEditColumns, defineTableColumns, evaluate as evaluateConditionExpression, message, messageConfirm, notification, vLoading };

package/dist/types/date-range-picker.d.ts

@@ -1,9 +1,13 @@
 import { DeconstructValue, FormComponentProps } from "@veltra/utils";
 import { Dater } from "@cat-kit/core";
 //#region src/types/date-range-picker.d.ts
+/** 绑定值类型 */
+type DateRangePickerDataType = 'date' | 'timestamp' | 'string';
+/** 日期范围绑定值 */
+type DateRangeValue = [string, string] | [number, number] | [Date, Date];
 /** date-range-picker组件属性 */
 interface DateRangePickerProps extends FormComponentProps {
-  modelValue?: [string, string];
+  modelValue?: DateRangeValue;
   /** 占位 */
   placeholder?: [string, string];
   /** 日期类型 */
@@ -12,6 +16,11 @@ interface DateRangePickerProps extends FormComponentProps {
   format?: string;
   /** 日期值格式化, 当没有指定时默认使用format属性，仅当值和显示的内容不一致时才需要使用到该属性 */
   valueFormat?: string;
+  /**
+   * 绑定值的类型，默认为字符串。
+   * 当 dataType 没有指定为字符串时，valueFormat 属性不生效
+   */
+  dataType?: DateRangePickerDataType;
   /** 最小可选日期 */
   disabledDate?: (date: Dater, raw: Date) => boolean;
   /** 是否显示清除按钮 */
@@ -19,12 +28,13 @@ interface DateRangePickerProps extends FormComponentProps {
 }
 /** date-range-picker组件定义的事件 */
 interface DateRangePickerEmits {
-  (e: 'update:modelValue', value?: [string, string]): void;
+  (e: 'update:modelValue', value?: DateRangeValue): void;
+  (e: 'change', dates?: [Date, Date]): void;
 }
 /** date-range-picker组件暴露的属性和方法(组件内部使用) */
 interface _DateRangePickerExposed {}
 /** date-range-picker组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
 type DateRangePickerExposed = DeconstructValue<_DateRangePickerExposed>;
 //#endregion
-export { DateRangePickerEmits, DateRangePickerExposed, DateRangePickerProps, _DateRangePickerExposed };
+export { DateRangePickerDataType, DateRangePickerEmits, DateRangePickerExposed, DateRangePickerProps, DateRangeValue, _DateRangePickerExposed };
 //# sourceMappingURL=date-range-picker.d.ts.map

package/dist/types/index.d.ts

@@ -5,7 +5,7 @@ import { TreeEmit, TreeExposed, TreeNode, TreeNodeProps, TreeProps, _TreeExposed
 import { TreeSelectEmits, TreeSelectExposed, TreeSelectProps, _TreeSelectExposed } from "./tree-select.js";
 import { LayoutEmits, LayoutExposed, LayoutProps, _LayoutExposed } from "./layout.js";
 import { TagEmits, TagExposed, TagProps } from "./tag.js";
-import { DateRangePickerEmits, DateRangePickerExposed, DateRangePickerProps, _DateRangePickerExposed } from "./date-range-picker.js";
+import { DateRangePickerDataType, DateRangePickerEmits, DateRangePickerExposed, DateRangePickerProps, DateRangeValue, _DateRangePickerExposed } from "./date-range-picker.js";
 import { RadioGroupEmits, RadioGroupExposed, RadioGroupProps, _RadioGroupExposed } from "./radio-group.js";
 import { ScrollEmits, ScrollExposed, ScrollPosition, ScrollProps, _ScrollExposed } from "./scroll.js";
 import { WatermarkEmits, WatermarkExposed, WatermarkProps, _WatermarkExposed } from "./watermark.js";
@@ -81,4 +81,4 @@ import { FileViewerEmits, FileViewerExposed, FileViewerItem, FileViewerKind, Fil
 import { CollapseEmits, CollapseItemEmits, CollapseItemProps, CollapseModelValue, CollapseProps, CollapseValue } from "./collapse.js";
 import { SegmentEmits, SegmentExposed, SegmentItem, SegmentProps, _SegmentExposed } from "./segment.js";
 export type * from "@veltra/utils";
-export { ActionEmits, ActionExposed, ActionGroupExposed, ActionGroupProps, ActionProps, AnimationEmits, AnimationExposed, AnimationProps, AutoCompleteEmits, AutoCompleteExposed, AutoCompleteProps, BadgeEmits, BadgeExposed, BadgeProps, BarType, BatchEditColumn, BatchEditEmits, BatchEditExposed, BatchEditFeature, BatchEditFormStatus, BatchEditProps, BatchEditSlots, BatchEditStates, BreadcrumbEmits, BreadcrumbExposed, BreadcrumbItem, BreadcrumbProps, BreadcrumbSlotScope, BreakCols, Breakpoint, ButtonEmits, ButtonExposed, ButtonProps, ButtonType, CalendarDay, CalendarEmits, CalendarExposed, CalendarMonth, CalendarProps, CalendarYear, CardActionProps, CardContentProps, CardCoverProps, CardEmits, CardExposed, CardProps, CascadeEmits, CascadeExposed, CascadeNode, CascadeProps, CheckTagEmits, CheckTagExposed, CheckTagProps, CheckboxButtonEmits, CheckboxButtonProps, CheckboxEmits, CheckboxExposed, CheckboxGroupEmits, CheckboxGroupExposed, CheckboxGroupProps, CheckboxProps, CodeEditorEmits, CodeEditorExposed, CodeEditorLang, CodeEditorProps, CollapseEmits, CollapseItemEmits, CollapseItemProps, CollapseModelValue, CollapseProps, CollapseValue, ConditionConnector, ConditionEditorEmits, ConditionEditorExposed, ConditionEditorProps, ConditionExpression, ConditionField, ConditionGroup, ConditionLeaf, ConditionNode, ConditionValue, ContextmenuEmits, ContextmenuExposed, ContextmenuItem, ContextmenuProps, CssTransitionEmits, CssTransitionExposed, CssTransitionProps, DatePanelEmits, DatePanelProps, DatePickerDataType, DatePickerEmits, DatePickerExposed, DatePickerProps, DateRangePickerEmits, DateRangePickerExposed, DateRangePickerProps, DialogEmits, DialogExposed, DialogProps, DialogTransition, DrawerDirection, DrawerEmits, DrawerExposed, DrawerMode, DrawerProps, DropdownEmits, DropdownExposed, DropdownProps, DualNavEmits, DualNavExposed, DualNavProps, DualNavRailVariant, DualNavRootItem, EmptyEmits, EmptyExposed, EmptyProps, ExpressionEditorEmits, ExpressionEditorExposed, ExpressionEditorProps, ExpressionSelectableLevels, FileViewerEmits, FileViewerExposed, FileViewerItem, FileViewerKind, FileViewerProps, FloatButtonEmits, FloatButtonExposed, FloatButtonItem, FloatButtonProps, FormEmits, FormExposed, FormItemEmits, FormItemExposed, FormItemProps, FormProps, GanttChartEmits, GanttChartExposed, GanttChartProps, GridEmits, GridExposed, GridInputEmits, GridInputExposed, GridInputProps, GridItemProps, GridProps, GroupInputEmits, GroupInputExposed, GroupInputProps, GroupNavEmits, GroupNavGroup, GroupNavProps, IconEmits, IconExposed, IconProps, InputEmits, InputExposed, InputProps, LayoutEmits, LayoutExposed, LayoutProps, ListEmits, ListExposed, ListProps, LoadingEmits, LoadingExposed, LoadingProps, LoadingType, Message, MessageConfirm, MessageConfirmAction, MessageConfirmEmits, MessageConfirmExposed, MessageConfirmInstance, MessageConfirmOptions, MessageConfirmProps, MessageEmits, MessageExposed, MessageInstance, MessageOptions, MessageProps, MessageType, MultiAutoCompleteEmits, MultiAutoCompleteExposed, MultiAutoCompleteProps, MultiSelectEmits, MultiSelectExposed, MultiSelectProps, MultiTreeSelectEmits, MultiTreeSelectExposed, MultiTreeSelectProps, NavEmits, NavExposed, NavItem, NavProps, NodeRenderExposed, NodeRenderProps, Notification, NotificationEmits, NotificationExposed, NotificationInstance, NotificationOptions, NotificationPosition, NotificationProps, NumberEmits, NumberExposed, NumberInputEmits, NumberInputExposed, NumberInputProps, NumberProps, NumberRangeInputEmits, NumberRangeInputExposed, NumberRangeInputProps, NumberRangeTuple, PaginatorEmits, PaginatorExposed, PaginatorProps, PaletteColorType, PaletteEmits, PaletteExposed, PaletteHSV, PaletteProps, PaletteRGB, PanelItem, PanelType, PasswordInputEmits, PasswordInputExposed, PasswordInputProps, PopConfirmEmits, PopConfirmExposed, PopConfirmProps, PopEmits, PopExposed, PopProps, ProgressEmits, ProgressExposed, ProgressNodesEmits, ProgressNodesExposed, ProgressNodesProps, ProgressProps, QuickBatchEditEmits, QuickBatchEditExposed, QuickBatchEditProps, RadioEmits, RadioExposed, RadioGroupEmits, RadioGroupExposed, RadioGroupProps, RadioProps, RichTextEditorEmits, RichTextEditorExposed, RichTextEditorProps, RichTextFormat, ScrollEmits, ScrollExposed, ScrollPosition, ScrollProps, SegmentEmits, SegmentExposed, SegmentItem, SegmentProps, SelectEmits, SelectExposed, SelectProps, SliderEmits, SliderExposed, SliderProps, StepsEmits, StepsExposed, StepsProps, StepsSlotScope, SwitchEmits, SwitchExposed, SwitchProps, TabItem, TableColumn, TableColumnAlign, TableColumnNode, TableColumnRenderContext, TableColumnSlotsScope, TableEditorEmits, TableEditorExposed, TableEditorProps, TableEmits, TableExposed, TableProps, TableRow, TableRowSlotsScope, TableSummaryContext, TabsEmits, TabsExposed, TabsHorizontalEmits, TabsHorizontalExposed, TabsHorizontalProps, TabsProps, TabsVerticalEmits, TabsVerticalExposed, TabsVerticalProps, TagEmits, TagExposed, TagProps, TextEditorEmits, TextEditorExposed, TextEditorProps, TextEmits, TextExposed, TextProps, TextareaEmits, TextareaExposed, TextareaProps, ThemeExposed, ThemeProps, TipAlign, TipDirection, TipEmits, TipExposed, TipProps, ToolbarItem, TreeEmit, TreeExposed, TreeNode, TreeNodeProps, TreeProps, TreeSelectEmits, TreeSelectExposed, TreeSelectProps, UploaderEmits, UploaderExposed, UploaderProps, VariableItem, WatermarkEmits, WatermarkExposed, WatermarkProps, _ActionExposed, _ActionGroupExposed, _AnimationExposed, _AutoCompleteExposed, _BadgeExposed, _BatchEditExposed, _BreadcrumbExposed, _ButtonExposed, _CalendarExposed, _CardExposed, _CascadeExposed, _CheckTagExposed, _CodeEditorExposed, _ConditionEditorExposed, _ContextmenuExposed, _CssTransitionExposed, _DatePickerExposed, _DateRangePickerExposed, _DialogExposed, _DrawerExposed, _DropdownExposed, _DualNavExposed, _EmptyExposed, _ExpressionEditorExposed, _FileViewerExposed, _FloatButtonExposed, _FormExposed, _GanttChartExposed, _GridExposed, _GridInputExposed, _GroupInputExposed, _InputExposed, _LayoutExposed, _ListExposed, _LoadingExposed, _MessageConfirmExposed, _MessageExposed, _MultiAutoCompleteExposed, _MultiSelectExposed, _MultiTreeSelectExposed, _NavExposed, _NotificationExposed, _PaginatorExposed, _PaletteExposed, _PasswordInputExposed, _PopConfirmExposed, _PopExposed, _ProgressExposed, _ProgressNodesExposed, _QuickBatchEditExposed, _RadioExposed, _RadioGroupExposed, _RichTextEditorExposed, _ScrollExposed, _SegmentExposed, _SelectExposed, _SliderExposed, _StepsExposed, _SwitchExposed, _TableEditorExposed, _TableExposed, _TabsExposed, _TabsHorizontalExposed, _TabsVerticalExposed, _TextEditorExposed, _TextExposed, _TextareaExposed, _ThemeExposed, _TipExposed, _TreeExposed, _TreeSelectExposed, _UploaderExposed, _WatermarkExposed };
+export { ActionEmits, ActionExposed, ActionGroupExposed, ActionGroupProps, ActionProps, AnimationEmits, AnimationExposed, AnimationProps, AutoCompleteEmits, AutoCompleteExposed, AutoCompleteProps, BadgeEmits, BadgeExposed, BadgeProps, BarType, BatchEditColumn, BatchEditEmits, BatchEditExposed, BatchEditFeature, BatchEditFormStatus, BatchEditProps, BatchEditSlots, BatchEditStates, BreadcrumbEmits, BreadcrumbExposed, BreadcrumbItem, BreadcrumbProps, BreadcrumbSlotScope, BreakCols, Breakpoint, ButtonEmits, ButtonExposed, ButtonProps, ButtonType, CalendarDay, CalendarEmits, CalendarExposed, CalendarMonth, CalendarProps, CalendarYear, CardActionProps, CardContentProps, CardCoverProps, CardEmits, CardExposed, CardProps, CascadeEmits, CascadeExposed, CascadeNode, CascadeProps, CheckTagEmits, CheckTagExposed, CheckTagProps, CheckboxButtonEmits, CheckboxButtonProps, CheckboxEmits, CheckboxExposed, CheckboxGroupEmits, CheckboxGroupExposed, CheckboxGroupProps, CheckboxProps, CodeEditorEmits, CodeEditorExposed, CodeEditorLang, CodeEditorProps, CollapseEmits, CollapseItemEmits, CollapseItemProps, CollapseModelValue, CollapseProps, CollapseValue, ConditionConnector, ConditionEditorEmits, ConditionEditorExposed, ConditionEditorProps, ConditionExpression, ConditionField, ConditionGroup, ConditionLeaf, ConditionNode, ConditionValue, ContextmenuEmits, ContextmenuExposed, ContextmenuItem, ContextmenuProps, CssTransitionEmits, CssTransitionExposed, CssTransitionProps, DatePanelEmits, DatePanelProps, DatePickerDataType, DatePickerEmits, DatePickerExposed, DatePickerProps, DateRangePickerDataType, DateRangePickerEmits, DateRangePickerExposed, DateRangePickerProps, DateRangeValue, DialogEmits, DialogExposed, DialogProps, DialogTransition, DrawerDirection, DrawerEmits, DrawerExposed, DrawerMode, DrawerProps, DropdownEmits, DropdownExposed, DropdownProps, DualNavEmits, DualNavExposed, DualNavProps, DualNavRailVariant, DualNavRootItem, EmptyEmits, EmptyExposed, EmptyProps, ExpressionEditorEmits, ExpressionEditorExposed, ExpressionEditorProps, ExpressionSelectableLevels, FileViewerEmits, FileViewerExposed, FileViewerItem, FileViewerKind, FileViewerProps, FloatButtonEmits, FloatButtonExposed, FloatButtonItem, FloatButtonProps, FormEmits, FormExposed, FormItemEmits, FormItemExposed, FormItemProps, FormProps, GanttChartEmits, GanttChartExposed, GanttChartProps, GridEmits, GridExposed, GridInputEmits, GridInputExposed, GridInputProps, GridItemProps, GridProps, GroupInputEmits, GroupInputExposed, GroupInputProps, GroupNavEmits, GroupNavGroup, GroupNavProps, IconEmits, IconExposed, IconProps, InputEmits, InputExposed, InputProps, LayoutEmits, LayoutExposed, LayoutProps, ListEmits, ListExposed, ListProps, LoadingEmits, LoadingExposed, LoadingProps, LoadingType, Message, MessageConfirm, MessageConfirmAction, MessageConfirmEmits, MessageConfirmExposed, MessageConfirmInstance, MessageConfirmOptions, MessageConfirmProps, MessageEmits, MessageExposed, MessageInstance, MessageOptions, MessageProps, MessageType, MultiAutoCompleteEmits, MultiAutoCompleteExposed, MultiAutoCompleteProps, MultiSelectEmits, MultiSelectExposed, MultiSelectProps, MultiTreeSelectEmits, MultiTreeSelectExposed, MultiTreeSelectProps, NavEmits, NavExposed, NavItem, NavProps, NodeRenderExposed, NodeRenderProps, Notification, NotificationEmits, NotificationExposed, NotificationInstance, NotificationOptions, NotificationPosition, NotificationProps, NumberEmits, NumberExposed, NumberInputEmits, NumberInputExposed, NumberInputProps, NumberProps, NumberRangeInputEmits, NumberRangeInputExposed, NumberRangeInputProps, NumberRangeTuple, PaginatorEmits, PaginatorExposed, PaginatorProps, PaletteColorType, PaletteEmits, PaletteExposed, PaletteHSV, PaletteProps, PaletteRGB, PanelItem, PanelType, PasswordInputEmits, PasswordInputExposed, PasswordInputProps, PopConfirmEmits, PopConfirmExposed, PopConfirmProps, PopEmits, PopExposed, PopProps, ProgressEmits, ProgressExposed, ProgressNodesEmits, ProgressNodesExposed, ProgressNodesProps, ProgressProps, QuickBatchEditEmits, QuickBatchEditExposed, QuickBatchEditProps, RadioEmits, RadioExposed, RadioGroupEmits, RadioGroupExposed, RadioGroupProps, RadioProps, RichTextEditorEmits, RichTextEditorExposed, RichTextEditorProps, RichTextFormat, ScrollEmits, ScrollExposed, ScrollPosition, ScrollProps, SegmentEmits, SegmentExposed, SegmentItem, SegmentProps, SelectEmits, SelectExposed, SelectProps, SliderEmits, SliderExposed, SliderProps, StepsEmits, StepsExposed, StepsProps, StepsSlotScope, SwitchEmits, SwitchExposed, SwitchProps, TabItem, TableColumn, TableColumnAlign, TableColumnNode, TableColumnRenderContext, TableColumnSlotsScope, TableEditorEmits, TableEditorExposed, TableEditorProps, TableEmits, TableExposed, TableProps, TableRow, TableRowSlotsScope, TableSummaryContext, TabsEmits, TabsExposed, TabsHorizontalEmits, TabsHorizontalExposed, TabsHorizontalProps, TabsProps, TabsVerticalEmits, TabsVerticalExposed, TabsVerticalProps, TagEmits, TagExposed, TagProps, TextEditorEmits, TextEditorExposed, TextEditorProps, TextEmits, TextExposed, TextProps, TextareaEmits, TextareaExposed, TextareaProps, ThemeExposed, ThemeProps, TipAlign, TipDirection, TipEmits, TipExposed, TipProps, ToolbarItem, TreeEmit, TreeExposed, TreeNode, TreeNodeProps, TreeProps, TreeSelectEmits, TreeSelectExposed, TreeSelectProps, UploaderEmits, UploaderExposed, UploaderProps, VariableItem, WatermarkEmits, WatermarkExposed, WatermarkProps, _ActionExposed, _ActionGroupExposed, _AnimationExposed, _AutoCompleteExposed, _BadgeExposed, _BatchEditExposed, _BreadcrumbExposed, _ButtonExposed, _CalendarExposed, _CardExposed, _CascadeExposed, _CheckTagExposed, _CodeEditorExposed, _ConditionEditorExposed, _ContextmenuExposed, _CssTransitionExposed, _DatePickerExposed, _DateRangePickerExposed, _DialogExposed, _DrawerExposed, _DropdownExposed, _DualNavExposed, _EmptyExposed, _ExpressionEditorExposed, _FileViewerExposed, _FloatButtonExposed, _FormExposed, _GanttChartExposed, _GridExposed, _GridInputExposed, _GroupInputExposed, _InputExposed, _LayoutExposed, _ListExposed, _LoadingExposed, _MessageConfirmExposed, _MessageExposed, _MultiAutoCompleteExposed, _MultiSelectExposed, _MultiTreeSelectExposed, _NavExposed, _NotificationExposed, _PaginatorExposed, _PaletteExposed, _PasswordInputExposed, _PopConfirmExposed, _PopExposed, _ProgressExposed, _ProgressNodesExposed, _QuickBatchEditExposed, _RadioExposed, _RadioGroupExposed, _RichTextEditorExposed, _ScrollExposed, _SegmentExposed, _SelectExposed, _SliderExposed, _StepsExposed, _SwitchExposed, _TableEditorExposed, _TableExposed, _TabsExposed, _TabsHorizontalExposed, _TabsVerticalExposed, _TextEditorExposed, _TextExposed, _TextareaExposed, _ThemeExposed, _TipExposed, _TreeExposed, _TreeSelectExposed, _UploaderExposed, _WatermarkExposed };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/desktop",
-  "version": "1.7.6",
+  "version": "1.7.7",
   "homepage": "https://github.com/cabinet-fe/ultra-ui#readme",
   "bugs": {
     "url": "https://github.com/cabinet-fe/ultra-ui/issues"
@@ -80,12 +80,12 @@
   "peerDependencies": {
     "@cat-kit/core": ">=1.2.1",
     "@cat-kit/fe": ">=1.2.1",
-    "@veltra/compositions": "^1.7.6",
-    "@veltra/directives": "^1.7.6",
+    "@veltra/compositions": "^1.7.7",
+    "@veltra/directives": "^1.7.7",
     "@veltra/icons": "^1.5.0",
     "@veltra/sheet-core": "^2.5.4",
-    "@veltra/styles": "^1.7.6",
-    "@veltra/utils": "^1.7.6",
+    "@veltra/styles": "^1.7.7",
+    "@veltra/utils": "^1.7.7",
     "vue": ">=3.5.42"
   },
   "peerDependenciesMeta": {

package/src/components/date-range-picker/__test__/date-range-picker.test.ts

@@ -0,0 +1,278 @@
+import { date } from '@cat-kit/core'
+import { describe, expect, it } from 'vitest'
+import { createApp, h, nextTick, ref } from 'vue'
+
+import UDateRangePicker from '../date-range-picker.vue'
+
+function mountDateRangePicker(
+  props: Record<string, unknown> = {},
+  emits: Record<string, Function> = {}
+) {
+  const host = document.createElement('div')
+  document.body.appendChild(host)
+
+  const model = ref(props.modelValue)
+  const app = createApp({
+    render() {
+      return h(UDateRangePicker, {
+        ...props,
+        modelValue: model.value,
+        'onUpdate:modelValue': (value: unknown) => {
+          model.value = value
+          emits['update:modelValue']?.(value)
+        },
+        onChange: (dates?: [Date, Date]) => {
+          emits.change?.(dates)
+        }
+      })
+    }
+  })
+
+  app.component('Transition', (_, { slots }) => slots.default?.())
+
+  app.mount(host)
+
+  return {
+    host,
+    model,
+    app,
+    unmount() {
+      app.unmount()
+      host.remove()
+    }
+  }
+}
+
+describe('UDateRangePicker', () => {
+  it('defaults dataType to string and emits change with native Date tuple', async () => {
+    let changedDates: [Date, Date] | undefined
+    let updatedVal: unknown
+
+    const { host, unmount } = mountDateRangePicker(
+      {},
+      {
+        'update:modelValue': (val: unknown) => {
+          updatedVal = val
+        },
+        change: (d?: [Date, Date]) => {
+          changedDates = d
+        }
+      }
+    )
+
+    try {
+      const inputEl = host.querySelector('input')
+      expect(inputEl).not.toBeNull()
+      inputEl?.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }))
+      await nextTick()
+      await nextTick()
+
+      const cells = document.querySelectorAll<HTMLElement>('.u-date-panel__cell:not(.is-disabled)')
+      expect(cells.length).toBeGreaterThanOrEqual(20)
+
+      cells[10]!.click()
+      await nextTick()
+      cells[15]!.click()
+      await nextTick()
+
+      expect(Array.isArray(updatedVal)).toBe(true)
+      const range = updatedVal as string[]
+      expect(range.length).toBe(2)
+      expect(typeof range[0]).toBe('string')
+      expect(typeof range[1]).toBe('string')
+      expect(range[0]).toMatch(/^\d{4}-\d{2}-\d{2}$/)
+      expect(range[1]).toMatch(/^\d{4}-\d{2}-\d{2}$/)
+
+      expect(Array.isArray(changedDates)).toBe(true)
+      expect(changedDates![0] instanceof Date).toBe(true)
+      expect(changedDates![1] instanceof Date).toBe(true)
+    } finally {
+      unmount()
+    }
+  })
+
+  it('supports dataType="date" and emits native Date tuple for modelValue and change', async () => {
+    let changedDates: [Date, Date] | undefined
+    let updatedVal: unknown
+
+    const { host, unmount } = mountDateRangePicker(
+      { dataType: 'date', valueFormat: 'yyyyMMdd' },
+      {
+        'update:modelValue': (val: unknown) => {
+          updatedVal = val
+        },
+        change: (d?: [Date, Date]) => {
+          changedDates = d
+        }
+      }
+    )
+
+    try {
+      const inputEl = host.querySelector('input')
+      inputEl?.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }))
+      await nextTick()
+      await nextTick()
+
+      const cells = document.querySelectorAll<HTMLElement>('.u-date-panel__cell:not(.is-disabled)')
+      cells[10]!.click()
+      await nextTick()
+      cells[15]!.click()
+      await nextTick()
+
+      expect(Array.isArray(updatedVal)).toBe(true)
+      const range = updatedVal as unknown[]
+      expect(range[0] instanceof Date).toBe(true)
+      expect(range[1] instanceof Date).toBe(true)
+
+      expect(Array.isArray(changedDates)).toBe(true)
+      expect(changedDates![0] instanceof Date).toBe(true)
+      expect(changedDates![1] instanceof Date).toBe(true)
+    } finally {
+      unmount()
+    }
+  })
+
+  it('supports dataType="timestamp" and emits timestamp tuple for modelValue and native Date tuple for change', async () => {
+    let changedDates: [Date, Date] | undefined
+    let updatedVal: unknown
+
+    const { host, unmount } = mountDateRangePicker(
+      { dataType: 'timestamp', valueFormat: 'yyyyMMdd' },
+      {
+        'update:modelValue': (val: unknown) => {
+          updatedVal = val
+        },
+        change: (d?: [Date, Date]) => {
+          changedDates = d
+        }
+      }
+    )
+
+    try {
+      const inputEl = host.querySelector('input')
+      inputEl?.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }))
+      await nextTick()
+      await nextTick()
+
+      const cells = document.querySelectorAll<HTMLElement>('.u-date-panel__cell:not(.is-disabled)')
+      cells[10]!.click()
+      await nextTick()
+      cells[15]!.click()
+      await nextTick()
+
+      expect(Array.isArray(updatedVal)).toBe(true)
+      const range = updatedVal as number[]
+      expect(typeof range[0]).toBe('number')
+      expect(typeof range[1]).toBe('number')
+      expect(range[0]).toBeGreaterThan(0)
+      expect(range[1]).toBeGreaterThan(0)
+
+      expect(Array.isArray(changedDates)).toBe(true)
+      expect(changedDates![0] instanceof Date).toBe(true)
+      expect(changedDates![1] instanceof Date).toBe(true)
+    } finally {
+      unmount()
+    }
+  })
+
+  it('applies valueFormat when dataType="string"', async () => {
+    let changedDates: [Date, Date] | undefined
+    let updatedVal: unknown
+
+    const { host, unmount } = mountDateRangePicker(
+      { dataType: 'string', valueFormat: 'yyyy/MM/dd' },
+      {
+        'update:modelValue': (val: unknown) => {
+          updatedVal = val
+        },
+        change: (d?: [Date, Date]) => {
+          changedDates = d
+        }
+      }
+    )
+
+    try {
+      const inputEl = host.querySelector('input')
+      inputEl?.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }))
+      await nextTick()
+      await nextTick()
+
+      const cells = document.querySelectorAll<HTMLElement>('.u-date-panel__cell:not(.is-disabled)')
+      cells[10]!.click()
+      await nextTick()
+      cells[15]!.click()
+      await nextTick()
+
+      expect(Array.isArray(updatedVal)).toBe(true)
+      const range = updatedVal as string[]
+      expect(range[0]).toMatch(/^\d{4}\/\d{2}\/\d{2}$/)
+      expect(range[1]).toMatch(/^\d{4}\/\d{2}\/\d{2}$/)
+      expect(changedDates![0] instanceof Date).toBe(true)
+      expect(changedDates![1] instanceof Date).toBe(true)
+    } finally {
+      unmount()
+    }
+  })
+
+  it('emits undefined for modelValue and change when cleared', async () => {
+    let changedDates: [Date, Date] | undefined = [new Date(), new Date()]
+    let updatedVal: unknown = ['2024-05-01', '2024-05-10']
+
+    const { host, unmount } = mountDateRangePicker(
+      { modelValue: ['2024-05-01', '2024-05-10'], clearable: true },
+      {
+        'update:modelValue': (val: unknown) => {
+          updatedVal = val
+        },
+        change: (d?: [Date, Date]) => {
+          changedDates = d
+        }
+      }
+    )
+
+    try {
+      const dropdown = host.firstElementChild as HTMLElement
+      dropdown.dispatchEvent(new MouseEvent('mouseenter', { bubbles: true }))
+      await new Promise((r) => setTimeout(r, 50))
+
+      const clearBtn = host.querySelector('.u-date-range-picker__clear') as HTMLElement
+      expect(clearBtn).not.toBeNull()
+      clearBtn.click()
+      await nextTick()
+
+      expect(updatedVal).toBeUndefined()
+      expect(changedDates).toBeUndefined()
+    } finally {
+      unmount()
+    }
+  })
+
+  it('correctly parses modelValue of Date tuple, timestamp tuple, and custom formatted strings', async () => {
+    const dates: [Date, Date] = [new Date(2024, 4, 15), new Date(2024, 4, 20)]
+    const d1 = mountDateRangePicker({ modelValue: dates })
+    await nextTick()
+    const inputs1 = d1.host.querySelectorAll('input')
+    expect(inputs1[0]?.value).toBe('2024-05-15')
+    expect(inputs1[1]?.value).toBe('2024-05-20')
+    d1.unmount()
+
+    const ts1 = date('2024-06-20').timestamp
+    const ts2 = date('2024-06-25').timestamp
+    const d2 = mountDateRangePicker({ modelValue: [ts1, ts2] })
+    await nextTick()
+    const inputs2 = d2.host.querySelectorAll('input')
+    expect(inputs2[0]?.value).toBe('2024-06-20')
+    expect(inputs2[1]?.value).toBe('2024-06-25')
+    d2.unmount()
+
+    const d3 = mountDateRangePicker({
+      modelValue: ['20240725', '20240730'],
+      valueFormat: 'yyyyMMdd'
+    })
+    await nextTick()
+    const inputs3 = d3.host.querySelectorAll('input')
+    expect(inputs3[0]?.value).toBe('2024-07-25')
+    expect(inputs3[1]?.value).toBe('2024-07-30')
+    d3.unmount()
+  })
+})

package/src/components/date-range-picker/date-range-picker.vue

@@ -31,7 +31,7 @@
 
       <Transition name="zoom-in" mode="out-in">
         <UIcon
-          v-if="clearable && modelValue && hovered && !disabled"
+          v-if="clearable && (modelValue?.length || currentRangeDate) && hovered && !disabled"
           :class="[cls.e('icon'), cls.e('clear')]"
           title="清除"
           @click.stop="handleClear"
@@ -62,14 +62,19 @@
 </template>
 
 <script lang="ts" setup>
-import { date, type Dater } from '@cat-kit/core'
+import { date, Dater } from '@cat-kit/core'
 import { useFormFallbackProps, useUserAction } from '@veltra/compositions'
 import { Calendar, Close } from '@veltra/icons/normal'
 import { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'
 import { injectFormContext } from '@veltra/utils'
 import { computed, shallowRef, watch } from 'vue'
 
-import type { DateRangePickerEmits, DateRangePickerProps, DropdownExposed } from '../../types'
+import type {
+  DateRangePickerEmits,
+  DateRangePickerProps,
+  DateRangeValue,
+  DropdownExposed
+} from '../../types'
 import { UDatePanel } from '../date-panel'
 import { UDropdown } from '../dropdown'
 import { UIcon } from '../icon'
@@ -79,6 +84,7 @@ defineOptions({ name: 'UDateRangePicker', inheritAttrs: false })
 const props = withDefaults(defineProps<DateRangePickerProps>(), {
   placeholder: () => ['起始日期', '结束日期'],
   type: 'date',
+  dataType: 'string',
   disabled: undefined,
   readonly: undefined,
   clearable: true
@@ -113,14 +119,6 @@ const { userAction, isUserActive } = useUserAction()
 
 const currentRangeDate = shallowRef<[Dater, Dater]>()
 
-const displayedOfStart = computed(() => {
-  return props.modelValue?.[0]
-})
-
-const displayedOfEnd = computed(() => {
-  return props.modelValue?.[1]
-})
-
 const formatStr = computed(() => {
   const { format, type } = props
   if (format) return format
@@ -130,25 +128,70 @@ const formatStr = computed(() => {
   return 'yyyy-MM-dd'
 })
 
+const displayedOfStart = computed(() => {
+  return currentRangeDate.value?.[0]?.format(formatStr.value) ?? ''
+})
+
+const displayedOfEnd = computed(() => {
+  return currentRangeDate.value?.[1]?.format(formatStr.value) ?? ''
+})
+
+function parseDateValue(val?: string | number | Date): Dater | undefined {
+  if (val == null || val === '') return undefined
+  if (val instanceof Date || typeof val === 'number') {
+    const d = date(val)
+    return isNaN(d.timestamp) ? undefined : d
+  }
+  if (typeof val === 'string') {
+    if (props.dataType === 'string' && props.valueFormat) {
+      const parsed = Dater.parse(val, props.valueFormat)
+      if (!isNaN(parsed.timestamp)) return parsed
+    }
+    const fallback = date(val)
+    return isNaN(fallback.timestamp) ? undefined : fallback
+  }
+  return undefined
+}
+
 watch(
   () => props.modelValue,
   (val) => {
     if (isUserActive()) return
-    if (val?.length === 2) {
-      currentRangeDate.value = [date(val[0]), date(val[1])]
-    } else {
-      currentRangeDate.value = undefined
+    if (val && val.length === 2) {
+      const d1 = parseDateValue(val[0])
+      const d2 = parseDateValue(val[1])
+      if (d1 && d2) {
+        currentRangeDate.value = [d1, d2]
+        return
+      }
     }
+    currentRangeDate.value = undefined
   },
   { immediate: true }
 )
 
-const commitSelectedRange = userAction((rangeDate: [Dater, Dater] | undefined) => {
+function formatDateValue(d: Dater) {
+  if (props.dataType === 'date') {
+    return d.raw
+  }
+  if (props.dataType === 'timestamp') {
+    return d.timestamp
+  }
+  return d.format(props.valueFormat ?? formatStr.value)
+}
+
+function formatModelValue(range: [Dater, Dater]): DateRangeValue {
+  return [formatDateValue(range[0]), formatDateValue(range[1])] as DateRangeValue
+}
+
+const commitSelectedRange = userAction((rangeDate: [Dater, Dater]) => {
   currentRangeDate.value = rangeDate
-  emit('update:modelValue', rangeDate?.map((d) => d.format(formatStr.value)) as [string, string])
+  emit('update:modelValue', formatModelValue(rangeDate))
+  emit('change', [rangeDate[0].raw, rangeDate[1].raw])
 })
 
 async function handleSelect(rangeDate: [Dater, Dater] | undefined) {
+  if (!rangeDate) return
   await commitSelectedRange(rangeDate)
   dropdownRef.value?.close()
 }
@@ -158,5 +201,6 @@ const hovered = shallowRef(false)
 function handleClear() {
   currentRangeDate.value = undefined
   emit('update:modelValue', undefined)
+  emit('change', undefined)
 }
 </script>

package/src/types/date-range-picker.ts

@@ -1,9 +1,15 @@
 import type { Dater } from '@cat-kit/core'
 import type { DeconstructValue, FormComponentProps } from '@veltra/utils'
 
+/** 绑定值类型 */
+export type DateRangePickerDataType = 'date' | 'timestamp' | 'string'
+
+/** 日期范围绑定值 */
+export type DateRangeValue = [string, string] | [number, number] | [Date, Date]
+
 /** date-range-picker组件属性 */
 export interface DateRangePickerProps extends FormComponentProps {
-  modelValue?: [string, string]
+  modelValue?: DateRangeValue
   /** 占位 */
   placeholder?: [string, string]
   /** 日期类型 */
@@ -12,6 +18,11 @@ export interface DateRangePickerProps extends FormComponentProps {
   format?: string
   /** 日期值格式化, 当没有指定时默认使用format属性，仅当值和显示的内容不一致时才需要使用到该属性 */
   valueFormat?: string
+  /**
+   * 绑定值的类型，默认为字符串。
+   * 当 dataType 没有指定为字符串时，valueFormat 属性不生效
+   */
+  dataType?: DateRangePickerDataType
   /** 最小可选日期 */
   disabledDate?: (date: Dater, raw: Date) => boolean
   /** 是否显示清除按钮 */
@@ -20,7 +31,8 @@ export interface DateRangePickerProps extends FormComponentProps {
 
 /** date-range-picker组件定义的事件 */
 export interface DateRangePickerEmits {
-  (e: 'update:modelValue', value?: [string, string]): void
+  (e: 'update:modelValue', value?: DateRangeValue): void
+  (e: 'change', dates?: [Date, Date]): void
 }
 
 /** date-range-picker组件暴露的属性和方法(组件内部使用) */