@element-plus/nightly 0.0.20260805 → 0.0.20260809

package/es/components/date-picker-panel/src/utils.mjs

@@ -74,11 +74,15 @@ const getValidDateOfYear = (value, lang, disabledDate) => {
 	for (let i = 0; i < 12; i++) if (!datesInMonth(value, year, i, lang).every(disabledDate)) return getValidDateOfMonth(value, year, i, lang, disabledDate);
 	return value;
 };
-const correctlyParseUserInput = (value, format, lang, defaultFormat) => {
-	if (isArray(value)) return value.map((v) => correctlyParseUserInput(v, format, lang, defaultFormat));
+const correctlyParseUserInput = (value, format, lang) => {
+	if (isArray(value)) return value.map((v) => correctlyParseUserInput(v, format, lang));
 	if (isString(value)) {
-		const dayjsValue = defaultFormat?.value ? dayjs(value) : dayjs(value, format);
+		let dayjsValue = dayjs(value, format);
+		if (!dayjsValue.isValid()) dayjsValue = dayjs(value);
 		if (!dayjsValue.isValid()) return dayjsValue;
+		const formatValue = dayjsValue.format(format);
+		if (!dayjs(formatValue, format, true).isValid()) return dayjs("");
+		return dayjs(formatValue, format).locale(lang);
 	}
 	return dayjs(value, format).locale(lang);
 };

package/es/components/date-picker-panel/src/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../../../../../packages/components/date-picker-panel/src/utils.ts"],"sourcesContent":["import dayjs from 'dayjs'\nimport { isArray, isString } from '@element-plus/utils'\nimport { rangeArr } from '@element-plus/components/time-picker'\n\nimport type { ComputedRef } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type { DateCell } from './types'\nimport type { DisabledDateType } from './props/shared'\n\ntype DayRange = [Dayjs | undefined, Dayjs | undefined]\n\nexport const isValidRange = (range: DayRange): boolean => {\n  if (!isArray(range)) return false\n\n  const [left, right] = range\n\n  return (\n    dayjs.isDayjs(left) &&\n    dayjs.isDayjs(right) &&\n    dayjs(left).isValid() &&\n    dayjs(right).isValid() &&\n    left.isSameOrBefore(right)\n  )\n}\n\ntype GetDefaultValueParams = {\n  lang: string\n  step?: number\n  unit: 'month' | 'year'\n  unlinkPanels: boolean\n}\n\nexport type DefaultValue = [Date, Date] | Date | undefined\n\nexport const getDefaultValue = (\n  defaultValue: DefaultValue,\n  { lang, step = 1, unit, unlinkPanels }: GetDefaultValueParams\n) => {\n  let start: Dayjs\n\n  if (isArray(defaultValue)) {\n    let [left, right] = defaultValue.map((d) => dayjs(d).locale(lang))\n    if (!unlinkPanels) {\n      right = left.add(step, unit)\n    }\n    return [left, right]\n  } else if (defaultValue) {\n    start = dayjs(defaultValue)\n  } else {\n    start = dayjs()\n  }\n  start = start.locale(lang)\n  return [start, start.add(step, unit)]\n}\n\ntype Dimension = {\n  row: number\n  column: number\n}\n\ntype BuildPickerTableMetadata = {\n  startDate?: Dayjs | null\n  unit: 'month' | 'day'\n  columnIndexOffset: number\n  now: Dayjs\n  nextEndDate: Dayjs | null\n  relativeDateGetter: (index: number) => Dayjs\n  setCellMetadata?: (\n    cell: DateCell,\n    dimension: { rowIndex: number; columnIndex: number }\n  ) => void\n  setRowMetadata?: (row: DateCell[]) => void\n}\n\nexport const buildPickerTable = (\n  dimension: Dimension,\n  rows: DateCell[][],\n  {\n    columnIndexOffset,\n    startDate,\n    nextEndDate,\n    now,\n    unit,\n    relativeDateGetter,\n    setCellMetadata,\n    setRowMetadata,\n  }: BuildPickerTableMetadata\n) => {\n  for (let rowIndex = 0; rowIndex < dimension.row; rowIndex++) {\n    const row = rows[rowIndex]\n    for (let columnIndex = 0; columnIndex < dimension.column; columnIndex++) {\n      let cell = row[columnIndex + columnIndexOffset]\n      if (!cell) {\n        cell = {\n          row: rowIndex,\n          column: columnIndex,\n          type: 'normal',\n          inRange: false,\n          start: false,\n          end: false,\n        }\n      }\n      const index = rowIndex * dimension.column + columnIndex\n      const nextStartDate = relativeDateGetter(index)\n      cell.dayjs = nextStartDate\n      cell.date = nextStartDate.toDate()\n      cell.timestamp = nextStartDate.valueOf()\n      cell.type = 'normal'\n\n      cell.inRange =\n        !!(\n          startDate &&\n          nextStartDate.isSameOrAfter(startDate, unit) &&\n          nextEndDate &&\n          nextStartDate.isSameOrBefore(nextEndDate, unit)\n        ) ||\n        !!(\n          startDate &&\n          nextStartDate.isSameOrBefore(startDate, unit) &&\n          nextEndDate &&\n          nextStartDate.isSameOrAfter(nextEndDate, unit)\n        )\n\n      if (startDate?.isSameOrAfter(nextEndDate)) {\n        cell.start = !!nextEndDate && nextStartDate.isSame(nextEndDate, unit)\n        cell.end = startDate && nextStartDate.isSame(startDate, unit)\n      } else {\n        cell.start = !!startDate && nextStartDate.isSame(startDate, unit)\n        cell.end = !!nextEndDate && nextStartDate.isSame(nextEndDate, unit)\n      }\n\n      const isToday = nextStartDate.isSame(now, unit)\n\n      if (isToday) {\n        cell.type = 'today'\n      }\n      setCellMetadata?.(cell, { rowIndex, columnIndex })\n      row[columnIndex + columnIndexOffset] = cell\n    }\n    setRowMetadata?.(row)\n  }\n}\n\nexport const datesInMonth = (\n  date: Dayjs,\n  year: number,\n  month: number,\n  lang: string\n) => {\n  const firstDay = dayjs()\n    .locale(lang)\n    .startOf('month')\n    .month(month)\n    .year(year)\n    .hour(date.hour())\n    .minute(date.minute())\n    .second(date.second())\n\n  const numOfDays = firstDay.daysInMonth()\n  return rangeArr(numOfDays).map((n) => firstDay.add(n, 'day').toDate())\n}\n\nexport const getValidDateOfMonth = (\n  date: Dayjs,\n  year: number,\n  month: number,\n  lang: string,\n  disabledDate?: DisabledDateType\n) => {\n  const _value = dayjs()\n    .year(year)\n    .month(month)\n    .startOf('month')\n    .hour(date.hour())\n    .minute(date.minute())\n    .second(date.second())\n  const _date = datesInMonth(date, year, month, lang).find((date) => {\n    return !disabledDate?.(date)\n  })\n  if (_date) {\n    return dayjs(_date).locale(lang)\n  }\n  return _value.locale(lang)\n}\n\nexport const getValidDateOfYear = (\n  value: Dayjs,\n  lang: string,\n  disabledDate?: DisabledDateType\n) => {\n  const year = value.year()\n  if (!disabledDate?.(value.toDate())) {\n    return value.locale(lang)\n  }\n  const month = value.month()\n  if (!datesInMonth(value, year, month, lang).every(disabledDate)) {\n    return getValidDateOfMonth(value, year, month, lang, disabledDate)\n  }\n  for (let i = 0; i < 12; i++) {\n    if (!datesInMonth(value, year, i, lang).every(disabledDate)) {\n      return getValidDateOfMonth(value, year, i, lang, disabledDate)\n    }\n  }\n  return value\n}\n\nexport const correctlyParseUserInput = (\n  value: string | Dayjs | Dayjs[],\n  format: string,\n  lang: string,\n  defaultFormat: ComputedRef<boolean> | undefined\n): Dayjs | Dayjs[] => {\n  if (isArray(value)) {\n    return value.map(\n      (v) => correctlyParseUserInput(v, format, lang, defaultFormat) as Dayjs\n    )\n  }\n  if (isString(value)) {\n    const dayjsValue = defaultFormat?.value\n      ? dayjs(value)\n      : dayjs(value, format)\n    if (!dayjsValue.isValid()) {\n      // return directly if not valid\n      return dayjsValue\n    }\n  }\n  return dayjs(value, format).locale(lang)\n}\n"],"mappings":"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"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../../../../../packages/components/date-picker-panel/src/utils.ts"],"sourcesContent":["import dayjs from 'dayjs'\nimport { isArray, isString } from '@element-plus/utils'\nimport { rangeArr } from '@element-plus/components/time-picker'\n\nimport type { Dayjs } from 'dayjs'\nimport type { DateCell } from './types'\nimport type { DisabledDateType } from './props/shared'\n\ntype DayRange = [Dayjs | undefined, Dayjs | undefined]\n\nexport const isValidRange = (range: DayRange): boolean => {\n  if (!isArray(range)) return false\n\n  const [left, right] = range\n\n  return (\n    dayjs.isDayjs(left) &&\n    dayjs.isDayjs(right) &&\n    dayjs(left).isValid() &&\n    dayjs(right).isValid() &&\n    left.isSameOrBefore(right)\n  )\n}\n\ntype GetDefaultValueParams = {\n  lang: string\n  step?: number\n  unit: 'month' | 'year'\n  unlinkPanels: boolean\n}\n\nexport type DefaultValue = [Date, Date] | Date | undefined\n\nexport const getDefaultValue = (\n  defaultValue: DefaultValue,\n  { lang, step = 1, unit, unlinkPanels }: GetDefaultValueParams\n) => {\n  let start: Dayjs\n\n  if (isArray(defaultValue)) {\n    let [left, right] = defaultValue.map((d) => dayjs(d).locale(lang))\n    if (!unlinkPanels) {\n      right = left.add(step, unit)\n    }\n    return [left, right]\n  } else if (defaultValue) {\n    start = dayjs(defaultValue)\n  } else {\n    start = dayjs()\n  }\n  start = start.locale(lang)\n  return [start, start.add(step, unit)]\n}\n\ntype Dimension = {\n  row: number\n  column: number\n}\n\ntype BuildPickerTableMetadata = {\n  startDate?: Dayjs | null\n  unit: 'month' | 'day'\n  columnIndexOffset: number\n  now: Dayjs\n  nextEndDate: Dayjs | null\n  relativeDateGetter: (index: number) => Dayjs\n  setCellMetadata?: (\n    cell: DateCell,\n    dimension: { rowIndex: number; columnIndex: number }\n  ) => void\n  setRowMetadata?: (row: DateCell[]) => void\n}\n\nexport const buildPickerTable = (\n  dimension: Dimension,\n  rows: DateCell[][],\n  {\n    columnIndexOffset,\n    startDate,\n    nextEndDate,\n    now,\n    unit,\n    relativeDateGetter,\n    setCellMetadata,\n    setRowMetadata,\n  }: BuildPickerTableMetadata\n) => {\n  for (let rowIndex = 0; rowIndex < dimension.row; rowIndex++) {\n    const row = rows[rowIndex]\n    for (let columnIndex = 0; columnIndex < dimension.column; columnIndex++) {\n      let cell = row[columnIndex + columnIndexOffset]\n      if (!cell) {\n        cell = {\n          row: rowIndex,\n          column: columnIndex,\n          type: 'normal',\n          inRange: false,\n          start: false,\n          end: false,\n        }\n      }\n      const index = rowIndex * dimension.column + columnIndex\n      const nextStartDate = relativeDateGetter(index)\n      cell.dayjs = nextStartDate\n      cell.date = nextStartDate.toDate()\n      cell.timestamp = nextStartDate.valueOf()\n      cell.type = 'normal'\n\n      cell.inRange =\n        !!(\n          startDate &&\n          nextStartDate.isSameOrAfter(startDate, unit) &&\n          nextEndDate &&\n          nextStartDate.isSameOrBefore(nextEndDate, unit)\n        ) ||\n        !!(\n          startDate &&\n          nextStartDate.isSameOrBefore(startDate, unit) &&\n          nextEndDate &&\n          nextStartDate.isSameOrAfter(nextEndDate, unit)\n        )\n\n      if (startDate?.isSameOrAfter(nextEndDate)) {\n        cell.start = !!nextEndDate && nextStartDate.isSame(nextEndDate, unit)\n        cell.end = startDate && nextStartDate.isSame(startDate, unit)\n      } else {\n        cell.start = !!startDate && nextStartDate.isSame(startDate, unit)\n        cell.end = !!nextEndDate && nextStartDate.isSame(nextEndDate, unit)\n      }\n\n      const isToday = nextStartDate.isSame(now, unit)\n\n      if (isToday) {\n        cell.type = 'today'\n      }\n      setCellMetadata?.(cell, { rowIndex, columnIndex })\n      row[columnIndex + columnIndexOffset] = cell\n    }\n    setRowMetadata?.(row)\n  }\n}\n\nexport const datesInMonth = (\n  date: Dayjs,\n  year: number,\n  month: number,\n  lang: string\n) => {\n  const firstDay = dayjs()\n    .locale(lang)\n    .startOf('month')\n    .month(month)\n    .year(year)\n    .hour(date.hour())\n    .minute(date.minute())\n    .second(date.second())\n\n  const numOfDays = firstDay.daysInMonth()\n  return rangeArr(numOfDays).map((n) => firstDay.add(n, 'day').toDate())\n}\n\nexport const getValidDateOfMonth = (\n  date: Dayjs,\n  year: number,\n  month: number,\n  lang: string,\n  disabledDate?: DisabledDateType\n) => {\n  const _value = dayjs()\n    .year(year)\n    .month(month)\n    .startOf('month')\n    .hour(date.hour())\n    .minute(date.minute())\n    .second(date.second())\n  const _date = datesInMonth(date, year, month, lang).find((date) => {\n    return !disabledDate?.(date)\n  })\n  if (_date) {\n    return dayjs(_date).locale(lang)\n  }\n  return _value.locale(lang)\n}\n\nexport const getValidDateOfYear = (\n  value: Dayjs,\n  lang: string,\n  disabledDate?: DisabledDateType\n) => {\n  const year = value.year()\n  if (!disabledDate?.(value.toDate())) {\n    return value.locale(lang)\n  }\n  const month = value.month()\n  if (!datesInMonth(value, year, month, lang).every(disabledDate)) {\n    return getValidDateOfMonth(value, year, month, lang, disabledDate)\n  }\n  for (let i = 0; i < 12; i++) {\n    if (!datesInMonth(value, year, i, lang).every(disabledDate)) {\n      return getValidDateOfMonth(value, year, i, lang, disabledDate)\n    }\n  }\n  return value\n}\n\nexport const correctlyParseUserInput = (\n  value: string | Dayjs | Dayjs[],\n  format: string,\n  lang: string\n): Dayjs | Dayjs[] => {\n  if (isArray(value)) {\n    return value.map((v) => correctlyParseUserInput(v, format, lang) as Dayjs)\n  }\n  if (isString(value)) {\n    let dayjsValue = dayjs(value, format)\n    if (!dayjsValue.isValid()) {\n      dayjsValue = dayjs(value)\n    }\n    if (!dayjsValue.isValid()) {\n      // return directly if not valid\n      return dayjsValue\n    }\n    const formatValue = dayjsValue.format(format)\n    // Strictly validate date validity\n    if (!dayjs(formatValue, format, true).isValid()) {\n      return dayjs('')\n    }\n    return dayjs(formatValue, format).locale(lang)\n  }\n  return dayjs(value, format).locale(lang)\n}\n"],"mappings":"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"}

package/es/components/descriptions/src/description-item.d.ts

@@ -7,17 +7,17 @@ declare const descriptionItemProps: {
   label: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   span: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   rowspan: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  width: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
-  minWidth: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
+  width: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
+  minWidth: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
   labelWidth: {
-    readonly type: _$vue.PropType<EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  align: EpPropFinalized<StringConstructor, "left" | "right" | "center", unknown, string, boolean>;
+  align: EpPropFinalized<StringConstructor, "center" | "right" | "left", unknown, string, boolean>;
   labelAlign: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "left" | "right" | "center", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "center" | "right" | "left", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -29,17 +29,17 @@ declare const DescriptionItem: _$vue.DefineComponent<ExtractPropTypes<{
   label: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   span: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   rowspan: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  width: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
-  minWidth: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
+  width: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
+  minWidth: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
   labelWidth: {
-    readonly type: _$vue.PropType<EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  align: EpPropFinalized<StringConstructor, "left" | "right" | "center", unknown, string, boolean>;
+  align: EpPropFinalized<StringConstructor, "center" | "right" | "left", unknown, string, boolean>;
   labelAlign: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "left" | "right" | "center", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "center" | "right" | "left", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -50,17 +50,17 @@ declare const DescriptionItem: _$vue.DefineComponent<ExtractPropTypes<{
   label: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   span: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   rowspan: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  width: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
-  minWidth: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, string, boolean>;
+  width: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
+  minWidth: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
   labelWidth: {
-    readonly type: _$vue.PropType<EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  align: EpPropFinalized<StringConstructor, "left" | "right" | "center", unknown, string, boolean>;
+  align: EpPropFinalized<StringConstructor, "center" | "right" | "left", unknown, string, boolean>;
   labelAlign: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "left" | "right" | "center", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "center" | "right" | "left", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -68,13 +68,13 @@ declare const DescriptionItem: _$vue.DefineComponent<ExtractPropTypes<{
   className: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   labelClassName: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
 }>> & Readonly<{}>, {
+  className: string;
   label: string;
-  width: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+  align: EpPropMergeType<StringConstructor, "center" | "right" | "left", unknown>;
+  minWidth: EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
+  width: EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
   span: number;
-  className: string;
-  minWidth: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
   rowspan: number;
-  align: EpPropMergeType<StringConstructor, "left" | "right" | "center", unknown>;
   labelClassName: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type DescriptionItemProps = ExtractPropTypes<typeof descriptionItemProps>;

package/es/components/descriptions/src/description.d.ts

@@ -47,7 +47,7 @@ interface DescriptionProps {
 declare const descriptionProps: {
   readonly border: BooleanConstructor;
   readonly column: EpPropFinalized<NumberConstructor, unknown, unknown, 3, boolean>;
-  readonly direction: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
+  readonly direction: EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
   readonly size: {
     readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;

package/es/components/dialog/src/dialog-content.vue.d.ts

@@ -23,10 +23,10 @@ declare const __VLS_base: _$vue.DefineComponent<DialogContentProps, {
   headerClass: string | false | Record<string, any> | ClassValue[] | null;
   bodyClass: string | false | Record<string, any> | ClassValue[] | null;
   footerClass: string | false | Record<string, any> | ClassValue[] | null;
-  overflow: boolean;
-  alignCenter: boolean;
   draggable: boolean;
+  overflow: boolean;
   showClose: boolean;
+  alignCenter: boolean;
   ariaLevel: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -23,41 +23,41 @@ declare const __VLS_base: _$vue.DefineComponent<DialogProps, {
   resetPosition: () => void;
   handleClose: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: boolean) => void;
   close: () => void;
+  "update:modelValue": (value: boolean) => void;
   open: () => void;
-  opened: () => void;
   closed: () => void;
+  opened: () => void;
   openAutoFocus: () => void;
   closeAutoFocus: () => void;
 }, string, _$vue.PublicProps, Readonly<DialogProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onClose?: (() => any) | undefined;
+  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onOpen?: (() => any) | undefined;
-  onOpened?: (() => any) | undefined;
   onClosed?: (() => any) | undefined;
+  onOpened?: (() => any) | undefined;
   onOpenAutoFocus?: (() => any) | undefined;
   onCloseAutoFocus?: (() => any) | undefined;
 }>, {
   appendTo: string | HTMLElement;
   title: string;
+  transition: DialogTransition;
+  closeOnPressEscape: boolean;
   headerClass: string | false | Record<string, any> | ClassValue[] | null;
   bodyClass: string | false | Record<string, any> | ClassValue[] | null;
   footerClass: string | false | Record<string, any> | ClassValue[] | null;
+  draggable: boolean;
   overflow: boolean;
-  transition: DialogTransition;
-  closeOnClickModal: boolean;
-  closeOnPressEscape: boolean;
-  lockScroll: boolean;
+  showClose: boolean;
   modal: boolean;
-  openDelay: number;
-  closeDelay: number;
+  lockScroll: boolean;
+  closeOnClickModal: boolean;
   modalClass: string | false | Record<string, any> | ClassValue[] | null;
-  headerAriaLevel: string;
   alignCenter: boolean;
-  draggable: boolean;
-  showClose: boolean;
   ariaLevel: string;
+  openDelay: number;
+  closeDelay: number;
+  headerAriaLevel: 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/divider/src/divider.d.ts

@@ -22,8 +22,8 @@ interface DividerProps {
  * @deprecated Removed after 3.0.0, Use `DividerProps` instead.
  */
 declare const dividerProps: {
-  readonly direction: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-  readonly contentPosition: EpPropFinalized<StringConstructor, "left" | "right" | "center", unknown, "center", boolean>;
+  readonly direction: EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
+  readonly contentPosition: EpPropFinalized<StringConstructor, "center" | "right" | "left", unknown, "center", boolean>;
   readonly borderStyle: EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, "solid", boolean>;
 };
 /**

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

@@ -8,8 +8,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: _$vue.DefineComponent<DividerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<DividerProps> & Readonly<{}>, {
   direction: "horizontal" | "vertical";
-  contentPosition: "left" | "center" | "right";
   borderStyle: BorderStyle;
+  contentPosition: "left" | "center" | "right";
 }, {}, {}, {}, 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/drawer/src/drawer.vue.d.ts

@@ -21,51 +21,51 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<DrawerProps, {
   handleClose: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: boolean) => void;
   close: () => void;
   resize: (evt: MouseEvent, size: number) => void;
+  "update:modelValue": (value: boolean) => void;
   open: () => void;
-  opened: () => void;
   closed: () => void;
+  opened: () => void;
   openAutoFocus: () => void;
   closeAutoFocus: () => void;
   "resize-start": (evt: MouseEvent, size: number) => void;
   "resize-end": (evt: MouseEvent, size: number) => void;
 }, string, _$vue.PublicProps, Readonly<DrawerProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onClose?: (() => any) | undefined;
   onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
   onOpen?: (() => any) | undefined;
-  onOpened?: (() => any) | undefined;
   onClosed?: (() => any) | undefined;
+  onOpened?: (() => any) | undefined;
   onOpenAutoFocus?: (() => any) | undefined;
   onCloseAutoFocus?: (() => any) | undefined;
   "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
   "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
 }>, {
   appendTo: string | HTMLElement;
-  size: string | number;
   title: string;
   direction: "ltr" | "rtl" | "ttb" | "btt";
+  size: string | number;
+  transition: DialogTransition;
+  closeOnPressEscape: boolean;
   headerClass: string | false | Record<string, any> | ClassValue[] | null;
   bodyClass: string | false | Record<string, any> | ClassValue[] | null;
   footerClass: string | false | Record<string, any> | ClassValue[] | null;
+  draggable: boolean;
   overflow: boolean;
-  transition: DialogTransition;
-  closeOnClickModal: boolean;
-  closeOnPressEscape: boolean;
-  lockScroll: boolean;
+  showClose: boolean;
   modal: boolean;
-  openDelay: number;
-  closeDelay: number;
+  lockScroll: boolean;
+  closeOnClickModal: boolean;
+  modalFade: boolean;
   modalClass: string | false | Record<string, any> | ClassValue[] | null;
-  headerAriaLevel: string;
   alignCenter: boolean;
-  draggable: boolean;
-  showClose: boolean;
   ariaLevel: string;
+  openDelay: number;
+  closeDelay: number;
+  headerAriaLevel: string;
   withHeader: boolean;
-  modalFade: 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/dropdown/src/dropdown-item-impl.vue.d.ts

@@ -57,8 +57,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
 }>> & Readonly<{
   onClick?: ((...args: any[]) => any) | undefined;
-  onPointerleave?: ((...args: any[]) => any) | undefined;
   onPointermove?: ((...args: any[]) => any) | undefined;
+  onPointerleave?: ((...args: any[]) => any) | undefined;
   onClickimpl?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly disabled: boolean;

package/es/components/dropdown/src/dropdown-item.vue.d.ts

@@ -27,8 +27,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     icon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown> | undefined;
     textValue: string | undefined;
     onClick: ((...args: any[]) => any) | undefined;
-    onPointerleave: ((...args: any[]) => any) | undefined;
     onPointermove: ((...args: any[]) => any) | undefined;
+    onPointerleave: ((...args: any[]) => any) | undefined;
   }>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove")[], "click" | "pointerleave" | "pointermove", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly command: EpPropFinalized<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown, () => {}, boolean>;
@@ -43,8 +43,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
 }>> & Readonly<{
   onClick?: ((...args: any[]) => any) | undefined;
-  onPointerleave?: ((...args: any[]) => any) | undefined;
   onPointermove?: ((...args: any[]) => any) | undefined;
+  onPointerleave?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly disabled: boolean;
   readonly command: EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown>;
@@ -146,8 +146,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     };
   }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
-    onPointerleave?: ((...args: any[]) => any) | undefined;
     onPointermove?: ((...args: any[]) => any) | undefined;
+    onPointerleave?: ((...args: any[]) => any) | undefined;
     onClickimpl?: ((...args: any[]) => any) | undefined;
   }>, {
     readonly disabled: boolean;

package/es/components/dropdown/src/dropdown-menu.vue.d.ts

@@ -13,7 +13,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   size: _$vue.ComputedRef<string> | undefined;
   rovingFocusGroupRootStyle: _$vue.Ref<_$vue.StyleValue, _$vue.StyleValue>;
   dropdownKls: _$vue.ComputedRef<string[]>;
-  role: _$vue.ComputedRef<"dialog" | "tree" | "menu" | "listbox" | "grid" | "tooltip" | "group" | "navigation" | undefined>;
+  role: _$vue.ComputedRef<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree" | "group" | "navigation" | undefined>;
   triggerId: _$vue.ComputedRef<string>;
   dropdownListWrapperRef: (el: Element | _$vue.ComponentPublicInstance | null) => void;
   handleKeydown: (event: KeyboardEvent) => void;

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

@@ -44,12 +44,12 @@ declare const dropdownProps: {
     readonly __epPropKey: true;
   };
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger") | (((new (...args: any[]) => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger")) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger") | (() => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger") | (((new (...args: any[]) => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger") | (() => "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger")) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  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$1) | (((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$1)) | null)[], unknown, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], unknown, unknown, "bottom", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
   readonly id: StringConstructor;
   readonly size: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -64,7 +64,7 @@ declare const dropdownProps: {
   readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly disabled: BooleanConstructor;
-  readonly role: EpPropFinalized<StringConstructor, "dialog" | "tree" | "menu" | "listbox" | "grid" | "tooltip" | "group" | "navigation", unknown, "menu", boolean>;
+  readonly role: EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "tree" | "group" | "navigation", unknown, "menu", boolean>;
   readonly buttonProps: {
     readonly type: _$vue.PropType<Partial<ButtonProps>>;
     readonly required: false;