element-plus 2.14.1 → 2.14.2

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/carousel/src/carousel.d.ts

@@ -62,7 +62,7 @@ interface CarouselProps {
 declare const carouselProps: {
   readonly initialIndex: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly height: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly trigger: EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
+  readonly trigger: EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
   readonly autoplay: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly interval: EpPropFinalized<NumberConstructor, unknown, unknown, 3000, boolean>;
   readonly indicatorPosition: EpPropFinalized<StringConstructor, "" | "none" | "outside", unknown, "", boolean>;

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

@@ -139,7 +139,7 @@ declare const cascaderProps: {
   emptyValues: ArrayConstructor;
   valueOnClear: EpPropFinalized<(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, undefined, boolean>;
   size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     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[]) => "auto" | "left" | "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[]) => "auto" | "left" | "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>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "auto" | "top" | "bottom" | "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" | "right" | "auto" | "top" | "bottom" | "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 | {

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

@@ -186,38 +186,39 @@ declare const __VLS_base: _$vue.DefineComponent<CascaderComponentProps, {
   focus: () => void; /** @description blur the input element */
   blur: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: CascaderValue | null | undefined) => void;
+  clear: () => void;
   focus: (evt: FocusEvent) => void;
   blur: (evt: FocusEvent) => void;
-  clear: () => void;
+  "update:modelValue": (value: CascaderValue | null | undefined) => 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<{
-  "onUpdate:modelValue"?: ((value: CascaderValue | null | undefined) => any) | undefined;
-  onChange?: ((value: CascaderValue | null | undefined) => any) | undefined;
+  onClear?: (() => any) | undefined;
   onFocus?: ((evt: FocusEvent) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
-  onClear?: (() => any) | undefined;
+  "onUpdate:modelValue"?: ((value: CascaderValue | null | undefined) => any) | undefined;
+  onChange?: ((value: CascaderValue | null | undefined) => any) | undefined;
   onVisibleChange?: ((val: boolean) => any) | undefined;
   onExpandChange?: ((val: CascaderValue) => any) | undefined;
   onRemoveTag?: ((val: CascaderNodeValue | CascaderNodePathValue) => any) | undefined;
 }>, {
-  disabled: boolean;
-  clearIcon: IconPropType;
-  validateEvent: boolean;
+  props: CascaderProps;
   height: number;
+  itemSize: number;
   separator: string;
-  props: CascaderProps;
-  options: CascaderOption[];
-  valueOnClear: string | number | boolean | Function | null;
-  teleported: boolean;
-  effect: PopperEffect;
-  popperStyle: string | false | _$vue.CSSProperties | StyleValue[] | null;
+  disabled: boolean;
   fallbackPlacements: Placement[];
   placement: Placement;
+  effect: PopperEffect;
+  popperStyle: string | false | _$vue.CSSProperties | StyleValue[] | null;
+  teleported: boolean;
   persistent: boolean;
+  clearIcon: IconPropType;
+  validateEvent: boolean;
+  valueOnClear: string | number | boolean | Function | null;
+  options: CascaderOption[];
   debounce: number;
   showPrefix: boolean;
   filterMethod: (node: Node, keyword: string) => boolean;
@@ -227,7 +228,6 @@ declare const __VLS_base: _$vue.DefineComponent<CascaderComponentProps, {
   tagType: "info" | "primary" | "success" | "warning" | "danger";
   tagEffect: "dark" | "light" | "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,8 +269,8 @@ declare const __VLS_base: _$vue.DefineComponent<CascaderPanelProps, {
   loadLazyRootNodes: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: CascaderValue | null | undefined) => void;
-  close: () => void;
   change: (value: CascaderValue | null | undefined) => void;
+  close: () => void;
   "expand-change": (value: CascaderNodePathValue) => void;
 }, string, _$vue.PublicProps, Readonly<CascaderPanelProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: CascaderValue | null | undefined) => any) | undefined;
@@ -278,11 +278,11 @@ declare const __VLS_base: _$vue.DefineComponent<CascaderPanelProps, {
   onClose?: (() => any) | undefined;
   "onExpand-change"?: ((value: CascaderNodePathValue) => any) | undefined;
 }>, {
+  props: CascaderProps;
   height: number;
+  itemSize: number;
   border: boolean;
-  props: CascaderProps;
   options: CascaderOption[];
-  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/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/checkbox/src/checkbox-button.vue.d.ts

@@ -13,11 +13,11 @@ declare const __VLS_base: _$vue.DefineComponent<CheckboxProps, {}, {}, {}, {}, _
   "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
   onChange?: ((val: CheckboxValueType) => any) | undefined;
 }>, {
+  name: string;
   id: string;
   disabled: boolean;
   modelValue: number | string | boolean;
   validateEvent: boolean;
-  name: string;
   value: string | boolean | number | object;
   label: string | boolean | number | object;
   trueValue: string | number;

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

@@ -68,7 +68,7 @@ declare const checkboxGroupProps: {
   readonly min: NumberConstructor;
   readonly max: NumberConstructor;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -14,15 +14,15 @@ declare const __VLS_base: _$vue.DefineComponent<CheckboxGroupProps, {}, {}, {},
   "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
   onChange?: ((val: CheckboxValueType[]) => any) | undefined;
 }>, {
-  disabled: boolean;
-  modelValue: CheckboxGroupValueType;
   type: "checkbox" | "button";
-  validateEvent: boolean;
   props: {
     value?: string;
     label?: string;
     disabled?: string;
   };
+  disabled: boolean;
+  modelValue: CheckboxGroupValueType;
+  validateEvent: boolean;
   tag: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -91,14 +91,14 @@ declare const checkboxProps: {
    * @description label of the Checkbox when used inside a `checkbox-group`
    */
   label: {
-    type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    type: (BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[];
     default: undefined;
   };
   /**
    * @description value of the Checkbox when used inside a `checkbox-group`
    */
   value: {
-    type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    type: (BooleanConstructor | StringConstructor | NumberConstructor | ObjectConstructor)[];
     default: undefined;
   };
   /**
@@ -168,7 +168,7 @@ declare const checkboxProps: {
    * @description size of the Checkbox
    */
   size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -13,11 +13,11 @@ declare const __VLS_base: _$vue.DefineComponent<CheckboxProps, {}, {}, {}, {}, _
   "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
   onChange?: ((val: CheckboxValueType) => any) | undefined;
 }>, {
+  name: string;
   id: string;
   disabled: boolean;
   modelValue: number | string | boolean;
   validateEvent: boolean;
-  name: string;
   value: string | boolean | number | object;
   label: string | boolean | number | object;
   trueValue: string | number;

package/es/components/checkbox/src/composables/use-checkbox-status.d.ts

@@ -7,10 +7,10 @@ import { ComponentInternalInstance } from "vue";
 declare const useCheckboxStatus: (props: CheckboxProps, slots: ComponentInternalInstance["slots"], {
   model
 }: Pick<CheckboxModel, "model">) => {
-  checkboxButtonSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
+  checkboxButtonSize: _$vue.ComputedRef<"" | "default" | "large" | "small">;
   isChecked: _$vue.ComputedRef<boolean>;
   isFocused: _$vue.Ref<boolean, boolean>;
-  checkboxSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
+  checkboxSize: _$vue.ComputedRef<"" | "default" | "large" | "small">;
   hasOwnLabel: _$vue.ComputedRef<boolean>;
   actualValue: _$vue.ComputedRef<string | number | boolean | object | undefined>;
 };

package/es/components/checkbox/src/composables/use-checkbox.d.ts

@@ -9,8 +9,8 @@ declare const useCheckbox: (props: CheckboxProps, slots: ComponentInternalInstan
   isChecked: _$vue.ComputedRef<boolean>;
   isDisabled: _$vue.ComputedRef<boolean>;
   isFocused: _$vue.Ref<boolean, boolean>;
-  checkboxButtonSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-  checkboxSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
+  checkboxButtonSize: _$vue.ComputedRef<"" | "default" | "large" | "small">;
+  checkboxSize: _$vue.ComputedRef<"" | "default" | "large" | "small">;
   hasOwnLabel: _$vue.ComputedRef<boolean>;
   model: _$vue.WritableComputedRef<any, unknown>;
   actualValue: _$vue.ComputedRef<string | number | boolean | object | undefined>;

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

@@ -91,7 +91,7 @@ declare const colorPickerProps: {
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly clearable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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, {
-  "update:modelValue": (val: string | null) => void;
+  clear: () => void;
   focus: (evt: FocusEvent) => void;
   blur: (evt: FocusEvent) => void;
-  clear: () => void;
+  "update:modelValue": (val: string | null) => void;
   change: (val: string | null) => void;
   activeChange: (val: string | null) => void;
 }, string, _$vue.PublicProps, Readonly<ColorPickerProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
-  onChange?: ((val: string | null) => any) | undefined;
+  onClear?: (() => any) | undefined;
   onFocus?: ((evt: FocusEvent) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
-  onClear?: (() => any) | undefined;
+  "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
+  onChange?: ((val: string | null) => any) | undefined;
   onActiveChange?: ((val: string | null) => any) | undefined;
 }>, {
   disabled: boolean;
   modelValue: string | null;
+  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+  teleported: boolean;
+  persistent: boolean;
   clearable: boolean;
   tabindex: string | number;
   validateEvent: boolean;
   valueOnClear: string | number | boolean | Function | null;
-  teleported: boolean;
-  popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-  persistent: boolean;
 }, {}, {}, {}, 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/config-provider-props.d.ts

@@ -22,7 +22,7 @@ declare const configProviderProps: {
     __epPropKey: true;
   };
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/es/components/config-provider/src/config-provider.d.ts

@@ -22,7 +22,7 @@ declare const ConfigProvider: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -85,7 +85,7 @@ declare const ConfigProvider: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -136,10 +136,10 @@ declare const ConfigProvider: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
+  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 a11y: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly keyboardNavigation: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly namespace: string;
-  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>;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type ConfigProviderInstance = InstanceType<typeof ConfigProvider> & unknown;
 //#endregion

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" | "" | "large" | "small">;
 };
 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

@@ -17,8 +17,8 @@ declare const __VLS_base: _$vue.DefineComponent<CountdownProps, {
   onChange?: ((value: number) => any) | undefined;
   onFinish?: (() => 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" | "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 type: EpPropFinalized<(new (...args: any[]) => "month" | "year" | "dates" | "months" | "years" | "date" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "month" | "year" | "dates" | "months" | "years" | "date" | "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[]) => "auto" | "left" | "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[]) => "auto" | "left" | "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 placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "auto" | "top" | "bottom" | "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" | "right" | "auto" | "top" | "bottom" | "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>;
@@ -179,7 +179,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, "", boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -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 | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => 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" | "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 type: EpPropFinalized<(new (...args: any[]) => "month" | "year" | "dates" | "months" | "years" | "date" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "month" | "year" | "dates" | "months" | "years" | "date" | "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[]) => "auto" | "left" | "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[]) => "auto" | "left" | "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 placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "auto" | "top" | "bottom" | "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" | "right" | "auto" | "top" | "bottom" | "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>;
@@ -378,7 +378,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, "", boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -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 | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;
@@ -407,26 +407,25 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>> & Readonly<{
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly type: EpPropMergeType<(new (...args: any[]) => "month" | "year" | "dates" | "months" | "years" | "date" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "month" | "year" | "dates" | "months" | "years" | "date" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType)) | null)[], unknown, unknown>;
   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 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 placeholder: string;
-  readonly readonly: boolean;
-  readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  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 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 popperStyle: _$vue.StyleValue;
+  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
+  readonly automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly fallbackPlacements: Placement[];
-  readonly placement: EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "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[]) => "auto" | "left" | "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 placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "auto" | "top" | "bottom" | "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" | "right" | "auto" | "top" | "bottom" | "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 automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly popperStyle: _$vue.StyleValue;
+  readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  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 editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly saveOnBlur: EpPropMergeType<BooleanConstructor, 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 placeholder: string;
   readonly rangeSeparator: string;
   readonly shortcuts: 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 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 showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showConfirm: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -434,6 +433,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly arrowControl: boolean;
   readonly unlinkPanels: boolean;
   readonly singlePanel: boolean;
+  readonly readonly: boolean;
   readonly isRange: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

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

@@ -7,7 +7,7 @@ import { ExtractPropTypes, ExtractPublicPropTypes } from "vue";
 
 //#region ../../packages/components/date-picker/src/props.d.ts
 declare const datePickerProps: {
-  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 type: EpPropFinalized<(new (...args: any[]) => "month" | "year" | "dates" | "months" | "years" | "date" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "month" | "year" | "dates" | "months" | "years" | "date" | "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 datePickerProps: {
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "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[]) => "auto" | "left" | "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 placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "auto" | "top" | "bottom" | "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" | "right" | "auto" | "top" | "bottom" | "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>;
@@ -179,7 +179,7 @@ declare const datePickerProps: {
   readonly saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, "", boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -188,7 +188,7 @@ declare const datePickerProps: {
   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 | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;