@element-plus/nightly 0.0.20260412 → 0.0.20260413

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

@@ -71,7 +71,7 @@ declare const formItemProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly labelPosition: EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
+  readonly labelPosition: EpPropFinalized<StringConstructor, "" | "top" | "right" | "left", unknown, "", boolean>;
   readonly prop: {
     readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => FormItemProp) | (((new (...args: any[]) => string | string[]) | (() => FormItemProp)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -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;
@@ -96,7 +96,7 @@ declare const formItemProps: {
   readonly inlineMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -1,5 +1,6 @@
-import { FormItemProps } from "./form-item.js";
 import { FormValidateCallback, FormValidationResult } from "./types.js";
+import { FormItemProps } from "./form-item.js";
+import "../../../index.js";
 import * as vue from "vue";
 
 //#region ../../packages/components/form/src/form-item.vue.d.ts
@@ -19,7 +20,7 @@ declare const __VLS_base: vue.DefineComponent<FormItemProps, {
   /**
    * @description Form item size.
    */
-  size: vue.ComputedRef<"" | "default" | "small" | "large">;
+  size: vue.ComputedRef<"" | "default" | "large" | "small">;
   /**
    * @description Validation message.
    */
@@ -27,7 +28,7 @@ declare const __VLS_base: vue.DefineComponent<FormItemProps, {
   /**
    * @description Validation state.
    */
-  validateState: vue.Ref<"" | "error" | "success" | "validating", "" | "error" | "success" | "validating">;
+  validateState: vue.Ref<"" | "success" | "error" | "validating", "" | "success" | "error" | "validating">;
   /**
    * @description Validate form item.
    */

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

@@ -2,8 +2,9 @@ import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types
 import { ComponentSize } from "../../../constants/size.js";
 import { Arrayable } from "../../../utils/typescript.js";
 import "../../../utils/index.js";
-import { FormItemProp } from "./form-item.js";
 import { FormItemRule, FormRules } from "./types.js";
+import { FormItemProp } from "./form-item.js";
+import "../../../index.js";
 import * as vue from "vue";
 import { ExtractPublicPropTypes } from "vue";
 
@@ -23,7 +24,7 @@ interface FormMetaProps {
  */
 declare const formMetaProps: {
   readonly size: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -99,8 +100,8 @@ declare const formProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "left" | "right", unknown, "right", boolean>;
-  readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+  readonly labelPosition: EpPropFinalized<StringConstructor, "top" | "right" | "left", unknown, "right", boolean>;
+  readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "right" | "left", unknown, "left", boolean>;
   readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
   readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly inline: BooleanConstructor;
@@ -112,7 +113,7 @@ declare const formProps: {
   readonly scrollToError: BooleanConstructor;
   readonly scrollIntoViewOptions: EpPropFinalized<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | (((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions)) | null)[], unknown, unknown, true, boolean>;
   readonly size: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -1,7 +1,7 @@
 import { Arrayable } from "../../../utils/typescript.js";
 import "../../../utils/index.js";
-import { FormItemProp } from "./form-item.js";
 import { FormItemContext, FormValidateCallback, FormValidationResult } from "./types.js";
+import { FormItemProp } from "./form-item.js";
 import { FormProps } from "./form.js";
 import * as vue from "vue";
 

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

@@ -1,6 +1,7 @@
 import { isArray, isFunction } from "../../../utils/types.mjs";
 import { getProp } from "../../../utils/objects.mjs";
 import { debugWarn } from "../../../utils/error.mjs";
+import { NOOP } from "../../../utils/functions.mjs";
 import { ensureArray } from "../../../utils/arrays.mjs";
 import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
 import { formEmits, formProps } from "./form.mjs";
@@ -136,7 +137,7 @@ var form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			if (field) field.$el?.scrollIntoView(props.scrollIntoViewOptions);
 		};
 		watch(() => props.rules, () => {
-			if (props.validateOnRuleChange) validate().catch((err) => debugWarn(err));
+			if (props.validateOnRuleChange) validate().catch(NOOP);
 		}, {
 			deep: true,
 			flush: "post"

package/es/components/form/src/form.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <form ref=\"formRef\" :class=\"formClasses\">\n    <slot />\n  </form>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, ref, toRefs, watch } from 'vue'\nimport { cloneDeep } from 'lodash-unified'\nimport {\n  debugWarn,\n  ensureArray,\n  getProp,\n  isArray,\n  isFunction,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from './hooks'\nimport { formContextKey } from './constants'\nimport { formEmits } from './form'\nimport { filterFields, useFormLabelWidth } from './utils'\n\nimport type { ValidateFieldsError } from 'async-validator'\nimport type { Arrayable } from '@element-plus/utils'\nimport type { FormProps } from './form'\nimport type {\n  FormContext,\n  FormItemContext,\n  FormValidateCallback,\n  FormValidationResult,\n} from './types'\nimport type { FormItemProp } from './form-item'\n\nconst COMPONENT_NAME = 'ElForm'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\nconst props = withDefaults(defineProps<FormProps>(), {\n  labelPosition: 'right',\n  requireAsteriskPosition: 'left',\n  labelWidth: '',\n  labelSuffix: '',\n  showMessage: true,\n  validateOnRuleChange: true,\n  scrollIntoViewOptions: true,\n})\nconst emit = defineEmits(formEmits)\n\nconst formRef = ref<HTMLElement>()\nconst fields = reactive<FormItemContext[]>([])\nconst initialValues = new Map<string, any>()\n\nconst formSize = useFormSize()\nconst ns = useNamespace('form')\nconst formClasses = computed(() => {\n  const { labelPosition, inline } = props\n  return [\n    ns.b(),\n    ns.m(formSize.value || 'default'),\n    {\n      [ns.m(`label-${labelPosition}`)]: labelPosition,\n      [ns.m('inline')]: inline,\n    },\n  ]\n})\n\nconst getField: FormContext['getField'] = (prop) => {\n  return filterFields(fields, [prop])[0]\n}\n\nconst addField: FormContext['addField'] = (field) => {\n  if (!fields.includes(field)) {\n    fields.push(field)\n  }\n  if (field.propString) {\n    if (initialValues.has(field.propString)) {\n      field.setInitialValue(initialValues.get(field.propString))\n    } else {\n      initialValues.set(field.propString, cloneDeep(field.fieldValue))\n    }\n  }\n}\n\nconst removeField: FormContext['removeField'] = (field, oldPropString?) => {\n  if (oldPropString) {\n    // Prop changed on a live field: delete stale key, field stays in fields[]\n    initialValues.delete(oldPropString)\n    return\n  }\n  // Unmount: splice from array, cache initialValue for potential remount\n  const idx = fields.indexOf(field)\n  if (idx > -1) {\n    fields.splice(idx, 1)\n    if (field.propString) {\n      initialValues.set(field.propString, cloneDeep(field.getInitialValue()))\n    }\n  }\n}\n\nconst setInitialValues: FormContext['setInitialValues'] = (initModel) => {\n  if (!props.model) {\n    debugWarn(COMPONENT_NAME, 'model is required for setInitialValues to work.')\n    return\n  }\n  if (!initModel) {\n    debugWarn(\n      COMPONENT_NAME,\n      'initModel is required for setInitialValues to work.'\n    )\n    return\n  }\n\n  for (const key of initialValues.keys()) {\n    initialValues.set(key, cloneDeep(getProp(initModel, key).value))\n  }\n  fields.forEach((field) => {\n    if (field.prop) {\n      field.setInitialValue(getProp(initModel, field.prop).value)\n    }\n  })\n}\n\nconst resetFields: FormContext['resetFields'] = (properties = []) => {\n  if (!props.model) {\n    debugWarn(COMPONENT_NAME, 'model is required for resetFields to work.')\n    return\n  }\n\n  filterFields(fields, properties).forEach((field) => field.resetField())\n\n  const activePropStrings = new Set(\n    fields.map((f) => f.propString).filter(Boolean)\n  )\n  const propsToCheck =\n    properties.length > 0\n      ? ensureArray(properties).map((p) => (isArray(p) ? p.join('.') : p))\n      : [...initialValues.keys()]\n\n  for (const propString of propsToCheck) {\n    if (!activePropStrings.has(propString) && initialValues.has(propString)) {\n      getProp(props.model, propString).value = cloneDeep(\n        initialValues.get(propString)\n      )\n    }\n  }\n}\n\nconst clearValidate: FormContext['clearValidate'] = (props = []) => {\n  filterFields(fields, props).forEach((field) => field.clearValidate())\n}\n\nconst isValidatable = computed(() => {\n  const hasModel = !!props.model\n  if (!hasModel) {\n    debugWarn(COMPONENT_NAME, 'model is required for validate to work.')\n  }\n  return hasModel\n})\n\nconst obtainValidateFields = (props: Arrayable<FormItemProp>) => {\n  if (fields.length === 0) return []\n\n  const filteredFields = filterFields(fields, props)\n  if (!filteredFields.length) {\n    debugWarn(COMPONENT_NAME, 'please pass correct props!')\n    return []\n  }\n  return filteredFields\n}\n\nconst validate = async (\n  callback?: FormValidateCallback\n): FormValidationResult => validateField(undefined, callback)\n\nconst doValidateField = async (\n  props: Arrayable<FormItemProp> = []\n): Promise<boolean> => {\n  if (!isValidatable.value) return false\n\n  const fields = obtainValidateFields(props)\n  if (fields.length === 0) return true\n\n  let validationErrors: ValidateFieldsError = {}\n  for (const field of fields) {\n    try {\n      await field.validate('')\n      if (field.validateState === 'error' && !field.error) field.resetField()\n    } catch (fields) {\n      validationErrors = {\n        ...validationErrors,\n        ...(fields as ValidateFieldsError),\n      }\n    }\n  }\n\n  if (Object.keys(validationErrors).length === 0) return true\n  return Promise.reject(validationErrors)\n}\n\nconst validateField: FormContext['validateField'] = async (\n  modelProps = [],\n  callback\n) => {\n  let result = false\n  const shouldThrow = !isFunction(callback)\n  try {\n    result = await doValidateField(modelProps)\n    // When result is false meaning that the fields are not validatable\n    if (result === true) {\n      await callback?.(result)\n    }\n    return result\n  } catch (e) {\n    if (e instanceof Error) throw e\n\n    const invalidFields = e as ValidateFieldsError\n\n    if (props.scrollToError) {\n      // form-item may be dynamically rendered based on the judgment conditions, and the order in invalidFields is uncertain.\n      // Therefore, the first form field with an error is determined by directly looking for the rendered element.\n      if (formRef.value) {\n        const formItem = formRef.value.querySelector(`.${ns.b()}-item.is-error`)\n        formItem?.scrollIntoView(props.scrollIntoViewOptions)\n      }\n    }\n    !result && (await callback?.(false, invalidFields))\n    return shouldThrow && Promise.reject(invalidFields)\n  }\n}\n\nconst scrollToField = (prop: FormItemProp) => {\n  const field = getField(prop)\n  if (field) {\n    field.$el?.scrollIntoView(props.scrollIntoViewOptions)\n  }\n}\n\nwatch(\n  () => props.rules,\n  () => {\n    if (props.validateOnRuleChange) {\n      validate().catch((err) => debugWarn(err))\n    }\n  },\n  { deep: true, flush: 'post' }\n)\n\nprovide(\n  formContextKey,\n  reactive({\n    ...toRefs(props),\n    emit,\n\n    resetFields,\n    clearValidate,\n    validateField,\n    getField,\n    addField,\n    removeField,\n    setInitialValues,\n\n    ...useFormLabelWidth(),\n  })\n)\n\ndefineExpose({\n  /**\n   * @description Validate the whole form. Receives a callback or returns `Promise`.\n   */\n  validate,\n  /**\n   * @description Validate specified fields.\n   */\n  validateField,\n  /**\n   * @description Reset specified fields and remove validation result.\n   */\n  resetFields,\n  /**\n   * @description Clear validation message for specified fields.\n   */\n  clearValidate,\n  /**\n   * @description Scroll to the specified fields.\n   */\n  scrollToField,\n  /**\n   * @description Get a field context.\n   */\n  getField,\n  /**\n   * @description All fields context.\n   */\n  fields,\n  /**\n   * @description Set initial values for form fields. When `resetFields` is called, fields will reset to these values.\n   */\n  setInitialValues,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"form.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <form ref=\"formRef\" :class=\"formClasses\">\n    <slot />\n  </form>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, ref, toRefs, watch } from 'vue'\nimport { cloneDeep } from 'lodash-unified'\nimport {\n  NOOP,\n  debugWarn,\n  ensureArray,\n  getProp,\n  isArray,\n  isFunction,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from './hooks'\nimport { formContextKey } from './constants'\nimport { formEmits } from './form'\nimport { filterFields, useFormLabelWidth } from './utils'\n\nimport type { ValidateFieldsError } from 'async-validator'\nimport type { Arrayable } from '@element-plus/utils'\nimport type { FormProps } from './form'\nimport type {\n  FormContext,\n  FormItemContext,\n  FormValidateCallback,\n  FormValidationResult,\n} from './types'\nimport type { FormItemProp } from './form-item'\n\nconst COMPONENT_NAME = 'ElForm'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\nconst props = withDefaults(defineProps<FormProps>(), {\n  labelPosition: 'right',\n  requireAsteriskPosition: 'left',\n  labelWidth: '',\n  labelSuffix: '',\n  showMessage: true,\n  validateOnRuleChange: true,\n  scrollIntoViewOptions: true,\n})\nconst emit = defineEmits(formEmits)\n\nconst formRef = ref<HTMLElement>()\nconst fields = reactive<FormItemContext[]>([])\nconst initialValues = new Map<string, any>()\n\nconst formSize = useFormSize()\nconst ns = useNamespace('form')\nconst formClasses = computed(() => {\n  const { labelPosition, inline } = props\n  return [\n    ns.b(),\n    ns.m(formSize.value || 'default'),\n    {\n      [ns.m(`label-${labelPosition}`)]: labelPosition,\n      [ns.m('inline')]: inline,\n    },\n  ]\n})\n\nconst getField: FormContext['getField'] = (prop) => {\n  return filterFields(fields, [prop])[0]\n}\n\nconst addField: FormContext['addField'] = (field) => {\n  if (!fields.includes(field)) {\n    fields.push(field)\n  }\n  if (field.propString) {\n    if (initialValues.has(field.propString)) {\n      field.setInitialValue(initialValues.get(field.propString))\n    } else {\n      initialValues.set(field.propString, cloneDeep(field.fieldValue))\n    }\n  }\n}\n\nconst removeField: FormContext['removeField'] = (field, oldPropString?) => {\n  if (oldPropString) {\n    // Prop changed on a live field: delete stale key, field stays in fields[]\n    initialValues.delete(oldPropString)\n    return\n  }\n  // Unmount: splice from array, cache initialValue for potential remount\n  const idx = fields.indexOf(field)\n  if (idx > -1) {\n    fields.splice(idx, 1)\n    if (field.propString) {\n      initialValues.set(field.propString, cloneDeep(field.getInitialValue()))\n    }\n  }\n}\n\nconst setInitialValues: FormContext['setInitialValues'] = (initModel) => {\n  if (!props.model) {\n    debugWarn(COMPONENT_NAME, 'model is required for setInitialValues to work.')\n    return\n  }\n  if (!initModel) {\n    debugWarn(\n      COMPONENT_NAME,\n      'initModel is required for setInitialValues to work.'\n    )\n    return\n  }\n\n  for (const key of initialValues.keys()) {\n    initialValues.set(key, cloneDeep(getProp(initModel, key).value))\n  }\n  fields.forEach((field) => {\n    if (field.prop) {\n      field.setInitialValue(getProp(initModel, field.prop).value)\n    }\n  })\n}\n\nconst resetFields: FormContext['resetFields'] = (properties = []) => {\n  if (!props.model) {\n    debugWarn(COMPONENT_NAME, 'model is required for resetFields to work.')\n    return\n  }\n\n  filterFields(fields, properties).forEach((field) => field.resetField())\n\n  const activePropStrings = new Set(\n    fields.map((f) => f.propString).filter(Boolean)\n  )\n  const propsToCheck =\n    properties.length > 0\n      ? ensureArray(properties).map((p) => (isArray(p) ? p.join('.') : p))\n      : [...initialValues.keys()]\n\n  for (const propString of propsToCheck) {\n    if (!activePropStrings.has(propString) && initialValues.has(propString)) {\n      getProp(props.model, propString).value = cloneDeep(\n        initialValues.get(propString)\n      )\n    }\n  }\n}\n\nconst clearValidate: FormContext['clearValidate'] = (props = []) => {\n  filterFields(fields, props).forEach((field) => field.clearValidate())\n}\n\nconst isValidatable = computed(() => {\n  const hasModel = !!props.model\n  if (!hasModel) {\n    debugWarn(COMPONENT_NAME, 'model is required for validate to work.')\n  }\n  return hasModel\n})\n\nconst obtainValidateFields = (props: Arrayable<FormItemProp>) => {\n  if (fields.length === 0) return []\n\n  const filteredFields = filterFields(fields, props)\n  if (!filteredFields.length) {\n    debugWarn(COMPONENT_NAME, 'please pass correct props!')\n    return []\n  }\n  return filteredFields\n}\n\nconst validate = async (\n  callback?: FormValidateCallback\n): FormValidationResult => validateField(undefined, callback)\n\nconst doValidateField = async (\n  props: Arrayable<FormItemProp> = []\n): Promise<boolean> => {\n  if (!isValidatable.value) return false\n\n  const fields = obtainValidateFields(props)\n  if (fields.length === 0) return true\n\n  let validationErrors: ValidateFieldsError = {}\n  for (const field of fields) {\n    try {\n      await field.validate('')\n      if (field.validateState === 'error' && !field.error) field.resetField()\n    } catch (fields) {\n      validationErrors = {\n        ...validationErrors,\n        ...(fields as ValidateFieldsError),\n      }\n    }\n  }\n\n  if (Object.keys(validationErrors).length === 0) return true\n  return Promise.reject(validationErrors)\n}\n\nconst validateField: FormContext['validateField'] = async (\n  modelProps = [],\n  callback\n) => {\n  let result = false\n  const shouldThrow = !isFunction(callback)\n  try {\n    result = await doValidateField(modelProps)\n    // When result is false meaning that the fields are not validatable\n    if (result === true) {\n      await callback?.(result)\n    }\n    return result\n  } catch (e) {\n    if (e instanceof Error) throw e\n\n    const invalidFields = e as ValidateFieldsError\n\n    if (props.scrollToError) {\n      // form-item may be dynamically rendered based on the judgment conditions, and the order in invalidFields is uncertain.\n      // Therefore, the first form field with an error is determined by directly looking for the rendered element.\n      if (formRef.value) {\n        const formItem = formRef.value.querySelector(`.${ns.b()}-item.is-error`)\n        formItem?.scrollIntoView(props.scrollIntoViewOptions)\n      }\n    }\n    !result && (await callback?.(false, invalidFields))\n    return shouldThrow && Promise.reject(invalidFields)\n  }\n}\n\nconst scrollToField = (prop: FormItemProp) => {\n  const field = getField(prop)\n  if (field) {\n    field.$el?.scrollIntoView(props.scrollIntoViewOptions)\n  }\n}\n\nwatch(\n  () => props.rules,\n  () => {\n    if (props.validateOnRuleChange) {\n      validate().catch(NOOP)\n    }\n  },\n  { deep: true, flush: 'post' }\n)\n\nprovide(\n  formContextKey,\n  reactive({\n    ...toRefs(props),\n    emit,\n\n    resetFields,\n    clearValidate,\n    validateField,\n    getField,\n    addField,\n    removeField,\n    setInitialValues,\n\n    ...useFormLabelWidth(),\n  })\n)\n\ndefineExpose({\n  /**\n   * @description Validate the whole form. Receives a callback or returns `Promise`.\n   */\n  validate,\n  /**\n   * @description Validate specified fields.\n   */\n  validateField,\n  /**\n   * @description Reset specified fields and remove validation result.\n   */\n  resetFields,\n  /**\n   * @description Clear validation message for specified fields.\n   */\n  clearValidate,\n  /**\n   * @description Scroll to the specified fields.\n   */\n  scrollToField,\n  /**\n   * @description Get a field context.\n   */\n  getField,\n  /**\n   * @description All fields context.\n   */\n  fields,\n  /**\n   * @description Set initial values for form fields. When `resetFields` is called, fields will reset to these values.\n   */\n  setInitialValues,\n})\n</script>\n"],"mappings":"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"}

package/es/components/form/src/form2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form2.mjs","names":[],"sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <form ref=\"formRef\" :class=\"formClasses\">\n    <slot />\n  </form>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, ref, toRefs, watch } from 'vue'\nimport { cloneDeep } from 'lodash-unified'\nimport {\n  debugWarn,\n  ensureArray,\n  getProp,\n  isArray,\n  isFunction,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from './hooks'\nimport { formContextKey } from './constants'\nimport { formEmits } from './form'\nimport { filterFields, useFormLabelWidth } from './utils'\n\nimport type { ValidateFieldsError } from 'async-validator'\nimport type { Arrayable } from '@element-plus/utils'\nimport type { FormProps } from './form'\nimport type {\n  FormContext,\n  FormItemContext,\n  FormValidateCallback,\n  FormValidationResult,\n} from './types'\nimport type { FormItemProp } from './form-item'\n\nconst COMPONENT_NAME = 'ElForm'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\nconst props = withDefaults(defineProps<FormProps>(), {\n  labelPosition: 'right',\n  requireAsteriskPosition: 'left',\n  labelWidth: '',\n  labelSuffix: '',\n  showMessage: true,\n  validateOnRuleChange: true,\n  scrollIntoViewOptions: true,\n})\nconst emit = defineEmits(formEmits)\n\nconst formRef = ref<HTMLElement>()\nconst fields = reactive<FormItemContext[]>([])\nconst initialValues = new Map<string, any>()\n\nconst formSize = useFormSize()\nconst ns = useNamespace('form')\nconst formClasses = computed(() => {\n  const { labelPosition, inline } = props\n  return [\n    ns.b(),\n    ns.m(formSize.value || 'default'),\n    {\n      [ns.m(`label-${labelPosition}`)]: labelPosition,\n      [ns.m('inline')]: inline,\n    },\n  ]\n})\n\nconst getField: FormContext['getField'] = (prop) => {\n  return filterFields(fields, [prop])[0]\n}\n\nconst addField: FormContext['addField'] = (field) => {\n  if (!fields.includes(field)) {\n    fields.push(field)\n  }\n  if (field.propString) {\n    if (initialValues.has(field.propString)) {\n      field.setInitialValue(initialValues.get(field.propString))\n    } else {\n      initialValues.set(field.propString, cloneDeep(field.fieldValue))\n    }\n  }\n}\n\nconst removeField: FormContext['removeField'] = (field, oldPropString?) => {\n  if (oldPropString) {\n    // Prop changed on a live field: delete stale key, field stays in fields[]\n    initialValues.delete(oldPropString)\n    return\n  }\n  // Unmount: splice from array, cache initialValue for potential remount\n  const idx = fields.indexOf(field)\n  if (idx > -1) {\n    fields.splice(idx, 1)\n    if (field.propString) {\n      initialValues.set(field.propString, cloneDeep(field.getInitialValue()))\n    }\n  }\n}\n\nconst setInitialValues: FormContext['setInitialValues'] = (initModel) => {\n  if (!props.model) {\n    debugWarn(COMPONENT_NAME, 'model is required for setInitialValues to work.')\n    return\n  }\n  if (!initModel) {\n    debugWarn(\n      COMPONENT_NAME,\n      'initModel is required for setInitialValues to work.'\n    )\n    return\n  }\n\n  for (const key of initialValues.keys()) {\n    initialValues.set(key, cloneDeep(getProp(initModel, key).value))\n  }\n  fields.forEach((field) => {\n    if (field.prop) {\n      field.setInitialValue(getProp(initModel, field.prop).value)\n    }\n  })\n}\n\nconst resetFields: FormContext['resetFields'] = (properties = []) => {\n  if (!props.model) {\n    debugWarn(COMPONENT_NAME, 'model is required for resetFields to work.')\n    return\n  }\n\n  filterFields(fields, properties).forEach((field) => field.resetField())\n\n  const activePropStrings = new Set(\n    fields.map((f) => f.propString).filter(Boolean)\n  )\n  const propsToCheck =\n    properties.length > 0\n      ? ensureArray(properties).map((p) => (isArray(p) ? p.join('.') : p))\n      : [...initialValues.keys()]\n\n  for (const propString of propsToCheck) {\n    if (!activePropStrings.has(propString) && initialValues.has(propString)) {\n      getProp(props.model, propString).value = cloneDeep(\n        initialValues.get(propString)\n      )\n    }\n  }\n}\n\nconst clearValidate: FormContext['clearValidate'] = (props = []) => {\n  filterFields(fields, props).forEach((field) => field.clearValidate())\n}\n\nconst isValidatable = computed(() => {\n  const hasModel = !!props.model\n  if (!hasModel) {\n    debugWarn(COMPONENT_NAME, 'model is required for validate to work.')\n  }\n  return hasModel\n})\n\nconst obtainValidateFields = (props: Arrayable<FormItemProp>) => {\n  if (fields.length === 0) return []\n\n  const filteredFields = filterFields(fields, props)\n  if (!filteredFields.length) {\n    debugWarn(COMPONENT_NAME, 'please pass correct props!')\n    return []\n  }\n  return filteredFields\n}\n\nconst validate = async (\n  callback?: FormValidateCallback\n): FormValidationResult => validateField(undefined, callback)\n\nconst doValidateField = async (\n  props: Arrayable<FormItemProp> = []\n): Promise<boolean> => {\n  if (!isValidatable.value) return false\n\n  const fields = obtainValidateFields(props)\n  if (fields.length === 0) return true\n\n  let validationErrors: ValidateFieldsError = {}\n  for (const field of fields) {\n    try {\n      await field.validate('')\n      if (field.validateState === 'error' && !field.error) field.resetField()\n    } catch (fields) {\n      validationErrors = {\n        ...validationErrors,\n        ...(fields as ValidateFieldsError),\n      }\n    }\n  }\n\n  if (Object.keys(validationErrors).length === 0) return true\n  return Promise.reject(validationErrors)\n}\n\nconst validateField: FormContext['validateField'] = async (\n  modelProps = [],\n  callback\n) => {\n  let result = false\n  const shouldThrow = !isFunction(callback)\n  try {\n    result = await doValidateField(modelProps)\n    // When result is false meaning that the fields are not validatable\n    if (result === true) {\n      await callback?.(result)\n    }\n    return result\n  } catch (e) {\n    if (e instanceof Error) throw e\n\n    const invalidFields = e as ValidateFieldsError\n\n    if (props.scrollToError) {\n      // form-item may be dynamically rendered based on the judgment conditions, and the order in invalidFields is uncertain.\n      // Therefore, the first form field with an error is determined by directly looking for the rendered element.\n      if (formRef.value) {\n        const formItem = formRef.value.querySelector(`.${ns.b()}-item.is-error`)\n        formItem?.scrollIntoView(props.scrollIntoViewOptions)\n      }\n    }\n    !result && (await callback?.(false, invalidFields))\n    return shouldThrow && Promise.reject(invalidFields)\n  }\n}\n\nconst scrollToField = (prop: FormItemProp) => {\n  const field = getField(prop)\n  if (field) {\n    field.$el?.scrollIntoView(props.scrollIntoViewOptions)\n  }\n}\n\nwatch(\n  () => props.rules,\n  () => {\n    if (props.validateOnRuleChange) {\n      validate().catch((err) => debugWarn(err))\n    }\n  },\n  { deep: true, flush: 'post' }\n)\n\nprovide(\n  formContextKey,\n  reactive({\n    ...toRefs(props),\n    emit,\n\n    resetFields,\n    clearValidate,\n    validateField,\n    getField,\n    addField,\n    removeField,\n    setInitialValues,\n\n    ...useFormLabelWidth(),\n  })\n)\n\ndefineExpose({\n  /**\n   * @description Validate the whole form. Receives a callback or returns `Promise`.\n   */\n  validate,\n  /**\n   * @description Validate specified fields.\n   */\n  validateField,\n  /**\n   * @description Reset specified fields and remove validation result.\n   */\n  resetFields,\n  /**\n   * @description Clear validation message for specified fields.\n   */\n  clearValidate,\n  /**\n   * @description Scroll to the specified fields.\n   */\n  scrollToField,\n  /**\n   * @description Get a field context.\n   */\n  getField,\n  /**\n   * @description All fields context.\n   */\n  fields,\n  /**\n   * @description Set initial values for form fields. When `resetFields` is called, fields will reset to these values.\n   */\n  setInitialValues,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"form2.mjs","names":[],"sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <form ref=\"formRef\" :class=\"formClasses\">\n    <slot />\n  </form>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, ref, toRefs, watch } from 'vue'\nimport { cloneDeep } from 'lodash-unified'\nimport {\n  NOOP,\n  debugWarn,\n  ensureArray,\n  getProp,\n  isArray,\n  isFunction,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from './hooks'\nimport { formContextKey } from './constants'\nimport { formEmits } from './form'\nimport { filterFields, useFormLabelWidth } from './utils'\n\nimport type { ValidateFieldsError } from 'async-validator'\nimport type { Arrayable } from '@element-plus/utils'\nimport type { FormProps } from './form'\nimport type {\n  FormContext,\n  FormItemContext,\n  FormValidateCallback,\n  FormValidationResult,\n} from './types'\nimport type { FormItemProp } from './form-item'\n\nconst COMPONENT_NAME = 'ElForm'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\nconst props = withDefaults(defineProps<FormProps>(), {\n  labelPosition: 'right',\n  requireAsteriskPosition: 'left',\n  labelWidth: '',\n  labelSuffix: '',\n  showMessage: true,\n  validateOnRuleChange: true,\n  scrollIntoViewOptions: true,\n})\nconst emit = defineEmits(formEmits)\n\nconst formRef = ref<HTMLElement>()\nconst fields = reactive<FormItemContext[]>([])\nconst initialValues = new Map<string, any>()\n\nconst formSize = useFormSize()\nconst ns = useNamespace('form')\nconst formClasses = computed(() => {\n  const { labelPosition, inline } = props\n  return [\n    ns.b(),\n    ns.m(formSize.value || 'default'),\n    {\n      [ns.m(`label-${labelPosition}`)]: labelPosition,\n      [ns.m('inline')]: inline,\n    },\n  ]\n})\n\nconst getField: FormContext['getField'] = (prop) => {\n  return filterFields(fields, [prop])[0]\n}\n\nconst addField: FormContext['addField'] = (field) => {\n  if (!fields.includes(field)) {\n    fields.push(field)\n  }\n  if (field.propString) {\n    if (initialValues.has(field.propString)) {\n      field.setInitialValue(initialValues.get(field.propString))\n    } else {\n      initialValues.set(field.propString, cloneDeep(field.fieldValue))\n    }\n  }\n}\n\nconst removeField: FormContext['removeField'] = (field, oldPropString?) => {\n  if (oldPropString) {\n    // Prop changed on a live field: delete stale key, field stays in fields[]\n    initialValues.delete(oldPropString)\n    return\n  }\n  // Unmount: splice from array, cache initialValue for potential remount\n  const idx = fields.indexOf(field)\n  if (idx > -1) {\n    fields.splice(idx, 1)\n    if (field.propString) {\n      initialValues.set(field.propString, cloneDeep(field.getInitialValue()))\n    }\n  }\n}\n\nconst setInitialValues: FormContext['setInitialValues'] = (initModel) => {\n  if (!props.model) {\n    debugWarn(COMPONENT_NAME, 'model is required for setInitialValues to work.')\n    return\n  }\n  if (!initModel) {\n    debugWarn(\n      COMPONENT_NAME,\n      'initModel is required for setInitialValues to work.'\n    )\n    return\n  }\n\n  for (const key of initialValues.keys()) {\n    initialValues.set(key, cloneDeep(getProp(initModel, key).value))\n  }\n  fields.forEach((field) => {\n    if (field.prop) {\n      field.setInitialValue(getProp(initModel, field.prop).value)\n    }\n  })\n}\n\nconst resetFields: FormContext['resetFields'] = (properties = []) => {\n  if (!props.model) {\n    debugWarn(COMPONENT_NAME, 'model is required for resetFields to work.')\n    return\n  }\n\n  filterFields(fields, properties).forEach((field) => field.resetField())\n\n  const activePropStrings = new Set(\n    fields.map((f) => f.propString).filter(Boolean)\n  )\n  const propsToCheck =\n    properties.length > 0\n      ? ensureArray(properties).map((p) => (isArray(p) ? p.join('.') : p))\n      : [...initialValues.keys()]\n\n  for (const propString of propsToCheck) {\n    if (!activePropStrings.has(propString) && initialValues.has(propString)) {\n      getProp(props.model, propString).value = cloneDeep(\n        initialValues.get(propString)\n      )\n    }\n  }\n}\n\nconst clearValidate: FormContext['clearValidate'] = (props = []) => {\n  filterFields(fields, props).forEach((field) => field.clearValidate())\n}\n\nconst isValidatable = computed(() => {\n  const hasModel = !!props.model\n  if (!hasModel) {\n    debugWarn(COMPONENT_NAME, 'model is required for validate to work.')\n  }\n  return hasModel\n})\n\nconst obtainValidateFields = (props: Arrayable<FormItemProp>) => {\n  if (fields.length === 0) return []\n\n  const filteredFields = filterFields(fields, props)\n  if (!filteredFields.length) {\n    debugWarn(COMPONENT_NAME, 'please pass correct props!')\n    return []\n  }\n  return filteredFields\n}\n\nconst validate = async (\n  callback?: FormValidateCallback\n): FormValidationResult => validateField(undefined, callback)\n\nconst doValidateField = async (\n  props: Arrayable<FormItemProp> = []\n): Promise<boolean> => {\n  if (!isValidatable.value) return false\n\n  const fields = obtainValidateFields(props)\n  if (fields.length === 0) return true\n\n  let validationErrors: ValidateFieldsError = {}\n  for (const field of fields) {\n    try {\n      await field.validate('')\n      if (field.validateState === 'error' && !field.error) field.resetField()\n    } catch (fields) {\n      validationErrors = {\n        ...validationErrors,\n        ...(fields as ValidateFieldsError),\n      }\n    }\n  }\n\n  if (Object.keys(validationErrors).length === 0) return true\n  return Promise.reject(validationErrors)\n}\n\nconst validateField: FormContext['validateField'] = async (\n  modelProps = [],\n  callback\n) => {\n  let result = false\n  const shouldThrow = !isFunction(callback)\n  try {\n    result = await doValidateField(modelProps)\n    // When result is false meaning that the fields are not validatable\n    if (result === true) {\n      await callback?.(result)\n    }\n    return result\n  } catch (e) {\n    if (e instanceof Error) throw e\n\n    const invalidFields = e as ValidateFieldsError\n\n    if (props.scrollToError) {\n      // form-item may be dynamically rendered based on the judgment conditions, and the order in invalidFields is uncertain.\n      // Therefore, the first form field with an error is determined by directly looking for the rendered element.\n      if (formRef.value) {\n        const formItem = formRef.value.querySelector(`.${ns.b()}-item.is-error`)\n        formItem?.scrollIntoView(props.scrollIntoViewOptions)\n      }\n    }\n    !result && (await callback?.(false, invalidFields))\n    return shouldThrow && Promise.reject(invalidFields)\n  }\n}\n\nconst scrollToField = (prop: FormItemProp) => {\n  const field = getField(prop)\n  if (field) {\n    field.$el?.scrollIntoView(props.scrollIntoViewOptions)\n  }\n}\n\nwatch(\n  () => props.rules,\n  () => {\n    if (props.validateOnRuleChange) {\n      validate().catch(NOOP)\n    }\n  },\n  { deep: true, flush: 'post' }\n)\n\nprovide(\n  formContextKey,\n  reactive({\n    ...toRefs(props),\n    emit,\n\n    resetFields,\n    clearValidate,\n    validateField,\n    getField,\n    addField,\n    removeField,\n    setInitialValues,\n\n    ...useFormLabelWidth(),\n  })\n)\n\ndefineExpose({\n  /**\n   * @description Validate the whole form. Receives a callback or returns `Promise`.\n   */\n  validate,\n  /**\n   * @description Validate specified fields.\n   */\n  validateField,\n  /**\n   * @description Reset specified fields and remove validation result.\n   */\n  resetFields,\n  /**\n   * @description Clear validation message for specified fields.\n   */\n  clearValidate,\n  /**\n   * @description Scroll to the specified fields.\n   */\n  scrollToField,\n  /**\n   * @description Get a field context.\n   */\n  getField,\n  /**\n   * @description All fields context.\n   */\n  fields,\n  /**\n   * @description Set initial values for form fields. When `resetFields` is called, fields will reset to these values.\n   */\n  setInitialValues,\n})\n</script>\n"],"mappings":""}

package/es/components/form/src/hooks/use-form-common-props.d.ts

@@ -3,9 +3,9 @@ import * as vue from "vue";
 import { MaybeRef } from "@vueuse/core";
 
 //#region ../../packages/components/form/src/hooks/use-form-common-props.d.ts
-declare const useFormSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<"prop" | "form" | "formItem" | "global", boolean>>) => vue.ComputedRef<"" | "default" | "small" | "large">;
+declare const useFormSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<"prop" | "form" | "formItem" | "global", boolean>>) => vue.ComputedRef<"" | "default" | "large" | "small">;
 declare const useFormDisabled: (fallback?: MaybeRef<boolean | undefined>) => vue.ComputedRef<boolean>;
-declare const useSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<"prop" | "form" | "formItem" | "global", boolean>>) => vue.ComputedRef<"" | "default" | "small" | "large">;
+declare const useSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<"prop" | "form" | "formItem" | "global", boolean>>) => vue.ComputedRef<"" | "default" | "large" | "small">;
 declare const useDisabled: (fallback?: MaybeRef<boolean | undefined>) => vue.ComputedRef<boolean>;
 //#endregion
 export { useDisabled, useFormDisabled, useFormSize, useSize };

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

@@ -1,4 +1,5 @@
 import { FormContext, FormItemContext } from "../types.js";
+import "../../../../index.js";
 import { ComputedRef, Ref } from "vue";
 
 //#region ../../packages/components/form/src/hooks/use-form-item.d.ts

package/es/components/form/src/types.d.ts

@@ -1,8 +1,8 @@
 import { ComponentSize } from "../../../constants/size.js";
 import { Arrayable, FieldPath } from "../../../utils/typescript.js";
 import "../../../utils/index.js";
-import { FormItemProp, FormItemProps, FormItemValidateState } from "./form-item.js";
 import { useFormLabelWidth } from "./utils.js";
+import { FormItemProp, FormItemProps, FormItemValidateState } from "./form-item.js";
 import { FormEmits, FormProps } from "./form.js";
 import { SetupContext, UnwrapRef } from "vue";
 import { MaybeRef } from "@vueuse/core";

package/es/components/form/src/utils.d.ts

@@ -1,6 +1,6 @@
 import "../../../utils/index.js";
-import "./form-item.js";
 import "./types.js";
+import "./form-item.js";
 import * as vue from "vue";
 
 //#region ../../packages/components/form/src/utils.d.ts

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

@@ -87,7 +87,7 @@ interface ImageProps {
 declare const imageProps: {
   readonly hideOnClickModal: BooleanConstructor;
   readonly src: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly fit: EpPropFinalized<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown, "", boolean>;
+  readonly fit: EpPropFinalized<StringConstructor, "" | "fill" | "contain" | "none" | "cover" | "scale-down", unknown, "", boolean>;
   readonly loading: {
     readonly type: vue.PropType<EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
     readonly required: false;

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

@@ -1,6 +1,6 @@
-import { ImageViewerAction } from "../../image-viewer/src/image-viewer.js";
-import "../../image-viewer/index.js";
 import { ImageFitType, ImageProps } from "./image.js";
+import { ImageViewerAction } from "../../image-viewer/src/image-viewer.js";
+import "../../../index.js";
 import * as vue from "vue";
 
 //#region ../../packages/components/image/src/image.vue.d.ts
@@ -36,23 +36,23 @@ declare const __VLS_base: vue.DefineComponent<ImageProps, {
   /** @description manually open preview */showPreview: typeof clickHandler;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   close: () => void;
+  show: () => void;
   error: (evt: Event) => void;
   load: (evt: Event) => void;
-  show: () => void;
   switch: (val: number) => void;
 }, string, vue.PublicProps, Readonly<ImageProps> & Readonly<{
   onClose?: (() => any) | undefined;
+  onShow?: (() => any) | undefined;
   onError?: ((evt: Event) => any) | undefined;
   onLoad?: ((evt: Event) => any) | undefined;
-  onShow?: (() => any) | undefined;
   onSwitch?: ((val: number) => any) | undefined;
 }>, {
-  infinite: boolean;
   scale: number;
+  infinite: boolean;
+  closeOnPressEscape: boolean;
+  initialIndex: number;
   src: string;
   fit: ImageFitType;
-  initialIndex: number;
-  closeOnPressEscape: boolean;
   previewSrcList: string[];
   zoomRate: number;
   minScale: number;

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

@@ -37,19 +37,19 @@ declare const __VLS_base: vue.DefineComponent<ImageViewerProps, {
   setActiveItem: typeof setActiveItem;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   close: () => void;
-  error: (evt: Event) => void;
   rotate: (deg: number) => void;
+  error: (evt: Event) => void;
   switch: (index: number) => void;
 }, string, vue.PublicProps, Readonly<ImageViewerProps> & Readonly<{
   onClose?: (() => any) | undefined;
-  onError?: ((evt: Event) => any) | undefined;
   onRotate?: ((deg: number) => any) | undefined;
+  onError?: ((evt: Event) => any) | undefined;
   onSwitch?: ((index: number) => any) | undefined;
 }>, {
-  infinite: boolean;
   scale: number;
-  initialIndex: number;
+  infinite: boolean;
   closeOnPressEscape: boolean;
+  initialIndex: number;
   zoomRate: number;
   minScale: number;
   maxScale: number;

package/es/components/index.d.ts

@@ -6,16 +6,17 @@ import { AlertInstance } from "./alert/src/instance.js";
 import { ElAlert } from "./alert/index.js";
 import { AnchorEmits, AnchorInstance, AnchorProps, AnchorPropsPublic, anchorEmits, anchorProps } from "./anchor/src/anchor.js";
 import { ElAnchor, ElAnchorLink } from "./anchor/index.js";
-import { InputAutoSize, InputEmits, InputModelModifiers, InputProps, InputPropsPublic, InputType, inputEmits, inputProps, inputPropsDefaults } from "./input/src/input.js";
-import { InputInstance } from "./input/src/instance.js";
-import { ElInput } from "./input/index.js";
-import { Effect, PopperEffect, PopperInstance, PopperProps, PopperPropsPublic, PopperTrigger, UsePopperProps, popperProps, roleTypes, usePopperProps } from "./popper/src/popper.js";
+import { AvatarEmits, AvatarProps, AvatarPropsPublic, avatarEmits, avatarProps } from "./avatar/src/avatar.js";
+import { AvatarGroupContext, avatarGroupContextKey } from "./avatar/src/constants.js";
 import { ElPopperContentInjectionContext, ElPopperInjectionContext, Measurable, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY } from "./popper/src/constants.js";
+import { Effect, PopperEffect, PopperInstance, PopperProps, PopperPropsPublic, PopperTrigger, UsePopperProps, popperProps, roleTypes, usePopperProps } from "./popper/src/popper.js";
 import { _default as _default$1 } from "./popper/src/arrow.vue.js";
 import { ElPopperArrowTrigger, PopperTriggerInstance, PopperTriggerProps, popperTriggerProps, usePopperTriggerProps } from "./popper/src/trigger.js";
 import { _default as _default$3 } from "./popper/src/trigger.vue.js";
-import { AvatarEmits, AvatarProps, AvatarPropsPublic, avatarEmits, avatarProps } from "./avatar/src/avatar.js";
-import { AvatarGroupContext, avatarGroupContextKey } from "./avatar/src/constants.js";
+import { ElPopperArrowInstance, PopperArrowInstance, PopperArrowProps, PopperArrowPropsPublic, UsePopperArrowProps, popperArrowProps, popperArrowPropsDefaults, usePopperArrowProps } from "./popper/src/arrow.js";
+import { CreatePopperInstanceParams, ElPopperArrowContent, PopperContentEmits, PopperContentInstance, PopperContentProps, PopperContentPropsPublic, PopperCoreConfigProps, PopperCoreConfigPropsPublic, UsePopperContentProps, UsePopperCoreConfigProps, popperContentEmits, popperContentProps, popperContentPropsDefaults, popperCoreConfigProps, popperCoreConfigPropsDefaults, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from "./popper/src/content.js";
+import { _default as _default$2 } from "./popper/src/content.vue.js";
+import { ElPopper, Options, Placement } from "./popper/index.js";
 import { AvatarGroupProps, AvatarGroupPropsPublic, avatarGroupProps } from "./avatar/src/avatar-group-props.js";
 import { AvatarGroupInstance, AvatarInstance } from "./avatar/src/instance.js";
 import { ElAvatar, ElAvatarGroup } from "./avatar/index.js";
@@ -45,8 +46,8 @@ import { CarouselItemProps, CarouselItemPropsPublic, carouselItemProps } from ".
 import { CAROUSEL_ITEM_NAME, CarouselContext, CarouselItemContext, CarouselItemStates, carouselContextKey } from "./carousel/src/constants.js";
 import { CarouselInstance, CarouselItemInstance } from "./carousel/src/instance.js";
 import { ElCarousel, ElCarouselItem } from "./carousel/index.js";
-import { Node } from "./cascader-panel/src/node.js";
 import { CASCADER_PANEL_INJECTION_KEY, CascaderConfig, CascaderNodePathValue, CascaderNodeValue, CascaderOption, CascaderProps, CascaderValue, ElCascaderPanelContext, ExpandTrigger, LazyLoad, RenderLabel, RenderLabelProps, Resolve, Tag, isDisabled, isLeaf } from "./cascader-panel/src/types.js";
+import { Node } from "./cascader-panel/src/node.js";
 import { CascaderMenuInstance, CascaderPanelInstance } from "./cascader-panel/src/instance.js";
 import { CascaderCommonProps, CascaderPanelProps, CommonProps, DefaultProps, cascaderPanelEmits, cascaderPanelProps, useCascaderConfig } from "./cascader-panel/src/config.js";
 import { ElCascaderPanel } from "./cascader-panel/index.js";
@@ -70,32 +71,30 @@ import { CollapseInstance, CollapseItemInstance } from "./collapse/src/instance.
 import { ElCollapse, ElCollapseItem } from "./collapse/index.js";
 import { ElCollapseTransition } from "./collapse-transition/index.js";
 import { ColorPickerPanelContext, ColorPickerPanelEmits, ColorPickerPanelInstance, ColorPickerPanelProps, ColorPickerPanelPropsPublic, CommonColorContext, ROOT_COMMON_COLOR_INJECTION_KEY, colorPickerPanelContextKey, colorPickerPanelEmits, colorPickerPanelProps } from "./color-picker-panel/src/color-picker-panel.js";
+import { InputAutoSize, InputEmits, InputModelModifiers, InputProps, InputPropsPublic, InputType, inputEmits, inputProps, inputPropsDefaults } from "./input/src/input.js";
+import { InputInstance } from "./input/src/instance.js";
+import { ElInput } from "./input/index.js";
 import { ElColorPickerPanel } from "./color-picker-panel/index.js";
-import { ElTooltipTriggerProps, ElTooltipTriggerPropsPublic, TooltipTriggerType, UseTooltipTriggerProps, useTooltipTriggerProps, useTooltipTriggerPropsDefaults } from "./tooltip/src/trigger.js";
 import { ElTooltipContentProps, ElTooltipContentPropsPublic, TooltipContentInstance, useTooltipContentProps, useTooltipContentPropsDefaults } from "./tooltip/src/content.js";
+import { ElTooltipTriggerProps, ElTooltipTriggerPropsPublic, TooltipTriggerType, UseTooltipTriggerProps, useTooltipTriggerProps, useTooltipTriggerPropsDefaults } from "./tooltip/src/trigger.js";
 import { ElTooltipProps, ElTooltipPropsPublic, TooltipInstance, UseTooltipProps, tooltipEmits, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps } from "./tooltip/src/tooltip.js";
 import { ElTooltipInjectionContext, TOOLTIP_INJECTION_KEY } from "./tooltip/src/constants.js";
 import { ElTooltip } from "./tooltip/index.js";
 import { ColorPickerEmits, ColorPickerInstance, ColorPickerProps, ColorPickerPropsPublic, colorPickerEmits, colorPickerProps, colorPickerPropsDefaults } from "./color-picker/src/color-picker.js";
 import { ElColorPicker } from "./color-picker/index.js";
+import { MESSAGE_DEFAULT_PLACEMENT, Message, MessageConfigContext, MessageEmits, MessageFn, MessageHandler, MessageInstance, MessageOptions, MessageOptionsWithType, MessageParams, MessageParamsNormalized, MessageParamsWithType, MessagePlacement, MessageProps, MessagePropsPublic, MessageType, MessageTypedFn, messageDefaults, messageEmits, messagePlacement, messageProps, messageType, messageTypes } from "./message/src/message.js";
+import { ElMessage } from "./message/index.js";
+import { ConfigProviderInstance, messageConfig } from "./config-provider/src/config-provider.js";
 import { DialogBeforeCloseFn, DialogConfigContext, DialogEmits, DialogInstance, DialogProps, DialogPropsPublic, DialogTransition, dialogContextKey, dialogEmits, dialogProps, dialogPropsDefaults } from "./dialog/src/dialog.js";
 import { useDialog } from "./dialog/src/use-dialog.js";
 import { DEFAULT_DIALOG_TRANSITION, DialogContext, dialogInjectionKey } from "./dialog/src/constants.js";
 import { ElDialog } from "./dialog/index.js";
-import { MESSAGE_DEFAULT_PLACEMENT, Message, MessageConfigContext, MessageEmits, MessageFn, MessageHandler, MessageInstance, MessageOptions, MessageOptionsWithType, MessageParams, MessageParamsNormalized, MessageParamsWithType, MessagePlacement, MessageProps, MessagePropsPublic, MessageType, MessageTypedFn, messageDefaults, messageEmits, messagePlacement, messageProps, messageType, messageTypes } from "./message/src/message.js";
-import { ElMessage } from "./message/index.js";
 import { LinkConfigContext, LinkEmits, LinkInstance, LinkProps, LinkPropsPublic, linkEmits, linkProps } from "./link/src/link.js";
 import { ElLink } from "./link/index.js";
 import { TableColumnCtx } from "./table/src/table-column/defaults.js";
 import { CellCls, CellStyle, ColumnCls, ColumnStyle, Filter, RenderRowData, Sort, SummaryMethod, Table, TableConfigContext, TableProps, TableRefs, TableTooltipData, TreeNode } from "./table/src/table/defaults.js";
-import { ScrollbarDirection, ScrollbarEmits, ScrollbarInstance, ScrollbarProps, ScrollbarPropsPublic, scrollbarEmits, scrollbarProps } from "./scrollbar/src/scrollbar.js";
-import { ThumbInstance, ThumbProps, ThumbPropsPublic, thumbProps } from "./scrollbar/src/thumb.js";
-import { BAR_MAP, GAP, renderThumbStyle } from "./scrollbar/src/util.js";
-import { ScrollbarContext, scrollbarContextKey } from "./scrollbar/src/constants.js";
-import { ElScrollbar } from "./scrollbar/index.js";
 import { ElTable, ElTableColumn, TableColumnInstance, TableInstance } from "./table/index.js";
 import { ConfigProviderProps, ConfigProviderPropsPublic, ExperimentalFeatures, configProviderProps } from "./config-provider/src/config-provider-props.js";
-import { ConfigProviderInstance, messageConfig } from "./config-provider/src/config-provider.js";
 import { ConfigProviderContext, configProviderContextKey } from "./config-provider/src/constants.js";
 import { provideGlobalConfig, useGlobalComponentSettings, useGlobalConfig } from "./config-provider/src/hooks/use-global-config.js";
 import { ElConfigProvider } from "./config-provider/index.js";
@@ -108,14 +107,14 @@ import { _default as _default$4 } from "./time-picker/src/time-picker-com/panel-
 import { TimeList, buildTimeList, dateEquals, dayOrDaysToDate, extractDateFormat, extractTimeFormat, formatter, makeList, parseDate, rangeArr, valueEquals } from "./time-picker/src/utils.js";
 import { DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, PICKER_BASE_INJECTION_KEY, PICKER_POPPER_OPTIONS_INJECTION_KEY, ROOT_COMMON_PICKER_INJECTION_KEY, TimeUnit, timeUnits } from "./time-picker/src/constants.js";
 import { ElTimePicker, TimePickerExpose, TimePickerInstance } from "./time-picker/index.js";
-import { ROOT_PICKER_INJECTION_KEY, ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from "./date-picker-panel/src/constants.js";
 import { DateCell, DatePickerType } from "./date-picker-panel/src/types.js";
-import { DatePickerPanelProps, DatePickerPanelPropsPublic, datePickerPanelProps } from "./date-picker-panel/src/props/date-picker-panel.js";
-import { DatePickerPanelInstance } from "./date-picker-panel/src/instance.js";
-import { ElDatePickerPanel } from "./date-picker-panel/index.js";
 import { DatePickerProps, DatePickerPropsPublic, datePickerProps } from "./date-picker/src/props.js";
 import { DatePickerInstance } from "./date-picker/src/instance.js";
 import { ElDatePicker } from "./date-picker/index.js";
+import { ROOT_PICKER_INJECTION_KEY, ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from "./date-picker-panel/src/constants.js";
+import { DatePickerPanelProps, DatePickerPanelPropsPublic, datePickerPanelProps } from "./date-picker-panel/src/props/date-picker-panel.js";
+import { DatePickerPanelInstance } from "./date-picker-panel/src/instance.js";
+import { ElDatePickerPanel } from "./date-picker-panel/index.js";
 import { DescriptionInstance, DescriptionProps, DescriptionPropsPublic, descriptionProps } from "./descriptions/src/description.js";
 import { DescriptionItemProps, DescriptionItemPropsPublic, DescriptionItemVNode, descriptionItemProps } from "./descriptions/src/description-item.js";
 import { ElDescriptions, ElDescriptionsItem } from "./descriptions/index.js";
@@ -123,8 +122,6 @@ import { BorderStyle, DividerInstance, DividerProps, DividerPropsPublic, divider
 import { ElDivider } from "./divider/index.js";
 import { DrawerEmits, DrawerInstance, DrawerProps, DrawerPropsPublic, drawerEmits, drawerProps } from "./drawer/src/drawer.js";
 import { ElDrawer } from "./drawer/index.js";
-import { IconInstance, IconProps, IconPropsPublic, iconProps } from "./icon/src/icon.js";
-import { ElIcon } from "./icon/index.js";
 import { FIRST_KEYS, FIRST_LAST_KEYS, IElDropdownInstance, LAST_KEYS, dropdownItemProps, dropdownMenuProps, dropdownProps } from "./dropdown/src/dropdown.js";
 import { DropdownInstance } from "./dropdown/src/instance.js";
 import { DROPDOWN_INJECTION_KEY, DROPDOWN_INSTANCE_INJECTION_KEY, ElDropdownInjectionContext } from "./dropdown/src/tokens.js";
@@ -132,17 +129,19 @@ import { ElDropdown, ElDropdownItem, ElDropdownMenu } from "./dropdown/index.js"
 import { EmptyProps, EmptyPropsPublic, emptyProps } from "./empty/src/empty.js";
 import { EmptyInstance } from "./empty/src/instance.js";
 import { ElEmpty } from "./empty/index.js";
-import { FormItemProp, FormItemProps, FormItemPropsPublic, FormItemValidateState, formItemProps, formItemValidateStates } from "./form/src/form-item.js";
 import { FormContext, FormItemContext, FormItemRule, FormLabelWidthContext, FormRules, FormValidateCallback, FormValidateFailure, FormValidationResult } from "./form/src/types.js";
+import { FormItemProp, FormItemProps, FormItemPropsPublic, FormItemValidateState, formItemProps, formItemValidateStates } from "./form/src/form-item.js";
 import { FormEmits, FormMetaProps, FormMetaPropsPublic, FormProps, FormPropsPublic, formEmits, formMetaProps, formProps } from "./form/src/form.js";
 import { formContextKey, formItemContextKey } from "./form/src/constants.js";
 import { useDisabled, useFormDisabled, useFormSize, useSize } from "./form/src/hooks/use-form-common-props.js";
 import { IUseFormItemInputCommonProps, useFormItem, useFormItemInputId } from "./form/src/hooks/use-form-item.js";
 import { ElForm, ElFormItem, FormInstance, FormItemInstance } from "./form/index.js";
-import { ImageViewerAction, ImageViewerCrossorigin, ImageViewerEmits, ImageViewerInstance, ImageViewerMode, ImageViewerProps, ImageViewerPropsPublic, imageViewerEmits, imageViewerProps } from "./image-viewer/src/image-viewer.js";
-import { ElImageViewer } from "./image-viewer/index.js";
+import { IconInstance, IconProps, IconPropsPublic, iconProps } from "./icon/src/icon.js";
+import { ElIcon } from "./icon/index.js";
 import { ImageCrossorigin, ImageEmits, ImageFitType, ImageInstance, ImageProps, ImagePropsPublic, imageEmits, imageProps } from "./image/src/image.js";
 import { ElImage } from "./image/index.js";
+import { ImageViewerAction, ImageViewerCrossorigin, ImageViewerEmits, ImageViewerInstance, ImageViewerMode, ImageViewerProps, ImageViewerPropsPublic, imageViewerEmits, imageViewerProps } from "./image-viewer/src/image-viewer.js";
+import { ElImageViewer } from "./image-viewer/index.js";
 import { InputNumberEmits, InputNumberInstance, InputNumberProps, InputNumberPropsPublic, inputNumberEmits, inputNumberProps } from "./input-number/src/input-number.js";
 import { ElInputNumber } from "./input-number/index.js";
 import { InputTagEmits, InputTagProps, InputTagPropsPublic, inputTagEmits, inputTagProps } from "./input-tag/src/input-tag.js";
@@ -179,6 +178,11 @@ import { ElResult } from "./result/index.js";
 import { RowAlign, RowInstance, RowJustify, RowProps, RowPropsPublic, rowProps } from "./row/src/row.js";
 import { rowContextKey } from "./row/src/constants.js";
 import { ElRow } from "./row/index.js";
+import { ScrollbarDirection, ScrollbarEmits, ScrollbarInstance, ScrollbarProps, ScrollbarPropsPublic, scrollbarEmits, scrollbarProps } from "./scrollbar/src/scrollbar.js";
+import { ThumbInstance, ThumbProps, ThumbPropsPublic, thumbProps } from "./scrollbar/src/thumb.js";
+import { BAR_MAP, GAP, renderThumbStyle } from "./scrollbar/src/util.js";
+import { ScrollbarContext, scrollbarContextKey } from "./scrollbar/src/constants.js";
+import { ElScrollbar } from "./scrollbar/index.js";
 import { FixedSizeList, FixedSizeListInstance } from "./virtual-list/src/components/fixed-size-list.js";
 import { Alignment, Direction, ExposesStates, GetEstimatedTotalSize, GetGridOffset, GetOffset, GetPosition, GetStartIndexForOffset, GetStopIndexForStartIndex, GridCache, GridConstructorProps, GridDefaultSlotParams, GridExposes, GridItemKeyGetter, GridItemRenderedEvtParams, GridScrollOptions, GridStates, InitCacheFunc, InitGridCacheFunc, InitListCacheFunc, Instance, ItemProps, ItemSize, LayoutDirection, ListCache, ListConstructorProps, ListExposes, ListItem, ListItemSizer, PropValidator, RTLOffsetType, ScrollDir, ScrollbarExpose, SharedExposes } from "./virtual-list/src/types.js";
 import { DynamicSizeList, DynamicSizeListInstance } from "./virtual-list/src/components/dynamic-size-list.js";
@@ -214,8 +218,8 @@ import { SwitchEmits, SwitchInstance, SwitchProps, SwitchPropsPublic, switchEmit
 import { ElSwitch } from "./switch/index.js";
 import { Alignment as Alignment$1, FixedDir, SortOrder } from "./table-v2/src/constants.js";
 import { Column, Columns, SortBy, SortState, TableV2CustomizedHeaderSlotParam } from "./table-v2/src/types.js";
-import { RowEventHandler, RowEventHandlerParams, RowEventHandlers, RowExpandHandler, RowExpandParams, RowHeightChangeHandler, RowHeightChangedParams, RowHoverHandler, RowHoverParams, TableV2RowProps, TableV2RowPropsPublic, tableV2RowProps } from "./table-v2/src/row.js";
 import { ColumnResizeHandler, ColumnSortHandler, ColumnSortParams, ExpandedRowsChangeHandler, ExtraCellPropGetter, ExtractHeaderCellPropGetter, ExtractHeaderPropGetter, ExtractRowPropGetter, HeaderClassNameGetter, RowClassNameGetter, TableV2Props, TableV2PropsPublic, tableV2Props } from "./table-v2/src/table.js";
+import { RowEventHandler, RowEventHandlerParams, RowEventHandlers, RowExpandHandler, RowExpandParams, RowHeightChangeHandler, RowHeightChangedParams, RowHoverHandler, RowHoverParams, TableV2RowProps, TableV2RowPropsPublic, tableV2RowProps } from "./table-v2/src/row.js";
 import { TableV2, TableV2Instance } from "./table-v2/src/table-v2.js";
 import { AutoResizerProps, AutoResizerPropsPublic, autoResizerProps } from "./table-v2/src/auto-resizer.js";
 import { placeholderSign } from "./table-v2/src/private.js";
@@ -238,8 +242,8 @@ import { ElTimeline, ElTimelineItem } from "./timeline/index.js";
 import { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, TransferCheckedState, TransferDataItem, TransferDirection, TransferEmits, TransferFormat, TransferInstance, TransferKey, TransferProps, TransferPropsAlias, TransferPropsPublic, renderContent, transferCheckedChangeFn, transferEmits, transferProps } from "./transfer/src/transfer.js";
 import { ElTransfer } from "./transfer/index.js";
 import { TreeEmits, treeEmits, treeProps } from "./tree/src/tree.js";
-import { DragEvents } from "./tree/src/model/useDragNode.js";
 import { AllowDragFunction, AllowDropFunction, AllowDropType, CheckedInfo, FakeNode, FilterNodeMethodFunction, FilterValue, LoadFunction, NodeDropType, RenderContentContext, RenderContentFunction, RootTreeType, TreeComponentProps, TreeData, TreeKey, TreeNodeChildState, TreeNodeData, TreeNodeLoadedDefaultProps, TreeNodeOptions, TreeOptionProps, TreeStoreNodesMap, TreeStoreOptions, hType } from "./tree/src/tree.type.js";
+import { DragEvents } from "./tree/src/model/useDragNode.js";
 import { TreeInstance } from "./tree/src/instance.js";
 import { NODE_INSTANCE_INJECTION_KEY, ROOT_TREE_INJECTION_KEY, TREE_NODE_MAP_INJECTION_KEY } from "./tree/src/tokens.js";
 import { ElTree } from "./tree/index.js";
@@ -280,10 +284,6 @@ import { NotificationEmits, NotificationHandle, NotificationInstance, Notificati
 import { ElNotification } from "./notification/index.js";
 import { PopoverEmits, PopoverInstance, PopoverProps, PopoverPropsPublic, popoverEmits, popoverProps, popoverPropsDefaults } from "./popover/src/popover.js";
 import { ElPopover, ElPopoverDirective } from "./popover/index.js";
-import { ElPopperArrowInstance, PopperArrowInstance, PopperArrowProps, PopperArrowPropsPublic, UsePopperArrowProps, popperArrowProps, popperArrowPropsDefaults, usePopperArrowProps } from "./popper/src/arrow.js";
-import { CreatePopperInstanceParams, ElPopperArrowContent, PopperContentEmits, PopperContentInstance, PopperContentProps, PopperContentPropsPublic, PopperCoreConfigProps, PopperCoreConfigPropsPublic, UsePopperContentProps, UsePopperCoreConfigProps, popperContentEmits, popperContentProps, popperContentPropsDefaults, popperCoreConfigProps, popperCoreConfigPropsDefaults, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from "./popper/src/content.js";
-import { _default as _default$2 } from "./popper/src/content.vue.js";
-import { ElPopper, Options, Placement } from "./popper/index.js";
 import { AutocompleteData, AutocompleteDataItem, AutocompleteEmits, AutocompleteFetchSuggestions, AutocompleteFetchSuggestionsCallback, AutocompleteInstance, AutocompletePlacement, AutocompleteProps, AutocompletePropsPublic, autocompleteEmits, autocompleteProps } from "./autocomplete/src/autocomplete.js";
 import { ElAutocomplete } from "./autocomplete/index.js";
 export { Action, AffixEmits, AffixInstance, AffixProps, AffixPropsPublic, AlertEmits, AlertInstance, AlertProps, AlertPropsPublic, Alignment, AllowDragFunction, AllowDropFunction, AllowDropType, AnchorEmits, AnchorInstance, AnchorProps, AnchorPropsPublic, AsideInstance, AutoResizerProps, AutoResizerPropsPublic, AutocompleteData, AutocompleteDataItem, AutocompleteEmits, AutocompleteFetchSuggestions, AutocompleteFetchSuggestionsCallback, AutocompleteInstance, AutocompletePlacement, AutocompleteProps, AutocompletePropsPublic, AvatarEmits, AvatarGroupContext, AvatarGroupInstance, AvatarGroupProps, AvatarGroupPropsPublic, AvatarInstance, AvatarProps, AvatarPropsPublic, BAR_MAP, BacktopEmits, BacktopInstance, BacktopProps, BacktopPropsPublic, BadgeInstance, BadgeProps, BadgePropsPublic, BorderStyle, BreadcrumbInstance, BreadcrumbItemInstance, BreadcrumbItemProps, BreadcrumbItemPropsPublic, BreadcrumbProps, BreadcrumbPropsPublic, ButtonConfigContext, ButtonEmits, ButtonGroupContext, ButtonGroupInstance, ButtonInstance, ButtonNativeType, ButtonProps, ButtonPropsPublic, ButtonType, CAROUSEL_ITEM_NAME, CASCADER_PANEL_INJECTION_KEY, CalendarDateTableInstance, CalendarDateType, CalendarEmits, CalendarInstance, CalendarProps, CalendarPropsPublic, Callback, CardConfigContext, CardInstance, CardProps, CardPropsPublic, CarouselContext, CarouselEmits, CarouselInstance, CarouselItemContext, CarouselItemInstance, CarouselItemProps, CarouselItemPropsPublic, CarouselItemStates, CarouselProps, CarouselPropsPublic, CascaderCommonProps, CascaderComponentProps, CascaderConfig, CascaderEmits, CascaderInstance, CascaderMenuInstance, Node as CascaderNode, CascaderNodePathValue, CascaderNodeValue, CascaderOption, CascaderPanelInstance, CascaderPanelProps, CascaderProps, CascaderValue, CellCls, CellStyle, CheckTagEmits, CheckTagInstance, CheckTagProps, CheckTagPropsPublic, CheckboxEmits, CheckboxGroupEmits, CheckboxGroupInstance, CheckboxGroupProps, CheckboxGroupPropsPublic, CheckboxGroupValueType, CheckboxInstance, CheckboxOption, CheckboxProps, CheckboxPropsPublic, CheckboxValueType, CheckedInfo, ColInstance, ColProps, ColPropsPublic, ColSize, ColSizeObject, CollapseActiveName, CollapseContext, CollapseEmits, CollapseIconPositionType, CollapseInstance, CollapseItemInstance, CollapseItemProps, CollapseItemPropsPublic, CollapseModelValue, CollapseProps, CollapsePropsPublic, ColorPickerEmits, ColorPickerInstance, ColorPickerPanelContext, ColorPickerPanelEmits, ColorPickerPanelInstance, ColorPickerPanelProps, ColorPickerPanelPropsPublic, ColorPickerProps, ColorPickerPropsPublic, Column, ColumnCls, ColumnResizeHandler, ColumnSortHandler, ColumnSortParams, ColumnStyle, Columns, CommonColorContext, _default as CommonPicker, CommonProps, ConfigProviderContext, ConfigProviderInstance, ConfigProviderProps, ConfigProviderPropsPublic, ContainerInstance, CountdownEmits, CountdownInstance, CountdownProps, CountdownPropsPublic, CreatePopperInstanceParams, Crossorigin, DEFAULT_DIALOG_TRANSITION, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, DEFAULT_STEP, DROPDOWN_INJECTION_KEY, DROPDOWN_INSTANCE_INJECTION_KEY, DateCell, DateModelType, DateOrDates, DatePickerInstance, DatePickerPanelInstance, DatePickerPanelProps, DatePickerPanelPropsPublic, DatePickerProps, DatePickerPropsPublic, DatePickerType, DateTableInstance, DayOrDays, DefaultProps, DescriptionInstance, DescriptionItemProps, DescriptionItemPropsPublic, DescriptionItemVNode, DescriptionProps, DescriptionPropsPublic, DialogBeforeCloseFn, DialogConfigContext, DialogContext, DialogEmits, DialogInstance, DialogProps, DialogPropsPublic, DialogTransition, Direction, DividerInstance, DividerProps, DividerPropsPublic, DragEvents, DrawerEmits, DrawerInstance, DrawerProps, DrawerPropsPublic, DropdownInstance, DynamicSizeGrid, DynamicSizeGridInstance, DynamicSizeList, DynamicSizeListInstance, Effect, ElAffix, ElAlert, ElAnchor, ElAnchorLink, ElAside, ElAutoResizer, ElAutocomplete, ElAvatar, ElAvatarGroup, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCascaderPanelContext, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElColorPicker, ElColorPickerPanel, ElConfigProvider, ElContainer, ElCountdown, ElDatePicker, ElDatePickerPanel, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownInjectionContext, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElInputTag, ElLink, ElLoading, vLoading as ElLoadingDirective, vLoading, Loading as ElLoadingService, ElMain, ElMention, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElMessageBoxOptions, ElMessageBoxShortcutMethod, ElNotification, ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPaginationContext, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, _default$1 as ElPopperArrow, ElPopperArrowContent, ElPopperArrowInstance, ElPopperArrowTrigger, _default$2 as ElPopperContent, ElPopperContentInjectionContext, ElPopperInjectionContext, _default$3 as ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSegmented, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElSplitter, ElSplitterPanel, ElStatistic, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTableV2, ElTabs, ElTag, ElText, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTooltipContentProps, ElTooltipContentPropsPublic, ElTooltipInjectionContext, ElTooltipProps, ElTooltipPropsPublic, ElTooltipTriggerProps, ElTooltipTriggerPropsPublic, ElTour, ElTourStep, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload, ElWatermark, EmptyInstance, EmptyProps, EmptyPropsPublic, ExpandTrigger, ExpandedRowsChangeHandler, ExperimentalFeatures, ExposesStates, ExtraCellPropGetter, ExtractHeaderCellPropGetter, ExtractHeaderPropGetter, ExtractRowPropGetter, FIRST_KEYS, FIRST_LAST_KEYS, FakeNode, Filter, FilterNodeMethodFunction, FilterValue, FixedSizeGrid, FixedSizeList, FixedSizeListInstance, FooterInstance, FormContext, FormEmits, FormInstance, FormItemContext, FormItemInstance, FormItemProp, FormItemProps, FormItemPropsPublic, FormItemRule, FormItemValidateState, FormLabelWidthContext, FormMetaProps, FormMetaPropsPublic, FormProps, FormPropsPublic, FormRules, FormValidateCallback, FormValidateFailure, FormValidationResult, GAP, GetDisabledHours, GetDisabledMinutes, GetDisabledSeconds, GetEstimatedTotalSize, GetGridOffset, GetOffset, GetPosition, GetStartIndexForOffset, GetStopIndexForStartIndex, GridCache, GridConstructorProps, GridDefaultSlotParams, GridExposes, GridInstance, GridItemKeyGetter, GridItemRenderedEvtParams, GridScrollOptions, GridStates, HeaderCellSlotProps, HeaderClassNameGetter, HeaderInstance, IElDropdownInstance, IElMessageBox, IUseFormItemInputCommonProps, IconComponentMap, IconInstance, IconMap, IconProps, IconPropsPublic, ImageCrossorigin, ImageEmits, ImageFitType, ImageInstance, ImageProps, ImagePropsPublic, ImageViewerAction, ImageViewerCrossorigin, ImageViewerEmits, ImageViewerInstance, ImageViewerMode, ImageViewerProps, ImageViewerPropsPublic, InitCacheFunc, InitGridCacheFunc, InitListCacheFunc, InputAutoSize, InputEmits, InputInstance, InputModelModifiers, InputNumberEmits, InputNumberInstance, InputNumberProps, InputNumberPropsPublic, InputProps, InputPropsPublic, InputTagEmits, InputTagInstance, InputTagProps, InputTagPropsPublic, InputType, Instance, ItemProps, ItemSize, LAST_KEYS, LEFT_CHECK_CHANGE_EVENT, LayoutDirection, LazyLoad, LinkConfigContext, LinkEmits, LinkInstance, LinkProps, LinkPropsPublic, ListCache, ListConstructorProps, ListExposes, ListItem, ListItemSizer, ListType, LoadFunction, LoadingInstance, LoadingOptions, LoadingOptionsResolved, LoadingParentElement, MENU_INJECTION_KEY, MESSAGE_DEFAULT_PLACEMENT, MainInstance, Measurable, MentionEmits, MentionInstance, MentionOption, MentionOptionProps, MentionProps, MentionPropsPublic, MenuEmits, MenuInstance, MenuItemClicked, MenuItemEmits, MenuItemGroupInstance, MenuItemGroupProps, MenuItemGroupPropsPublic, MenuItemInstance, MenuItemProps, MenuItemPropsPublic, MenuItemRegistered, MenuProps, MenuPropsPublic, MenuProvider, Message, MessageBoxData, MessageBoxInputData, MessageBoxInputValidator, MessageBoxState, MessageBoxType, MessageConfigContext, MessageEmits, MessageFn, MessageHandler, MessageInstance, MessageOptions, MessageOptionsWithType, MessageParams, MessageParamsNormalized, MessageParamsWithType, MessagePlacement, MessageProps, MessagePropsPublic, MessageType, MessageTypedFn, ModelValueType, NODE_INSTANCE_INJECTION_KEY, NodeDropType, NotificationEmits, NotificationHandle, NotificationInstance, NotificationOptions, NotificationOptionsTyped, NotificationParams, NotificationParamsTyped, NotificationPosition, NotificationProps, NotificationPropsPublic, NotificationQueue, NotificationQueueItem, NotificationType, Notify, NotifyFn, NotifyTypedFn, Nullable, OptionBasic, OptionV2Props, Options, OverlayEmits, OverlayProps, OverlayPropsPublic, PICKER_BASE_INJECTION_KEY, PICKER_POPPER_OPTIONS_INJECTION_KEY, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, PageHeaderEmits, PageHeaderInstance, PageHeaderProps, PageHeaderPropsPublic, PaginationEmits, PaginationProps, PaginationPropsPublic, PickerOptions, Placement, PopconfirmEmits, PopconfirmInstance, PopconfirmProps, PopconfirmPropsPublic, PopoverEmits, PopoverInstance, PopoverProps, PopoverPropsPublic, PopperArrowInstance, PopperArrowProps, PopperArrowPropsPublic, PopperContentEmits, PopperContentInstance, PopperContentProps, PopperContentPropsPublic, PopperCoreConfigProps, PopperCoreConfigPropsPublic, PopperEffect, PopperInstance, PopperProps, PopperPropsPublic, PopperTrigger, PopperTriggerInstance, PopperTriggerProps, ProgressColor, ProgressFn, ProgressInstance, ProgressProps, ProgressPropsPublic, PropValidator, Props, RIGHT_CHECK_CHANGE_EVENT, ROOT_COMMON_COLOR_INJECTION_KEY, ROOT_COMMON_PICKER_INJECTION_KEY, ROOT_PICKER_INJECTION_KEY, ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY, ROOT_TREE_INJECTION_KEY, RTLOffsetType, RadioButtonInstance, RadioButtonProps, RadioButtonPropsPublic, RadioEmits, RadioGroupContext, RadioGroupEmits, RadioGroupInstance, RadioGroupProps, RadioGroupPropsPublic, RadioInstance, RadioProps, RadioPropsBase, RadioPropsPublic, RateEmits, RateInstance, RateProps, RatePropsPublic, RenderContentContext, RenderContentFunction, RenderLabel, RenderLabelProps, RenderRowData, ResetAfterIndex, ResetAfterIndices, Resolve, ResultInstance, ResultProps, ResultPropsPublic, RootTreeType, RowAlign, RowClassNameGetter, RowEventHandler, RowEventHandlerParams, RowEventHandlers, RowExpandHandler, RowExpandParams, RowHeightChangeHandler, RowHeightChangedParams, RowHoverHandler, RowHoverParams, RowInstance, RowJustify, RowProps, RowPropsPublic, STEPS_INJECTION_KEY, SUB_MENU_INJECTION_KEY, ScrollDir, ScrollbarContext, ScrollbarDirection, ScrollbarEmits, ScrollbarExpose, ScrollbarInstance, ScrollbarProps, ScrollbarPropsPublic, SegmentedEmits, SegmentedInstance, SegmentedProps, SegmentedPropsPublic, SelectContext, SelectEmits, SelectInstance, SelectOptionProps, OptionPublicInstance as SelectOptionProxy, SelectProps, SelectPropsPublic, SelectV2Context, SelectV2Instance, SelectV2Props, SharedExposes, SingleOrRange, SkeletonInstance, SkeletonItemInstance, SkeletonItemProps, SkeletonItemPropsPublic, SkeletonProps, SkeletonPropsPublic, SliderContext, SliderEmits, SliderInitData, SliderInstance, SliderProps, SliderPropsPublic, Sort, SortBy, SortState, SpaceInstance, SpaceItemInstance, SpaceItemProps, SpaceItemPropsPublic, SpaceProps, SpacePropsPublic, SplitterEmits, SplitterInstance, SplitterPanelEmits, SplitterPanelInstance, SplitterPanelProps, SplitterPanelPropsPublic, SplitterProps, SplitterPropsPublic, StatisticInstance, StatisticProps, StatisticPropsPublic, StepInstance, StepProps, StepPropsPublic, StepsEmits, StepsInstance, StepsProps, StepsPropsPublic, StepsStatus, SubMenuInstance, SubMenuProps, SubMenuPropsPublic, SubMenuProvider, SummaryMethod, SwitchEmits, SwitchInstance, SwitchProps, SwitchPropsPublic, TIMELINE_INJECTION_KEY, TOOLTIP_INJECTION_KEY, TREE_NODE_MAP_INJECTION_KEY, TabBarInstance, TabBarProps, TabBarPropsPublic, TabNavEmits, TabNavInstance, TabNavProps, TabNavPropsPublic, TabPaneInstance, TabPaneName, TabPaneProps, TabPanePropsPublic, Table, TableColumnCtx, TableColumnInstance, TableConfigContext, TableInstance, TableProps, TableRefs, TableTooltipData, TableV2, Alignment$1 as TableV2Alignment, TableV2CustomizedHeaderSlotParam, FixedDir as TableV2FixedDir, TableV2Instance, placeholderSign as TableV2Placeholder, TableV2Props, TableV2PropsPublic, TableV2RowProps, TableV2RowPropsPublic, SortOrder as TableV2SortOrder, TabsEmits, TabsInstance, TabsPaneContext, TabsPanes, TabsProps, TabsPropsPublic, TabsRootContext, Tag, TagEmits, TagInstance, TagProps, TagPropsPublic, TagTooltipProps, TextProps, TextPropsPublic, ThumbInstance, ThumbProps, ThumbPropsPublic, TimeList, _default$4 as TimePickPanel, TimePickerDefaultProps, TimePickerDefaultPropsPublic, TimePickerExpose, TimePickerInstance, TimeSelectInstance, TimeSelectProps, TimeSelectPropsPublic, TimeUnit, TimelineInstance, TimelineItemInstance, TimelineItemProps, TimelineItemPropsPublic, TimelineProps, TimelinePropsPublic, TimelineProvider, TooltipContentInstance, TooltipInstance, TooltipTriggerType, TourBtnProps, TourContentEmits, TourContentProps, TourContentPropsPublic, TourEmits, TourGap, TourInstance, TourMask, TourProps, TourPropsPublic, TourStepEmits, TourStepProps, TourStepPropsPublic, TransferCheckedState, TransferDataItem, TransferDirection, TransferEmits, TransferFormat, TransferInstance, TransferKey, TransferProps, TransferPropsAlias, TransferPropsPublic, TreeComponentProps, TreeData, TreeEmits, TreeInstance, TreeKey, TreeNode, TreeNodeChildState, TreeNodeData, TreeNodeLoadedDefaultProps, TreeNodeOptions, TreeOptionProps, TreeSelectInstance, TreeStoreNodesMap, TreeStoreOptions, TreeV2Instance, UploadBaseProps, UploadContentInstance, UploadContentProps, UploadContentPropsPublic, UploadContext, UploadData, UploadDraggerEmits, UploadDraggerInstance, UploadDraggerProps, UploadDraggerPropsPublic, UploadFile, UploadFiles, UploadHooks, UploadInstance, UploadListEmits, UploadListInstance, UploadListProps, UploadListPropsPublic, UploadProgressEvent, UploadProps, UploadPropsPublic, UploadRawFile, UploadRequestHandler, UploadRequestOptions, UploadStatus, UploadUserFile, UsePopperArrowProps, UsePopperContentProps, UsePopperCoreConfigProps, UsePopperProps, UseTooltipProps, UseTooltipTriggerProps, UserInput, VirtualizedGridProps, VirtualizedGridPropsPublic, VirtualizedListProps, VirtualizedListPropsPublic, VirtualizedProps, VirtualizedPropsPublic, VirtualizedScrollbarProps, VirtualizedScrollbarPropsPublic, WatermarkFontType, WatermarkInstance, WatermarkProps, WatermarkPropsPublic, affixEmits, affixProps, alertEffects, alertEmits, alertProps, anchorEmits, anchorProps, autoResizerProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarGroupContextKey, avatarGroupProps, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildTimeList, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardContextKey, cardProps, carouselContextKey, carouselEmits, carouselItemProps, carouselProps, cascaderEmits, cascaderPanelEmits, cascaderPanelProps, cascaderProps, checkTagEmits, checkTagProps, checkboxDefaultProps, checkboxEmits, checkboxGroupContextKey, checkboxGroupEmits, checkboxGroupProps, checkboxProps, checkboxPropsDefaults, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, colorPickerEmits, colorPickerPanelContextKey, colorPickerPanelEmits, colorPickerPanelProps, colorPickerProps, colorPickerPropsDefaults, configProviderContextKey, configProviderProps, countdownEmits, countdownProps, dateEquals, datePickerPanelProps, datePickerProps, dayOrDaysToDate, defaultProps, descriptionItemProps, descriptionProps, dialogContextKey, dialogEmits, dialogInjectionKey, dialogProps, dialogPropsDefaults, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formMetaProps, formProps, formatter, genFileId, hType, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, inputPropsDefaults, inputTagEmits, inputTagProps, isDisabled, isLeaf, linkEmits, linkProps, makeList, mentionDefaultProps, mentionEmits, mentionProps, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageDefaults, messageEmits, messagePlacement, messageProps, messageType, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, parseDate, popconfirmEmits, popconfirmProps, popoverEmits, popoverProps, popoverPropsDefaults, popperArrowProps, popperArrowPropsDefaults, popperContentEmits, popperContentProps, popperContentPropsDefaults, popperCoreConfigProps, popperCoreConfigPropsDefaults, popperProps, popperTriggerProps, progressProps, provideGlobalConfig, radioButtonProps, radioButtonPropsDefaults, radioDefaultProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioGroupPropsDefaults, radioOption, radioOptionProp, radioProps, radioPropsBase, radioPropsDefaults, rangeArr, rateEmits, rateProps, renderContent, renderThumbStyle, resultProps, roleTypes, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, segmentedEmits, segmentedProps, selectEmits, selectGroupKey, selectKey, selectProps, selectV2InjectionKey, skeletonItemProps, skeletonProps, sliderContextKey, sliderEmits, sliderProps, spaceItemProps, spaceProps, splitterEmits, splitterPanelEmits, splitterPanelProps, splitterProps, statisticProps, stepProps, stepsEmits, stepsProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavEmits, tabNavProps, tabPaneProps, tableV2Props, tableV2RowProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, textProps, thumbProps, timePickerDefaultProps, timePickerRangeTriggerProps, timePickerRngeTriggerProps, timeSelectProps, timeUnits, timelineItemProps, timelineProps, tooltipEmits, tourContentEmits, tourContentProps, tourEmits, tourPlacements, tourProps, tourStepEmits, tourStepProps, tourStrategies, transferCheckedChangeFn, transferEmits, transferProps, treeEmits, treeProps, uploadBaseProps, uploadBasePropsDefaults, uploadContentProps, uploadContentPropsDefaults, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, uploadPropsDefaults, useCascaderConfig, useDialog, useDisabled, useFormDisabled, useFormItem, useFormItemInputId, useFormSize, useGlobalComponentSettings, useGlobalConfig, usePopperArrowProps, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, useSize, useSpace, useTooltipContentProps, useTooltipContentPropsDefaults, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps, useTooltipTriggerProps, useTooltipTriggerPropsDefaults, valueEquals, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps, watermarkProps };