element-plus 1.2.0-beta.2 → 1.2.0-beta.6

package/es/components/form/src/form-item.vue_vue_type_template_id_24eda48b_lang.mjs

@@ -0,0 +1,53 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, Transition } from 'vue';
+
+const _hoisted_1 = ["for"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_LabelWrap = resolveComponent("LabelWrap");
+  return openBlock(), createElementBlock("div", {
+    ref: "formItemRef",
+    class: normalizeClass(["el-form-item", _ctx.formItemClass])
+  }, [
+    createVNode(_component_LabelWrap, {
+      "is-auto-width": _ctx.labelStyle.width === "auto",
+      "update-all": _ctx.elForm.labelWidth === "auto"
+    }, {
+      default: withCtx(() => [
+        _ctx.label || _ctx.$slots.label ? (openBlock(), createElementBlock("label", {
+          key: 0,
+          for: _ctx.labelFor,
+          class: "el-form-item__label",
+          style: normalizeStyle(_ctx.labelStyle)
+        }, [
+          renderSlot(_ctx.$slots, "label", { label: _ctx.currentLabel }, () => [
+            createTextVNode(toDisplayString(_ctx.currentLabel), 1)
+          ])
+        ], 12, _hoisted_1)) : createCommentVNode("v-if", true)
+      ]),
+      _: 3
+    }, 8, ["is-auto-width", "update-all"]),
+    createElementVNode("div", {
+      class: "el-form-item__content",
+      style: normalizeStyle(_ctx.contentStyle)
+    }, [
+      renderSlot(_ctx.$slots, "default"),
+      createVNode(Transition, { name: "el-zoom-in-top" }, {
+        default: withCtx(() => [
+          _ctx.shouldShowError ? renderSlot(_ctx.$slots, "error", {
+            key: 0,
+            error: _ctx.validateMessage
+          }, () => [
+            createElementVNode("div", {
+              class: normalizeClass(["el-form-item__error", {
+                "el-form-item__error--inline": typeof _ctx.inlineMessage === "boolean" ? _ctx.inlineMessage : _ctx.elForm.inlineMessage || false
+              }])
+            }, toDisplayString(_ctx.validateMessage), 3)
+          ]) : createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      })
+    ], 4)
+  ], 2);
+}
+
+export { render };
+//# sourceMappingURL=form-item.vue_vue_type_template_id_24eda48b_lang.mjs.map

package/es/components/form/src/form-item.vue_vue_type_template_id_24eda48b_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-item.vue_vue_type_template_id_24eda48b_lang.mjs","sources":["../../../../../../packages/components/form/src/form-item.vue?vue&type=template&id=24eda48b&lang.js"],"sourcesContent":["<template>\n  <div ref=\"formItemRef\" class=\"el-form-item\" :class=\"formItemClass\">\n    <LabelWrap\n      :is-auto-width=\"labelStyle.width === 'auto'\"\n      :update-all=\"elForm.labelWidth === 'auto'\"\n    >\n      <label\n        v-if=\"label || $slots.label\"\n        :for=\"labelFor\"\n        class=\"el-form-item__label\"\n        :style=\"labelStyle\"\n      >\n        <slot name=\"label\" :label=\"currentLabel\">\n          {{ currentLabel }}\n        </slot>\n      </label>\n    </LabelWrap>\n    <div class=\"el-form-item__content\" :style=\"contentStyle\">\n      <slot></slot>\n      <transition name=\"el-zoom-in-top\">\n        <slot v-if=\"shouldShowError\" name=\"error\" :error=\"validateMessage\">\n          <div\n            class=\"el-form-item__error\"\n            :class=\"{\n              'el-form-item__error--inline':\n                typeof inlineMessage === 'boolean'\n                  ? inlineMessage\n                  : elForm.inlineMessage || false,\n            }\"\n          >\n            {{ validateMessage }}\n          </div>\n        </slot>\n      </transition>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n  nextTick,\n} from 'vue'\nimport { NOOP } from '@vue/shared'\nimport AsyncValidator from 'async-validator'\nimport { addUnit, getPropByPath } from '@element-plus/utils/util'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { elFormItemKey, elFormKey } from '@element-plus/tokens'\nimport { useSize } from '@element-plus/hooks'\nimport LabelWrap from './label-wrap'\n\nimport type { PropType, CSSProperties } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\nimport type { ElFormContext, ValidateFieldCallback } from '@element-plus/tokens'\nimport type { FormItemRule } from './form.type'\n\nexport default defineComponent({\n  name: 'ElFormItem',\n  componentName: 'ElFormItem',\n  components: {\n    LabelWrap,\n  },\n  props: {\n    label: String,\n    labelWidth: {\n      type: [String, Number],\n      default: '',\n    },\n    prop: String,\n    required: {\n      type: Boolean,\n      default: undefined,\n    },\n    rules: [Object, Array] as PropType<FormItemRule | FormItemRule[]>,\n    error: String,\n    validateStatus: String,\n    for: String,\n    inlineMessage: {\n      type: [String, Boolean],\n      default: '',\n    },\n    showMessage: {\n      type: Boolean,\n      default: true,\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n  },\n  setup(props, { slots }) {\n    const elForm = inject(elFormKey, {} as ElFormContext)\n    const validateState = ref('')\n    const validateMessage = ref('')\n    const isValidationEnabled = ref(false)\n\n    const computedLabelWidth = ref('')\n\n    const formItemRef = ref<HTMLDivElement>()\n\n    const vm = getCurrentInstance()\n    const isNested = computed(() => {\n      let parent = vm.parent\n      while (parent && parent.type.name !== 'ElForm') {\n        if (parent.type.name === 'ElFormItem') {\n          return true\n        }\n        parent = parent.parent\n      }\n      return false\n    })\n\n    let initialValue = undefined\n\n    watch(\n      () => props.error,\n      (val) => {\n        validateMessage.value = val\n        validateState.value = val ? 'error' : ''\n      },\n      {\n        immediate: true,\n      }\n    )\n    watch(\n      () => props.validateStatus,\n      (val) => {\n        validateState.value = val\n      }\n    )\n\n    const labelFor = computed(() => props.for || props.prop)\n    const labelStyle = computed(() => {\n      const ret: CSSProperties = {}\n      if (elForm.labelPosition === 'top') return ret\n      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth)\n      if (labelWidth) {\n        ret.width = labelWidth\n      }\n      return ret\n    })\n    const contentStyle = computed(() => {\n      const ret: CSSProperties = {}\n      if (elForm.labelPosition === 'top' || elForm.inline) {\n        return ret\n      }\n      if (!props.label && !props.labelWidth && isNested.value) {\n        return ret\n      }\n      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth)\n      if (!props.label && !slots.label) {\n        ret.marginLeft = labelWidth\n      }\n      return ret\n    })\n    const fieldValue = computed(() => {\n      const model = elForm.model\n      if (!model || !props.prop) {\n        return\n      }\n\n      let path = props.prop\n      if (path.indexOf(':') !== -1) {\n        path = path.replace(/:/, '.')\n      }\n\n      return getPropByPath(model, path, true).v\n    })\n    const isRequired = computed(() => {\n      const rules = getRules()\n      let required = false\n\n      if (rules && rules.length) {\n        rules.every((rule) => {\n          if (rule.required) {\n            required = true\n            return false\n          }\n          return true\n        })\n      }\n      return required\n    })\n    const sizeClass = useSize(undefined, { formItem: false })\n\n    const validate = (\n      trigger: string,\n      callback: ValidateFieldCallback = NOOP\n    ) => {\n      if (!isValidationEnabled.value) {\n        callback()\n        return\n      }\n      const rules = getFilteredRule(trigger)\n      if ((!rules || rules.length === 0) && props.required === undefined) {\n        callback()\n        return\n      }\n      validateState.value = 'validating'\n      const descriptor = {}\n      if (rules && rules.length > 0) {\n        rules.forEach((rule) => {\n          delete rule.trigger\n        })\n      }\n      descriptor[props.prop] = rules\n      const validator = new AsyncValidator(descriptor)\n      const model = {}\n      model[props.prop] = fieldValue.value\n      validator.validate(model, { firstFields: true }, (errors, fields) => {\n        validateState.value = !errors ? 'success' : 'error'\n        validateMessage.value = errors\n          ? errors[0].message || `${props.prop} is required`\n          : ''\n        // fix: #3860 after version 3.5.2, async-validator also return fields if validation fails\n        callback(validateMessage.value, errors ? fields : {})\n        elForm.emit?.(\n          'validate',\n          props.prop,\n          !errors,\n          validateMessage.value || null\n        )\n      })\n    }\n\n    const clearValidate = () => {\n      validateState.value = ''\n      validateMessage.value = ''\n    }\n    const resetField = () => {\n      const model = elForm.model\n      const value = fieldValue.value\n      let path = props.prop\n      if (path.indexOf(':') !== -1) {\n        path = path.replace(/:/, '.')\n      }\n      const prop = getPropByPath(model, path, true)\n      if (Array.isArray(value)) {\n        prop.o[prop.k] = [].concat(initialValue)\n      } else {\n        prop.o[prop.k] = initialValue\n      }\n      nextTick(() => {\n        clearValidate()\n      })\n    }\n\n    const getRules = () => {\n      const formRules = elForm.rules\n      const selfRules = props.rules\n      const requiredRule =\n        props.required !== undefined ? { required: !!props.required } : []\n\n      const prop = getPropByPath(formRules, props.prop || '', false)\n      const normalizedRule = formRules ? prop.o[props.prop || ''] || prop.v : []\n\n      return [].concat(selfRules || normalizedRule || []).concat(requiredRule)\n    }\n    const getFilteredRule = (trigger) => {\n      const rules = getRules()\n\n      return rules\n        .filter((rule) => {\n          if (!rule.trigger || trigger === '') return true\n          if (Array.isArray(rule.trigger)) {\n            return rule.trigger.indexOf(trigger) > -1\n          } else {\n            return rule.trigger === trigger\n          }\n        })\n        .map((rule) => ({ ...rule }))\n    }\n\n    const evaluateValidationEnabled = () => {\n      isValidationEnabled.value = !!getRules()?.length\n    }\n\n    const updateComputedLabelWidth = (width: string | number) => {\n      computedLabelWidth.value = width ? `${width}px` : ''\n    }\n\n    const elFormItem = reactive({\n      ...toRefs(props),\n      size: sizeClass,\n      validateState,\n      $el: formItemRef,\n      evaluateValidationEnabled,\n      resetField,\n      clearValidate,\n      validate,\n      updateComputedLabelWidth,\n    })\n\n    onMounted(() => {\n      if (props.prop) {\n        elForm?.addField(elFormItem)\n\n        const value = fieldValue.value\n        initialValue = Array.isArray(value) ? [...value] : value\n\n        evaluateValidationEnabled()\n      }\n    })\n    onBeforeUnmount(() => {\n      elForm?.removeField(elFormItem)\n    })\n\n    provide(elFormItemKey, elFormItem)\n\n    const formItemClass = computed(() => [\n      {\n        'el-form-item--feedback': elForm.statusIcon,\n        'is-error': validateState.value === 'error',\n        'is-validating': validateState.value === 'validating',\n        'is-success': validateState.value === 'success',\n        'is-required': isRequired.value || props.required,\n        'is-no-asterisk': elForm.hideRequiredAsterisk,\n      },\n      sizeClass.value ? `el-form-item--${sizeClass.value}` : '',\n    ])\n\n    const shouldShowError = computed(() => {\n      return (\n        validateState.value === 'error' &&\n        props.showMessage &&\n        elForm.showMessage\n      )\n    })\n\n    const currentLabel = computed(\n      () => (props.label || '') + (elForm.labelSuffix || '')\n    )\n\n    return {\n      formItemRef,\n      formItemClass,\n      shouldShowError,\n      elForm,\n      labelStyle,\n      contentStyle,\n      validateMessage,\n      labelFor,\n      resetField,\n      clearValidate,\n      currentLabel,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createVNode","_renderSlot","_createElementVNode"],"mappings":";;;;;sBACEA;IAAK,KAAI;AAAA,IAAc,uBAAM,gBAAuB;;IAClDC;MACG,iBAAe,gBAAW;MAC1B,cAAY,YAAO;;uBAEpB;QACQ,cAAS,YAAO,sBADxBD;;UAEG,KAAK;UACN,OAAM;AAAA,UACL,sBAAO;;UAERE,mCAAoB,OAAO,qBAA3B;4CACK;;;;;;IAITC;MAAK,OAAM;AAAA,MAAyB,sBAAO;;MACzCD;MACAD,0BAAY,MAAK;yBACf;UAAY,uBAAZC;;YAA2C,OAAO;aAAlD;YACEC;cACE,uBAAM;;;+BAQH;;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
-import script from './form.vue_vue&type=script&lang.mjs';
-export { default } from './form.vue_vue&type=script&lang.mjs';
-import { render } from './form.vue_vue&type=template&id=602d6cf6&lang.mjs';
+import script from './form.vue_vue_type_script_lang.mjs';
+export { default } from './form.vue_vue_type_script_lang.mjs';
+import { render } from './form.vue_vue_type_template_id_602d6cf6_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/form/src/form.vue";

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

@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
     rules: PropType<Partial<Record<string, import("./form.type").FormItemRule | import("./form.type").FormItemRule[]>>>;
     labelPosition: StringConstructor;
     labelWidth: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     labelSuffix: {
@@ -57,8 +57,8 @@ declare const _default: import("vue").DefineComponent<{
     hideRequiredAsterisk?: unknown;
     scrollToError?: unknown;
 } & {
-    inline: boolean;
     disabled: boolean;
+    inline: boolean;
     labelWidth: string | number;
     labelSuffix: string;
     inlineMessage: boolean;
@@ -75,8 +75,8 @@ declare const _default: import("vue").DefineComponent<{
 }> & {
     onValidate?: ((...args: any[]) => any) | undefined;
 }, {
-    inline: boolean;
     disabled: boolean;
+    inline: boolean;
     labelWidth: string | number;
     labelSuffix: string;
     inlineMessage: boolean;

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

@@ -0,0 +1,189 @@
+import { ref, computed, defineComponent, watch, reactive, toRefs, provide } from 'vue';
+import '../../../tokens/index.mjs';
+import { debugWarn } from '../../../utils/error.mjs';
+import { elFormKey } from '../../../tokens/form.mjs';
+
+function useFormLabelWidth() {
+  const potentialLabelWidthArr = ref([]);
+  const autoLabelWidth = 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) {
+      debugWarn("Form", `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);
+    index > -1 && potentialLabelWidthArr.value.splice(index, 1);
+  }
+  return {
+    autoLabelWidth,
+    registerLabelWidth,
+    deregisterLabelWidth
+  };
+}
+var script = defineComponent({
+  name: "ElForm",
+  props: {
+    model: Object,
+    rules: Object,
+    labelPosition: String,
+    labelWidth: {
+      type: [String, Number],
+      default: ""
+    },
+    labelSuffix: {
+      type: String,
+      default: ""
+    },
+    inline: Boolean,
+    inlineMessage: Boolean,
+    statusIcon: Boolean,
+    showMessage: {
+      type: Boolean,
+      default: true
+    },
+    size: String,
+    disabled: Boolean,
+    validateOnRuleChange: {
+      type: Boolean,
+      default: true
+    },
+    hideRequiredAsterisk: {
+      type: Boolean,
+      default: false
+    },
+    scrollToError: Boolean
+  },
+  emits: ["validate"],
+  setup(props, { emit }) {
+    const fields = [];
+    watch(() => props.rules, () => {
+      fields.forEach((field) => {
+        field.evaluateValidationEnabled();
+      });
+      if (props.validateOnRuleChange) {
+        validate(() => ({}));
+      }
+    });
+    const addField = (field) => {
+      if (field) {
+        fields.push(field);
+      }
+    };
+    const removeField = (field) => {
+      if (field.prop) {
+        fields.splice(fields.indexOf(field), 1);
+      }
+    };
+    const resetFields = () => {
+      if (!props.model) {
+        debugWarn("Form", "model is required for resetFields to work.");
+        return;
+      }
+      fields.forEach((field) => {
+        field.resetField();
+      });
+    };
+    const clearValidate = (props2 = []) => {
+      const fds = props2.length ? typeof props2 === "string" ? fields.filter((field) => props2 === field.prop) : fields.filter((field) => props2.indexOf(field.prop) > -1) : fields;
+      fds.forEach((field) => {
+        field.clearValidate();
+      });
+    };
+    const validate = (callback) => {
+      if (!props.model) {
+        debugWarn("Form", "model is required for validate to work!");
+        return;
+      }
+      let promise;
+      if (typeof callback !== "function") {
+        promise = new Promise((resolve, reject) => {
+          callback = function(valid2, invalidFields2) {
+            if (valid2) {
+              resolve(true);
+            } else {
+              reject(invalidFields2);
+            }
+          };
+        });
+      }
+      if (fields.length === 0) {
+        callback(true);
+      }
+      let valid = true;
+      let count = 0;
+      let invalidFields = {};
+      let firstInvalidFields;
+      for (const field of fields) {
+        field.validate("", (message, field2) => {
+          if (message) {
+            valid = false;
+            firstInvalidFields || (firstInvalidFields = field2);
+          }
+          invalidFields = { ...invalidFields, ...field2 };
+          if (++count === fields.length) {
+            callback(valid, invalidFields);
+          }
+        });
+      }
+      if (!valid && props.scrollToError) {
+        scrollToField(Object.keys(firstInvalidFields)[0]);
+      }
+      return promise;
+    };
+    const validateField = (props2, cb) => {
+      props2 = [].concat(props2);
+      const fds = fields.filter((field) => props2.indexOf(field.prop) !== -1);
+      if (!fields.length) {
+        debugWarn("Form", "please pass correct props!");
+        return;
+      }
+      fds.forEach((field) => {
+        field.validate("", cb);
+      });
+    };
+    const scrollToField = (prop) => {
+      fields.forEach((item) => {
+        if (item.prop === prop) {
+          item.$el.scrollIntoView();
+        }
+      });
+    };
+    const elForm = reactive({
+      ...toRefs(props),
+      resetFields,
+      clearValidate,
+      validateField,
+      emit,
+      addField,
+      removeField,
+      ...useFormLabelWidth()
+    });
+    provide(elFormKey, elForm);
+    return {
+      validate,
+      resetFields,
+      clearValidate,
+      validateField,
+      scrollToField
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=form.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <form\n    class=\"el-form\"\n    :class=\"[\n      labelPosition ? 'el-form--label-' + labelPosition : '',\n      { 'el-form--inline': inline },\n    ]\"\n  >\n    <slot></slot>\n  </form>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport { elFormKey } from '@element-plus/tokens'\nimport { debugWarn } from '@element-plus/utils/error'\nimport type { ValidateFieldsError } from 'async-validator'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\nimport type { FormRulesMap } from './form.type'\nimport type {\n  ElFormItemContext as FormItemCtx,\n  ValidateFieldCallback,\n} from '@element-plus/tokens'\n\nfunction useFormLabelWidth() {\n  const potentialLabelWidthArr = ref([])\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) {\n      debugWarn('Form', `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    index > -1 && potentialLabelWidthArr.value.splice(index, 1)\n  }\n\n  return {\n    autoLabelWidth,\n    registerLabelWidth,\n    deregisterLabelWidth,\n  }\n}\n\nexport interface Callback {\n  (isValid?: boolean, invalidFields?: ValidateFieldsError): void\n}\n\nexport default defineComponent({\n  name: 'ElForm',\n  props: {\n    model: Object,\n    rules: Object as PropType<FormRulesMap>,\n    labelPosition: String,\n    labelWidth: {\n      type: [String, Number],\n      default: '',\n    },\n    labelSuffix: {\n      type: String,\n      default: '',\n    },\n    inline: Boolean,\n    inlineMessage: Boolean,\n    statusIcon: Boolean,\n    showMessage: {\n      type: Boolean,\n      default: true,\n    },\n    size: String as PropType<ComponentSize>,\n    disabled: Boolean,\n    validateOnRuleChange: {\n      type: Boolean,\n      default: true,\n    },\n    hideRequiredAsterisk: {\n      type: Boolean,\n      default: false,\n    },\n    scrollToError: Boolean,\n  },\n  emits: ['validate'],\n  setup(props, { emit }) {\n    const fields: FormItemCtx[] = []\n\n    watch(\n      () => props.rules,\n      () => {\n        fields.forEach((field) => {\n          field.evaluateValidationEnabled()\n        })\n\n        if (props.validateOnRuleChange) {\n          validate(() => ({}))\n        }\n      }\n    )\n\n    const addField = (field: FormItemCtx) => {\n      if (field) {\n        fields.push(field)\n      }\n    }\n\n    const removeField = (field: FormItemCtx) => {\n      if (field.prop) {\n        fields.splice(fields.indexOf(field), 1)\n      }\n    }\n\n    const resetFields = () => {\n      if (!props.model) {\n        debugWarn('Form', 'model is required for resetFields to work.')\n        return\n      }\n      fields.forEach((field) => {\n        field.resetField()\n      })\n    }\n\n    const clearValidate = (props: string | string[] = []) => {\n      const fds = props.length\n        ? typeof props === 'string'\n          ? fields.filter((field) => props === field.prop)\n          : fields.filter((field) => props.indexOf(field.prop) > -1)\n        : fields\n      fds.forEach((field) => {\n        field.clearValidate()\n      })\n    }\n\n    const validate = (callback?: Callback) => {\n      if (!props.model) {\n        debugWarn('Form', 'model is required for validate to work!')\n        return\n      }\n\n      let promise: Promise<boolean> | undefined\n      // if no callback, return promise\n      if (typeof callback !== 'function') {\n        promise = new Promise((resolve, reject) => {\n          callback = function (valid, invalidFields) {\n            if (valid) {\n              resolve(true)\n            } else {\n              reject(invalidFields)\n            }\n          }\n        })\n      }\n\n      if (fields.length === 0) {\n        callback(true)\n      }\n      let valid = true\n      let count = 0\n      let invalidFields = {}\n      let firstInvalidFields\n      for (const field of fields) {\n        field.validate('', (message, field) => {\n          if (message) {\n            valid = false\n            firstInvalidFields || (firstInvalidFields = field)\n          }\n          invalidFields = { ...invalidFields, ...field }\n          if (++count === fields.length) {\n            callback(valid, invalidFields)\n          }\n        })\n      }\n      if (!valid && props.scrollToError) {\n        scrollToField(Object.keys(firstInvalidFields)[0])\n      }\n      return promise\n    }\n\n    const validateField = (\n      props: string | string[],\n      cb: ValidateFieldCallback\n    ) => {\n      props = [].concat(props)\n      const fds = fields.filter((field) => props.indexOf(field.prop) !== -1)\n      if (!fields.length) {\n        debugWarn('Form', 'please pass correct props!')\n        return\n      }\n\n      fds.forEach((field) => {\n        field.validate('', cb)\n      })\n    }\n\n    const scrollToField = (prop: string) => {\n      fields.forEach((item) => {\n        if (item.prop === prop) {\n          item.$el.scrollIntoView()\n        }\n      })\n    }\n\n    const elForm = reactive({\n      ...toRefs(props),\n      resetFields,\n      clearValidate,\n      validateField,\n      emit,\n      addField,\n      removeField,\n      ...useFormLabelWidth(),\n    })\n\n    provide(elFormKey, elForm)\n\n    return {\n      validate, // export\n      resetFields,\n      clearValidate,\n      validateField,\n      scrollToField,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+import { openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("form", {
+    class: normalizeClass(["el-form", [
+      _ctx.labelPosition ? "el-form--label-" + _ctx.labelPosition : "",
+      { "el-form--inline": _ctx.inline }
+    ]])
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 2);
+}
+
+export { render };
+//# sourceMappingURL=form.vue_vue_type_template_id_602d6cf6_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.vue_vue_type_template_id_602d6cf6_lang.mjs","sources":["../../../../../../packages/components/form/src/form.vue?vue&type=template&id=602d6cf6&lang.js"],"sourcesContent":["<template>\n  <form\n    class=\"el-form\"\n    :class=\"[\n      labelPosition ? 'el-form--label-' + labelPosition : '',\n      { 'el-form--inline': inline },\n    ]\"\n  >\n    <slot></slot>\n  </form>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport { elFormKey } from '@element-plus/tokens'\nimport { debugWarn } from '@element-plus/utils/error'\nimport type { ValidateFieldsError } from 'async-validator'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\nimport type { FormRulesMap } from './form.type'\nimport type {\n  ElFormItemContext as FormItemCtx,\n  ValidateFieldCallback,\n} from '@element-plus/tokens'\n\nfunction useFormLabelWidth() {\n  const potentialLabelWidthArr = ref([])\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) {\n      debugWarn('Form', `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    index > -1 && potentialLabelWidthArr.value.splice(index, 1)\n  }\n\n  return {\n    autoLabelWidth,\n    registerLabelWidth,\n    deregisterLabelWidth,\n  }\n}\n\nexport interface Callback {\n  (isValid?: boolean, invalidFields?: ValidateFieldsError): void\n}\n\nexport default defineComponent({\n  name: 'ElForm',\n  props: {\n    model: Object,\n    rules: Object as PropType<FormRulesMap>,\n    labelPosition: String,\n    labelWidth: {\n      type: [String, Number],\n      default: '',\n    },\n    labelSuffix: {\n      type: String,\n      default: '',\n    },\n    inline: Boolean,\n    inlineMessage: Boolean,\n    statusIcon: Boolean,\n    showMessage: {\n      type: Boolean,\n      default: true,\n    },\n    size: String as PropType<ComponentSize>,\n    disabled: Boolean,\n    validateOnRuleChange: {\n      type: Boolean,\n      default: true,\n    },\n    hideRequiredAsterisk: {\n      type: Boolean,\n      default: false,\n    },\n    scrollToError: Boolean,\n  },\n  emits: ['validate'],\n  setup(props, { emit }) {\n    const fields: FormItemCtx[] = []\n\n    watch(\n      () => props.rules,\n      () => {\n        fields.forEach((field) => {\n          field.evaluateValidationEnabled()\n        })\n\n        if (props.validateOnRuleChange) {\n          validate(() => ({}))\n        }\n      }\n    )\n\n    const addField = (field: FormItemCtx) => {\n      if (field) {\n        fields.push(field)\n      }\n    }\n\n    const removeField = (field: FormItemCtx) => {\n      if (field.prop) {\n        fields.splice(fields.indexOf(field), 1)\n      }\n    }\n\n    const resetFields = () => {\n      if (!props.model) {\n        debugWarn('Form', 'model is required for resetFields to work.')\n        return\n      }\n      fields.forEach((field) => {\n        field.resetField()\n      })\n    }\n\n    const clearValidate = (props: string | string[] = []) => {\n      const fds = props.length\n        ? typeof props === 'string'\n          ? fields.filter((field) => props === field.prop)\n          : fields.filter((field) => props.indexOf(field.prop) > -1)\n        : fields\n      fds.forEach((field) => {\n        field.clearValidate()\n      })\n    }\n\n    const validate = (callback?: Callback) => {\n      if (!props.model) {\n        debugWarn('Form', 'model is required for validate to work!')\n        return\n      }\n\n      let promise: Promise<boolean> | undefined\n      // if no callback, return promise\n      if (typeof callback !== 'function') {\n        promise = new Promise((resolve, reject) => {\n          callback = function (valid, invalidFields) {\n            if (valid) {\n              resolve(true)\n            } else {\n              reject(invalidFields)\n            }\n          }\n        })\n      }\n\n      if (fields.length === 0) {\n        callback(true)\n      }\n      let valid = true\n      let count = 0\n      let invalidFields = {}\n      let firstInvalidFields\n      for (const field of fields) {\n        field.validate('', (message, field) => {\n          if (message) {\n            valid = false\n            firstInvalidFields || (firstInvalidFields = field)\n          }\n          invalidFields = { ...invalidFields, ...field }\n          if (++count === fields.length) {\n            callback(valid, invalidFields)\n          }\n        })\n      }\n      if (!valid && props.scrollToError) {\n        scrollToField(Object.keys(firstInvalidFields)[0])\n      }\n      return promise\n    }\n\n    const validateField = (\n      props: string | string[],\n      cb: ValidateFieldCallback\n    ) => {\n      props = [].concat(props)\n      const fds = fields.filter((field) => props.indexOf(field.prop) !== -1)\n      if (!fields.length) {\n        debugWarn('Form', 'please pass correct props!')\n        return\n      }\n\n      fds.forEach((field) => {\n        field.validate('', cb)\n      })\n    }\n\n    const scrollToField = (prop: string) => {\n      fields.forEach((item) => {\n        if (item.prop === prop) {\n          item.$el.scrollIntoView()\n        }\n      })\n    }\n\n    const elForm = reactive({\n      ...toRefs(props),\n      resetFields,\n      clearValidate,\n      validateField,\n      emit,\n      addField,\n      removeField,\n      ...useFormLabelWidth(),\n    })\n\n    provide(elFormKey, elForm)\n\n    return {\n      validate, // export\n      resetFields,\n      clearValidate,\n      validateField,\n      scrollToField,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;sBACEA;IACE,uBAAM;;;;;IAMNC;;;;;;"}

package/es/components/icon/index.mjs

@@ -1,7 +1,7 @@
 import { withInstall } from '../../utils/with-install.mjs';
 import './src/icon2.mjs';
 export { iconProps } from './src/icon.mjs';
-import script from './src/icon.vue_vue&type=script&lang.mjs';
+import script from './src/icon.vue_vue_type_script_lang.mjs';
 
 const ElIcon = withInstall(script);
 

package/es/components/icon/src/icon.vue_vue_type_script_lang.mjs

@@ -0,0 +1,30 @@
+import { defineComponent, computed } from 'vue';
+import { isNumber } from '../../../utils/util.mjs';
+import { iconProps } from './icon.mjs';
+import { isString } from '@vue/shared';
+
+var script = defineComponent({
+  name: "ElIcon",
+  inheritAttrs: false,
+  props: iconProps,
+  setup(props) {
+    return {
+      style: computed(() => {
+        if (!props.size && !props.color) {
+          return {};
+        }
+        let size = props.size;
+        if (isNumber(size) || isString(size) && !size.endsWith("px")) {
+          size = `${size}px`;
+        }
+        return {
+          ...props.size ? { "--font-size": size } : {},
+          ...props.color ? { "--color": props.color } : {}
+        };
+      })
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=icon.vue_vue_type_script_lang.mjs.map

package/es/components/icon/src/icon.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/icon/src/icon.vue"],"sourcesContent":["<template>\n  <i class=\"el-icon\" :style=\"style\" v-bind=\"$attrs\">\n    <slot></slot>\n  </i>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { isNumber, isString } from '@element-plus/utils/util'\nimport { iconProps } from './icon'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElIcon',\n  inheritAttrs: false,\n\n  props: iconProps,\n\n  setup(props) {\n    return {\n      style: computed<CSSProperties>(() => {\n        if (!props.size && !props.color) {\n          return {}\n        }\n        let size = props.size\n        if (isNumber(size) || (isString(size) && !size.endsWith('px'))) {\n          size = `${size}px`\n        }\n        return {\n          ...(props.size ? { '--font-size': size } : {}),\n          ...(props.color ? { '--color': props.color } : {}),\n        } as CSSProperties\n      }),\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAaA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,cAAc;AAAA,EAEd,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,WAAO;AAAA,MACL,OAAO,SAAwB,MAAM;AACnC,YAAI,CAAC,MAAM,QAAQ,CAAC,MAAM,OAAO;AAC/B,iBAAO;AAAA;AAET,YAAI,OAAO,MAAM;AACjB,YAAI,SAAS,SAAU,SAAS,SAAS,CAAC,KAAK,SAAS,OAAQ;AAC9D,iBAAO,GAAG;AAAA;AAEZ,eAAO;AAAA,aACD,MAAM,OAAO,EAAE,eAAe,SAAS;AAAA,aACvC,MAAM,QAAQ,EAAE,WAAW,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/es/components/icon/src/icon.vue_vue_type_template_id_89b755b6_lang.mjs

@@ -0,0 +1,13 @@
+import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("i", mergeProps({
+    class: "el-icon",
+    style: _ctx.style
+  }, _ctx.$attrs), [
+    renderSlot(_ctx.$slots, "default")
+  ], 16);
+}
+
+export { render };
+//# sourceMappingURL=icon.vue_vue_type_template_id_89b755b6_lang.mjs.map

package/es/components/icon/src/icon.vue_vue_type_template_id_89b755b6_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.vue_vue_type_template_id_89b755b6_lang.mjs","sources":["../../../../../../packages/components/icon/src/icon.vue?vue&type=template&id=89b755b6&lang.js"],"sourcesContent":["<template>\n  <i class=\"el-icon\" :style=\"style\" v-bind=\"$attrs\">\n    <slot></slot>\n  </i>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue'\nimport { isNumber, isString } from '@element-plus/utils/util'\nimport { iconProps } from './icon'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElIcon',\n  inheritAttrs: false,\n\n  props: iconProps,\n\n  setup(props) {\n    return {\n      style: computed<CSSProperties>(() => {\n        if (!props.size && !props.color) {\n          return {}\n        }\n        let size = props.size\n        if (isNumber(size) || (isString(size) && !size.endsWith('px'))) {\n          size = `${size}px`\n        }\n        return {\n          ...(props.size ? { '--font-size': size } : {}),\n          ...(props.color ? { '--color': props.color } : {}),\n        } as CSSProperties\n      }),\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_mergeProps","_renderSlot"],"mappings":";;;sBACEA,wBAAAC;IAAG,OAAM;AAAA,IAAW,OAAO;KAAe;IACxCC;;;;;;"}

package/es/components/icon/src/icon2.mjs

@@ -1,6 +1,6 @@
-import script from './icon.vue_vue&type=script&lang.mjs';
-export { default } from './icon.vue_vue&type=script&lang.mjs';
-import { render } from './icon.vue_vue&type=template&id=89b755b6&lang.mjs';
+import script from './icon.vue_vue_type_script_lang.mjs';
+export { default } from './icon.vue_vue_type_script_lang.mjs';
+import { render } from './icon.vue_vue_type_template_id_89b755b6_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/icon/src/icon.vue";

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

@@ -21,7 +21,7 @@ export declare const ElImage: import("../../utils/types").SFCWithInstall<import(
     clickHandler: () => void;
     closeViewer: () => void;
     switchViewer: (val: number) => void;
-    t: (...args: any[]) => string;
+    t: import("../..").Translator;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (evt: Event) => boolean;
     switch: (val: number) => boolean;
@@ -37,12 +37,12 @@ export declare const ElImage: import("../../utils/types").SFCWithInstall<import(
     readonly zIndex?: unknown;
     readonly initialIndex?: unknown;
 } & {
+    lazy: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     zIndex: number;
     appendToBody: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     src: string;
     fit: import("../../utils/props").BuildPropType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
     initialIndex: number;
-    lazy: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     hideOnClickModal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     previewSrcList: string[];
 } & {
@@ -52,12 +52,12 @@ export declare const ElImage: import("../../utils/types").SFCWithInstall<import(
     onError?: ((evt: Event) => any) | undefined;
     onSwitch?: ((val: number) => any) | undefined;
 }, {
+    lazy: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     zIndex: number;
     appendToBody: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     src: string;
     fit: import("../../utils/props").BuildPropType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
     initialIndex: number;
-    lazy: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     hideOnClickModal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     scrollContainer: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | HTMLElement | undefined>, unknown, unknown>;
     previewSrcList: string[];

package/es/components/image/index.mjs

@@ -1,7 +1,7 @@
 import { withInstall } from '../../utils/with-install.mjs';
 import './src/image2.mjs';
 export { imageEmits, imageProps } from './src/image.mjs';
-import script from './src/image.vue_vue&type=script&lang.mjs';
+import script from './src/image.vue_vue_type_script_lang.mjs';
 
 const ElImage = withInstall(script);
 

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

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     clickHandler: () => void;
     closeViewer: () => void;
     switchViewer: (val: number) => void;
-    t: (...args: any[]) => string;
+    t: import("element-plus/es/hooks").Translator;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (evt: Event) => boolean;
     switch: (val: number) => boolean;
@@ -38,12 +38,12 @@ declare const _default: import("vue").DefineComponent<{
     readonly zIndex?: unknown;
     readonly initialIndex?: unknown;
 } & {
+    lazy: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     zIndex: number;
     appendToBody: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     src: string;
     fit: import("../../../utils/props").BuildPropType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
     initialIndex: number;
-    lazy: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     hideOnClickModal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     previewSrcList: string[];
 } & {
@@ -53,12 +53,12 @@ declare const _default: import("vue").DefineComponent<{
     onError?: ((evt: Event) => any) | undefined;
     onSwitch?: ((val: number) => any) | undefined;
 }, {
+    lazy: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     zIndex: number;
     appendToBody: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     src: string;
     fit: import("../../../utils/props").BuildPropType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
     initialIndex: number;
-    lazy: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     hideOnClickModal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     scrollContainer: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | HTMLElement | undefined>, unknown, unknown>;
     previewSrcList: string[];