@element-plus/nightly 0.0.20260329 → 0.0.20260330

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

@@ -86,21 +86,21 @@ declare const checkboxProps: {
    * @description binding value
    */
   modelValue: {
-    type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
+    type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
    * @description label of the Checkbox when used inside a `checkbox-group`
    */
   label: {
-    type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
+    type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
    * @description value of the Checkbox when used inside a `checkbox-group`
    */
   value: {
-    type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
+    type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
@@ -129,14 +129,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;
   };
   /**
@@ -144,7 +144,7 @@ declare const checkboxProps: {
    * @description value of the Checkbox if it's checked
    */
   trueLabel: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
@@ -152,7 +152,7 @@ declare const checkboxProps: {
    * @description value of the Checkbox if it's not checked
    */
   falseLabel: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
@@ -178,7 +178,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

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

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

@@ -7,9 +7,9 @@ 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;
+  offset: number;
   span: number;
   pull: number;
   xs: ColSize;

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

@@ -33,7 +33,7 @@ interface CollapseProps {
 declare const collapseProps: {
   readonly accordion: BooleanConstructor;
   readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | CollapseActiveName[]) | (() => CollapseModelValue) | (((new (...args: any[]) => string | number | CollapseActiveName[]) | (() => CollapseModelValue)) | null)[], unknown, unknown, () => [], boolean>;
-  readonly expandIconPosition: EpPropFinalized<(new (...args: any[]) => "left" | "right") | (() => CollapseIconPositionType) | (((new (...args: any[]) => "left" | "right") | (() => CollapseIconPositionType)) | null)[], unknown, unknown, "right", boolean>;
+  readonly expandIconPosition: EpPropFinalized<(new (...args: any[]) => "right" | "left") | (() => CollapseIconPositionType) | (((new (...args: any[]) => "right" | "left") | (() => CollapseIconPositionType)) | null)[], unknown, unknown, "right", boolean>;
   readonly beforeCollapse: {
     readonly type: vue.PropType<(name: CollapseActiveName) => Awaitable<boolean>>;
     readonly required: false;

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

@@ -43,15 +43,15 @@ declare const __VLS_export: vue.DefineComponent<ColorPickerProps, {
   onClear?: (() => any) | undefined;
   onActiveChange?: ((val: string | null) => any) | undefined;
 }>, {
-  teleported: boolean;
-  modelValue: string | null;
-  popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   disabled: boolean;
+  modelValue: string | null;
+  validateEvent: boolean;
   clearable: boolean;
   tabindex: string | number;
-  validateEvent: boolean;
-  persistent: boolean;
+  popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   valueOnClear: string | number | boolean | Function | null;
+  persistent: boolean;
+  teleported: 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

@@ -29,9 +29,9 @@ declare const __VLS_base: vue.DefineComponent<ColorPickerPanelProps, {
   "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
 }>, {
   modelValue: string | null;
-  validateEvent: boolean;
   border: boolean;
   showAlpha: boolean;
+  validateEvent: 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/color-picker-panel/src/composables/use-predefine.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-predefine.mjs","names":[],"sources":["../../../../../../../packages/components/color-picker-panel/src/composables/use-predefine.ts"],"sourcesContent":["import { computed, inject, ref, watch, watchEffect } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { PredefineProps } from '../props/predefine'\nimport { colorPickerPanelContextKey } from '../color-picker-panel'\nimport Color from '../utils/color'\n\nimport type { Ref } from 'vue'\n\nexport const usePredefine = (props: PredefineProps) => {\n  const { currentColor } = inject(colorPickerPanelContextKey)!\n\n  const rgbaColors = ref(parseColors(props.colors, props.color)) as Ref<Color[]>\n\n  watch(\n    () => currentColor.value,\n    (val) => {\n      const color = new Color({\n        value: val,\n        enableAlpha: props.enableAlpha,\n      })\n\n      rgbaColors.value.forEach((item) => {\n        item.selected = color.compare(item)\n      })\n    }\n  )\n\n  watchEffect(() => {\n    rgbaColors.value = parseColors(props.colors, props.color)\n  })\n\n  function handleSelect(index: number) {\n    props.color.fromString(props.colors[index])\n  }\n\n  function parseColors(colors: string[], color: Color) {\n    return colors.map((value) => {\n      const c = new Color({\n        value,\n        enableAlpha: props.enableAlpha,\n      })\n      c.selected = c.compare(color)\n      return c\n    })\n  }\n\n  return {\n    rgbaColors,\n    handleSelect,\n  }\n}\n\nexport const usePredefineDOM = (props: PredefineProps) => {\n  const ns = useNamespace('color-predefine')\n\n  const rootKls = computed(() => [ns.b(), ns.is('disabled', props.disabled)])\n\n  const colorsKls = computed(() => ns.e('colors'))\n\n  function colorSelectorKls(item: Color) {\n    return [\n      ns.e('color-selector'),\n      ns.is('alpha', item.get('alpha') < 100),\n      { selected: item.selected },\n    ]\n  }\n\n  return {\n    rootKls,\n    colorsKls,\n    colorSelectorKls,\n  }\n}\n"],"mappings":";;;;;;AAQA,MAAa,gBAAgB,UAA0B;CACrD,MAAM,EAAE,iBAAiB,OAAO,2BAA2B;CAE3D,MAAM,aAAa,IAAI,YAAY,MAAM,QAAQ,MAAM,MAAM,CAAC;AAE9D,aACQ,aAAa,QAClB,QAAQ;EACP,MAAM,QAAQ,IAAI,MAAM;GACtB,OAAO;GACP,aAAa,MAAM;GACpB,CAAC;AAEF,aAAW,MAAM,SAAS,SAAS;AACjC,QAAK,WAAW,MAAM,QAAQ,KAAK;IACnC;GAEL;AAED,mBAAkB;AAChB,aAAW,QAAQ,YAAY,MAAM,QAAQ,MAAM,MAAM;GACzD;CAEF,SAAS,aAAa,OAAe;AACnC,QAAM,MAAM,WAAW,MAAM,OAAO,OAAO;;CAG7C,SAAS,YAAY,QAAkB,OAAc;AACnD,SAAO,OAAO,KAAK,UAAU;GAC3B,MAAM,IAAI,IAAI,MAAM;IAClB;IACA,aAAa,MAAM;IACpB,CAAC;AACF,KAAE,WAAW,EAAE,QAAQ,MAAM;AAC7B,UAAO;IACP;;AAGJ,QAAO;EACL;EACA;EACD;;AAGH,MAAa,mBAAmB,UAA0B;CACxD,MAAM,KAAK,aAAa,kBAAkB;CAE1C,MAAM,UAAU,eAAe,CAAC,GAAG,GAAG,EAAE,GAAG,GAAG,YAAY,MAAM,SAAS,CAAC,CAAC;CAE3E,MAAM,YAAY,eAAe,GAAG,EAAE,SAAS,CAAC;CAEhD,SAAS,iBAAiB,MAAa;AACrC,SAAO;GACL,GAAG,EAAE,iBAAiB;GACtB,GAAG,GAAG,SAAS,KAAK,IAAI,QAAQ,GAAG,IAAI;GACvC,EAAE,UAAU,KAAK,UAAU;GAC5B;;AAGH,QAAO;EACL;EACA;EACA;EACD"}
+{"version":3,"file":"use-predefine.mjs","names":[],"sources":["../../../../../../../packages/components/color-picker-panel/src/composables/use-predefine.ts"],"sourcesContent":["import { computed, inject, ref, watch, watchEffect } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { colorPickerPanelContextKey } from '../color-picker-panel'\nimport Color from '../utils/color'\n\nimport type { Ref } from 'vue'\nimport type { PredefineProps } from '../props/predefine'\n\nexport const usePredefine = (props: PredefineProps) => {\n  const { currentColor } = inject(colorPickerPanelContextKey)!\n\n  const rgbaColors = ref(parseColors(props.colors, props.color)) as Ref<Color[]>\n\n  watch(\n    () => currentColor.value,\n    (val) => {\n      const color = new Color({\n        value: val,\n        enableAlpha: props.enableAlpha,\n      })\n\n      rgbaColors.value.forEach((item) => {\n        item.selected = color.compare(item)\n      })\n    }\n  )\n\n  watchEffect(() => {\n    rgbaColors.value = parseColors(props.colors, props.color)\n  })\n\n  function handleSelect(index: number) {\n    props.color.fromString(props.colors[index])\n  }\n\n  function parseColors(colors: string[], color: Color) {\n    return colors.map((value) => {\n      const c = new Color({\n        value,\n        enableAlpha: props.enableAlpha,\n      })\n      c.selected = c.compare(color)\n      return c\n    })\n  }\n\n  return {\n    rgbaColors,\n    handleSelect,\n  }\n}\n\nexport const usePredefineDOM = (props: PredefineProps) => {\n  const ns = useNamespace('color-predefine')\n\n  const rootKls = computed(() => [ns.b(), ns.is('disabled', props.disabled)])\n\n  const colorsKls = computed(() => ns.e('colors'))\n\n  function colorSelectorKls(item: Color) {\n    return [\n      ns.e('color-selector'),\n      ns.is('alpha', item.get('alpha') < 100),\n      { selected: item.selected },\n    ]\n  }\n\n  return {\n    rootKls,\n    colorsKls,\n    colorSelectorKls,\n  }\n}\n"],"mappings":";;;;;;AAQA,MAAa,gBAAgB,UAA0B;CACrD,MAAM,EAAE,iBAAiB,OAAO,2BAA2B;CAE3D,MAAM,aAAa,IAAI,YAAY,MAAM,QAAQ,MAAM,MAAM,CAAC;AAE9D,aACQ,aAAa,QAClB,QAAQ;EACP,MAAM,QAAQ,IAAI,MAAM;GACtB,OAAO;GACP,aAAa,MAAM;GACpB,CAAC;AAEF,aAAW,MAAM,SAAS,SAAS;AACjC,QAAK,WAAW,MAAM,QAAQ,KAAK;IACnC;GAEL;AAED,mBAAkB;AAChB,aAAW,QAAQ,YAAY,MAAM,QAAQ,MAAM,MAAM;GACzD;CAEF,SAAS,aAAa,OAAe;AACnC,QAAM,MAAM,WAAW,MAAM,OAAO,OAAO;;CAG7C,SAAS,YAAY,QAAkB,OAAc;AACnD,SAAO,OAAO,KAAK,UAAU;GAC3B,MAAM,IAAI,IAAI,MAAM;IAClB;IACA,aAAa,MAAM;IACpB,CAAC;AACF,KAAE,WAAW,EAAE,QAAQ,MAAM;AAC7B,UAAO;IACP;;AAGJ,QAAO;EACL;EACA;EACD;;AAGH,MAAa,mBAAmB,UAA0B;CACxD,MAAM,KAAK,aAAa,kBAAkB;CAE1C,MAAM,UAAU,eAAe,CAAC,GAAG,GAAG,EAAE,GAAG,GAAG,YAAY,MAAM,SAAS,CAAC,CAAC;CAE3E,MAAM,YAAY,eAAe,GAAG,EAAE,SAAS,CAAC;CAEhD,SAAS,iBAAiB,MAAa;AACrC,SAAO;GACL,GAAG,EAAE,iBAAiB;GACtB,GAAG,GAAG,SAAS,KAAK,IAAI,QAAQ,GAAG,IAAI;GACvC,EAAE,UAAU,KAAK,UAAU;GAC5B;;AAGH,QAAO;EACL;EACA;EACA;EACD"}

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

@@ -139,10 +139,10 @@ declare const ConfigProvider: vue.DefineComponent<vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
-  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>;
+  readonly a11y: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly keyboardNavigation: EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 type ConfigProviderInstance = InstanceType<typeof ConfigProvider> & unknown;
 //#endregion

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

@@ -36,7 +36,7 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
   readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "bottom-start" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "bottom-start" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "auto" | "bottom" | "top" | "right-end" | "right-start" | "left-end" | "left-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "auto-start" | "auto-end") | (() => Placement) | (((new (...args: any[]) => "right" | "left" | "auto" | "bottom" | "top" | "right-end" | "right-start" | "left-end" | "left-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "auto-start" | "auto-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>;
@@ -239,7 +239,7 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
   readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "bottom-start" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "bottom-start" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "auto" | "bottom" | "top" | "right-end" | "right-start" | "left-end" | "left-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "auto-start" | "auto-end") | (() => Placement) | (((new (...args: any[]) => "right" | "left" | "auto" | "bottom" | "top" | "right-end" | "right-start" | "left-end" | "left-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "auto-start" | "auto-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>;
@@ -419,22 +419,22 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   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 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 placement: EpPropMergeType<(new (...args: any[]) => "top" | "auto" | "bottom" | "bottom-start" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "bottom-start" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
-  readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly validateEvent: EpPropMergeType<BooleanConstructor, 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 fallbackPlacements: Placement[];
-  readonly popperOptions: Partial<Options>;
+  readonly editable: 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 placement: EpPropMergeType<(new (...args: any[]) => "right" | "left" | "auto" | "bottom" | "top" | "right-end" | "right-start" | "left-end" | "left-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "auto-start" | "auto-end") | (() => Placement) | (((new (...args: any[]) => "right" | "left" | "auto" | "bottom" | "top" | "right-end" | "right-start" | "left-end" | "left-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "auto-start" | "auto-end") | (() => Placement)) | null)[], Placement, unknown>;
+  readonly popperOptions: Partial<Options>;
+  readonly fallbackPlacements: Placement[];
   readonly automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly rangeSeparator: string;
   readonly shortcuts: unknown[];

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

@@ -35,7 +35,7 @@ declare const datePickerProps: {
   readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "bottom-start" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "bottom-start" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "auto" | "bottom" | "top" | "right-end" | "right-start" | "left-end" | "left-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "auto-start" | "auto-end") | (() => Placement) | (((new (...args: any[]) => "right" | "left" | "auto" | "bottom" | "top" | "right-end" | "right-start" | "left-end" | "left-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "auto-start" | "auto-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>;

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

@@ -135,11 +135,11 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
   "onPanel-change"?: ((...args: any[]) => any) | undefined;
   "onVisible-change"?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   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 modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown>;
-  readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly border: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly shortcuts: unknown[];
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;

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

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

package/es/components/descriptions/src/description.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"description.mjs","names":[],"sources":["../../../../../../packages/components/descriptions/src/description.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { useSizeProp } from '@element-plus/hooks'\nimport { ComponentSize } from '@element-plus/constants'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Description from './description.vue'\n\nexport interface DescriptionProps {\n  /**\n   * @description with or without border\n   * @default false\n   */\n  border?: boolean\n  /**\n   * @description numbers of `Descriptions Item` in one line\n   * @default 3\n   */\n  column?: number\n  /**\n   * @description direction of list\n   * @default 'horizontal'\n   */\n  direction?: 'horizontal' | 'vertical'\n  /**\n   * @description size of list\n   * @default ''\n   */\n  size?: ComponentSize\n  /**\n   * @description title text, display on the top left\n   * @default ''\n   */\n  title?: string\n  /**\n   * @description extra text, display on the top right\n   * @default ''\n   */\n  extra?: string\n  /**\n   * @description width of every label column\n   */\n  labelWidth?: string | number\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `DescriptionProps` instead.\n */\nexport const descriptionProps = buildProps({\n  /**\n   * @description with or without border\n   */\n  border: Boolean,\n  /**\n   * @description numbers of `Descriptions Item` in one line\n   */\n  column: {\n    type: Number,\n    default: 3,\n  },\n  /**\n   * @description direction of list\n   */\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  /**\n   * @description size of list\n   */\n  size: useSizeProp,\n  /**\n   * @description title text, display on the top left\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description extra text, display on the top right\n   */\n  extra: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description width of every label column\n   */\n  labelWidth: {\n    type: [String, Number],\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `DescriptionProps` instead.\n */\nexport type DescriptionPropsPublic = ExtractPublicPropTypes<\n  typeof descriptionProps\n>\nexport type DescriptionInstance = InstanceType<typeof Description> & unknown\n"],"mappings":";;;;;;;AA+CA,MAAa,mBAAmB,WAAW;CAIzC,QAAQ;CAIR,QAAQ;EACN,MAAM;EACN,SAAS;EACV;CAID,WAAW;EACT,MAAM;EACN,QAAQ,CAAC,cAAc,WAAW;EAClC,SAAS;EACV;CAID,MAAM;CAIN,OAAO;EACL,MAAM;EACN,SAAS;EACV;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACV;CAID,YAAY,EACV,MAAM,CAAC,QAAQ,OAAO,EACvB;CACF,CAAU"}
+{"version":3,"file":"description.mjs","names":[],"sources":["../../../../../../packages/components/descriptions/src/description.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { useSizeProp } from '@element-plus/hooks'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type Description from './description.vue'\n\nexport interface DescriptionProps {\n  /**\n   * @description with or without border\n   * @default false\n   */\n  border?: boolean\n  /**\n   * @description numbers of `Descriptions Item` in one line\n   * @default 3\n   */\n  column?: number\n  /**\n   * @description direction of list\n   * @default 'horizontal'\n   */\n  direction?: 'horizontal' | 'vertical'\n  /**\n   * @description size of list\n   * @default ''\n   */\n  size?: ComponentSize\n  /**\n   * @description title text, display on the top left\n   * @default ''\n   */\n  title?: string\n  /**\n   * @description extra text, display on the top right\n   * @default ''\n   */\n  extra?: string\n  /**\n   * @description width of every label column\n   */\n  labelWidth?: string | number\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `DescriptionProps` instead.\n */\nexport const descriptionProps = buildProps({\n  /**\n   * @description with or without border\n   */\n  border: Boolean,\n  /**\n   * @description numbers of `Descriptions Item` in one line\n   */\n  column: {\n    type: Number,\n    default: 3,\n  },\n  /**\n   * @description direction of list\n   */\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  /**\n   * @description size of list\n   */\n  size: useSizeProp,\n  /**\n   * @description title text, display on the top left\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description extra text, display on the top right\n   */\n  extra: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description width of every label column\n   */\n  labelWidth: {\n    type: [String, Number],\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `DescriptionProps` instead.\n */\nexport type DescriptionPropsPublic = ExtractPublicPropTypes<\n  typeof descriptionProps\n>\nexport type DescriptionInstance = InstanceType<typeof Description> & unknown\n"],"mappings":";;;;;;;AA+CA,MAAa,mBAAmB,WAAW;CAIzC,QAAQ;CAIR,QAAQ;EACN,MAAM;EACN,SAAS;EACV;CAID,WAAW;EACT,MAAM;EACN,QAAQ,CAAC,cAAc,WAAW;EAClC,SAAS;EACV;CAID,MAAM;CAIN,OAAO;EACL,MAAM;EACN,SAAS;EACV;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACV;CAID,YAAY,EACV,MAAM,CAAC,QAAQ,OAAO,EACvB;CACF,CAAU"}

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

@@ -38,12 +38,13 @@ declare const __VLS_base: vue.DefineComponent<DialogProps, {
   onOpenAutoFocus?: (() => any) | undefined;
   onCloseAutoFocus?: (() => any) | undefined;
 }>, {
-  appendTo: string | HTMLElement;
   title: string;
+  showClose: boolean;
+  appendTo: string | HTMLElement;
+  closeOnPressEscape: boolean;
   transition: DialogTransition;
   overflow: boolean;
   closeOnClickModal: boolean;
-  closeOnPressEscape: boolean;
   lockScroll: boolean;
   modal: boolean;
   openDelay: number;
@@ -51,7 +52,6 @@ declare const __VLS_base: vue.DefineComponent<DialogProps, {
   headerAriaLevel: string;
   alignCenter: boolean;
   draggable: boolean;
-  showClose: boolean;
   ariaLevel: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/dialog/src/use-dialog.d.ts

@@ -1,4 +1,4 @@
-import { DialogProps, DialogTransition } from "./dialog.js";
+import { DialogProps } from "./dialog.js";
 import * as vue from "vue";
 import { CSSProperties, Ref, TransitionProps } from "vue";
 
@@ -25,7 +25,7 @@ declare const useDialog: (props: DialogProps, targetRef: Ref<HTMLElement | undef
   visible: Ref<boolean, boolean>;
   zIndex: Ref<number, number>;
   transitionConfig: vue.ComputedRef<TransitionProps | {
-    name: DialogTransition;
+    name: string;
     onAfterEnter: () => void;
     onBeforeLeave: () => void;
     onAfterLeave: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"use-dialog.mjs","names":["isClient"],"sources":["../../../../../../packages/components/dialog/src/use-dialog.ts"],"sourcesContent":["import {\n  computed,\n  getCurrentInstance,\n  nextTick,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { useTimeoutFn } from '@vueuse/core'\nimport {\n  defaultNamespace,\n  useId,\n  useLockscreen,\n  useZIndex,\n} from '@element-plus/hooks'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport {\n  addUnit,\n  debugWarn,\n  isArray,\n  isClient,\n  isFunction,\n  isObject,\n} from '@element-plus/utils'\nimport { useGlobalConfig } from '@element-plus/components/config-provider'\nimport { DEFAULT_DIALOG_TRANSITION } from './constants'\n\nimport type { CSSProperties, Ref, SetupContext, TransitionProps } from 'vue'\nimport type { Arrayable } from '@element-plus/utils'\nimport type { DialogEmits, DialogProps } from './dialog'\n\nconst COMPONENT_NAME = 'ElDialog'\n\nexport const useDialog = (\n  props: DialogProps,\n  targetRef: Ref<HTMLElement | undefined>\n) => {\n  const instance = getCurrentInstance()!\n  const emit = instance.emit as SetupContext<DialogEmits>['emit']\n  const { nextZIndex } = useZIndex()\n\n  let lastPosition = ''\n  const titleId = useId()\n  const bodyId = useId()\n  const visible = ref(false)\n  const closed = ref(false)\n  const rendered = ref(false) // when destroyOnClose is true, we initialize it as false vise versa\n  const zIndex = ref(props.zIndex ?? nextZIndex())\n  const closing = ref(false)\n\n  let openTimer: (() => void) | undefined = undefined\n  let closeTimer: (() => void) | undefined = undefined\n\n  const config = useGlobalConfig()\n\n  const namespace = computed(() => config.value?.namespace ?? defaultNamespace)\n  const globalConfig = computed(() => config.value?.dialog)\n\n  const style = computed<CSSProperties>(() => {\n    const style: CSSProperties = {}\n    const varPrefix = `--${namespace.value}-dialog` as const\n    if (!props.fullscreen) {\n      if (props.top) {\n        style[`${varPrefix}-margin-top`] = props.top\n      }\n      const width = addUnit(props.width)\n      if (width) {\n        style[`${varPrefix}-width`] = width\n      }\n    }\n    return style\n  })\n\n  const _draggable = computed(\n    () =>\n      (props.draggable ?? globalConfig.value?.draggable ?? false) &&\n      !props.fullscreen\n  )\n\n  const _alignCenter = computed(\n    () => props.alignCenter ?? globalConfig.value?.alignCenter ?? false\n  )\n\n  const _overflow = computed(\n    () => props.overflow ?? globalConfig.value?.overflow ?? false\n  )\n\n  const penetrable = computed(\n    () => props.modalPenetrable && !props.modal && !props.fullscreen\n  )\n\n  const overlayDialogStyle = computed<CSSProperties>(() => {\n    if (_alignCenter.value) {\n      return { display: 'flex' }\n    }\n    return {}\n  })\n\n  const transitionConfig = computed(() => {\n    const transition =\n      props.transition ??\n      globalConfig.value?.transition ??\n      DEFAULT_DIALOG_TRANSITION\n    const baseConfig = {\n      name: transition,\n      onAfterEnter: afterEnter,\n      onBeforeLeave: beforeLeave,\n      onAfterLeave: afterLeave,\n    }\n    if (isObject(transition)) {\n      const config = { ...transition } as TransitionProps\n      const _mergeHook = (\n        userHook: Arrayable<(el: Element) => void> | undefined,\n        defaultHook: () => void\n      ) => {\n        return (el: Element) => {\n          if (isArray(userHook)) {\n            userHook.forEach((fn) => {\n              if (isFunction(fn)) fn(el)\n            })\n          } else if (isFunction(userHook)) {\n            userHook(el)\n          }\n          defaultHook()\n        }\n      }\n      config.onAfterEnter = _mergeHook(config.onAfterEnter, afterEnter)\n      config.onBeforeLeave = _mergeHook(config.onBeforeLeave, beforeLeave)\n      config.onAfterLeave = _mergeHook(config.onAfterLeave, afterLeave)\n      if (!config.name) {\n        config.name = DEFAULT_DIALOG_TRANSITION\n        debugWarn(\n          COMPONENT_NAME,\n          `transition.name is missing when using object syntax, fallback to '${DEFAULT_DIALOG_TRANSITION}'`\n        )\n      }\n      return config\n    }\n\n    return baseConfig\n  })\n\n  function afterEnter() {\n    emit('opened')\n  }\n\n  function afterLeave() {\n    emit('closed')\n    emit(UPDATE_MODEL_EVENT, false)\n    if (props.destroyOnClose) {\n      rendered.value = false\n    }\n    closing.value = false\n  }\n\n  function beforeLeave() {\n    closing.value = true\n    emit('close')\n  }\n\n  function open() {\n    closeTimer?.()\n    openTimer?.()\n\n    if (props.openDelay && props.openDelay > 0) {\n      ;({ stop: openTimer } = useTimeoutFn(() => doOpen(), props.openDelay))\n    } else {\n      doOpen()\n    }\n  }\n\n  function close() {\n    openTimer?.()\n    closeTimer?.()\n\n    if (props.closeDelay && props.closeDelay > 0) {\n      ;({ stop: closeTimer } = useTimeoutFn(() => doClose(), props.closeDelay))\n    } else {\n      doClose()\n    }\n  }\n\n  function handleClose() {\n    function hide(shouldCancel?: boolean) {\n      if (shouldCancel) return\n      closed.value = true\n      visible.value = false\n    }\n\n    if (props.beforeClose) {\n      props.beforeClose(hide)\n    } else {\n      close()\n    }\n  }\n\n  function onModalClick() {\n    if (props.closeOnClickModal) {\n      handleClose()\n    }\n  }\n\n  function doOpen() {\n    if (!isClient) return\n    visible.value = true\n  }\n\n  function doClose() {\n    visible.value = false\n  }\n\n  function onOpenAutoFocus() {\n    emit('openAutoFocus')\n  }\n\n  function onCloseAutoFocus() {\n    emit('closeAutoFocus')\n  }\n\n  function onFocusoutPrevented(event: CustomEvent) {\n    if (event.detail?.focusReason === 'pointer') {\n      event.preventDefault()\n    }\n  }\n\n  if (props.lockScroll) {\n    useLockscreen(visible)\n  }\n\n  function onCloseRequested() {\n    if (props.closeOnPressEscape) {\n      handleClose()\n    }\n  }\n\n  function bringToFront() {\n    if (!visible.value || !penetrable.value || props.zIndex !== undefined) {\n      return\n    }\n\n    zIndex.value = nextZIndex()\n  }\n\n  watch(\n    () => props.zIndex,\n    () => {\n      zIndex.value = props.zIndex ?? nextZIndex()\n    }\n  )\n\n  watch(\n    () => props.modelValue,\n    (val) => {\n      if (val) {\n        closed.value = false\n        closing.value = false\n        open()\n        rendered.value = true // enables lazy rendering\n        zIndex.value = props.zIndex ?? nextZIndex()\n        // this.$el.addEventListener('scroll', this.updatePopper)\n        nextTick(() => {\n          emit('open')\n          if (targetRef.value) {\n            targetRef.value.parentElement!.scrollTop = 0\n            targetRef.value.parentElement!.scrollLeft = 0\n            targetRef.value.scrollTop = 0\n          }\n        })\n      } else {\n        // this.$el.removeEventListener('scroll', this.updatePopper\n        if (visible.value) {\n          close()\n        }\n      }\n    }\n  )\n\n  watch(\n    () => props.fullscreen,\n    (val) => {\n      if (!targetRef.value) return\n      if (val) {\n        lastPosition = targetRef.value.style.transform\n        targetRef.value.style.transform = ''\n      } else {\n        targetRef.value.style.transform = lastPosition\n      }\n    }\n  )\n\n  onMounted(() => {\n    if (props.modelValue) {\n      visible.value = true\n      rendered.value = true // enables lazy rendering\n      open()\n    }\n  })\n\n  return {\n    afterEnter,\n    afterLeave,\n    beforeLeave,\n    handleClose,\n    onModalClick,\n    close,\n    doClose,\n    onOpenAutoFocus,\n    onCloseAutoFocus,\n    onCloseRequested,\n    onFocusoutPrevented,\n    bringToFront,\n    titleId,\n    bodyId,\n    closed,\n    style,\n    overlayDialogStyle,\n    rendered,\n    visible,\n    zIndex,\n    transitionConfig,\n    _draggable,\n    _alignCenter,\n    _overflow,\n    closing,\n    penetrable,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-dialog.mjs","names":["isClient"],"sources":["../../../../../../packages/components/dialog/src/use-dialog.ts"],"sourcesContent":["import {\n  computed,\n  getCurrentInstance,\n  nextTick,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { useTimeoutFn } from '@vueuse/core'\nimport {\n  defaultNamespace,\n  useId,\n  useLockscreen,\n  useZIndex,\n} from '@element-plus/hooks'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport {\n  addUnit,\n  debugWarn,\n  isArray,\n  isClient,\n  isFunction,\n  isObject,\n} from '@element-plus/utils'\nimport { useGlobalConfig } from '@element-plus/components/config-provider'\nimport { DEFAULT_DIALOG_TRANSITION } from './constants'\n\nimport type { CSSProperties, Ref, SetupContext, TransitionProps } from 'vue'\nimport type { Arrayable } from '@element-plus/utils'\nimport type { DialogEmits, DialogProps } from './dialog'\n\nconst COMPONENT_NAME = 'ElDialog'\n\nexport const useDialog = (\n  props: DialogProps,\n  targetRef: Ref<HTMLElement | undefined>\n) => {\n  const instance = getCurrentInstance()!\n  const emit = instance.emit as SetupContext<DialogEmits>['emit']\n  const { nextZIndex } = useZIndex()\n\n  let lastPosition = ''\n  const titleId = useId()\n  const bodyId = useId()\n  const visible = ref(false)\n  const closed = ref(false)\n  const rendered = ref(false) // when destroyOnClose is true, we initialize it as false vise versa\n  const zIndex = ref(props.zIndex ?? nextZIndex())\n  const closing = ref(false)\n\n  let openTimer: (() => void) | undefined = undefined\n  let closeTimer: (() => void) | undefined = undefined\n\n  const config = useGlobalConfig()\n\n  const namespace = computed(() => config.value?.namespace ?? defaultNamespace)\n  const globalConfig = computed(() => config.value?.dialog)\n\n  const style = computed<CSSProperties>(() => {\n    const style: CSSProperties = {}\n    const varPrefix = `--${namespace.value}-dialog` as const\n    if (!props.fullscreen) {\n      if (props.top) {\n        style[`${varPrefix}-margin-top`] = props.top\n      }\n      const width = addUnit(props.width)\n      if (width) {\n        style[`${varPrefix}-width`] = width\n      }\n    }\n    return style\n  })\n\n  const _draggable = computed(\n    () =>\n      (props.draggable ?? globalConfig.value?.draggable ?? false) &&\n      !props.fullscreen\n  )\n\n  const _alignCenter = computed(\n    () => props.alignCenter ?? globalConfig.value?.alignCenter ?? false\n  )\n\n  const _overflow = computed(\n    () => props.overflow ?? globalConfig.value?.overflow ?? false\n  )\n\n  const penetrable = computed(\n    () => props.modalPenetrable && !props.modal && !props.fullscreen\n  )\n\n  const overlayDialogStyle = computed<CSSProperties>(() => {\n    if (_alignCenter.value) {\n      return { display: 'flex' }\n    }\n    return {}\n  })\n\n  const transitionConfig = computed(() => {\n    const transition =\n      props.transition ??\n      globalConfig.value?.transition ??\n      DEFAULT_DIALOG_TRANSITION\n    const baseConfig = {\n      name: transition as string,\n      onAfterEnter: afterEnter,\n      onBeforeLeave: beforeLeave,\n      onAfterLeave: afterLeave,\n    }\n    if (isObject(transition)) {\n      const config = { ...transition } as TransitionProps\n      const _mergeHook = (\n        userHook: Arrayable<(el: Element) => void> | undefined,\n        defaultHook: () => void\n      ) => {\n        return (el: Element) => {\n          if (isArray(userHook)) {\n            userHook.forEach((fn) => {\n              if (isFunction(fn)) fn(el)\n            })\n          } else if (isFunction(userHook)) {\n            userHook(el)\n          }\n          defaultHook()\n        }\n      }\n      config.onAfterEnter = _mergeHook(config.onAfterEnter, afterEnter)\n      config.onBeforeLeave = _mergeHook(config.onBeforeLeave, beforeLeave)\n      config.onAfterLeave = _mergeHook(config.onAfterLeave, afterLeave)\n      if (!config.name) {\n        config.name = DEFAULT_DIALOG_TRANSITION\n        debugWarn(\n          COMPONENT_NAME,\n          `transition.name is missing when using object syntax, fallback to '${DEFAULT_DIALOG_TRANSITION}'`\n        )\n      }\n      return config\n    }\n\n    return baseConfig\n  })\n\n  function afterEnter() {\n    emit('opened')\n  }\n\n  function afterLeave() {\n    emit('closed')\n    emit(UPDATE_MODEL_EVENT, false)\n    if (props.destroyOnClose) {\n      rendered.value = false\n    }\n    closing.value = false\n  }\n\n  function beforeLeave() {\n    closing.value = true\n    emit('close')\n  }\n\n  function open() {\n    closeTimer?.()\n    openTimer?.()\n\n    if (props.openDelay && props.openDelay > 0) {\n      ;({ stop: openTimer } = useTimeoutFn(() => doOpen(), props.openDelay))\n    } else {\n      doOpen()\n    }\n  }\n\n  function close() {\n    openTimer?.()\n    closeTimer?.()\n\n    if (props.closeDelay && props.closeDelay > 0) {\n      ;({ stop: closeTimer } = useTimeoutFn(() => doClose(), props.closeDelay))\n    } else {\n      doClose()\n    }\n  }\n\n  function handleClose() {\n    function hide(shouldCancel?: boolean) {\n      if (shouldCancel) return\n      closed.value = true\n      visible.value = false\n    }\n\n    if (props.beforeClose) {\n      props.beforeClose(hide)\n    } else {\n      close()\n    }\n  }\n\n  function onModalClick() {\n    if (props.closeOnClickModal) {\n      handleClose()\n    }\n  }\n\n  function doOpen() {\n    if (!isClient) return\n    visible.value = true\n  }\n\n  function doClose() {\n    visible.value = false\n  }\n\n  function onOpenAutoFocus() {\n    emit('openAutoFocus')\n  }\n\n  function onCloseAutoFocus() {\n    emit('closeAutoFocus')\n  }\n\n  function onFocusoutPrevented(event: CustomEvent) {\n    if (event.detail?.focusReason === 'pointer') {\n      event.preventDefault()\n    }\n  }\n\n  if (props.lockScroll) {\n    useLockscreen(visible)\n  }\n\n  function onCloseRequested() {\n    if (props.closeOnPressEscape) {\n      handleClose()\n    }\n  }\n\n  function bringToFront() {\n    if (!visible.value || !penetrable.value || props.zIndex !== undefined) {\n      return\n    }\n\n    zIndex.value = nextZIndex()\n  }\n\n  watch(\n    () => props.zIndex,\n    () => {\n      zIndex.value = props.zIndex ?? nextZIndex()\n    }\n  )\n\n  watch(\n    () => props.modelValue,\n    (val) => {\n      if (val) {\n        closed.value = false\n        closing.value = false\n        open()\n        rendered.value = true // enables lazy rendering\n        zIndex.value = props.zIndex ?? nextZIndex()\n        // this.$el.addEventListener('scroll', this.updatePopper)\n        nextTick(() => {\n          emit('open')\n          if (targetRef.value) {\n            targetRef.value.parentElement!.scrollTop = 0\n            targetRef.value.parentElement!.scrollLeft = 0\n            targetRef.value.scrollTop = 0\n          }\n        })\n      } else {\n        // this.$el.removeEventListener('scroll', this.updatePopper\n        if (visible.value) {\n          close()\n        }\n      }\n    }\n  )\n\n  watch(\n    () => props.fullscreen,\n    (val) => {\n      if (!targetRef.value) return\n      if (val) {\n        lastPosition = targetRef.value.style.transform\n        targetRef.value.style.transform = ''\n      } else {\n        targetRef.value.style.transform = lastPosition\n      }\n    }\n  )\n\n  onMounted(() => {\n    if (props.modelValue) {\n      visible.value = true\n      rendered.value = true // enables lazy rendering\n      open()\n    }\n  })\n\n  return {\n    afterEnter,\n    afterLeave,\n    beforeLeave,\n    handleClose,\n    onModalClick,\n    close,\n    doClose,\n    onOpenAutoFocus,\n    onCloseAutoFocus,\n    onCloseRequested,\n    onFocusoutPrevented,\n    bringToFront,\n    titleId,\n    bodyId,\n    closed,\n    style,\n    overlayDialogStyle,\n    rendered,\n    visible,\n    zIndex,\n    transitionConfig,\n    _draggable,\n    _alignCenter,\n    _overflow,\n    closing,\n    penetrable,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;AA+BA,MAAM,iBAAiB;AAEvB,MAAa,aACX,OACA,cACG;CAEH,MAAM,OADW,oBAAoB,CACf;CACtB,MAAM,EAAE,eAAe,WAAW;CAElC,IAAI,eAAe;CACnB,MAAM,UAAU,OAAO;CACvB,MAAM,SAAS,OAAO;CACtB,MAAM,UAAU,IAAI,MAAM;CAC1B,MAAM,SAAS,IAAI,MAAM;CACzB,MAAM,WAAW,IAAI,MAAM;CAC3B,MAAM,SAAS,IAAI,MAAM,UAAU,YAAY,CAAC;CAChD,MAAM,UAAU,IAAI,MAAM;CAE1B,IAAI,YAAsC;CAC1C,IAAI,aAAuC;CAE3C,MAAM,SAAS,iBAAiB;CAEhC,MAAM,YAAY,eAAe,OAAO,OAAO,aAAa,iBAAiB;CAC7E,MAAM,eAAe,eAAe,OAAO,OAAO,OAAO;CAEzD,MAAM,QAAQ,eAA8B;EAC1C,MAAM,QAAuB,EAAE;EAC/B,MAAM,YAAY,KAAK,UAAU,MAAM;AACvC,MAAI,CAAC,MAAM,YAAY;AACrB,OAAI,MAAM,IACR,OAAM,GAAG,UAAU,gBAAgB,MAAM;GAE3C,MAAM,QAAQ,QAAQ,MAAM,MAAM;AAClC,OAAI,MACF,OAAM,GAAG,UAAU,WAAW;;AAGlC,SAAO;GACP;CAEF,MAAM,aAAa,gBAEd,MAAM,aAAa,aAAa,OAAO,aAAa,UACrD,CAAC,MAAM,WACV;CAED,MAAM,eAAe,eACb,MAAM,eAAe,aAAa,OAAO,eAAe,MAC/D;CAED,MAAM,YAAY,eACV,MAAM,YAAY,aAAa,OAAO,YAAY,MACzD;CAED,MAAM,aAAa,eACX,MAAM,mBAAmB,CAAC,MAAM,SAAS,CAAC,MAAM,WACvD;CAED,MAAM,qBAAqB,eAA8B;AACvD,MAAI,aAAa,MACf,QAAO,EAAE,SAAS,QAAQ;AAE5B,SAAO,EAAE;GACT;CAEF,MAAM,mBAAmB,eAAe;EACtC,MAAM,aACJ,MAAM,cACN,aAAa,OAAO,cACpB;EACF,MAAM,aAAa;GACjB,MAAM;GACN,cAAc;GACd,eAAe;GACf,cAAc;GACf;AACD,MAAI,SAAS,WAAW,EAAE;GACxB,MAAM,SAAS,EAAE,GAAG,YAAY;GAChC,MAAM,cACJ,UACA,gBACG;AACH,YAAQ,OAAgB;AACtB,SAAI,QAAQ,SAAS,CACnB,UAAS,SAAS,OAAO;AACvB,UAAI,WAAW,GAAG,CAAE,IAAG,GAAG;OAC1B;cACO,WAAW,SAAS,CAC7B,UAAS,GAAG;AAEd,kBAAa;;;AAGjB,UAAO,eAAe,WAAW,OAAO,cAAc,WAAW;AACjE,UAAO,gBAAgB,WAAW,OAAO,eAAe,YAAY;AACpE,UAAO,eAAe,WAAW,OAAO,cAAc,WAAW;AACjE,OAAI,CAAC,OAAO,MAAM;AAChB,WAAO,OAAO;AACd,cACE,gBACA,qEAAqE,0BAA0B,GAChG;;AAEH,UAAO;;AAGT,SAAO;GACP;CAEF,SAAS,aAAa;AACpB,OAAK,SAAS;;CAGhB,SAAS,aAAa;AACpB,OAAK,SAAS;AACd,OAAK,oBAAoB,MAAM;AAC/B,MAAI,MAAM,eACR,UAAS,QAAQ;AAEnB,UAAQ,QAAQ;;CAGlB,SAAS,cAAc;AACrB,UAAQ,QAAQ;AAChB,OAAK,QAAQ;;CAGf,SAAS,OAAO;AACd,gBAAc;AACd,eAAa;AAEb,MAAI,MAAM,aAAa,MAAM,YAAY,EACtC,EAAC,CAAE,MAAM,aAAc,mBAAmB,QAAQ,EAAE,MAAM,UAAU;MAErE,SAAQ;;CAIZ,SAAS,QAAQ;AACf,eAAa;AACb,gBAAc;AAEd,MAAI,MAAM,cAAc,MAAM,aAAa,EACxC,EAAC,CAAE,MAAM,cAAe,mBAAmB,SAAS,EAAE,MAAM,WAAW;MAExE,UAAS;;CAIb,SAAS,cAAc;EACrB,SAAS,KAAK,cAAwB;AACpC,OAAI,aAAc;AAClB,UAAO,QAAQ;AACf,WAAQ,QAAQ;;AAGlB,MAAI,MAAM,YACR,OAAM,YAAY,KAAK;MAEvB,QAAO;;CAIX,SAAS,eAAe;AACtB,MAAI,MAAM,kBACR,cAAa;;CAIjB,SAAS,SAAS;AAChB,MAAI,CAACA,WAAU;AACf,UAAQ,QAAQ;;CAGlB,SAAS,UAAU;AACjB,UAAQ,QAAQ;;CAGlB,SAAS,kBAAkB;AACzB,OAAK,gBAAgB;;CAGvB,SAAS,mBAAmB;AAC1B,OAAK,iBAAiB;;CAGxB,SAAS,oBAAoB,OAAoB;AAC/C,MAAI,MAAM,QAAQ,gBAAgB,UAChC,OAAM,gBAAgB;;AAI1B,KAAI,MAAM,WACR,eAAc,QAAQ;CAGxB,SAAS,mBAAmB;AAC1B,MAAI,MAAM,mBACR,cAAa;;CAIjB,SAAS,eAAe;AACtB,MAAI,CAAC,QAAQ,SAAS,CAAC,WAAW,SAAS,MAAM,WAAW,OAC1D;AAGF,SAAO,QAAQ,YAAY;;AAG7B,aACQ,MAAM,cACN;AACJ,SAAO,QAAQ,MAAM,UAAU,YAAY;GAE9C;AAED,aACQ,MAAM,aACX,QAAQ;AACP,MAAI,KAAK;AACP,UAAO,QAAQ;AACf,WAAQ,QAAQ;AAChB,SAAM;AACN,YAAS,QAAQ;AACjB,UAAO,QAAQ,MAAM,UAAU,YAAY;AAE3C,kBAAe;AACb,SAAK,OAAO;AACZ,QAAI,UAAU,OAAO;AACnB,eAAU,MAAM,cAAe,YAAY;AAC3C,eAAU,MAAM,cAAe,aAAa;AAC5C,eAAU,MAAM,YAAY;;KAE9B;aAGE,QAAQ,MACV,QAAO;GAId;AAED,aACQ,MAAM,aACX,QAAQ;AACP,MAAI,CAAC,UAAU,MAAO;AACtB,MAAI,KAAK;AACP,kBAAe,UAAU,MAAM,MAAM;AACrC,aAAU,MAAM,MAAM,YAAY;QAElC,WAAU,MAAM,MAAM,YAAY;GAGvC;AAED,iBAAgB;AACd,MAAI,MAAM,YAAY;AACpB,WAAQ,QAAQ;AAChB,YAAS,QAAQ;AACjB,SAAM;;GAER;AAEF,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

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

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

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

@@ -45,14 +45,15 @@ declare const __VLS_base: vue.DefineComponent<DrawerProps, {
   "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
   "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
 }>, {
-  appendTo: string | HTMLElement;
   title: string;
   size: string | number;
+  showClose: boolean;
+  appendTo: string | HTMLElement;
+  closeOnPressEscape: boolean;
   transition: DialogTransition;
   direction: "ltr" | "rtl" | "ttb" | "btt";
   overflow: boolean;
   closeOnClickModal: boolean;
-  closeOnPressEscape: boolean;
   lockScroll: boolean;
   modal: boolean;
   openDelay: number;
@@ -60,7 +61,6 @@ declare const __VLS_base: vue.DefineComponent<DrawerProps, {
   headerAriaLevel: string;
   alignCenter: boolean;
   draggable: boolean;
-  showClose: boolean;
   ariaLevel: string;
   withHeader: boolean;
   modalFade: boolean;

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

@@ -157,24 +157,18 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly divided: boolean;
   }, {}, {
     ElIcon: SFCWithInstall<{
-      new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {
-        size: number | string;
-      }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+      new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-      }, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, {
-        size: number | string;
-      }>;
+      }, Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
       __isFragment?: never;
       __isTeleport?: never;
       __isSuspense?: never;
-    } & vue.ComponentOptionsBase<Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {
-      size: number | string;
-    }, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+    } & vue.ComponentOptionsBase<Readonly<IconProps> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
       $slots: {
         default?: (props: {}) => any;
       };

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<"listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree" | 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

@@ -46,12 +46,12 @@ declare const dropdownProps: {
     readonly __epPropKey: true;
   };
   readonly type: {
-    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 type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "primary" | "success" | "info" | "warning" | "danger" | "text") | (() => "" | "default" | "primary" | "success" | "info" | "warning" | "danger" | "text") | (((new (...args: any[]) => "" | "default" | "primary" | "success" | "info" | "warning" | "danger" | "text") | (() => "" | "default" | "primary" | "success" | "info" | "warning" | "danger" | "text")) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "bottom-start" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "bottom-start" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], unknown, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "auto" | "bottom" | "top" | "right-end" | "right-start" | "left-end" | "left-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "auto-start" | "auto-end") | (() => Placement$1) | (((new (...args: any[]) => "right" | "left" | "auto" | "bottom" | "top" | "right-end" | "right-start" | "left-end" | "left-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | "auto-start" | "auto-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>;
@@ -172,7 +172,7 @@ declare const dropdownProps: {
     __epPropKey: true;
   };
   readonly disabled: BooleanConstructor;
-  readonly role: EpPropFinalized<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", 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;