element-plus-mobile 0.1.1 → 0.1.2

package/lib/components/form/src/form-item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-item2.js","names":[],"sources":["../../../../../../packages/components/form/src/form-item.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"formItemRef\"\n    :class=\"formItemClasses\"\n    :role=\"isGroup ? 'group' : undefined\"\n    :aria-labelledby=\"isGroup ? labelId : undefined\"\n  >\n    <form-label-wrap\n      :is-auto-width=\"labelStyle.width === 'auto'\"\n      :update-all=\"formContext?.labelWidth === 'auto'\"\n    >\n      <component\n        :is=\"labelFor ? 'label' : 'div'\"\n        v-if=\"!!(label || $slots.label)\"\n        :id=\"labelId\"\n        :for=\"labelFor\"\n        :class=\"ns.e('label')\"\n        :style=\"labelStyle\"\n      >\n        <slot name=\"label\" :label=\"currentLabel\">\n          {{ currentLabel }}\n        </slot>\n      </component>\n    </form-label-wrap>\n\n    <div :class=\"ns.e('content')\" :style=\"contentStyle\">\n      <slot />\n      <transition-group :name=\"`${ns.namespace.value}-zoom-in-top`\">\n        <slot v-if=\"shouldShowError\" name=\"error\" :error=\"validateMessage\">\n          <div :class=\"validateClasses\">\n            {{ validateMessage }}\n          </div>\n        </slot>\n      </transition-group>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  useSlots,\n  watch,\n} from 'vue'\nimport AsyncValidator from 'async-validator'\nimport { refDebounced } from '@vueuse/core'\nimport {\n  addUnit,\n  ensureArray,\n  getProp,\n  isArray,\n  isBoolean,\n  isFunction,\n} from '@element-plus/utils'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from './hooks'\nimport FormLabelWrap from './form-label-wrap'\nimport { formContextKey, formItemContextKey } from './constants'\nimport { cloneDeep } from 'lodash-unified'\n\nimport type { CSSProperties } from 'vue'\nimport type { RuleItem } from 'async-validator'\nimport type { Arrayable } from '@element-plus/utils'\nimport type {\n  FormItemContext,\n  FormItemRule,\n  FormValidateFailure,\n} from './types'\nimport type { FormItemProps, FormItemValidateState } from './form-item'\n\ndefineOptions({\n  name: 'ElFormItem',\n})\nconst props = withDefaults(defineProps<FormItemProps>(), {\n  labelPosition: '',\n  showMessage: true,\n  required: undefined,\n  inlineMessage: undefined,\n})\nconst slots = useSlots()\n\nconst formContext = inject(formContextKey, undefined)\nconst parentFormItemContext = inject(formItemContextKey, undefined)\n\nconst _size = useFormSize(undefined, { formItem: false })\nconst ns = useNamespace('form-item')\n\nconst labelId = useId().value\nconst inputIds = ref<string[]>([])\n\nconst validateState = ref<FormItemValidateState>('')\nconst validateStateDebounced = refDebounced(validateState, 100)\nconst validateMessage = ref('')\nconst formItemRef = ref<HTMLDivElement>()\n// special inline value.\nlet initialValue: any = undefined\nlet isResettingField = false\n\nconst labelPosition = computed(() =>\n  formContext?.isMobile\n    ? 'top'\n    : props.labelPosition || formContext?.labelPosition\n)\n\nconst labelStyle = computed<CSSProperties>(() => {\n  if (labelPosition.value === 'top' || formContext?.isMobile) {\n    return {}\n  }\n\n  const labelWidth = addUnit(props.labelWidth ?? formContext?.labelWidth)\n  return { width: labelWidth }\n})\n\nconst contentStyle = computed<CSSProperties>(() => {\n  if (\n    labelPosition.value === 'top' ||\n    formContext?.inline ||\n    formContext?.isMobile\n  ) {\n    return {}\n  }\n  if (!props.label && !props.labelWidth && isNested) {\n    return {}\n  }\n  const labelWidth = addUnit(props.labelWidth ?? formContext?.labelWidth)\n  if (!props.label && !slots.label) {\n    return { marginLeft: labelWidth }\n  }\n  return {}\n})\n\nconst formItemClasses = computed(() => [\n  ns.b(),\n  ns.m(_size.value),\n  ns.is('error', validateState.value === 'error'),\n  ns.is('validating', validateState.value === 'validating'),\n  ns.is('success', validateState.value === 'success'),\n  ns.is('required', isRequired.value || props.required),\n  ns.is('no-asterisk', formContext?.hideRequiredAsterisk),\n  ns.is('mobile', !!formContext?.isMobile),\n  formContext?.requireAsteriskPosition === 'right'\n    ? 'asterisk-right'\n    : 'asterisk-left',\n  {\n    [ns.m('feedback')]: formContext?.statusIcon,\n    [ns.m(`label-${labelPosition.value}`)]: labelPosition.value,\n  },\n])\n\nconst _inlineMessage = computed(() =>\n  formContext?.isMobile\n    ? false\n    : isBoolean(props.inlineMessage)\n      ? props.inlineMessage\n      : formContext?.inlineMessage || false\n)\n\nconst validateClasses = computed(() => [\n  ns.e('error'),\n  { [ns.em('error', 'inline')]: _inlineMessage.value },\n])\n\nconst propString = computed(() => {\n  if (!props.prop) return ''\n  return isArray(props.prop) ? props.prop.join('.') : props.prop\n})\n\nconst hasLabel = computed<boolean>(() => {\n  return !!(props.label || slots.label)\n})\n\nconst labelFor = computed<string | undefined>(() => {\n  return (\n    props.for ?? (inputIds.value.length === 1 ? inputIds.value[0] : undefined)\n  )\n})\n\nconst isGroup = computed<boolean>(() => {\n  return !labelFor.value && hasLabel.value\n})\n\nconst isNested = !!parentFormItemContext\n\nconst fieldValue = computed(() => {\n  const model = formContext?.model\n  if (!model || !props.prop) {\n    return\n  }\n  return getProp(model, props.prop).value\n})\n\nconst normalizedRules = computed(() => {\n  const { required } = props\n\n  const rules: FormItemRule[] = []\n\n  if (props.rules) {\n    rules.push(...ensureArray(props.rules))\n  }\n\n  const formRules = formContext?.rules\n  if (formRules && props.prop) {\n    const _rules = getProp<Arrayable<FormItemRule> | undefined>(\n      formRules,\n      props.prop\n    ).value\n    if (_rules) {\n      rules.push(...ensureArray(_rules))\n    }\n  }\n\n  if (required !== undefined) {\n    const requiredRules = rules\n      .map((rule, i) => [rule, i] as const)\n      .filter(([rule]) => 'required' in rule)\n\n    if (requiredRules.length > 0) {\n      for (const [rule, i] of requiredRules) {\n        if (rule.required === required) continue\n        rules[i] = { ...rule, required }\n      }\n    } else {\n      rules.push({ required })\n    }\n  }\n\n  return rules\n})\n\nconst validateEnabled = computed(() => normalizedRules.value.length > 0)\n\nconst getFilteredRule = (trigger: string) => {\n  const rules = normalizedRules.value\n  return (\n    rules\n      .filter((rule) => {\n        if (!rule.trigger || !trigger) return true\n        if (isArray(rule.trigger)) {\n          return rule.trigger.includes(trigger)\n        } else {\n          return rule.trigger === trigger\n        }\n      })\n      // exclude trigger\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      .map(({ trigger, ...rule }): RuleItem => rule)\n  )\n}\n\nconst isRequired = computed(() =>\n  normalizedRules.value.some((rule) => rule.required)\n)\n\nconst shouldShowError = computed(\n  () =>\n    validateStateDebounced.value === 'error' &&\n    props.showMessage &&\n    (formContext?.showMessage ?? true)\n)\n\nconst currentLabel = computed(\n  () => `${props.label || ''}${formContext?.labelSuffix || ''}`\n)\n\nconst setValidationState = (state: FormItemValidateState) => {\n  validateState.value = state\n}\n\nconst onValidationFailed = (error: FormValidateFailure) => {\n  const { errors, fields } = error\n  if (!errors || !fields) {\n    console.error(error)\n  }\n\n  setValidationState('error')\n  validateMessage.value = errors\n    ? (errors?.[0]?.message ?? `${props.prop} is required`)\n    : ''\n\n  formContext?.emit('validate', props.prop!, false, validateMessage.value)\n}\n\nconst onValidationSucceeded = () => {\n  setValidationState('success')\n  formContext?.emit('validate', props.prop!, true, '')\n}\n\nconst doValidate = async (rules: RuleItem[]): Promise<true> => {\n  const modelName = propString.value\n  const validator = new AsyncValidator({\n    [modelName]: rules,\n  })\n  return validator\n    .validate({ [modelName]: fieldValue.value }, { firstFields: true })\n    .then(() => {\n      onValidationSucceeded()\n      return true as const\n    })\n    .catch((err: FormValidateFailure) => {\n      onValidationFailed(err)\n      return Promise.reject(err)\n    })\n}\n\nconst validate: FormItemContext['validate'] = async (trigger, callback) => {\n  // skip validation if its resetting\n  if (isResettingField || !props.prop) {\n    return false\n  }\n\n  const hasCallback = isFunction(callback)\n  if (!validateEnabled.value) {\n    callback?.(false)\n    return false\n  }\n\n  const rules = getFilteredRule(trigger)\n  if (rules.length === 0) {\n    callback?.(true)\n    return true\n  }\n\n  setValidationState('validating')\n\n  return doValidate(rules)\n    .then(() => {\n      callback?.(true)\n      return true as const\n    })\n    .catch((err: FormValidateFailure) => {\n      const { fields } = err\n      callback?.(false, fields)\n      return hasCallback ? false : Promise.reject(fields)\n    })\n}\n\nconst clearValidate: FormItemContext['clearValidate'] = () => {\n  setValidationState('')\n  validateMessage.value = ''\n  isResettingField = false\n}\n\nconst resetField: FormItemContext['resetField'] = async () => {\n  const model = formContext?.model\n  if (!model || !props.prop) return\n\n  const computedValue = getProp(model, props.prop)\n\n  // prevent validation from being triggered\n  isResettingField = true\n\n  computedValue.value = cloneDeep(initialValue)\n\n  await nextTick()\n  clearValidate()\n\n  isResettingField = false\n}\n\nconst addInputId: FormItemContext['addInputId'] = (id: string) => {\n  if (!inputIds.value.includes(id)) {\n    inputIds.value.push(id)\n  }\n}\n\nconst removeInputId: FormItemContext['removeInputId'] = (id: string) => {\n  inputIds.value = inputIds.value.filter((listId) => listId !== id)\n}\n\nconst setInitialValue: FormItemContext['setInitialValue'] = (value: any) => {\n  initialValue = cloneDeep(value)\n}\n\nconst getInitialValue: FormItemContext['getInitialValue'] = () => initialValue\n\nwatch(\n  () => props.error,\n  (val) => {\n    validateMessage.value = val || ''\n    setValidationState(val ? 'error' : '')\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.validateStatus,\n  (val) => setValidationState(val || '')\n)\n\nconst context: FormItemContext = reactive({\n  ...toRefs(props),\n  $el: formItemRef,\n  size: _size,\n  validateMessage,\n  validateState,\n  labelId,\n  inputIds,\n  isGroup,\n  hasLabel,\n  fieldValue,\n  addInputId,\n  removeInputId,\n  resetField,\n  clearValidate,\n  validate,\n  propString,\n  setInitialValue,\n  getInitialValue,\n})\n\nprovide(formItemContextKey, context)\n\nwatch(propString, (newPropString, oldPropString) => {\n  if (!formContext || !oldPropString) return\n  formContext.removeField(context, oldPropString)\n  if (newPropString) {\n    setInitialValue(fieldValue.value)\n    formContext.addField(context)\n  }\n})\n\nonMounted(() => {\n  if (props.prop) {\n    setInitialValue(fieldValue.value)\n    formContext?.addField(context)\n  }\n})\n\nonBeforeUnmount(() => {\n  formContext?.removeField(context)\n})\n\ndefineExpose({\n  /**\n   * @description Form item size.\n   */\n  size: _size,\n  /**\n   * @description Validation message.\n   */\n  validateMessage,\n  /**\n   * @description Validation state.\n   */\n  validateState,\n  /**\n   * @description Validate form item.\n   */\n  validate,\n  /**\n   * @description Remove validation status of the field.\n   */\n  clearValidate,\n  /**\n   * @description Reset current field and remove validation result.\n   */\n  resetField,\n  /**\n   * @description Set initial value for this field. When `resetField` is called, the field will reset to this value.\n   */\n  setInitialValue,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"form-item2.js","names":[],"sources":["../../../../../../packages/components/form/src/form-item.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"formItemRef\"\n    :class=\"formItemClasses\"\n    :role=\"isGroup ? 'group' : undefined\"\n    :aria-labelledby=\"isGroup ? labelId : undefined\"\n  >\n    <component\n      :is=\"labelFor ? 'label' : 'div'\"\n      v-if=\"!!(label || $slots.label)\"\n      :id=\"labelId\"\n      :for=\"labelFor\"\n      :class=\"ns.e('label')\"\n    >\n      <slot name=\"label\" :label=\"currentLabel\">\n        {{ currentLabel }}\n      </slot>\n    </component>\n\n    <div :class=\"ns.e('content')\">\n      <slot />\n      <transition-group :name=\"`${ns.namespace.value}-zoom-in-top`\">\n        <slot v-if=\"shouldShowError\" name=\"error\" :error=\"validateMessage\">\n          <div :class=\"validateClasses\">\n            {{ validateMessage }}\n          </div>\n        </slot>\n      </transition-group>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  useSlots,\n  watch,\n} from 'vue'\nimport AsyncValidator from 'async-validator'\nimport { refDebounced } from '@vueuse/core'\nimport {\n  ensureArray,\n  getProp,\n  isArray,\n  isBoolean,\n  isFunction,\n} from '@element-plus/utils'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from './hooks'\nimport { formContextKey, formItemContextKey } from './constants'\nimport { cloneDeep } from 'lodash-unified'\n\nimport type { RuleItem } from 'async-validator'\nimport type { Arrayable } from '@element-plus/utils'\nimport type {\n  FormItemContext,\n  FormItemRule,\n  FormValidateFailure,\n} from './types'\nimport type { FormItemProps, FormItemValidateState } from './form-item'\n\ndefineOptions({\n  name: 'ElFormItem',\n})\nconst props = withDefaults(defineProps<FormItemProps>(), {\n  showMessage: true,\n  required: undefined,\n  inlineMessage: undefined,\n})\nconst slots = useSlots()\n\nconst formContext = inject(formContextKey, undefined)\n\nconst _size = useFormSize(undefined, { formItem: false })\nconst ns = useNamespace('form-item')\n\nconst labelId = useId().value\nconst inputIds = ref<string[]>([])\n\nconst validateState = ref<FormItemValidateState>('')\nconst validateStateDebounced = refDebounced(validateState, 100)\nconst validateMessage = ref('')\nconst formItemRef = ref<HTMLDivElement>()\n// special inline value.\nlet initialValue: any = undefined\nlet isResettingField = false\n\nconst formItemClasses = computed(() => [\n  ns.b(),\n  ns.m(_size.value),\n  ns.is('error', validateState.value === 'error'),\n  ns.is('validating', validateState.value === 'validating'),\n  ns.is('success', validateState.value === 'success'),\n  ns.is('required', isRequired.value || props.required),\n  ns.is('no-asterisk', formContext?.hideRequiredAsterisk),\n  formContext?.requireAsteriskPosition === 'right'\n    ? 'asterisk-right'\n    : 'asterisk-left',\n  {\n    [ns.m('feedback')]: formContext?.statusIcon,\n  },\n])\n\nconst _inlineMessage = computed(() =>\n  isBoolean(props.inlineMessage)\n    ? props.inlineMessage\n    : formContext?.inlineMessage || false\n)\n\nconst validateClasses = computed(() => [\n  ns.e('error'),\n  { [ns.em('error', 'inline')]: _inlineMessage.value },\n])\n\nconst propString = computed(() => {\n  if (!props.prop) return ''\n  return isArray(props.prop) ? props.prop.join('.') : props.prop\n})\n\nconst hasLabel = computed<boolean>(() => {\n  return !!(props.label || slots.label)\n})\n\nconst labelFor = computed<string | undefined>(() => {\n  return (\n    props.for ?? (inputIds.value.length === 1 ? inputIds.value[0] : undefined)\n  )\n})\n\nconst isGroup = computed<boolean>(() => {\n  return !labelFor.value && hasLabel.value\n})\n\nconst fieldValue = computed(() => {\n  const model = formContext?.model\n  if (!model || !props.prop) {\n    return\n  }\n  return getProp(model, props.prop).value\n})\n\nconst normalizedRules = computed(() => {\n  const { required } = props\n\n  const rules: FormItemRule[] = []\n\n  if (props.rules) {\n    rules.push(...ensureArray(props.rules))\n  }\n\n  const formRules = formContext?.rules\n  if (formRules && props.prop) {\n    const _rules = getProp<Arrayable<FormItemRule> | undefined>(\n      formRules,\n      props.prop\n    ).value\n    if (_rules) {\n      rules.push(...ensureArray(_rules))\n    }\n  }\n\n  if (required !== undefined) {\n    const requiredRules = rules\n      .map((rule, i) => [rule, i] as const)\n      .filter(([rule]) => 'required' in rule)\n\n    if (requiredRules.length > 0) {\n      for (const [rule, i] of requiredRules) {\n        if (rule.required === required) continue\n        rules[i] = { ...rule, required }\n      }\n    } else {\n      rules.push({ required })\n    }\n  }\n\n  return rules\n})\n\nconst validateEnabled = computed(() => normalizedRules.value.length > 0)\n\nconst getFilteredRule = (trigger: string) => {\n  const rules = normalizedRules.value\n  return (\n    rules\n      .filter((rule) => {\n        if (!rule.trigger || !trigger) return true\n        if (isArray(rule.trigger)) {\n          return rule.trigger.includes(trigger)\n        } else {\n          return rule.trigger === trigger\n        }\n      })\n      // exclude trigger\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      .map(({ trigger, ...rule }): RuleItem => rule)\n  )\n}\n\nconst isRequired = computed(() =>\n  normalizedRules.value.some((rule) => rule.required)\n)\n\nconst shouldShowError = computed(\n  () =>\n    validateStateDebounced.value === 'error' &&\n    props.showMessage &&\n    (formContext?.showMessage ?? true)\n)\n\nconst currentLabel = computed(\n  () => `${props.label || ''}${formContext?.labelSuffix || ''}`\n)\n\nconst setValidationState = (state: FormItemValidateState) => {\n  validateState.value = state\n}\n\nconst onValidationFailed = (error: FormValidateFailure) => {\n  const { errors, fields } = error\n  if (!errors || !fields) {\n    console.error(error)\n  }\n\n  setValidationState('error')\n  validateMessage.value = errors\n    ? (errors?.[0]?.message ?? `${props.prop} is required`)\n    : ''\n\n  formContext?.emit('validate', props.prop!, false, validateMessage.value)\n}\n\nconst onValidationSucceeded = () => {\n  setValidationState('success')\n  formContext?.emit('validate', props.prop!, true, '')\n}\n\nconst doValidate = async (rules: RuleItem[]): Promise<true> => {\n  const modelName = propString.value\n  const validator = new AsyncValidator({\n    [modelName]: rules,\n  })\n  return validator\n    .validate({ [modelName]: fieldValue.value }, { firstFields: true })\n    .then(() => {\n      onValidationSucceeded()\n      return true as const\n    })\n    .catch((err: FormValidateFailure) => {\n      onValidationFailed(err)\n      return Promise.reject(err)\n    })\n}\n\nconst validate: FormItemContext['validate'] = async (trigger, callback) => {\n  // skip validation if its resetting\n  if (isResettingField || !props.prop) {\n    return false\n  }\n\n  const hasCallback = isFunction(callback)\n  if (!validateEnabled.value) {\n    callback?.(false)\n    return false\n  }\n\n  const rules = getFilteredRule(trigger)\n  if (rules.length === 0) {\n    callback?.(true)\n    return true\n  }\n\n  setValidationState('validating')\n\n  return doValidate(rules)\n    .then(() => {\n      callback?.(true)\n      return true as const\n    })\n    .catch((err: FormValidateFailure) => {\n      const { fields } = err\n      callback?.(false, fields)\n      return hasCallback ? false : Promise.reject(fields)\n    })\n}\n\nconst clearValidate: FormItemContext['clearValidate'] = () => {\n  setValidationState('')\n  validateMessage.value = ''\n  isResettingField = false\n}\n\nconst resetField: FormItemContext['resetField'] = async () => {\n  const model = formContext?.model\n  if (!model || !props.prop) return\n\n  const computedValue = getProp(model, props.prop)\n\n  // prevent validation from being triggered\n  isResettingField = true\n\n  computedValue.value = cloneDeep(initialValue)\n\n  await nextTick()\n  clearValidate()\n\n  isResettingField = false\n}\n\nconst addInputId: FormItemContext['addInputId'] = (id: string) => {\n  if (!inputIds.value.includes(id)) {\n    inputIds.value.push(id)\n  }\n}\n\nconst removeInputId: FormItemContext['removeInputId'] = (id: string) => {\n  inputIds.value = inputIds.value.filter((listId) => listId !== id)\n}\n\nconst setInitialValue: FormItemContext['setInitialValue'] = (value: any) => {\n  initialValue = cloneDeep(value)\n}\n\nconst getInitialValue: FormItemContext['getInitialValue'] = () => initialValue\n\nwatch(\n  () => props.error,\n  (val) => {\n    validateMessage.value = val || ''\n    setValidationState(val ? 'error' : '')\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.validateStatus,\n  (val) => setValidationState(val || '')\n)\n\nconst context: FormItemContext = reactive({\n  ...toRefs(props),\n  $el: formItemRef,\n  size: _size,\n  validateMessage,\n  validateState,\n  labelId,\n  inputIds,\n  isGroup,\n  hasLabel,\n  fieldValue,\n  addInputId,\n  removeInputId,\n  resetField,\n  clearValidate,\n  validate,\n  propString,\n  setInitialValue,\n  getInitialValue,\n})\n\nprovide(formItemContextKey, context)\n\nwatch(propString, (newPropString, oldPropString) => {\n  if (!formContext || !oldPropString) return\n  formContext.removeField(context, oldPropString)\n  if (newPropString) {\n    setInitialValue(fieldValue.value)\n    formContext.addField(context)\n  }\n})\n\nonMounted(() => {\n  if (props.prop) {\n    setInitialValue(fieldValue.value)\n    formContext?.addField(context)\n  }\n})\n\nonBeforeUnmount(() => {\n  formContext?.removeField(context)\n})\n\ndefineExpose({\n  /**\n   * @description Form item size.\n   */\n  size: _size,\n  /**\n   * @description Validation message.\n   */\n  validateMessage,\n  /**\n   * @description Validation state.\n   */\n  validateState,\n  /**\n   * @description Validate form item.\n   */\n  validate,\n  /**\n   * @description Remove validation status of the field.\n   */\n  clearValidate,\n  /**\n   * @description Reset current field and remove validation result.\n   */\n  resetField,\n  /**\n   * @description Set initial value for this field. When `resetField` is called, the field will reset to this value.\n   */\n  setInitialValue,\n})\n</script>\n"],"mappings":""}

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

