@element-plus/nightly 0.0.20260601 → 0.0.20260603

package/es/components/calendar/src/use-calendar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-calendar.mjs","names":[],"sources":["../../../../../../packages/components/calendar/src/use-calendar.ts"],"sourcesContent":["import { computed, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport { useLocale } from '@element-plus/hooks'\nimport { debugWarn, isArray, isDate } from '@element-plus/utils'\nimport { INPUT_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type { ComputedRef, SetupContext } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type { CalendarDateType, CalendarEmits, CalendarProps } from './calendar'\n\nconst adjacentMonth = (start: Dayjs, end: Dayjs): [Dayjs, Dayjs][] => {\n  const firstMonthLastDay = start.endOf('month')\n  const lastMonthFirstDay = end.startOf('month')\n\n  // Whether the last day of the first month and the first day of the last month is in the same week\n  const isSameWeek = firstMonthLastDay.isSame(lastMonthFirstDay, 'week')\n  const lastMonthStartDay = isSameWeek\n    ? lastMonthFirstDay.add(1, 'week')\n    : lastMonthFirstDay\n\n  return [\n    [start, firstMonthLastDay],\n    [lastMonthStartDay.startOf('week'), end],\n  ]\n}\n\nconst threeConsecutiveMonth = (start: Dayjs, end: Dayjs): [Dayjs, Dayjs][] => {\n  const firstMonthLastDay = start.endOf('month')\n  const secondMonthFirstDay = start.add(1, 'month').startOf('month')\n\n  // Whether the last day of the first month and the second month is in the same week\n  const secondMonthStartDay = firstMonthLastDay.isSame(\n    secondMonthFirstDay,\n    'week'\n  )\n    ? secondMonthFirstDay.add(1, 'week')\n    : secondMonthFirstDay\n\n  const secondMonthLastDay = secondMonthStartDay.endOf('month')\n  const lastMonthFirstDay = end.startOf('month')\n\n  // Whether the last day of the second month and the last day of the last month is in the same week\n  const lastMonthStartDay = secondMonthLastDay.isSame(lastMonthFirstDay, 'week')\n    ? lastMonthFirstDay.add(1, 'week')\n    : lastMonthFirstDay\n\n  return [\n    [start, firstMonthLastDay],\n    [secondMonthStartDay.startOf('week'), secondMonthLastDay],\n    [lastMonthStartDay.startOf('week'), end],\n  ]\n}\n\nexport const useCalendar = (\n  props: CalendarProps,\n  emit: SetupContext<CalendarEmits>['emit'],\n  componentName: string\n) => {\n  const { lang } = useLocale()\n\n  const selectedDay = ref<Dayjs>()\n  const now = dayjs().locale(lang.value)\n\n  const realSelectedDay = computed<Dayjs | undefined>({\n    get() {\n      if (!props.modelValue) return selectedDay.value\n      return date.value\n    },\n    set(val) {\n      if (!val) return\n      selectedDay.value = val\n      const result = val.toDate()\n\n      emit(INPUT_EVENT, result)\n      emit(UPDATE_MODEL_EVENT, result)\n    },\n  })\n\n  // if range is valid, we get a two-digit array\n  const validatedRange = computed(() => {\n    if (\n      !props.range ||\n      !isArray(props.range) ||\n      props.range.length !== 2 ||\n      props.range.some((item) => !isDate(item))\n    )\n      return []\n    const rangeArrDayjs = props.range.map((_) => dayjs(_).locale(lang.value))\n    const [startDayjs, endDayjs] = rangeArrDayjs\n    if (startDayjs.isAfter(endDayjs)) {\n      debugWarn(componentName, 'end time should be greater than start time')\n      return []\n    }\n    if (startDayjs.isSame(endDayjs, 'month')) {\n      // same month\n      return calculateValidatedDateRange(startDayjs, endDayjs)\n    } else {\n      // two months\n      if (startDayjs.add(1, 'month').month() !== endDayjs.month()) {\n        debugWarn(\n          componentName,\n          'start time and end time interval must not exceed two months'\n        )\n        return []\n      }\n      return calculateValidatedDateRange(startDayjs, endDayjs)\n    }\n  })\n\n  const date: ComputedRef<Dayjs> = computed(() => {\n    if (!props.modelValue) {\n      return (\n        realSelectedDay.value ||\n        (validatedRange.value.length ? validatedRange.value[0][0] : now)\n      )\n    } else {\n      return dayjs(props.modelValue).locale(lang.value)\n    }\n  })\n  const prevMonthDayjs = computed(() => date.value.subtract(1, 'month').date(1))\n  const nextMonthDayjs = computed(() => date.value.add(1, 'month').date(1))\n  const prevYearDayjs = computed(() => date.value.subtract(1, 'year').date(1))\n  const nextYearDayjs = computed(() => date.value.add(1, 'year').date(1))\n\n  // https://github.com/element-plus/element-plus/issues/3155\n  // Calculate the validate date range according to the start and end dates\n  const calculateValidatedDateRange = (\n    startDayjs: Dayjs,\n    endDayjs: Dayjs\n  ): [Dayjs, Dayjs][] => {\n    const firstDay = startDayjs.startOf('week')\n    const lastDay = endDayjs.endOf('week')\n    const firstMonth = firstDay.get('month')\n    const lastMonth = lastDay.get('month')\n\n    // Current month\n    if (firstMonth === lastMonth) {\n      return [[firstDay, lastDay]]\n    }\n    // Two adjacent months\n    else if ((firstMonth + 1) % 12 === lastMonth) {\n      return adjacentMonth(firstDay, lastDay)\n    }\n    // Three consecutive months (compatible: 2021-01-30 to 2021-02-28)\n    else if (\n      firstMonth + 2 === lastMonth ||\n      (firstMonth + 1) % 11 === lastMonth\n    ) {\n      return threeConsecutiveMonth(firstDay, lastDay)\n    }\n    // Other cases\n    else {\n      debugWarn(\n        componentName,\n        'start time and end time interval must not exceed two months'\n      )\n      return []\n    }\n  }\n\n  const pickDay = (day: Dayjs) => {\n    realSelectedDay.value = day\n  }\n\n  const selectDate = (type: CalendarDateType) => {\n    const dateMap: Record<CalendarDateType, Dayjs> = {\n      'prev-month': prevMonthDayjs.value,\n      'next-month': nextMonthDayjs.value,\n      'prev-year': prevYearDayjs.value,\n      'next-year': nextYearDayjs.value,\n      today: now,\n    }\n\n    const day = dateMap[type]\n\n    if (!day.isSame(date.value, 'day')) {\n      pickDay(day)\n    }\n  }\n\n  const handleDateChange = (date: Dayjs | 'today') => {\n    if (date === 'today') {\n      selectDate('today')\n    } else {\n      pickDay(date)\n    }\n  }\n\n  return {\n    calculateValidatedDateRange,\n    date,\n    realSelectedDay,\n    pickDay,\n    selectDate,\n    validatedRange,\n    handleDateChange,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-calendar.mjs","names":[],"sources":["../../../../../../packages/components/calendar/src/use-calendar.ts"],"sourcesContent":["import { computed, ref } from 'vue'\nimport dayjs from 'dayjs'\nimport { useLocale } from '@element-plus/hooks'\nimport { debugWarn, isArray, isDate } from '@element-plus/utils'\nimport { INPUT_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type { ComputedRef, SetupContext } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type { CalendarDateType, CalendarEmits, CalendarProps } from './calendar'\n\nconst adjacentMonth = (start: Dayjs, end: Dayjs): [Dayjs, Dayjs][] => {\n  const firstMonthLastDay = start.endOf('month')\n  const lastMonthFirstDay = end.startOf('month')\n\n  // Whether the last day of the first month and the first day of the last month is in the same week\n  const isSameWeek = firstMonthLastDay.isSame(lastMonthFirstDay, 'week')\n  const lastMonthStartDay = isSameWeek\n    ? lastMonthFirstDay.add(1, 'week')\n    : lastMonthFirstDay\n\n  return [\n    [start, firstMonthLastDay],\n    [lastMonthStartDay.startOf('week'), end],\n  ]\n}\n\nconst threeConsecutiveMonth = (start: Dayjs, end: Dayjs): [Dayjs, Dayjs][] => {\n  const firstMonthLastDay = start.endOf('month')\n  const secondMonthFirstDay = start.add(1, 'month').startOf('month')\n\n  // Whether the last day of the first month and the second month is in the same week\n  const secondMonthStartDay = firstMonthLastDay.isSame(\n    secondMonthFirstDay,\n    'week'\n  )\n    ? secondMonthFirstDay.add(1, 'week')\n    : secondMonthFirstDay\n\n  const secondMonthLastDay = secondMonthStartDay.endOf('month')\n  const lastMonthFirstDay = end.startOf('month')\n\n  // Whether the last day of the second month and the last day of the last month is in the same week\n  const lastMonthStartDay = secondMonthLastDay.isSame(lastMonthFirstDay, 'week')\n    ? lastMonthFirstDay.add(1, 'week')\n    : lastMonthFirstDay\n\n  return [\n    [start, firstMonthLastDay],\n    [secondMonthStartDay.startOf('week'), secondMonthLastDay],\n    [lastMonthStartDay.startOf('week'), end],\n  ]\n}\n\nexport const useCalendar = (\n  props: CalendarProps,\n  emit: SetupContext<CalendarEmits>['emit'],\n  componentName: string\n) => {\n  const { lang } = useLocale()\n\n  const selectedDay = ref<Dayjs>()\n  const now = dayjs().locale(lang.value)\n\n  const realSelectedDay = computed<Dayjs | undefined>({\n    get() {\n      if (!props.modelValue) return selectedDay.value\n      return date.value\n    },\n    set(val) {\n      if (!val) return\n      selectedDay.value = val\n      const result = val.toDate()\n\n      emit(INPUT_EVENT, result)\n      emit(UPDATE_MODEL_EVENT, result)\n    },\n  })\n\n  // if range is valid, we get a two-digit array\n  const validatedRange = computed(() => {\n    if (\n      !props.range ||\n      !isArray(props.range) ||\n      props.range.length !== 2 ||\n      props.range.some((item) => !isDate(item))\n    )\n      return []\n    const rangeArrDayjs = props.range.map((_) => dayjs(_).locale(lang.value))\n    const [startDayjs, endDayjs] = rangeArrDayjs\n    if (startDayjs.isAfter(endDayjs)) {\n      debugWarn(componentName, 'end time should be greater than start time')\n      return []\n    }\n    if (startDayjs.isSame(endDayjs, 'month')) {\n      // same month\n      return calculateValidatedDateRange(startDayjs, endDayjs)\n    } else {\n      // two months\n      if (!startDayjs.add(1, 'month').isSame(endDayjs, 'month')) {\n        debugWarn(\n          componentName,\n          'start time and end time interval must not exceed two months'\n        )\n        return []\n      }\n      return calculateValidatedDateRange(startDayjs, endDayjs)\n    }\n  })\n\n  const date: ComputedRef<Dayjs> = computed(() => {\n    if (!props.modelValue) {\n      return (\n        realSelectedDay.value ||\n        (validatedRange.value.length ? validatedRange.value[0][0] : now)\n      )\n    } else {\n      return dayjs(props.modelValue).locale(lang.value)\n    }\n  })\n  const prevMonthDayjs = computed(() => date.value.subtract(1, 'month').date(1))\n  const nextMonthDayjs = computed(() => date.value.add(1, 'month').date(1))\n  const prevYearDayjs = computed(() => date.value.subtract(1, 'year').date(1))\n  const nextYearDayjs = computed(() => date.value.add(1, 'year').date(1))\n\n  // https://github.com/element-plus/element-plus/issues/3155\n  // Calculate the validate date range according to the start and end dates\n  const calculateValidatedDateRange = (\n    startDayjs: Dayjs,\n    endDayjs: Dayjs\n  ): [Dayjs, Dayjs][] => {\n    const firstDay = startDayjs.startOf('week')\n    const lastDay = endDayjs.endOf('week')\n    const firstMonth = firstDay.get('month')\n    const lastMonth = lastDay.get('month')\n\n    // Current month\n    if (firstMonth === lastMonth) {\n      return [[firstDay, lastDay]]\n    }\n    // Two adjacent months\n    else if ((firstMonth + 1) % 12 === lastMonth) {\n      return adjacentMonth(firstDay, lastDay)\n    }\n    // Three consecutive months (compatible: 2021-01-30 to 2021-02-28)\n    else if (\n      firstMonth + 2 === lastMonth ||\n      (firstMonth + 1) % 11 === lastMonth\n    ) {\n      return threeConsecutiveMonth(firstDay, lastDay)\n    }\n    // Other cases\n    else {\n      debugWarn(\n        componentName,\n        'start time and end time interval must not exceed two months'\n      )\n      return []\n    }\n  }\n\n  const pickDay = (day: Dayjs) => {\n    realSelectedDay.value = day\n  }\n\n  const selectDate = (type: CalendarDateType) => {\n    const dateMap: Record<CalendarDateType, Dayjs> = {\n      'prev-month': prevMonthDayjs.value,\n      'next-month': nextMonthDayjs.value,\n      'prev-year': prevYearDayjs.value,\n      'next-year': nextYearDayjs.value,\n      today: now,\n    }\n\n    const day = dateMap[type]\n\n    if (!day.isSame(date.value, 'day')) {\n      pickDay(day)\n    }\n  }\n\n  const handleDateChange = (date: Dayjs | 'today') => {\n    if (date === 'today') {\n      selectDate('today')\n    } else {\n      pickDay(date)\n    }\n  }\n\n  return {\n    calculateValidatedDateRange,\n    date,\n    realSelectedDay,\n    pickDay,\n    selectDate,\n    validatedRange,\n    handleDateChange,\n  }\n}\n"],"mappings":"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"}

package/es/components/calendar/style/css.mjs

@@ -1,5 +1,5 @@
 import "../../base/style/css.mjs";
-import "../../button-group/style/css.mjs";
 import "../../button/style/css.mjs";
+import "../../button-group/style/css.mjs";
 import "../../select/style/css.mjs";
 import "@element-plus/nightly/theme-chalk/el-calendar.css";

package/es/components/calendar/style/index.mjs

@@ -1,5 +1,5 @@
 import "../../base/style/index.mjs";
-import "../../button-group/style/index.mjs";
 import "../../button/style/index.mjs";
+import "../../button-group/style/index.mjs";
 import "../../select/style/index.mjs";
 import "@element-plus/nightly/theme-chalk/src/calendar.scss";

package/es/components/card/src/card.vue.d.ts

@@ -11,8 +11,8 @@ type __VLS_Slots = {} & {
   footer?: (props: typeof __VLS_5) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<CardProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CardProps> & Readonly<{}>, {
-  header: string;
   footer: string;
+  header: string;
   bodyStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   shadow: "always" | "hover" | "never";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/es/components/carousel/src/carousel.vue.d.ts

@@ -18,9 +18,9 @@ declare const __VLS_base: _$vue.DefineComponent<CarouselProps, {
 }>, {
   type: "" | "card";
   height: string;
+  direction: "horizontal" | "vertical";
   loop: boolean;
   trigger: "hover" | "click";
-  direction: "horizontal" | "vertical";
   arrow: "always" | "hover" | "never";
   initialIndex: number;
   autoplay: boolean;

package/es/components/cascader/src/cascader.d.ts

@@ -164,7 +164,7 @@ declare const cascaderProps: {
   maxCollapseTags: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   collapseTagsTooltip: BooleanConstructor;
   maxCollapseTagsTooltipHeight: {
-    readonly type: _$vue.PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -179,7 +179,7 @@ declare const cascaderProps: {
     new (): any;
     readonly prototype: any;
   }) | null)[], unknown, unknown, () => true, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "auto" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "auto" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
   popperClass: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | {
@@ -288,14 +288,14 @@ declare const cascaderProps: {
   effect: EpPropFinalized<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown, string, boolean>;
   tagType: {
     default: string;
-    type: _$vue.PropType<EpPropMergeType<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown>>;
+    type: _$vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   tagEffect: {
     default: string;
-    type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    type: _$vue.PropType<EpPropMergeType<StringConstructor, "dark" | "light" | "plain", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/es/components/cascader/src/cascader.vue.d.ts

@@ -186,48 +186,48 @@ declare const __VLS_base: _$vue.DefineComponent<CascaderComponentProps, {
   focus: () => void; /** @description blur the input element */
   blur: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  blur: (evt: FocusEvent) => void;
-  focus: (evt: FocusEvent) => void;
-  change: (value: CascaderValue | null | undefined) => void;
   clear: () => void;
   "update:modelValue": (value: CascaderValue | null | undefined) => void;
+  focus: (evt: FocusEvent) => void;
+  blur: (evt: FocusEvent) => void;
+  change: (value: CascaderValue | null | undefined) => void;
   visibleChange: (val: boolean) => void;
   expandChange: (val: CascaderValue) => void;
   removeTag: (val: CascaderNodeValue | CascaderNodePathValue) => void;
 }, string, _$vue.PublicProps, Readonly<CascaderComponentProps> & Readonly<{
-  onBlur?: ((evt: FocusEvent) => any) | undefined;
-  onChange?: ((value: CascaderValue | null | undefined) => any) | undefined;
-  onFocus?: ((evt: FocusEvent) => any) | undefined;
   onClear?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((value: CascaderValue | null | undefined) => any) | undefined;
+  onChange?: ((value: CascaderValue | null | undefined) => any) | undefined;
+  onFocus?: ((evt: FocusEvent) => any) | undefined;
+  onBlur?: ((evt: FocusEvent) => any) | undefined;
   onVisibleChange?: ((val: boolean) => any) | undefined;
   onExpandChange?: ((val: CascaderValue) => any) | undefined;
   onRemoveTag?: ((val: CascaderNodeValue | CascaderNodePathValue) => any) | undefined;
 }>, {
-  teleported: boolean;
-  props: CascaderProps;
-  effect: PopperEffect;
   disabled: boolean;
+  props: CascaderProps;
   clearIcon: IconPropType;
   validateEvent: boolean;
   height: number;
   separator: string;
-  popperStyle: string | false | _$vue.CSSProperties | StyleValue[] | null;
+  valueOnClear: string | number | boolean | Function | null;
+  effect: PopperEffect;
   fallbackPlacements: Placement[];
   placement: Placement;
+  popperStyle: string | false | _$vue.CSSProperties | StyleValue[] | null;
+  teleported: boolean;
   persistent: boolean;
   options: CascaderOption[];
+  tagType: "primary" | "success" | "warning" | "info" | "danger";
+  maxCollapseTags: number;
+  tagEffect: "dark" | "light" | "plain";
+  filterMethod: (node: Node, keyword: string) => boolean;
+  itemSize: number;
   debounce: number;
-  valueOnClear: string | number | boolean | Function | null;
   showPrefix: boolean;
-  filterMethod: (node: Node, keyword: string) => boolean;
   showAllLevels: boolean;
-  maxCollapseTags: number;
   beforeFilter: (value: string) => boolean | Promise<any>;
-  tagType: "info" | "primary" | "success" | "warning" | "danger";
-  tagEffect: "light" | "dark" | "plain";
   showCheckedStrategy: "parent" | "child";
-  itemSize: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/cascader-panel/src/index.vue.d.ts

@@ -269,18 +269,18 @@ declare const __VLS_base: _$vue.DefineComponent<CascaderPanelProps, {
   loadLazyRootNodes: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   close: () => void;
-  change: (value: CascaderValue | null | undefined) => void;
   "update:modelValue": (value: CascaderValue | null | undefined) => void;
+  change: (value: CascaderValue | null | undefined) => void;
   "expand-change": (value: CascaderNodePathValue) => void;
 }, string, _$vue.PublicProps, Readonly<CascaderPanelProps> & Readonly<{
-  onChange?: ((value: CascaderValue | null | undefined) => any) | undefined;
   onClose?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((value: CascaderValue | null | undefined) => any) | undefined;
+  onChange?: ((value: CascaderValue | null | undefined) => any) | undefined;
   "onExpand-change"?: ((value: CascaderNodePathValue) => any) | undefined;
 }>, {
+  border: boolean;
   props: CascaderProps;
   height: number;
-  border: boolean;
   options: CascaderOption[];
   itemSize: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/es/components/cascader-panel/src/menu.vue.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_Props, {
   readonly $el: HTMLElement;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
   height: number;
-  virtualScroll: boolean;
   itemSize: number;
+  virtualScroll: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/check-tag/src/check-tag.d.ts

@@ -23,7 +23,7 @@ interface CheckTagProps {
 declare const checkTagProps: {
   readonly checked: BooleanConstructor;
   readonly disabled: BooleanConstructor;
-  readonly type: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown, "primary", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "primary", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `CheckTagProps` instead.

package/es/components/checkbox/src/checkbox-button.vue.d.ts

@@ -7,19 +7,19 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<CheckboxProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (val: CheckboxValueType) => void;
   "update:modelValue": (val: CheckboxValueType) => void;
+  change: (val: CheckboxValueType) => void;
 }, string, _$vue.PublicProps, Readonly<CheckboxProps> & Readonly<{
-  onChange?: ((val: CheckboxValueType) => any) | undefined;
   "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+  onChange?: ((val: CheckboxValueType) => any) | undefined;
 }>, {
-  id: string;
   disabled: boolean;
-  modelValue: number | string | boolean;
-  validateEvent: boolean;
   name: string;
-  value: string | boolean | number | object;
   label: string | boolean | number | object;
+  value: string | boolean | number | object;
+  id: string;
+  modelValue: number | string | boolean;
+  validateEvent: boolean;
   trueValue: string | number;
   falseValue: string | number;
   trueLabel: string | number;

package/es/components/checkbox/src/checkbox-group.vue.d.ts

@@ -8,22 +8,22 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<CheckboxGroupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (val: CheckboxValueType[]) => void;
   "update:modelValue": (val: CheckboxGroupValueType) => void;
+  change: (val: CheckboxValueType[]) => void;
 }, string, _$vue.PublicProps, Readonly<CheckboxGroupProps> & Readonly<{
-  onChange?: ((val: CheckboxValueType[]) => any) | undefined;
   "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
+  onChange?: ((val: CheckboxValueType[]) => any) | undefined;
 }>, {
+  type: "checkbox" | "button";
+  disabled: boolean;
   props: {
     value?: string;
     label?: string;
     disabled?: string;
   };
-  type: "checkbox" | "button";
-  disabled: boolean;
+  tag: string;
   modelValue: CheckboxGroupValueType;
   validateEvent: boolean;
-  tag: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/checkbox/src/checkbox.d.ts

@@ -84,21 +84,21 @@ declare const checkboxProps: {
    * @description binding value
    */
   modelValue: {
-    type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
    * @description label of the Checkbox when used inside a `checkbox-group`
    */
   label: {
-    type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
    * @description value of the Checkbox when used inside a `checkbox-group`
    */
   value: {
-    type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
@@ -127,14 +127,14 @@ declare const checkboxProps: {
    * @description value of the Checkbox if it's checked
    */
   trueValue: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
    * @description value of the Checkbox if it's not checked
    */
   falseValue: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
@@ -142,7 +142,7 @@ declare const checkboxProps: {
    * @description value of the Checkbox if it's checked
    */
   trueLabel: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
@@ -150,7 +150,7 @@ declare const checkboxProps: {
    * @description value of the Checkbox if it's not checked
    */
   falseLabel: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
@@ -176,7 +176,7 @@ declare const checkboxProps: {
   /**
    * @description input tabindex
    */
-  tabindex: (NumberConstructor | StringConstructor)[];
+  tabindex: (StringConstructor | NumberConstructor)[];
   /**
    * @description whether to trigger form validation
    */

package/es/components/checkbox/src/checkbox.vue.d.ts

@@ -7,19 +7,19 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<CheckboxProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (val: CheckboxValueType) => void;
   "update:modelValue": (val: CheckboxValueType) => void;
+  change: (val: CheckboxValueType) => void;
 }, string, _$vue.PublicProps, Readonly<CheckboxProps> & Readonly<{
-  onChange?: ((val: CheckboxValueType) => any) | undefined;
   "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+  onChange?: ((val: CheckboxValueType) => any) | undefined;
 }>, {
-  id: string;
   disabled: boolean;
-  modelValue: number | string | boolean;
-  validateEvent: boolean;
   name: string;
-  value: string | boolean | number | object;
   label: string | boolean | number | object;
+  value: string | boolean | number | object;
+  id: string;
+  modelValue: number | string | boolean;
+  validateEvent: boolean;
   trueValue: string | number;
   falseValue: string | number;
   trueLabel: string | number;

package/es/components/col/src/col.vue.d.ts

@@ -7,10 +7,10 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ColProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ColProps> & Readonly<{}>, {
-  offset: number;
   push: number;
   tag: string;
   span: number;
+  offset: number;
   pull: number;
   xs: ColSize;
   sm: ColSize;

package/es/components/collapse/src/collapse.vue.d.ts

@@ -10,11 +10,11 @@ declare const __VLS_base: _$vue.DefineComponent<CollapseProps, {
   /** @description active names */activeNames: _$vue.Ref<(string | number)[], (string | number)[]>; /** @description set active names */
   setActiveNames: (_activeNames: CollapseActiveName[]) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (value: CollapseModelValue) => void;
   "update:modelValue": (value: CollapseModelValue) => void;
+  change: (value: CollapseModelValue) => void;
 }, string, _$vue.PublicProps, Readonly<CollapseProps> & Readonly<{
-  onChange?: ((value: CollapseModelValue) => any) | undefined;
   "onUpdate:modelValue"?: ((value: CollapseModelValue) => any) | undefined;
+  onChange?: ((value: CollapseModelValue) => any) | undefined;
 }>, {
   modelValue: CollapseModelValue;
   expandIconPosition: CollapseIconPositionType;

package/es/components/color-picker/src/color-picker.vue.d.ts

@@ -29,29 +29,29 @@ declare const __VLS_export: _$vue.DefineComponent<ColorPickerProps, {
    */
   blur: typeof blur;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  blur: (evt: FocusEvent) => void;
-  focus: (evt: FocusEvent) => void;
-  change: (val: string | null) => void;
   clear: () => void;
   "update:modelValue": (val: string | null) => void;
+  focus: (evt: FocusEvent) => void;
+  blur: (evt: FocusEvent) => void;
+  change: (val: string | null) => void;
   activeChange: (val: string | null) => void;
 }, string, _$vue.PublicProps, Readonly<ColorPickerProps> & Readonly<{
-  onBlur?: ((evt: FocusEvent) => any) | undefined;
-  onChange?: ((val: string | null) => any) | undefined;
-  onFocus?: ((evt: FocusEvent) => any) | undefined;
   onClear?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
+  onChange?: ((val: string | null) => any) | undefined;
+  onFocus?: ((evt: FocusEvent) => any) | undefined;
+  onBlur?: ((evt: FocusEvent) => any) | undefined;
   onActiveChange?: ((val: string | null) => any) | undefined;
 }>, {
-  teleported: boolean;
   disabled: boolean;
-  modelValue: string | null;
   clearable: boolean;
+  modelValue: string | null;
   tabindex: string | number;
   validateEvent: boolean;
+  valueOnClear: string | number | boolean | Function | null;
   popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+  teleported: boolean;
   persistent: boolean;
-  valueOnClear: string | number | boolean | Function | null;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/es/components/color-picker-panel/src/color-picker-panel.vue.d.ts

@@ -27,9 +27,9 @@ declare const __VLS_base: _$vue.DefineComponent<ColorPickerPanelProps, {
 }, string, _$vue.PublicProps, Readonly<ColorPickerPanelProps> & Readonly<{
   "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
 }>, {
+  border: boolean;
   modelValue: string | null;
   validateEvent: boolean;
-  border: boolean;
   showAlpha: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/config-provider/src/hooks/use-global-config.d.ts

@@ -32,7 +32,7 @@ declare function useGlobalComponentSettings(block: string, sizeFallback?: MaybeR
     currentZIndex: _$vue.ComputedRef<number>;
     nextZIndex: () => number;
   };
-  size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
+  size: _$vue.ComputedRef<"default" | "" | "small" | "large">;
 };
 declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContext>, app?: App, global?: boolean) => _$vue.ComputedRef<Partial<ConfigProviderProps>> | undefined;
 //#endregion

package/es/components/countdown/src/countdown.vue.d.ts

@@ -11,14 +11,14 @@ declare const __VLS_base: _$vue.DefineComponent<CountdownProps, {
    */
   displayValue: _$vue.ComputedRef<string>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (value: number) => void;
   finish: () => void;
+  change: (value: number) => void;
 }, string, _$vue.PublicProps, Readonly<CountdownProps> & Readonly<{
-  onChange?: ((value: number) => any) | undefined;
   onFinish?: (() => any) | undefined;
+  onChange?: ((value: number) => any) | undefined;
 }>, {
-  value: number | _$dayjs.Dayjs;
   format: string;
+  value: number | _$dayjs.Dayjs;
   valueStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/date-picker/src/date-picker.d.ts

@@ -7,7 +7,7 @@ import * as _$vue_jsx_runtime0 from "vue/jsx-runtime";
 
 //#region ../../packages/components/date-picker/src/date-picker.d.ts
 declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
-  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
+  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
   readonly showNow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showConfirm: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showFooter: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -33,7 +33,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "auto" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "auto" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -188,7 +188,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | Date[] | number[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | Date[] | number[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;
@@ -206,7 +206,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly isRange: BooleanConstructor;
 }>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
-  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
+  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
   readonly showNow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showConfirm: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showFooter: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -232,7 +232,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "auto" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "auto" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -387,7 +387,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | Date[] | number[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | Date[] | number[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;
@@ -407,33 +407,33 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>> & Readonly<{
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly type: EpPropMergeType<(new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType)) | null)[], unknown, unknown>;
+  readonly type: EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType)) | null)[], unknown, unknown>;
+  readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly showConfirm: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly showWeekNumber: boolean;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
+  readonly unlinkPanels: boolean;
+  readonly singlePanel: boolean;
+  readonly shortcuts: unknown[];
   readonly placeholder: string;
-  readonly readonly: boolean;
   readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | Date[] | number[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | Date[] | number[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
+  readonly readonly: boolean;
   readonly clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
   readonly prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
   readonly tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
   readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly popperStyle: _$vue.StyleValue;
+  readonly valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
   readonly fallbackPlacements: Placement[];
-  readonly placement: EpPropMergeType<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
+  readonly placement: EpPropMergeType<(new (...args: any[]) => "left" | "auto" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "auto" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
   readonly popperOptions: Partial<Options>;
-  readonly valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
-  readonly automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly popperStyle: _$vue.StyleValue;
   readonly saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly rangeSeparator: string;
-  readonly shortcuts: unknown[];
-  readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly showConfirm: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly showWeekNumber: boolean;
   readonly arrowControl: boolean;
-  readonly unlinkPanels: boolean;
-  readonly singlePanel: boolean;
   readonly isRange: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion