@element-plus/nightly 0.0.20260303 → 0.0.20260306

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

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

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

@@ -29,8 +29,8 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   lg: () => {};
   xl: () => {};
 }>>>, {
-  push: number;
   offset: number;
+  push: number;
   tag: string;
   span: number;
   pull: number;

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

@@ -40,10 +40,10 @@ declare const __VLS_export: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePro
   blur: typeof blur;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   change: (val: string | null) => void;
-  clear: () => void;
   "update:modelValue": (val: string | null) => void;
   focus: (evt: FocusEvent) => void;
   blur: (evt: FocusEvent) => void;
+  clear: () => void;
   activeChange: (val: string | null) => void;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ColorPickerProps>, {
   readonly persistent: true;
@@ -59,8 +59,8 @@ declare const __VLS_export: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePro
   onChange?: ((val: string | null) => any) | undefined;
   onFocus?: ((evt: FocusEvent) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
-  onClear?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
+  onClear?: (() => any) | undefined;
   onActiveChange?: ((val: string | null) => any) | undefined;
 }, {
   teleported: boolean;

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

@@ -14,6 +14,7 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   modelValue: undefined;
   border: boolean;
   validateEvent: boolean;
+  showAlpha: boolean;
 }>, {
   /**
    * @description current color object
@@ -33,12 +34,14 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   modelValue: undefined;
   border: boolean;
   validateEvent: boolean;
+  showAlpha: boolean;
 }>>> & {
   "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
 }, {
   modelValue: string | null;
   validateEvent: boolean;
   border: boolean;
+  showAlpha: boolean;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/color-picker-panel/src/color-picker-panel.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker-panel.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/color-picker-panel/src/color-picker-panel.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.is('disabled', disabled), ns.is('border', border)]\"\n    @focusout=\"handleFocusout\"\n  >\n    <div :class=\"ns.e('wrapper')\">\n      <hue-slider\n        ref=\"hueRef\"\n        class=\"hue-slider\"\n        :color=\"color\"\n        vertical\n        :disabled=\"disabled\"\n      />\n      <sv-panel ref=\"svRef\" :color=\"color\" :disabled=\"disabled\" />\n    </div>\n    <alpha-slider\n      v-if=\"showAlpha\"\n      ref=\"alphaRef\"\n      :color=\"color\"\n      :disabled=\"disabled\"\n    />\n    <predefine\n      v-if=\"predefine\"\n      ref=\"predefine\"\n      :enable-alpha=\"showAlpha\"\n      :color=\"color\"\n      :colors=\"predefine\"\n      :disabled=\"disabled\"\n    />\n    <div :class=\"ns.e('footer')\">\n      <el-input\n        ref=\"inputRef\"\n        v-model=\"customInput\"\n        :validate-event=\"false\"\n        size=\"small\"\n        :disabled=\"disabled\"\n        @change=\"handleConfirm\"\n      />\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onMounted, provide, ref, watch } from 'vue'\nimport { ElInput } from '@element-plus/components/input'\nimport { useFormDisabled, useFormItem } from '@element-plus/components/form'\nimport { useNamespace } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport AlphaSlider from './components/alpha-slider.vue'\nimport HueSlider from './components/hue-slider.vue'\nimport Predefine from './components/predefine.vue'\nimport SvPanel from './components/sv-panel.vue'\nimport {\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  colorPickerPanelContextKey,\n  colorPickerPanelEmits,\n} from './color-picker-panel'\nimport { useCommonColor } from './composables/use-common-color'\n\nimport type { ColorPickerPanelProps } from './color-picker-panel'\nimport type { InputInstance } from '@element-plus/components/input'\n\ndefineOptions({\n  name: 'ElColorPickerPanel',\n})\nconst props = withDefaults(defineProps<ColorPickerPanelProps>(), {\n  modelValue: undefined,\n  border: true,\n  validateEvent: true,\n})\nconst emit = defineEmits(colorPickerPanelEmits)\n\nconst ns = useNamespace('color-picker-panel')\nconst { formItem } = useFormItem()\nconst disabled = useFormDisabled()\nconst hueRef = ref<InstanceType<typeof HueSlider>>()\nconst svRef = ref<InstanceType<typeof SvPanel>>()\nconst alphaRef = ref<InstanceType<typeof AlphaSlider>>()\nconst inputRef = ref<InputInstance>()\nconst customInput = ref('')\n\nconst { color } = inject(\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  () => useCommonColor(props, emit),\n  true\n)\n\nfunction handleConfirm() {\n  color.fromString(customInput.value)\n  if (color.value !== customInput.value) {\n    customInput.value = color.value\n  }\n}\n\nfunction handleFocusout() {\n  if (props.validateEvent) {\n    formItem?.validate?.('blur').catch((err) => debugWarn(err))\n  }\n}\n\nfunction update() {\n  hueRef.value?.update()\n  svRef.value?.update()\n  alphaRef.value?.update()\n}\n\nonMounted(() => {\n  if (props.modelValue) {\n    customInput.value = color.value\n  }\n  nextTick(update)\n})\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (newVal !== color.value) {\n      newVal ? color.fromString(newVal) : color.clear()\n    }\n  }\n)\n\nwatch(\n  () => color.value,\n  (val) => {\n    emit(UPDATE_MODEL_EVENT, val)\n    customInput.value = val\n    if (props.validateEvent) {\n      formItem?.validate('change').catch((err) => debugWarn(err))\n    }\n  }\n)\n\nprovide(colorPickerPanelContextKey, {\n  currentColor: computed(() => color.value),\n})\n\ndefineExpose({\n  /**\n   * @description current color object\n   */\n  color,\n  /**\n   * @description custom input ref\n   */\n  inputRef,\n  /**\n   * @description update sub components\n   */\n  update,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAmEA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAEb,MAAM,KAAK,aAAa,qBAAoB;EAC5C,MAAM,EAAE,aAAa,aAAY;EACjC,MAAM,WAAW,iBAAgB;EACjC,MAAM,SAAS,KAAoC;EACnD,MAAM,QAAQ,KAAkC;EAChD,MAAM,WAAW,KAAsC;EACvD,MAAM,WAAW,KAAmB;EACpC,MAAM,cAAc,IAAI,GAAE;EAE1B,MAAM,EAAE,UAAU,OAChB,uCACM,eAAe,OAAO,KAAK,EACjC,KACF;EAEA,SAAS,gBAAgB;AACvB,SAAM,WAAW,YAAY,MAAK;AAClC,OAAI,MAAM,UAAU,YAAY,MAC9B,aAAY,QAAQ,MAAM;;EAI9B,SAAS,iBAAiB;AACxB,OAAI,MAAM,cACR,WAAU,WAAW,OAAO,CAAC,OAAO,QAAQ,UAAU,IAAI,CAAA;;EAI9D,SAAS,SAAS;AAChB,UAAO,OAAO,QAAO;AACrB,SAAM,OAAO,QAAO;AACpB,YAAS,OAAO,QAAO;;AAGzB,kBAAgB;AACd,OAAI,MAAM,WACR,aAAY,QAAQ,MAAM;AAE5B,YAAS,OAAM;IAChB;AAED,cACQ,MAAM,aACX,WAAW;AACV,OAAI,WAAW,MAAM,MACnB,UAAS,MAAM,WAAW,OAAO,GAAG,MAAM,OAAM;IAGtD;AAEA,cACQ,MAAM,QACX,QAAQ;AACP,QAAK,oBAAoB,IAAG;AAC5B,eAAY,QAAQ;AACpB,OAAI,MAAM,cACR,WAAU,SAAS,SAAS,CAAC,OAAO,QAAQ,UAAU,IAAI,CAAA;IAGhE;AAEA,UAAQ,4BAA4B,EAClC,cAAc,eAAe,MAAM,MAAM,EAC1C,CAAA;AAED,WAAa;GAIX;GAIA;GAIA;GACD,CAAA;;uBAvJC,mBAuCM,OAAA;IAtCH,OAAK,eAAA;KAAG,MAAA,GAAE,CAAC,GAAC;KAAI,MAAA,GAAE,CAAC,GAAE,YAAa,MAAA,SAAQ,CAAA;KAAG,MAAA,GAAE,CAAC,GAAE,UAAW,QAAA,OAAM;KAAA,CAAA;IACnE,YAAU;;IAEX,mBASM,OAAA,EATA,OAAK,eAAE,MAAA,GAAE,CAAC,EAAC,UAAA,CAAA,KACf,YAME,oBAAA;cALI;KAAJ,KAAI;KACJ,OAAM;KACL,OAAO,MAAA,MAAK;KACb,UAAA;KACC,UAAU,MAAA,SAAA;wCAEb,YAA4D,kBAAA;cAA9C;KAAJ,KAAI;KAAS,OAAO,MAAA,MAAK;KAAG,UAAU,MAAA,SAAA;;IAG1C,QAAA,0BADR,YAKE,sBAAA;;cAHI;KAAJ,KAAI;KACH,OAAO,MAAA,MAAK;KACZ,UAAU,MAAA,SAAA;;IAGL,QAAA,0BADR,YAOE,mBAAA;;KALA,KAAI;KACH,gBAAc,QAAA;KACd,OAAO,MAAA,MAAK;KACZ,QAAQ,QAAA;KACR,UAAU,MAAA,SAAA;;;;;;;IAEb,mBAUM,OAAA,EAVA,OAAK,eAAE,MAAA,GAAE,CAAC,EAAC,SAAA,CAAA,KACf,YAOE,MAAA,QAAA,EAAA;cANI;KAAJ,KAAI;iBACK,YAAA;kEAAA,YAAW,QAAA;KACnB,kBAAgB;KACjB,MAAK;KACJ,UAAU,MAAA,SAAQ;KAClB,UAAQ;6CAEX,WAAsB,KAAA,QAAA,SAAA"}
+{"version":3,"file":"color-picker-panel.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/color-picker-panel/src/color-picker-panel.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.is('disabled', disabled), ns.is('border', border)]\"\n    @focusout=\"handleFocusout\"\n  >\n    <div :class=\"ns.e('wrapper')\">\n      <hue-slider\n        ref=\"hueRef\"\n        class=\"hue-slider\"\n        :color=\"color\"\n        vertical\n        :disabled=\"disabled\"\n      />\n      <sv-panel ref=\"svRef\" :color=\"color\" :disabled=\"disabled\" />\n    </div>\n    <alpha-slider\n      v-if=\"showAlpha\"\n      ref=\"alphaRef\"\n      :color=\"color\"\n      :disabled=\"disabled\"\n    />\n    <predefine\n      v-if=\"predefine\"\n      ref=\"predefine\"\n      :enable-alpha=\"showAlpha\"\n      :color=\"color\"\n      :colors=\"predefine\"\n      :disabled=\"disabled\"\n    />\n    <div :class=\"ns.e('footer')\">\n      <el-input\n        ref=\"inputRef\"\n        v-model=\"customInput\"\n        :validate-event=\"false\"\n        size=\"small\"\n        :disabled=\"disabled\"\n        @change=\"handleConfirm\"\n      />\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onMounted, provide, ref, watch } from 'vue'\nimport { ElInput } from '@element-plus/components/input'\nimport { useFormDisabled, useFormItem } from '@element-plus/components/form'\nimport { useNamespace } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport AlphaSlider from './components/alpha-slider.vue'\nimport HueSlider from './components/hue-slider.vue'\nimport Predefine from './components/predefine.vue'\nimport SvPanel from './components/sv-panel.vue'\nimport {\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  colorPickerPanelContextKey,\n  colorPickerPanelEmits,\n} from './color-picker-panel'\nimport { useCommonColor } from './composables/use-common-color'\n\nimport type { ColorPickerPanelProps } from './color-picker-panel'\nimport type { InputInstance } from '@element-plus/components/input'\n\ndefineOptions({\n  name: 'ElColorPickerPanel',\n})\nconst props = withDefaults(defineProps<ColorPickerPanelProps>(), {\n  modelValue: undefined,\n  border: true,\n  validateEvent: true,\n  showAlpha: false,\n})\nconst emit = defineEmits(colorPickerPanelEmits)\n\nconst ns = useNamespace('color-picker-panel')\nconst { formItem } = useFormItem()\nconst disabled = useFormDisabled()\nconst hueRef = ref<InstanceType<typeof HueSlider>>()\nconst svRef = ref<InstanceType<typeof SvPanel>>()\nconst alphaRef = ref<InstanceType<typeof AlphaSlider>>()\nconst inputRef = ref<InputInstance>()\nconst customInput = ref('')\n\nconst { color } = inject(\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  () => useCommonColor(props, emit),\n  true\n)\n\nfunction handleConfirm() {\n  color.fromString(customInput.value)\n  if (color.value !== customInput.value) {\n    customInput.value = color.value\n  }\n}\n\nfunction handleFocusout() {\n  if (props.validateEvent) {\n    formItem?.validate?.('blur').catch((err) => debugWarn(err))\n  }\n}\n\nfunction update() {\n  hueRef.value?.update()\n  svRef.value?.update()\n  alphaRef.value?.update()\n}\n\nonMounted(() => {\n  if (props.modelValue) {\n    customInput.value = color.value\n  }\n  nextTick(update)\n})\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (newVal !== color.value) {\n      newVal ? color.fromString(newVal) : color.clear()\n    }\n  }\n)\n\nwatch(\n  () => color.value,\n  (val) => {\n    emit(UPDATE_MODEL_EVENT, val)\n    customInput.value = val\n    if (props.validateEvent) {\n      formItem?.validate('change').catch((err) => debugWarn(err))\n    }\n  }\n)\n\nprovide(colorPickerPanelContextKey, {\n  currentColor: computed(() => color.value),\n})\n\ndefineExpose({\n  /**\n   * @description current color object\n   */\n  color,\n  /**\n   * @description custom input ref\n   */\n  inputRef,\n  /**\n   * @description update sub components\n   */\n  update,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAmEA,MAAM,QAAQ;EAMd,MAAM,OAAO;EAEb,MAAM,KAAK,aAAa,qBAAoB;EAC5C,MAAM,EAAE,aAAa,aAAY;EACjC,MAAM,WAAW,iBAAgB;EACjC,MAAM,SAAS,KAAoC;EACnD,MAAM,QAAQ,KAAkC;EAChD,MAAM,WAAW,KAAsC;EACvD,MAAM,WAAW,KAAmB;EACpC,MAAM,cAAc,IAAI,GAAE;EAE1B,MAAM,EAAE,UAAU,OAChB,uCACM,eAAe,OAAO,KAAK,EACjC,KACF;EAEA,SAAS,gBAAgB;AACvB,SAAM,WAAW,YAAY,MAAK;AAClC,OAAI,MAAM,UAAU,YAAY,MAC9B,aAAY,QAAQ,MAAM;;EAI9B,SAAS,iBAAiB;AACxB,OAAI,MAAM,cACR,WAAU,WAAW,OAAO,CAAC,OAAO,QAAQ,UAAU,IAAI,CAAA;;EAI9D,SAAS,SAAS;AAChB,UAAO,OAAO,QAAO;AACrB,SAAM,OAAO,QAAO;AACpB,YAAS,OAAO,QAAO;;AAGzB,kBAAgB;AACd,OAAI,MAAM,WACR,aAAY,QAAQ,MAAM;AAE5B,YAAS,OAAM;IAChB;AAED,cACQ,MAAM,aACX,WAAW;AACV,OAAI,WAAW,MAAM,MACnB,UAAS,MAAM,WAAW,OAAO,GAAG,MAAM,OAAM;IAGtD;AAEA,cACQ,MAAM,QACX,QAAQ;AACP,QAAK,oBAAoB,IAAG;AAC5B,eAAY,QAAQ;AACpB,OAAI,MAAM,cACR,WAAU,SAAS,SAAS,CAAC,OAAO,QAAQ,UAAU,IAAI,CAAA;IAGhE;AAEA,UAAQ,4BAA4B,EAClC,cAAc,eAAe,MAAM,MAAM,EAC1C,CAAA;AAED,WAAa;GAIX;GAIA;GAIA;GACD,CAAA;;uBAxJC,mBAuCM,OAAA;IAtCH,OAAK,eAAA;KAAG,MAAA,GAAE,CAAC,GAAC;KAAI,MAAA,GAAE,CAAC,GAAE,YAAa,MAAA,SAAQ,CAAA;KAAG,MAAA,GAAE,CAAC,GAAE,UAAW,QAAA,OAAM;KAAA,CAAA;IACnE,YAAU;;IAEX,mBASM,OAAA,EATA,OAAK,eAAE,MAAA,GAAE,CAAC,EAAC,UAAA,CAAA,KACf,YAME,oBAAA;cALI;KAAJ,KAAI;KACJ,OAAM;KACL,OAAO,MAAA,MAAK;KACb,UAAA;KACC,UAAU,MAAA,SAAA;wCAEb,YAA4D,kBAAA;cAA9C;KAAJ,KAAI;KAAS,OAAO,MAAA,MAAK;KAAG,UAAU,MAAA,SAAA;;IAG1C,QAAA,0BADR,YAKE,sBAAA;;cAHI;KAAJ,KAAI;KACH,OAAO,MAAA,MAAK;KACZ,UAAU,MAAA,SAAA;;IAGL,QAAA,0BADR,YAOE,mBAAA;;KALA,KAAI;KACH,gBAAc,QAAA;KACd,OAAO,MAAA,MAAK;KACZ,QAAQ,QAAA;KACR,UAAU,MAAA,SAAA;;;;;;;IAEb,mBAUM,OAAA,EAVA,OAAK,eAAE,MAAA,GAAE,CAAC,EAAC,SAAA,CAAA,KACf,YAOE,MAAA,QAAA,EAAA;cANI;KAAJ,KAAI;iBACK,YAAA;kEAAA,YAAW,QAAA;KACnB,kBAAgB;KACjB,MAAK;KACJ,UAAU,MAAA,SAAQ;KAClB,UAAQ;6CAEX,WAAsB,KAAA,QAAA,SAAA"}

package/es/components/color-picker-panel/src/color-picker-panel2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker-panel2.mjs","names":[],"sources":["../../../../../../packages/components/color-picker-panel/src/color-picker-panel.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.is('disabled', disabled), ns.is('border', border)]\"\n    @focusout=\"handleFocusout\"\n  >\n    <div :class=\"ns.e('wrapper')\">\n      <hue-slider\n        ref=\"hueRef\"\n        class=\"hue-slider\"\n        :color=\"color\"\n        vertical\n        :disabled=\"disabled\"\n      />\n      <sv-panel ref=\"svRef\" :color=\"color\" :disabled=\"disabled\" />\n    </div>\n    <alpha-slider\n      v-if=\"showAlpha\"\n      ref=\"alphaRef\"\n      :color=\"color\"\n      :disabled=\"disabled\"\n    />\n    <predefine\n      v-if=\"predefine\"\n      ref=\"predefine\"\n      :enable-alpha=\"showAlpha\"\n      :color=\"color\"\n      :colors=\"predefine\"\n      :disabled=\"disabled\"\n    />\n    <div :class=\"ns.e('footer')\">\n      <el-input\n        ref=\"inputRef\"\n        v-model=\"customInput\"\n        :validate-event=\"false\"\n        size=\"small\"\n        :disabled=\"disabled\"\n        @change=\"handleConfirm\"\n      />\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onMounted, provide, ref, watch } from 'vue'\nimport { ElInput } from '@element-plus/components/input'\nimport { useFormDisabled, useFormItem } from '@element-plus/components/form'\nimport { useNamespace } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport AlphaSlider from './components/alpha-slider.vue'\nimport HueSlider from './components/hue-slider.vue'\nimport Predefine from './components/predefine.vue'\nimport SvPanel from './components/sv-panel.vue'\nimport {\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  colorPickerPanelContextKey,\n  colorPickerPanelEmits,\n} from './color-picker-panel'\nimport { useCommonColor } from './composables/use-common-color'\n\nimport type { ColorPickerPanelProps } from './color-picker-panel'\nimport type { InputInstance } from '@element-plus/components/input'\n\ndefineOptions({\n  name: 'ElColorPickerPanel',\n})\nconst props = withDefaults(defineProps<ColorPickerPanelProps>(), {\n  modelValue: undefined,\n  border: true,\n  validateEvent: true,\n})\nconst emit = defineEmits(colorPickerPanelEmits)\n\nconst ns = useNamespace('color-picker-panel')\nconst { formItem } = useFormItem()\nconst disabled = useFormDisabled()\nconst hueRef = ref<InstanceType<typeof HueSlider>>()\nconst svRef = ref<InstanceType<typeof SvPanel>>()\nconst alphaRef = ref<InstanceType<typeof AlphaSlider>>()\nconst inputRef = ref<InputInstance>()\nconst customInput = ref('')\n\nconst { color } = inject(\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  () => useCommonColor(props, emit),\n  true\n)\n\nfunction handleConfirm() {\n  color.fromString(customInput.value)\n  if (color.value !== customInput.value) {\n    customInput.value = color.value\n  }\n}\n\nfunction handleFocusout() {\n  if (props.validateEvent) {\n    formItem?.validate?.('blur').catch((err) => debugWarn(err))\n  }\n}\n\nfunction update() {\n  hueRef.value?.update()\n  svRef.value?.update()\n  alphaRef.value?.update()\n}\n\nonMounted(() => {\n  if (props.modelValue) {\n    customInput.value = color.value\n  }\n  nextTick(update)\n})\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (newVal !== color.value) {\n      newVal ? color.fromString(newVal) : color.clear()\n    }\n  }\n)\n\nwatch(\n  () => color.value,\n  (val) => {\n    emit(UPDATE_MODEL_EVENT, val)\n    customInput.value = val\n    if (props.validateEvent) {\n      formItem?.validate('change').catch((err) => debugWarn(err))\n    }\n  }\n)\n\nprovide(colorPickerPanelContextKey, {\n  currentColor: computed(() => color.value),\n})\n\ndefineExpose({\n  /**\n   * @description current color object\n   */\n  color,\n  /**\n   * @description custom input ref\n   */\n  inputRef,\n  /**\n   * @description update sub components\n   */\n  update,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"color-picker-panel2.mjs","names":[],"sources":["../../../../../../packages/components/color-picker-panel/src/color-picker-panel.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.is('disabled', disabled), ns.is('border', border)]\"\n    @focusout=\"handleFocusout\"\n  >\n    <div :class=\"ns.e('wrapper')\">\n      <hue-slider\n        ref=\"hueRef\"\n        class=\"hue-slider\"\n        :color=\"color\"\n        vertical\n        :disabled=\"disabled\"\n      />\n      <sv-panel ref=\"svRef\" :color=\"color\" :disabled=\"disabled\" />\n    </div>\n    <alpha-slider\n      v-if=\"showAlpha\"\n      ref=\"alphaRef\"\n      :color=\"color\"\n      :disabled=\"disabled\"\n    />\n    <predefine\n      v-if=\"predefine\"\n      ref=\"predefine\"\n      :enable-alpha=\"showAlpha\"\n      :color=\"color\"\n      :colors=\"predefine\"\n      :disabled=\"disabled\"\n    />\n    <div :class=\"ns.e('footer')\">\n      <el-input\n        ref=\"inputRef\"\n        v-model=\"customInput\"\n        :validate-event=\"false\"\n        size=\"small\"\n        :disabled=\"disabled\"\n        @change=\"handleConfirm\"\n      />\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, nextTick, onMounted, provide, ref, watch } from 'vue'\nimport { ElInput } from '@element-plus/components/input'\nimport { useFormDisabled, useFormItem } from '@element-plus/components/form'\nimport { useNamespace } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport AlphaSlider from './components/alpha-slider.vue'\nimport HueSlider from './components/hue-slider.vue'\nimport Predefine from './components/predefine.vue'\nimport SvPanel from './components/sv-panel.vue'\nimport {\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  colorPickerPanelContextKey,\n  colorPickerPanelEmits,\n} from './color-picker-panel'\nimport { useCommonColor } from './composables/use-common-color'\n\nimport type { ColorPickerPanelProps } from './color-picker-panel'\nimport type { InputInstance } from '@element-plus/components/input'\n\ndefineOptions({\n  name: 'ElColorPickerPanel',\n})\nconst props = withDefaults(defineProps<ColorPickerPanelProps>(), {\n  modelValue: undefined,\n  border: true,\n  validateEvent: true,\n  showAlpha: false,\n})\nconst emit = defineEmits(colorPickerPanelEmits)\n\nconst ns = useNamespace('color-picker-panel')\nconst { formItem } = useFormItem()\nconst disabled = useFormDisabled()\nconst hueRef = ref<InstanceType<typeof HueSlider>>()\nconst svRef = ref<InstanceType<typeof SvPanel>>()\nconst alphaRef = ref<InstanceType<typeof AlphaSlider>>()\nconst inputRef = ref<InputInstance>()\nconst customInput = ref('')\n\nconst { color } = inject(\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  () => useCommonColor(props, emit),\n  true\n)\n\nfunction handleConfirm() {\n  color.fromString(customInput.value)\n  if (color.value !== customInput.value) {\n    customInput.value = color.value\n  }\n}\n\nfunction handleFocusout() {\n  if (props.validateEvent) {\n    formItem?.validate?.('blur').catch((err) => debugWarn(err))\n  }\n}\n\nfunction update() {\n  hueRef.value?.update()\n  svRef.value?.update()\n  alphaRef.value?.update()\n}\n\nonMounted(() => {\n  if (props.modelValue) {\n    customInput.value = color.value\n  }\n  nextTick(update)\n})\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (newVal !== color.value) {\n      newVal ? color.fromString(newVal) : color.clear()\n    }\n  }\n)\n\nwatch(\n  () => color.value,\n  (val) => {\n    emit(UPDATE_MODEL_EVENT, val)\n    customInput.value = val\n    if (props.validateEvent) {\n      formItem?.validate('change').catch((err) => debugWarn(err))\n    }\n  }\n)\n\nprovide(colorPickerPanelContextKey, {\n  currentColor: computed(() => color.value),\n})\n\ndefineExpose({\n  /**\n   * @description current color object\n   */\n  color,\n  /**\n   * @description custom input ref\n   */\n  inputRef,\n  /**\n   * @description update sub components\n   */\n  update,\n})\n</script>\n"],"mappings":""}

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

@@ -189,6 +189,7 @@ declare const _default: vue.DefineComponent<{
     __epPropKey: true;
   };
   readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+  readonly saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown, "", boolean>;
   readonly size: {
     readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
@@ -200,7 +201,7 @@ declare const _default: vue.DefineComponent<{
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType | null) | ((new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType | null))[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | ((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null))[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;
@@ -396,6 +397,7 @@ declare const _default: vue.DefineComponent<{
     __epPropKey: true;
   };
   readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+  readonly saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown, "", boolean>;
   readonly size: {
     readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
@@ -407,7 +409,7 @@ declare const _default: vue.DefineComponent<{
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType | null) | ((new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType | null))[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | ((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null))[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;
@@ -428,7 +430,7 @@ declare const _default: vue.DefineComponent<{
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
   readonly type: EpPropMergeType<(new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | ((new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType))[], unknown, unknown>;
-  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType | null) | ((new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType | 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))[], 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))[], Placement, unknown>;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly placeholder: string;
@@ -442,6 +444,7 @@ declare const _default: vue.DefineComponent<{
   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))[], unknown, unknown>;
   readonly automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly rangeSeparator: string;
   readonly shortcuts: unknown[];
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;

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

@@ -188,6 +188,7 @@ declare const datePickerProps: {
     __epPropKey: true;
   };
   readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+  readonly saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown, "", boolean>;
   readonly size: {
     readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
@@ -199,7 +200,7 @@ declare const datePickerProps: {
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | ((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>))[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType | null) | ((new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType | null))[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | ((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null))[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;

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

@@ -54,7 +54,7 @@ declare const _default: vue.DefineComponent<{
   readonly dateFormat: StringConstructor;
   readonly timeFormat: StringConstructor;
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType) | ((new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType))[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType) | ((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType))[], unknown, unknown, "", boolean>;
   readonly defaultValue: {
     readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>))[], unknown, unknown>>;
     readonly required: false;
@@ -68,7 +68,7 @@ declare const _default: vue.DefineComponent<{
     __epPropKey: true;
   };
   readonly isRange: BooleanConstructor;
-}, () => vue_jsx_runtime0.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("clear" | "update:modelValue" | "calendar-change" | "panel-change" | "visible-change")[], "clear" | "update:modelValue" | "calendar-change" | "panel-change" | "visible-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}, () => vue_jsx_runtime0.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "clear" | "calendar-change" | "panel-change" | "visible-change")[], "update:modelValue" | "clear" | "calendar-change" | "panel-change" | "visible-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
   readonly disabledDate: {
     readonly type: vue.PropType<Function>;
     readonly required: false;
@@ -114,7 +114,7 @@ declare const _default: vue.DefineComponent<{
   readonly dateFormat: StringConstructor;
   readonly timeFormat: StringConstructor;
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType) | ((new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType))[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType) | ((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType))[], unknown, unknown, "", boolean>;
   readonly defaultValue: {
     readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>))[], unknown, unknown>>;
     readonly required: false;
@@ -129,14 +129,14 @@ declare const _default: vue.DefineComponent<{
   };
   readonly isRange: BooleanConstructor;
 }>> & {
-  onClear?: ((...args: any[]) => any) | undefined;
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+  onClear?: ((...args: any[]) => any) | undefined;
   "onCalendar-change"?: ((...args: any[]) => any) | undefined;
   "onPanel-change"?: ((...args: any[]) => any) | undefined;
   "onVisible-change"?: ((...args: any[]) => any) | undefined;
 }, {
   readonly type: EpPropMergeType<(new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | ((new (...args: any[]) => "year" | "months" | "years" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType))[], unknown, unknown>;
-  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType) | ((new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType))[], 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))[], unknown, unknown>;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly border: EpPropMergeType<BooleanConstructor, unknown, unknown>;

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

@@ -53,7 +53,7 @@ declare const datePickerPanelProps: {
   readonly dateFormat: StringConstructor;
   readonly timeFormat: StringConstructor;
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType) | ((new (...args: any[]) => string | number | string[] | number[] | Date | Date[]) | (() => ModelValueType))[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType) | ((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType))[], unknown, unknown, "", boolean>;
   readonly defaultValue: {
     readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>))[], unknown, unknown>>;
     readonly required: false;

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

@@ -19,9 +19,9 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   title: string;
   extra: string;
 }>>>, {
-  direction: "horizontal" | "vertical";
   title: string;
   column: number;
+  direction: "horizontal" | "vertical";
   extra: string;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -70,9 +70,8 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   onOpenAutoFocus?: (() => any) | undefined;
   onCloseAutoFocus?: (() => any) | undefined;
 }, {
-  alignCenter: boolean;
-  title: string;
   appendTo: string | HTMLElement;
+  title: string;
   transition: DialogTransition;
   overflow: boolean;
   closeOnClickModal: boolean;
@@ -82,6 +81,7 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   openDelay: number;
   closeDelay: number;
   headerAriaLevel: string;
+  alignCenter: boolean;
   draggable: boolean;
   showClose: boolean;
   ariaLevel: string;

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

@@ -15,8 +15,8 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   contentPosition: string;
   borderStyle: string;
 }>>>, {
-  direction: "horizontal" | "vertical";
   borderStyle: BorderStyle;
+  direction: "horizontal" | "vertical";
   contentPosition: "left" | "center" | "right";
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -85,12 +85,11 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
   "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
 }, {
-  direction: "ltr" | "rtl" | "ttb" | "btt";
-  alignCenter: boolean;
+  appendTo: string | HTMLElement;
   title: string;
   size: string | number;
-  appendTo: string | HTMLElement;
   transition: DialogTransition;
+  direction: "ltr" | "rtl" | "ttb" | "btt";
   overflow: boolean;
   closeOnClickModal: boolean;
   closeOnPressEscape: boolean;
@@ -99,6 +98,7 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   openDelay: number;
   closeDelay: number;
   headerAriaLevel: string;
+  alignCenter: boolean;
   draggable: boolean;
   showClose: boolean;
   ariaLevel: string;

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

@@ -46,7 +46,7 @@ declare const dropdownProps: {
     readonly __epPropKey: true;
   };
   readonly type: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "success" | "info" | "primary" | "warning" | "text" | "danger") | (() => "" | "default" | "success" | "info" | "primary" | "warning" | "text" | "danger") | ((new (...args: any[]) => "" | "default" | "success" | "info" | "primary" | "warning" | "text" | "danger") | (() => "" | "default" | "success" | "info" | "primary" | "warning" | "text" | "danger"))[], 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"))[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -40,7 +40,7 @@ declare const __VLS_export: vue.DefineComponent<{
     readonly __epPropKey: true;
   };
   readonly type: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "success" | "info" | "primary" | "warning" | "text" | "danger") | (() => "" | "default" | "success" | "info" | "primary" | "warning" | "text" | "danger") | ((new (...args: any[]) => "" | "default" | "success" | "info" | "primary" | "warning" | "text" | "danger") | (() => "" | "default" | "success" | "info" | "primary" | "warning" | "text" | "danger"))[], 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"))[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -242,7 +242,7 @@ declare const __VLS_export: vue.DefineComponent<{
     readonly __epPropKey: true;
   };
   readonly type: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "success" | "info" | "primary" | "warning" | "text" | "danger") | (() => "" | "default" | "success" | "info" | "primary" | "warning" | "text" | "danger") | ((new (...args: any[]) => "" | "default" | "success" | "info" | "primary" | "warning" | "text" | "danger") | (() => "" | "default" | "success" | "info" | "primary" | "warning" | "text" | "danger"))[], 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"))[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -388,10 +388,10 @@ declare const __VLS_export: vue.DefineComponent<{
   "onVisible-change"?: ((...args: any[]) => any) | undefined;
   onCommand?: ((...args: any[]) => any) | undefined;
 }, {
-  readonly size: string;
   readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], 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))[], unknown, unknown>;
+  readonly size: string;
   readonly disabled: boolean;
   readonly tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>;
   readonly virtualTriggering: boolean;

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

@@ -1,6 +1,6 @@
 import "../../base/style/css.mjs";
 import "../../scrollbar/style/css.mjs";
 import "../../popper/style/css.mjs";
-import "../../button/style/css.mjs";
 import "../../button-group/style/css.mjs";
+import "../../button/style/css.mjs";
 import "@element-plus/nightly/theme-chalk/el-dropdown.css";

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

@@ -1,6 +1,6 @@
 import "../../base/style/index.mjs";
 import "../../scrollbar/style/index.mjs";
 import "../../popper/style/index.mjs";
-import "../../button/style/index.mjs";
 import "../../button-group/style/index.mjs";
+import "../../button/style/index.mjs";
 import "@element-plus/nightly/theme-chalk/src/dropdown.scss";

package/es/components/form/src/form-item.d.ts

@@ -87,7 +87,7 @@ declare const formItemProps: {
   };
   readonly error: StringConstructor;
   readonly validateStatus: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -32,7 +32,7 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   /**
    * @description Validation state.
    */
-  validateState: vue.Ref<"" | "error" | "success" | "validating">;
+  validateState: vue.Ref<"" | "success" | "error" | "validating">;
   /**
    * @description Validate form item.
    */

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