@@ -39,30 +39,14 @@ interface FormProps extends FormMetaProps {
    * @description Validation rules of form.
    */
   rules?: FormRules;
-  /**
-   * @description Position of label. If set to `'left'` or `'right'`, `label-width` prop is also required.
-   */
-  labelPosition?: 'left' | 'right' | 'top';
   /**
    * @description Position of asterisk.
    */
   requireAsteriskPosition?: 'left' | 'right';
-  /**
-   * @description Width of label, e.g. `'50px'`. All its direct child form items will inherit this value. `auto` is supported.
-   */
-  labelWidth?: string | number;
   /**
    * @description Suffix of the label.
    */
   labelSuffix?: string;
-  /**
-   * @description Whether the form is inline.
-   */
-  inline?: boolean;
-  /**
-   * @description Force the form to use the mobile layout regardless of viewport width.
-   */
-  mobile?: boolean;
   /**
    * @description Whether to display the error message inline with the form item.
    */
@@ -103,12 +87,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 labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
   readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly inline: BooleanConstructor;
-  readonly mobile: BooleanConstructor;
   readonly inlineMessage: BooleanConstructor;
   readonly statusIcon: BooleanConstructor;
   readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;

package/lib/components/form/src/form.js

@@ -23,30 +23,15 @@ const formProps = require_runtime$1.buildProps({
 	...formMetaProps,
 	model: Object,
 	rules: { type: require_runtime$1.definePropType(Object) },
-	labelPosition: {
-		type: String,
-		values: [
-			"left",
-			"right",
-			"top"
-		],
-		default: "right"
-	},
 	requireAsteriskPosition: {
 		type: String,
 		values: ["left", "right"],
 		default: "left"
 	},
-	labelWidth: {
-		type: [String, Number],
-		default: ""
-	},
 	labelSuffix: {
 		type: String,
 		default: ""
 	},
-	inline: Boolean,
-	mobile: Boolean,
 	inlineMessage: Boolean,
 	statusIcon: Boolean,
 	showMessage: {

package/lib/components/form/src/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","names":["buildProps","componentSizes","definePropType","isBoolean"],"sources":["../../../../../../packages/components/form/src/form.ts"],"sourcesContent":["import { componentSizes } from '@element-plus/constants'\nimport {\n  buildProps,\n  definePropType,\n  isArray,\n  isBoolean,\n  isString,\n} from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { FormItemProp } from './form-item'\nimport type { FormRules } from './types'\n\nexport interface FormMetaProps {\n  /**\n   * @description Control the size of components in this form.\n   */\n  size?: ComponentSize\n  /**\n   * @description Whether to disable all components in this form. If set to `true`, it will override the `disabled` prop of the inner component.\n   */\n  disabled?: boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `FormMetaProps` instead.\n */\nexport const formMetaProps = buildProps({\n  /**\n   * @description Control the size of components in this form.\n   */\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n  /**\n   * @description Whether to disable all components in this form. If set to `true`, it will override the `disabled` prop of the inner component.\n   */\n  disabled: Boolean,\n} as const)\n\nexport interface FormProps extends FormMetaProps {\n  /**\n   * @description Data of form component.\n   */\n  model?: Record<string, any>\n  /**\n   * @description Validation rules of form.\n   */\n  rules?: FormRules\n  /**\n   * @description Position of label. If set to `'left'` or `'right'`, `label-width` prop is also required.\n   */\n  labelPosition?: 'left' | 'right' | 'top'\n  /**\n   * @description Position of asterisk.\n   */\n  requireAsteriskPosition?: 'left' | 'right'\n  /**\n   * @description Width of label, e.g. `'50px'`. All its direct child form items will inherit this value. `auto` is supported.\n   */\n  labelWidth?: string | number\n  /**\n   * @description Suffix of the label.\n   */\n  labelSuffix?: string\n  /**\n   * @description Whether the form is inline.\n   */\n  inline?: boolean\n  /**\n   * @description Force the form to use the mobile layout regardless of viewport width.\n   */\n  mobile?: boolean\n  /**\n   * @description Whether to display the error message inline with the form item.\n   */\n  inlineMessage?: boolean\n  /**\n   * @description Whether to display an icon indicating the validation result.\n   */\n  statusIcon?: boolean\n  /**\n   * @description Whether to show the error message.\n   */\n  showMessage?: boolean\n  /**\n   * @description Whether to trigger validation when the `rules` prop is changed.\n   */\n  validateOnRuleChange?: boolean\n  /**\n   * @description Whether to hide required fields should have a red asterisk (star) beside their labels.\n   */\n  hideRequiredAsterisk?: boolean\n  /**\n   * @description When validation fails, scroll to the first error form entry.\n   */\n  scrollToError?: boolean\n  /**\n   * @description When validation fails, it scrolls to the first error item based on the scrollIntoView option.\n   */\n  scrollIntoViewOptions?: ScrollIntoViewOptions | boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `FormProps` instead.\n */\nexport const formProps = buildProps({\n  ...formMetaProps,\n  /**\n   * @description Data of form component.\n   */\n  model: Object,\n  /**\n   * @description Validation rules of form.\n   */\n  rules: {\n    type: definePropType<FormRules>(Object),\n  },\n  /**\n   * @description Position of label. If set to `'left'` or `'right'`, `label-width` prop is also required.\n   */\n  labelPosition: {\n    type: String,\n    values: ['left', 'right', 'top'],\n    default: 'right',\n  },\n  /**\n   * @description Position of asterisk.\n   */\n  requireAsteriskPosition: {\n    type: String,\n    values: ['left', 'right'],\n    default: 'left',\n  },\n  /**\n   * @description Width of label, e.g. `'50px'`. All its direct child form items will inherit this value. `auto` is supported.\n   */\n  labelWidth: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description Suffix of the label.\n   */\n  labelSuffix: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description Whether the form is inline.\n   */\n  inline: Boolean,\n  /**\n   * @description Force the form to use the mobile layout regardless of viewport width.\n   */\n  mobile: Boolean,\n  /**\n   * @description Whether to display the error message inline with the form item.\n   */\n  inlineMessage: Boolean,\n  /**\n   * @description Whether to display an icon indicating the validation result.\n   */\n  statusIcon: Boolean,\n  /**\n   * @description Whether to show the error message.\n   */\n  showMessage: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Whether to trigger validation when the `rules` prop is changed.\n   */\n  validateOnRuleChange: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Whether to hide required fields should have a red asterisk (star) beside their labels.\n   */\n  hideRequiredAsterisk: Boolean,\n  /**\n   * @description When validation fails, scroll to the first error form entry.\n   */\n  scrollToError: Boolean,\n  /**\n   * @description When validation fails, it scrolls to the first error item based on the scrollIntoView option.\n   */\n  scrollIntoViewOptions: {\n    type: definePropType<ScrollIntoViewOptions | boolean>([Object, Boolean]),\n    default: true,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `FormProps` instead.\n */\nexport type FormPropsPublic = ExtractPublicPropTypes<typeof formProps>\n\n/**\n * @deprecated Removed after 3.0.0, Use `FormMetaProps` instead.\n */\nexport type FormMetaPropsPublic = ExtractPublicPropTypes<typeof formMetaProps>\n\nexport const formEmits = {\n  validate: (prop: FormItemProp, isValid: boolean, message: string) =>\n    (isArray(prop) || isString(prop)) &&\n    isBoolean(isValid) &&\n    isString(message),\n}\nexport type FormEmits = typeof formEmits\n"],"mappings":";;;;;;;;;;;AA4BA,MAAa,gBAAgBA,6BAAW;CAItC,MAAM;EACJ,MAAM;EACN,QAAQC;EACT;CAID,UAAU;CACX,CAAU;;;;AAoEX,MAAa,YAAYD,6BAAW;CAClC,GAAG;CAIH,OAAO;CAIP,OAAO,EACL,MAAME,iCAA0B,OAAO,EACxC;CAID,eAAe;EACb,MAAM;EACN,QAAQ;GAAC;GAAQ;GAAS;GAAM;EAChC,SAAS;EACV;CAID,yBAAyB;EACvB,MAAM;EACN,QAAQ,CAAC,QAAQ,QAAQ;EACzB,SAAS;EACV;CAID,YAAY;EACV,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS;EACV;CAID,aAAa;EACX,MAAM;EACN,SAAS;EACV;CAID,QAAQ;CAIR,QAAQ;CAIR,eAAe;CAIf,YAAY;CAIZ,aAAa;EACX,MAAM;EACN,SAAS;EACV;CAID,sBAAsB;EACpB,MAAM;EACN,SAAS;EACV;CAID,sBAAsB;CAItB,eAAe;CAIf,uBAAuB;EACrB,MAAMA,iCAAgD,CAAC,QAAQ,QAAQ,CAAC;EACxE,SAAS;EACV;CACF,CAAU;AAYX,MAAa,YAAY,EACvB,WAAW,MAAoB,SAAkB,sCACtC,KAAK,8BAAa,KAAK,KAChCC,wBAAU,QAAQ,8BACT,QAAQ,EACpB"}
+{"version":3,"file":"form.js","names":["buildProps","componentSizes","definePropType","isBoolean"],"sources":["../../../../../../packages/components/form/src/form.ts"],"sourcesContent":["import { componentSizes } from '@element-plus/constants'\nimport {\n  buildProps,\n  definePropType,\n  isArray,\n  isBoolean,\n  isString,\n} from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { FormItemProp } from './form-item'\nimport type { FormRules } from './types'\n\nexport interface FormMetaProps {\n  /**\n   * @description Control the size of components in this form.\n   */\n  size?: ComponentSize\n  /**\n   * @description Whether to disable all components in this form. If set to `true`, it will override the `disabled` prop of the inner component.\n   */\n  disabled?: boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `FormMetaProps` instead.\n */\nexport const formMetaProps = buildProps({\n  /**\n   * @description Control the size of components in this form.\n   */\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n  /**\n   * @description Whether to disable all components in this form. If set to `true`, it will override the `disabled` prop of the inner component.\n   */\n  disabled: Boolean,\n} as const)\n\nexport interface FormProps extends FormMetaProps {\n  /**\n   * @description Data of form component.\n   */\n  model?: Record<string, any>\n  /**\n   * @description Validation rules of form.\n   */\n  rules?: FormRules\n  /**\n   * @description Position of asterisk.\n   */\n  requireAsteriskPosition?: 'left' | 'right'\n  /**\n   * @description Suffix of the label.\n   */\n  labelSuffix?: string\n  /**\n   * @description Whether to display the error message inline with the form item.\n   */\n  inlineMessage?: boolean\n  /**\n   * @description Whether to display an icon indicating the validation result.\n   */\n  statusIcon?: boolean\n  /**\n   * @description Whether to show the error message.\n   */\n  showMessage?: boolean\n  /**\n   * @description Whether to trigger validation when the `rules` prop is changed.\n   */\n  validateOnRuleChange?: boolean\n  /**\n   * @description Whether to hide required fields should have a red asterisk (star) beside their labels.\n   */\n  hideRequiredAsterisk?: boolean\n  /**\n   * @description When validation fails, scroll to the first error form entry.\n   */\n  scrollToError?: boolean\n  /**\n   * @description When validation fails, it scrolls to the first error item based on the scrollIntoView option.\n   */\n  scrollIntoViewOptions?: ScrollIntoViewOptions | boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `FormProps` instead.\n */\nexport const formProps = buildProps({\n  ...formMetaProps,\n  /**\n   * @description Data of form component.\n   */\n  model: Object,\n  /**\n   * @description Validation rules of form.\n   */\n  rules: {\n    type: definePropType<FormRules>(Object),\n  },\n  /**\n   * @description Position of asterisk.\n   */\n  requireAsteriskPosition: {\n    type: String,\n    values: ['left', 'right'],\n    default: 'left',\n  },\n  /**\n   * @description Suffix of the label.\n   */\n  labelSuffix: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description Whether to display the error message inline with the form item.\n   */\n  inlineMessage: Boolean,\n  /**\n   * @description Whether to display an icon indicating the validation result.\n   */\n  statusIcon: Boolean,\n  /**\n   * @description Whether to show the error message.\n   */\n  showMessage: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Whether to trigger validation when the `rules` prop is changed.\n   */\n  validateOnRuleChange: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Whether to hide required fields should have a red asterisk (star) beside their labels.\n   */\n  hideRequiredAsterisk: Boolean,\n  /**\n   * @description When validation fails, scroll to the first error form entry.\n   */\n  scrollToError: Boolean,\n  /**\n   * @description When validation fails, it scrolls to the first error item based on the scrollIntoView option.\n   */\n  scrollIntoViewOptions: {\n    type: definePropType<ScrollIntoViewOptions | boolean>([Object, Boolean]),\n    default: true,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `FormProps` instead.\n */\nexport type FormPropsPublic = ExtractPublicPropTypes<typeof formProps>\n\n/**\n * @deprecated Removed after 3.0.0, Use `FormMetaProps` instead.\n */\nexport type FormMetaPropsPublic = ExtractPublicPropTypes<typeof formMetaProps>\n\nexport const formEmits = {\n  validate: (prop: FormItemProp, isValid: boolean, message: string) =>\n    (isArray(prop) || isString(prop)) &&\n    isBoolean(isValid) &&\n    isString(message),\n}\nexport type FormEmits = typeof formEmits\n"],"mappings":";;;;;;;;;;;AA4BA,MAAa,gBAAgBA,6BAAW;CAItC,MAAM;EACJ,MAAM;EACN,QAAQC;EACT;CAID,UAAU;CACX,CAAU;;;;AAoDX,MAAa,YAAYD,6BAAW;CAClC,GAAG;CAIH,OAAO;CAIP,OAAO,EACL,MAAME,iCAA0B,OAAO,EACxC;CAID,yBAAyB;EACvB,MAAM;EACN,QAAQ,CAAC,QAAQ,QAAQ;EACzB,SAAS;EACV;CAID,aAAa;EACX,MAAM;EACN,SAAS;EACV;CAID,eAAe;CAIf,YAAY;CAIZ,aAAa;EACX,MAAM;EACN,SAAS;EACV;CAID,sBAAsB;EACpB,MAAM;EACN,SAAS;EACV;CAID,sBAAsB;CAItB,eAAe;CAIf,uBAAuB;EACrB,MAAMA,iCAAgD,CAAC,QAAQ,QAAQ,CAAC;EACxE,SAAS;EACV;CACF,CAAU;AAYX,MAAa,YAAY,EACvB,WAAW,MAAoB,SAAkB,sCACtC,KAAK,8BAAa,KAAK,KAChCC,wBAAU,QAAQ,8BACT,QAAQ,EACpB"}

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

@@ -48,8 +48,6 @@ declare const __VLS_base: vue.DefineComponent<FormProps, {
 }, string, vue.PublicProps, Readonly<FormProps> & Readonly<{
   onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
 }>, {
-  labelWidth: string | number;
-  labelPosition: "left" | "right" | "top";
   requireAsteriskPosition: "left" | "right";
   labelSuffix: string;
   showMessage: boolean;

package/lib/components/form/src/form.vue_vue_type_script_setup_true_lang.js

@@ -6,7 +6,6 @@ const require_form = require('./form.js');
 const require_constants = require('./constants.js');
 const require_use_form_common_props = require('./hooks/use-form-common-props.js');
 const require_utils = require('./utils.js');
-let _vueuse_core = require("@vueuse/core");
 let lodash_unified = require("lodash-unified");
 let vue = require("vue");
 let _vue_shared = require("@vue/shared");
@@ -24,22 +23,9 @@ var form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.d
 		const formRef = (0, vue.ref)();
 		const fields = (0, vue.reactive)([]);
 		const initialValues = /* @__PURE__ */ new Map();
-		const { width: viewportWidth } = (0, _vueuse_core.useWindowSize)({ initialWidth: Number.POSITIVE_INFINITY });
 		const formSize = require_use_form_common_props.useFormSize();
 		const ns = require_index.useNamespace("form");
-		const isMobile = (0, vue.computed)(() => props.mobile || viewportWidth.value < 768);
-		const formClasses = (0, vue.computed)(() => {
-			const { labelPosition, inline } = props;
-			return [
-				ns.b(),
-				ns.m(formSize.value || "default"),
-				{
-					[ns.m(`label-${labelPosition}`)]: labelPosition,
-					[ns.m("inline")]: inline,
-					[ns.is("mobile")]: isMobile.value
-				}
-			];
-		});
+		const formClasses = (0, vue.computed)(() => [ns.b(), ns.m(formSize.value || "default")]);
 		const getField = (prop) => {
 			return require_utils.filterFields(fields, [prop])[0];
 		};
@@ -147,7 +133,6 @@ var form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.d
 		});
 		(0, vue.provide)(require_constants.formContextKey, (0, vue.reactive)({
 			...(0, vue.toRefs)(props),
-			isMobile,
 			emit,
 			resetFields,
 			clearValidate,
@@ -155,8 +140,7 @@ var form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.d
 			getField,
 			addField,
 			removeField,
-			setInitialValues,
-			...require_utils.useFormLabelWidth()
+			setInitialValues
 		}));
 		__expose({
 			validate,

package/lib/components/form/src/form.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.vue_vue_type_script_setup_true_lang.js","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 { useWindowSize } from '@vueuse/core'\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>()\nconst { width: viewportWidth } = useWindowSize({\n  initialWidth: Number.POSITIVE_INFINITY,\n})\n\nconst formSize = useFormSize()\nconst ns = useNamespace('form')\nconst isMobile = computed(() => props.mobile || viewportWidth.value < 768)\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      [ns.is('mobile')]: isMobile.value,\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    isMobile,\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":";;;;;;;;;;;;;;AAkCA,MAAM,iBAAiB;;;;;;;EAIvB,MAAM,QAAQ;EASd,MAAM,OAAO;EAEb,MAAM,wBAA2B;EACjC,MAAM,2BAAqC,EAAE,CAAA;EAC7C,MAAM,gCAAgB,IAAI,KAAiB;EAC3C,MAAM,EAAE,OAAO,kDAAgC,EAC7C,cAAc,OAAO,mBACtB,CAAA;EAED,MAAM,WAAW,2CAAY;EAC7B,MAAM,KAAK,2BAAa,OAAM;EAC9B,MAAM,mCAA0B,MAAM,UAAU,cAAc,QAAQ,IAAG;EACzE,MAAM,sCAA6B;GACjC,MAAM,EAAE,eAAe,WAAW;AAClC,UAAO;IACL,GAAG,GAAG;IACN,GAAG,EAAE,SAAS,SAAS,UAAU;IACjC;MACG,GAAG,EAAE,SAAS,gBAAgB,GAAG;MACjC,GAAG,EAAE,SAAS,GAAG;MACjB,GAAG,GAAG,SAAS,GAAG,SAAS;KAC7B;IACH;IACD;EAED,MAAM,YAAqC,SAAS;AAClD,UAAO,2BAAa,QAAQ,CAAC,KAAK,CAAC,CAAC;;EAGtC,MAAM,YAAqC,UAAU;AACnD,OAAI,CAAC,OAAO,SAAS,MAAM,CACzB,QAAO,KAAK,MAAK;AAEnB,OAAI,MAAM,WACR,KAAI,cAAc,IAAI,MAAM,WAAW,CACrC,OAAM,gBAAgB,cAAc,IAAI,MAAM,WAAW,CAAA;OAEzD,eAAc,IAAI,MAAM,0CAAsB,MAAM,WAAW,CAAA;;EAKrE,MAAM,eAA2C,OAAO,kBAAmB;AACzE,OAAI,eAAe;AAEjB,kBAAc,OAAO,cAAa;AAClC;;GAGF,MAAM,MAAM,OAAO,QAAQ,MAAK;AAChC,OAAI,MAAM,IAAI;AACZ,WAAO,OAAO,KAAK,EAAC;AACpB,QAAI,MAAM,WACR,eAAc,IAAI,MAAM,0CAAsB,MAAM,iBAAiB,CAAC,CAAA;;;EAK5E,MAAM,oBAAqD,cAAc;AACvE,OAAI,CAAC,MAAM,OAAO;AAChB,4BAAU,gBAAgB,kDAAiD;AAC3E;;AAEF,OAAI,CAAC,WAAW;AACd,4BACE,gBACA,sDACF;AACA;;AAGF,QAAK,MAAM,OAAO,cAAc,MAAM,CACpC,eAAc,IAAI,mCAAe,wBAAQ,WAAW,IAAI,CAAC,MAAM,CAAA;AAEjE,UAAO,SAAS,UAAU;AACxB,QAAI,MAAM,KACR,OAAM,gBAAgB,wBAAQ,WAAW,MAAM,KAAK,CAAC,MAAK;KAE7D;;EAGH,MAAM,eAA2C,aAAa,EAAE,KAAK;AACnE,OAAI,CAAC,MAAM,OAAO;AAChB,4BAAU,gBAAgB,6CAA4C;AACtE;;AAGF,8BAAa,QAAQ,WAAW,CAAC,SAAS,UAAU,MAAM,YAAY,CAAA;GAEtE,MAAM,oBAAoB,IAAI,IAC5B,OAAO,KAAK,MAAM,EAAE,WAAW,CAAC,OAAO,QAAO,CAChD;GACA,MAAM,eACJ,WAAW,SAAS,kCACJ,WAAW,CAAC,KAAK,+BAAe,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,EAAE,GACjE,CAAC,GAAG,cAAc,MAAM,CAAA;AAE9B,QAAK,MAAM,cAAc,aACvB,KAAI,CAAC,kBAAkB,IAAI,WAAW,IAAI,cAAc,IAAI,WAAW,CACrE,yBAAQ,MAAM,OAAO,WAAW,CAAC,sCAC/B,cAAc,IAAI,WAAU,CAC9B;;EAKN,MAAM,iBAA+C,QAAQ,EAAE,KAAK;AAClE,8BAAa,QAAQ,MAAM,CAAC,SAAS,UAAU,MAAM,eAAe,CAAA;;EAGtE,MAAM,wCAA+B;GACnC,MAAM,WAAW,CAAC,CAAC,MAAM;AACzB,OAAI,CAAC,SACH,yBAAU,gBAAgB,0CAAyC;AAErE,UAAO;IACR;EAED,MAAM,wBAAwB,UAAmC;AAC/D,OAAI,OAAO,WAAW,EAAG,QAAO,EAAC;GAEjC,MAAM,iBAAiB,2BAAa,QAAQ,MAAK;AACjD,OAAI,CAAC,eAAe,QAAQ;AAC1B,4BAAU,gBAAgB,6BAA4B;AACtD,WAAO,EAAC;;AAEV,UAAO;;EAGT,MAAM,WAAW,OACf,aACyB,cAAc,QAAW,SAAQ;EAE5D,MAAM,kBAAkB,OACtB,QAAiC,EAAC,KACb;AACrB,OAAI,CAAC,cAAc,MAAO,QAAO;GAEjC,MAAM,SAAS,qBAAqB,MAAK;AACzC,OAAI,OAAO,WAAW,EAAG,QAAO;GAEhC,IAAI,mBAAwC,EAAC;AAC7C,QAAK,MAAM,SAAS,OAClB,KAAI;AACF,UAAM,MAAM,SAAS,GAAE;AACvB,QAAI,MAAM,kBAAkB,WAAW,CAAC,MAAM,MAAO,OAAM,YAAW;YAC/D,QAAQ;AACf,uBAAmB;KACjB,GAAG;KACH,GAAI;KACN;;AAIJ,OAAI,OAAO,KAAK,iBAAiB,CAAC,WAAW,EAAG,QAAO;AACvD,UAAO,QAAQ,OAAO,iBAAgB;;EAGxC,MAAM,gBAA8C,OAClD,aAAa,EAAE,EACf,aACG;GACH,IAAI,SAAS;GACb,MAAM,cAAc,6BAAY,SAAQ;AACxC,OAAI;AACF,aAAS,MAAM,gBAAgB,WAAU;AAEzC,QAAI,WAAW,KACb,OAAM,WAAW,OAAM;AAEzB,WAAO;YACA,GAAG;AACV,QAAI,aAAa,MAAO,OAAM;IAE9B,MAAM,gBAAgB;AAEtB,QAAI,MAAM,eAGR;SAAI,QAAQ,MAEV,CADiB,QAAQ,MAAM,cAAc,IAAI,GAAG,GAAG,CAAC,gBAAe,EAC7D,eAAe,MAAM,sBAAqB;;AAGxD,KAAC,UAAW,MAAM,WAAW,OAAO,cAAc;AAClD,WAAO,eAAe,QAAQ,OAAO,cAAa;;;EAItD,MAAM,iBAAiB,SAAuB;GAC5C,MAAM,QAAQ,SAAS,KAAI;AAC3B,OAAI,MACF,OAAM,KAAK,eAAe,MAAM,sBAAqB;;AAIzD,uBACQ,MAAM,aACN;AACJ,OAAI,MAAM,qBACR,WAAU,CAAC,OAAO,QAAQ,wBAAU,IAAI,CAAA;KAG5C;GAAE,MAAM;GAAM,OAAO;GAAO,CAC9B;AAEA,mBACE,oDACS;GACP,mBAAU,MAAM;GAChB;GACA;GAEA;GACA;GACA;GACA;GACA;GACA;GACA;GAEA,GAAG,iCAAmB;GACvB,CAAA,CACH;AAEA,WAAa;GAIX;GAIA;GAIA;GAIA;GAIA;GAIA;GAIA;GAIA;GACD,CAAA;;4DA9SQ,QAAA;aAFG;IAAJ,KAAI;IAAW,+BAAO,YAAA,MAAW;2BAC7B,KAAA,QAAA,UAAA"}
+{"version":3,"file":"form.vue_vue_type_script_setup_true_lang.js","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 } 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  requireAsteriskPosition: 'left',\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(() => [ns.b(), ns.m(formSize.value || 'default')])\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)\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/lib/components/form/src/form2.js.map

@@ -1 +1 @@
-{"version":3,"file":"form2.js","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 { useWindowSize } from '@vueuse/core'\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>()\nconst { width: viewportWidth } = useWindowSize({\n  initialWidth: Number.POSITIVE_INFINITY,\n})\n\nconst formSize = useFormSize()\nconst ns = useNamespace('form')\nconst isMobile = computed(() => props.mobile || viewportWidth.value < 768)\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      [ns.is('mobile')]: isMobile.value,\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    isMobile,\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.js","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 } 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  requireAsteriskPosition: 'left',\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(() => [ns.b(), ns.m(formSize.value || 'default')])\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)\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/lib/components/form/src/types.d.ts

@@ -2,14 +2,12 @@ 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 { FormEmits, FormProps } from "./form.js";
 import { SetupContext, UnwrapRef } from "vue";
 import { MaybeRef } from "@vueuse/core";
 import { RuleItem, ValidateError, ValidateFieldsError } from "async-validator";
 
 //#region ../../packages/components/form/src/types.d.ts
-type FormLabelWidthContext = ReturnType<typeof useFormLabelWidth>;
 interface FormItemRule extends RuleItem {
   trigger?: Arrayable<string>;
 }
@@ -21,8 +19,7 @@ interface FormValidateFailure {
   errors: ValidateError[] | null;
   fields: ValidateFieldsError;
 }
-type FormContext = FormProps & UnwrapRef<FormLabelWidthContext> & {
-  isMobile: boolean;
+type FormContext = FormProps & {
   emit: SetupContext<FormEmits>['emit'];
   getField: (prop: FormItemProp) => FormItemContext | undefined;
   addField: (field: FormItemContext) => void;
@@ -52,4 +49,4 @@ interface FormItemContext extends FormItemProps {
   getInitialValue: () => any;
 }
 //#endregion
-export { FormContext, FormItemContext, FormItemRule, FormLabelWidthContext, FormRules, FormValidateCallback, FormValidateFailure, FormValidationResult };
+export { FormContext, FormItemContext, FormItemRule, FormRules, FormValidateCallback, FormValidateFailure, FormValidationResult };

package/lib/components/form/src/utils.js

@@ -1,40 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
-const require_error = require('../../../utils/error.js');
-let vue = require("vue");
 let lodash_unified = require("lodash-unified");
 let _vue_shared = require("@vue/shared");
 
 //#region ../../packages/components/form/src/utils.ts
-const SCOPE = "ElForm";
-function useFormLabelWidth() {
-	const potentialLabelWidthArr = (0, vue.ref)([]);
-	const autoLabelWidth = (0, vue.computed)(() => {
-		if (!potentialLabelWidthArr.value.length) return "0";
-		const max = Math.max(...potentialLabelWidthArr.value);
-		return max ? `${max}px` : "";
-	});
-	function getLabelWidthIndex(width) {
-		const index = potentialLabelWidthArr.value.indexOf(width);
-		if (index === -1 && autoLabelWidth.value === "0") require_error.debugWarn(SCOPE, `unexpected width ${width}`);
-		return index;
-	}
-	function registerLabelWidth(val, oldVal) {
-		if (val && oldVal) {
-			const index = getLabelWidthIndex(oldVal);
-			potentialLabelWidthArr.value.splice(index, 1, val);
-		} else if (val) potentialLabelWidthArr.value.push(val);
-	}
-	function deregisterLabelWidth(val) {
-		const index = getLabelWidthIndex(val);
-		if (index > -1) potentialLabelWidthArr.value.splice(index, 1);
-	}
-	return {
-		autoLabelWidth,
-		registerLabelWidth,
-		deregisterLabelWidth
-	};
-}
 const filterFields = (fields, props) => {
 	const normalized = (0, lodash_unified.castArray)(props).map((prop) => (0, _vue_shared.isArray)(prop) ? prop.join(".") : prop);
 	return normalized.length > 0 ? fields.filter((field) => field.propString && normalized.includes(field.propString)) : fields;
@@ -42,5 +11,4 @@ const filterFields = (fields, props) => {
 
 //#endregion
 exports.filterFields = filterFields;
-exports.useFormLabelWidth = useFormLabelWidth;
 //# sourceMappingURL=utils.js.map

package/lib/components/form/src/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../../../../packages/components/form/src/utils.ts"],"sourcesContent":["import { computed, ref } from 'vue'\nimport { debugWarn, ensureArray, isArray } from '@element-plus/utils'\n\nimport type { Arrayable } from '@element-plus/utils'\nimport type { FormItemContext } from './types'\nimport type { FormItemProp } from './form-item'\n\nconst SCOPE = 'ElForm'\n\nexport function useFormLabelWidth() {\n  const potentialLabelWidthArr = ref<number[]>([])\n\n  const autoLabelWidth = computed(() => {\n    if (!potentialLabelWidthArr.value.length) return '0'\n    const max = Math.max(...potentialLabelWidthArr.value)\n    return max ? `${max}px` : ''\n  })\n\n  function getLabelWidthIndex(width: number) {\n    const index = potentialLabelWidthArr.value.indexOf(width)\n    if (index === -1 && autoLabelWidth.value === '0') {\n      debugWarn(SCOPE, `unexpected width ${width}`)\n    }\n    return index\n  }\n\n  function registerLabelWidth(val: number, oldVal: number) {\n    if (val && oldVal) {\n      const index = getLabelWidthIndex(oldVal)\n      potentialLabelWidthArr.value.splice(index, 1, val)\n    } else if (val) {\n      potentialLabelWidthArr.value.push(val)\n    }\n  }\n\n  function deregisterLabelWidth(val: number) {\n    const index = getLabelWidthIndex(val)\n    if (index > -1) {\n      potentialLabelWidthArr.value.splice(index, 1)\n    }\n  }\n\n  return {\n    autoLabelWidth,\n    registerLabelWidth,\n    deregisterLabelWidth,\n  }\n}\n\nexport const filterFields = (\n  fields: FormItemContext[],\n  props: Arrayable<FormItemProp>\n) => {\n  const normalized = ensureArray(props).map((prop) =>\n    isArray(prop) ? prop.join('.') : prop\n  )\n  return normalized.length > 0\n    ? fields.filter(\n        (field) => field.propString && normalized.includes(field.propString)\n      )\n    : fields\n}\n"],"mappings":";;;;;;;;AAOA,MAAM,QAAQ;AAEd,SAAgB,oBAAoB;CAClC,MAAM,sCAAuC,EAAE,CAAC;CAEhD,MAAM,yCAAgC;AACpC,MAAI,CAAC,uBAAuB,MAAM,OAAQ,QAAO;EACjD,MAAM,MAAM,KAAK,IAAI,GAAG,uBAAuB,MAAM;AACrD,SAAO,MAAM,GAAG,IAAI,MAAM;GAC1B;CAEF,SAAS,mBAAmB,OAAe;EACzC,MAAM,QAAQ,uBAAuB,MAAM,QAAQ,MAAM;AACzD,MAAI,UAAU,MAAM,eAAe,UAAU,IAC3C,yBAAU,OAAO,oBAAoB,QAAQ;AAE/C,SAAO;;CAGT,SAAS,mBAAmB,KAAa,QAAgB;AACvD,MAAI,OAAO,QAAQ;GACjB,MAAM,QAAQ,mBAAmB,OAAO;AACxC,0BAAuB,MAAM,OAAO,OAAO,GAAG,IAAI;aACzC,IACT,wBAAuB,MAAM,KAAK,IAAI;;CAI1C,SAAS,qBAAqB,KAAa;EACzC,MAAM,QAAQ,mBAAmB,IAAI;AACrC,MAAI,QAAQ,GACV,wBAAuB,MAAM,OAAO,OAAO,EAAE;;AAIjD,QAAO;EACL;EACA;EACA;EACD;;AAGH,MAAa,gBACX,QACA,UACG;CACH,MAAM,2CAAyB,MAAM,CAAC,KAAK,kCACjC,KAAK,GAAG,KAAK,KAAK,IAAI,GAAG,KAClC;AACD,QAAO,WAAW,SAAS,IACvB,OAAO,QACJ,UAAU,MAAM,cAAc,WAAW,SAAS,MAAM,WAAW,CACrE,GACD"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../../../packages/components/form/src/utils.ts"],"sourcesContent":["import { ensureArray, isArray } from '@element-plus/utils'\n\nimport type { Arrayable } from '@element-plus/utils'\nimport type { FormItemContext } from './types'\nimport type { FormItemProp } from './form-item'\n\nexport const filterFields = (\n  fields: FormItemContext[],\n  props: Arrayable<FormItemProp>\n) => {\n  const normalized = ensureArray(props).map((prop) =>\n    isArray(prop) ? prop.join('.') : prop\n  )\n  return normalized.length > 0\n    ? fields.filter(\n        (field) => field.propString && normalized.includes(field.propString)\n      )\n    : fields\n}\n"],"mappings":";;;;;;AAMA,MAAa,gBACX,QACA,UACG;CACH,MAAM,2CAAyB,MAAM,CAAC,KAAK,kCACjC,KAAK,GAAG,KAAK,KAAK,IAAI,GAAG,KAClC;AACD,QAAO,WAAW,SAAS,IACvB,OAAO,QACJ,UAAU,MAAM,cAAc,WAAW,SAAS,MAAM,WAAW,CACrE,GACD"}

package/lib/components/index.d.ts

@@ -135,7 +135,7 @@ 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 { FormContext, FormItemContext, FormItemRule, FormRules, FormValidateCallback, FormValidateFailure, FormValidationResult } from "./form/src/types.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";
@@ -288,4 +288,4 @@ import { _default as _default$2 } from "./popper/src/content.vue.js";
 import { ElPopper, Options, Placement } from "./popper/index.js";
 import { AutocompleteData, 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, 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, IconifyCollection, IconifyIcon, IconifyIconName, 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, registerIconifyCollection, registerIconifyIcon, 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 };
+export { Action, AffixEmits, AffixInstance, AffixProps, AffixPropsPublic, AlertEmits, AlertInstance, AlertProps, AlertPropsPublic, Alignment, AllowDragFunction, AllowDropFunction, AllowDropType, AnchorEmits, AnchorInstance, AnchorProps, AnchorPropsPublic, AsideInstance, AutoResizerProps, AutoResizerPropsPublic, AutocompleteData, 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, 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, IconifyCollection, IconifyIcon, IconifyIconName, 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, registerIconifyCollection, registerIconifyIcon, 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 };