@@ -46,9 +46,9 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
 }>, {
   /** @description manually open preview */showPreview: typeof clickHandler;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  error: (evt: Event) => void;
-  close: () => void;
   show: () => void;
+  close: () => void;
+  error: (evt: Event) => void;
   load: (evt: Event) => void;
   switch: (val: number) => void;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ImageProps>, {

package/es/components/image-viewer/src/image-viewer.vue.d.ts

@@ -45,8 +45,8 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
    */
   setActiveItem: typeof setActiveItem;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  error: (evt: Event) => void;
   close: () => void;
+  error: (evt: Event) => void;
   rotate: (deg: number) => void;
   switch: (index: number) => void;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ImageViewerProps>, {

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

@@ -179,7 +179,7 @@ declare const inputProps: {
   };
   readonly type: EpPropFinalized<(new (...args: any[]) => string) | (() => InputType) | ((new (...args: any[]) => string) | (() => InputType))[], unknown, unknown, "text", boolean>;
   readonly resize: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "horizontal" | "vertical" | "none" | "both", unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -41,11 +41,11 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   resizeTextarea: () => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   change: (value: string, evt?: Event | undefined) => void;
-  clear: (evt: MouseEvent | undefined) => void;
   "update:modelValue": (value: string) => void;
   input: (value: string) => void;
   focus: (evt: FocusEvent) => void;
   blur: (evt: FocusEvent) => void;
+  clear: (evt: MouseEvent | undefined) => void;
   mouseleave: (evt: MouseEvent) => void;
   mouseenter: (evt: MouseEvent) => void;
   keydown: (evt: Event | KeyboardEvent) => void;
@@ -75,8 +75,8 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
   onMouseenter?: ((evt: MouseEvent) => any) | undefined;
   onMouseleave?: ((evt: MouseEvent) => any) | undefined;
-  onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
 }, {
   type: InputType;
   modelValue: string | number | null;

package/es/components/input/src/input.vue_vue_type_script_setup_true_lang.mjs

@@ -383,7 +383,11 @@ var input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 					id: unref(inputId),
 					ref_key: "textarea",
 					ref: textarea,
-					class: [unref(nsTextarea).e("inner"), unref(nsInput).is("focus", unref(isFocused))]
+					class: [
+						unref(nsTextarea).e("inner"),
+						unref(nsInput).is("focus", unref(isFocused)),
+						unref(nsTextarea).is("clearable", __props.clearable)
+					]
 				}, unref(attrs), {
 					name: __props.name,
 					minlength: __props.minlength,
@@ -408,8 +412,17 @@ var input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 					onChange: handleChange,
 					onKeydown: handleKeydown
 				}), null, 16, _hoisted_2),
-				isWordLimitVisible.value ? (openBlock(), createElementBlock("span", {
+				showClear.value ? (openBlock(), createBlock(unref(ElIcon), {
 					key: 0,
+					class: normalizeClass([unref(nsTextarea).e("icon"), unref(nsTextarea).e("clear")]),
+					onMousedown: withModifiers(unref(NOOP), ["prevent"]),
+					onClick: clear
+				}, {
+					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(__props.clearIcon)))]),
+					_: 1
+				}, 8, ["class", "onMousedown"])) : createCommentVNode("v-if", true),
+				isWordLimitVisible.value ? (openBlock(), createElementBlock("span", {
+					key: 1,
 					style: normalizeStyle(countStyle.value),
 					class: normalizeClass([unref(nsInput).e("count"), unref(nsInput).is("outside", __props.wordLimitPosition === "outside")])
 				}, toDisplayString(textLength.value) + " / " + toDisplayString(__props.maxlength), 7)) : createCommentVNode("v-if", true)