@element-plus/nightly 0.0.20220119 → 0.0.20220123

package/lib/components/focus-trap/src/focus-trap.js

@@ -2,11 +2,145 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var focusTrap_vue_vue_type_script_lang = require('./focus-trap.vue_vue_type_script_lang.js');
-var focusTrap_vue_vue_type_template_id_4a8a10c5_lang = require('./focus-trap.vue_vue_type_template_id_4a8a10c5_lang.js');
+var vue = require('vue');
+var aria = require('../../../utils/aria.js');
+var dom = require('../../../utils/dom.js');
+var utils = require('./utils.js');
+var tokens = require('./tokens.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 
-focusTrap_vue_vue_type_script_lang["default"].render = focusTrap_vue_vue_type_template_id_4a8a10c5_lang.render;
-focusTrap_vue_vue_type_script_lang["default"].__file = "packages/components/focus-trap/src/focus-trap.vue";
+const _sfc_main = vue.defineComponent({
+  name: "ElFocusTrap",
+  inheritAttrs: false,
+  props: {
+    loop: Boolean,
+    trapped: Boolean
+  },
+  emits: [tokens.ON_MOUNT_FOCUS_EVT, tokens.ON_UNMOUNT_FOCUS_EVT],
+  setup(props, { emit }) {
+    const focusTrapRef = vue.ref();
+    const forwardRef = vue.ref(null);
+    let lastFocusBeforeMounted;
+    let lastFocusAfterMounted;
+    const focusLayer = {
+      paused: false,
+      pause() {
+        this.paused = true;
+      },
+      resume() {
+        this.paused = false;
+      }
+    };
+    const onKeydown = (e) => {
+      if (!props.loop && !props.trapped)
+        return;
+      if (focusLayer.paused)
+        return;
+      const { key, altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e;
+      const { loop } = props;
+      const isTabbing = key === aria.EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey;
+      const currentFocusingEl = document.activeElement;
+      if (isTabbing && currentFocusingEl) {
+        const container = currentTarget;
+        const [first, last] = utils.getEdges(container);
+        const isTabbable = first && last;
+        if (!isTabbable) {
+          if (currentFocusingEl === container)
+            e.preventDefault();
+        } else {
+          if (!shiftKey && currentFocusingEl === last) {
+            e.preventDefault();
+            if (loop)
+              utils.tryFocus(first, true);
+          } else if (shiftKey && currentFocusingEl === first) {
+            e.preventDefault();
+            if (loop)
+              utils.tryFocus(last, true);
+          }
+        }
+      }
+    };
+    vue.provide(tokens.FOCUS_TRAP_INJECTION_KEY, {
+      focusTrapRef: forwardRef,
+      onKeydown
+    });
+    const focusOnMount = (e) => {
+      emit(tokens.ON_MOUNT_FOCUS_EVT, e);
+    };
+    const focusOnUnmount = (e) => emit(tokens.ON_UNMOUNT_FOCUS_EVT, e);
+    const onFocusIn = (e) => {
+      const trapContainer = vue.unref(forwardRef);
+      if (focusLayer.paused || !trapContainer)
+        return;
+      const target = e.target;
+      if (target && trapContainer.contains(target)) {
+        lastFocusAfterMounted = target;
+      } else {
+        utils.tryFocus(lastFocusAfterMounted, true);
+      }
+    };
+    const onFocusOut = (e) => {
+      const trapContainer = vue.unref(forwardRef);
+      if (focusLayer.paused || !trapContainer)
+        return;
+      if (!trapContainer.contains(e.relatedTarget)) {
+        utils.tryFocus(lastFocusAfterMounted, true);
+      }
+    };
+    vue.onMounted(() => {
+      const trapContainer = vue.unref(forwardRef);
+      if (trapContainer) {
+        utils.focusableStack.push(focusLayer);
+        const prevFocusedElement = document.activeElement;
+        lastFocusBeforeMounted = prevFocusedElement;
+        const isPrevFocusContained = trapContainer.contains(prevFocusedElement);
+        if (!isPrevFocusContained) {
+          const mountEvent = new Event(tokens.FOCUS_ON_MOUNT, tokens.FOCUS_ON_MOUNT_OPTS);
+          dom.on(trapContainer, tokens.FOCUS_ON_MOUNT, focusOnMount);
+          trapContainer.dispatchEvent(mountEvent);
+          if (!mountEvent.defaultPrevented) {
+            utils.focusFirstDescendant(utils.obtainAllFocusableElements(trapContainer), true);
+            if (document.activeElement === prevFocusedElement) {
+              utils.tryFocus(trapContainer);
+            }
+          }
+        }
+      }
+      vue.watch(() => props.trapped, (trapped) => {
+        if (trapped) {
+          dom.on(document, "focusin", onFocusIn);
+          dom.on(document, "focusout", onFocusOut);
+        } else {
+          dom.off(document, "focusin", onFocusIn);
+          dom.off(document, "focusout", onFocusOut);
+        }
+      }, { immediate: true });
+    });
+    vue.onBeforeUnmount(() => {
+      const trapContainer = vue.unref(forwardRef);
+      if (trapContainer) {
+        dom.off(trapContainer, tokens.FOCUS_ON_MOUNT, focusOnMount);
+        const unmountEvent = new Event(tokens.FOCUS_ON_UNMOUNT, tokens.FOCUS_ON_MOUNT_OPTS);
+        dom.on(trapContainer, tokens.FOCUS_ON_UNMOUNT, focusOnUnmount);
+        trapContainer.dispatchEvent(unmountEvent);
+        if (!unmountEvent.defaultPrevented) {
+          utils.tryFocus(lastFocusBeforeMounted ?? document.body, true);
+        }
+        dom.off(trapContainer, tokens.FOCUS_ON_UNMOUNT, focusOnUnmount);
+        utils.focusableStack.remove(focusLayer);
+      }
+    });
+    return {
+      focusTrapRef,
+      forwardRef,
+      onKeydown
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.renderSlot(_ctx.$slots, "default");
+}
+var ElFocusTrap = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = focusTrap_vue_vue_type_script_lang["default"];
+exports["default"] = ElFocusTrap;
 //# sourceMappingURL=focus-trap.js.map

package/lib/components/focus-trap/src/focus-trap.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus-trap.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"focus-trap.js","sources":["../../../../../../packages/components/focus-trap/src/focus-trap.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  ref,\n  onMounted,\n  onBeforeUnmount,\n  provide,\n  unref,\n  watch,\n} from 'vue'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { on, off } from '@element-plus/utils/dom'\nimport {\n  focusableStack,\n  focusFirstDescendant,\n  getEdges,\n  tryFocus,\n  obtainAllFocusableElements,\n} from './utils'\nimport {\n  FOCUS_TRAP_INJECTION_KEY,\n  FOCUS_ON_MOUNT,\n  FOCUS_ON_MOUNT_OPTS,\n  ON_MOUNT_FOCUS_EVT,\n  ON_UNMOUNT_FOCUS_EVT,\n  FOCUS_ON_UNMOUNT,\n} from './tokens'\n\nimport type { FocusLayer } from './utils'\n\nexport default defineComponent({\n  name: 'ElFocusTrap',\n  inheritAttrs: false,\n  props: {\n    loop: Boolean,\n    trapped: Boolean,\n  },\n  emits: [ON_MOUNT_FOCUS_EVT, ON_UNMOUNT_FOCUS_EVT],\n  setup(props, { emit }) {\n    const focusTrapRef = ref<HTMLElement | null>()\n    const forwardRef = ref<HTMLElement | null>(null)\n    let lastFocusBeforeMounted: HTMLElement | null\n    let lastFocusAfterMounted: HTMLElement | null\n\n    const focusLayer: FocusLayer = {\n      paused: false,\n      pause() {\n        this.paused = true\n      },\n      resume() {\n        this.paused = false\n      },\n    }\n\n    const onKeydown = (e: KeyboardEvent) => {\n      if (!props.loop && !props.trapped) return\n      if (focusLayer.paused) return\n\n      const { key, altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e\n      const { loop } = props\n      const isTabbing =\n        key === EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey\n\n      const currentFocusingEl = document.activeElement\n      if (isTabbing && currentFocusingEl) {\n        const container = currentTarget as HTMLElement\n        const [first, last] = getEdges(container)\n        const isTabbable = first && last\n\n        if (!isTabbable) {\n          if (currentFocusingEl === container) e.preventDefault()\n        } else {\n          if (!shiftKey && currentFocusingEl === last) {\n            e.preventDefault()\n            if (loop) tryFocus(first, true)\n          } else if (shiftKey && currentFocusingEl === first) {\n            e.preventDefault()\n            if (loop) tryFocus(last, true)\n          }\n        }\n      }\n    }\n\n    provide(FOCUS_TRAP_INJECTION_KEY, {\n      focusTrapRef: forwardRef,\n      onKeydown,\n    })\n\n    const focusOnMount = (e: Event) => {\n      emit(ON_MOUNT_FOCUS_EVT, e)\n    }\n    const focusOnUnmount = (e: Event) => emit(ON_UNMOUNT_FOCUS_EVT, e)\n    const onFocusIn = (e: Event) => {\n      const trapContainer = unref(forwardRef)\n      if (focusLayer.paused || !trapContainer) return\n      const target = e.target as HTMLElement | null\n      if (target && trapContainer.contains(target)) {\n        lastFocusAfterMounted = target\n      } else {\n        tryFocus(lastFocusAfterMounted, true)\n      }\n    }\n\n    const onFocusOut = (e: Event) => {\n      const trapContainer = unref(forwardRef)\n      if (focusLayer.paused || !trapContainer) return\n\n      if (\n        !trapContainer.contains(\n          (e as FocusEvent).relatedTarget as HTMLElement | null\n        )\n      ) {\n        tryFocus(lastFocusAfterMounted, true)\n      }\n    }\n\n    onMounted(() => {\n      const trapContainer = unref(forwardRef)\n      if (trapContainer) {\n        focusableStack.push(focusLayer)\n        const prevFocusedElement = document.activeElement\n        lastFocusBeforeMounted = prevFocusedElement as HTMLElement | null\n        const isPrevFocusContained = trapContainer.contains(prevFocusedElement)\n        if (!isPrevFocusContained) {\n          const mountEvent = new Event(FOCUS_ON_MOUNT, FOCUS_ON_MOUNT_OPTS)\n          on(trapContainer, FOCUS_ON_MOUNT, focusOnMount)\n          trapContainer.dispatchEvent(mountEvent)\n          if (!mountEvent.defaultPrevented) {\n            focusFirstDescendant(\n              obtainAllFocusableElements(trapContainer),\n              true\n            )\n            if (document.activeElement === prevFocusedElement) {\n              tryFocus(trapContainer)\n            }\n          }\n        }\n      }\n\n      watch(\n        () => props.trapped,\n        (trapped) => {\n          if (trapped) {\n            on(document, 'focusin', onFocusIn)\n            on(document, 'focusout', onFocusOut)\n          } else {\n            off(document, 'focusin', onFocusIn)\n            off(document, 'focusout', onFocusOut)\n          }\n        },\n        { immediate: true }\n      )\n    })\n\n    onBeforeUnmount(() => {\n      const trapContainer = unref(forwardRef)\n\n      if (trapContainer) {\n        off(trapContainer, FOCUS_ON_MOUNT, focusOnMount)\n        const unmountEvent = new Event(FOCUS_ON_UNMOUNT, FOCUS_ON_MOUNT_OPTS)\n\n        on(trapContainer, FOCUS_ON_UNMOUNT, focusOnUnmount)\n        trapContainer.dispatchEvent(unmountEvent)\n\n        if (!unmountEvent.defaultPrevented) {\n          tryFocus(lastFocusBeforeMounted ?? document.body, true)\n        }\n\n        off(trapContainer, FOCUS_ON_UNMOUNT, focusOnUnmount)\n\n        focusableStack.remove(focusLayer)\n      }\n    })\n\n    return {\n      focusTrapRef,\n      forwardRef,\n      onKeydown,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ON_MOUNT_FOCUS_EVT","ON_UNMOUNT_FOCUS_EVT","ref","EVENT_CODE","getEdges","FOCUS_TRAP_INJECTION_KEY","unref","FOCUS_ON_MOUNT","FOCUS_ON_MOUNT_OPTS","obtainAllFocusableElements","FOCUS_ON_UNMOUNT"],"mappings":"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"}

package/lib/components/form/index.js

@@ -3,15 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
-require('./src/form.js');
-require('./src/form-item.js');
-var form_vue_vue_type_script_lang = require('./src/form.vue_vue_type_script_lang.js');
-var formItem_vue_vue_type_script_lang = require('./src/form-item.vue_vue_type_script_lang.js');
+var form = require('./src/form.js');
+var formItem = require('./src/form-item.js');
 
-const ElForm = withInstall.withInstall(form_vue_vue_type_script_lang["default"], {
-  FormItem: formItem_vue_vue_type_script_lang["default"]
+const ElForm = withInstall.withInstall(form["default"], {
+  FormItem: formItem["default"]
 });
-const ElFormItem = withInstall.withNoopInstall(formItem_vue_vue_type_script_lang["default"]);
+const ElFormItem = withInstall.withNoopInstall(formItem["default"]);
 
 exports.ElForm = ElForm;
 exports.ElFormItem = ElFormItem;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/form/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\nimport Form from './src/form.vue'\nimport FormItem from './src/form-item.vue'\n\nexport const ElForm = withInstall(Form, {\n  FormItem,\n})\n\nexport default ElForm\n\nexport const ElFormItem = withNoopInstall(FormItem)\n"],"names":["withInstall","Form","FormItem","withNoopInstall"],"mappings":";;;;;;;;;;AAGY,MAAC,MAAM,GAAGA,uBAAW,CAACC,wCAAI,EAAE;AACxC,YAAEC,4CAAQ;AACV,CAAC,EAAE;AAES,MAAC,UAAU,GAAGC,2BAAe,CAACD,4CAAQ;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/form/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils/with-install'\nimport Form from './src/form.vue'\nimport FormItem from './src/form-item.vue'\n\nexport const ElForm = withInstall(Form, {\n  FormItem,\n})\n\nexport default ElForm\n\nexport const ElFormItem = withNoopInstall(FormItem)\n"],"names":["withInstall","Form","FormItem","withNoopInstall"],"mappings":";;;;;;;;AAGY,MAAC,MAAM,GAAGA,uBAAW,CAACC,eAAI,EAAE;AACxC,YAAEC,mBAAQ;AACV,CAAC,EAAE;AAES,MAAC,UAAU,GAAGC,2BAAe,CAACD,mBAAQ;;;;;;"}

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

@@ -2,11 +2,312 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var formItem_vue_vue_type_script_lang = require('./form-item.vue_vue_type_script_lang.js');
-var formItem_vue_vue_type_template_id_24eda48b_lang = require('./form-item.vue_vue_type_template_id_24eda48b_lang.js');
+var vue = require('vue');
+var shared = require('@vue/shared');
+var AsyncValidator = require('async-validator');
+var util = require('../../../utils/util.js');
+var validators = require('../../../utils/validators.js');
+require('../../../tokens/index.js');
+require('../../../hooks/index.js');
+var labelWrap = require('./label-wrap.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var form = require('../../../tokens/form.js');
+var index = require('../../../hooks/use-common-props/index.js');
 
-formItem_vue_vue_type_script_lang["default"].render = formItem_vue_vue_type_template_id_24eda48b_lang.render;
-formItem_vue_vue_type_script_lang["default"].__file = "packages/components/form/src/form-item.vue";
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-exports["default"] = formItem_vue_vue_type_script_lang["default"];
+var AsyncValidator__default = /*#__PURE__*/_interopDefaultLegacy(AsyncValidator);
+
+const _sfc_main = vue.defineComponent({
+  name: "ElFormItem",
+  componentName: "ElFormItem",
+  components: {
+    LabelWrap: labelWrap["default"]
+  },
+  props: {
+    label: String,
+    labelWidth: {
+      type: [String, Number],
+      default: ""
+    },
+    prop: String,
+    required: {
+      type: Boolean,
+      default: void 0
+    },
+    rules: [Object, Array],
+    error: String,
+    validateStatus: String,
+    for: String,
+    inlineMessage: {
+      type: [String, Boolean],
+      default: ""
+    },
+    showMessage: {
+      type: Boolean,
+      default: true
+    },
+    size: {
+      type: String,
+      validator: validators.isValidComponentSize
+    }
+  },
+  setup(props, { slots }) {
+    const elForm = vue.inject(form.elFormKey, {});
+    const validateState = vue.ref("");
+    const validateMessage = vue.ref("");
+    const isValidationEnabled = vue.ref(false);
+    const computedLabelWidth = vue.ref("");
+    const formItemRef = vue.ref();
+    const vm = vue.getCurrentInstance();
+    const isNested = vue.computed(() => {
+      let parent = vm.parent;
+      while (parent && parent.type.name !== "ElForm") {
+        if (parent.type.name === "ElFormItem") {
+          return true;
+        }
+        parent = parent.parent;
+      }
+      return false;
+    });
+    let initialValue = void 0;
+    vue.watch(() => props.error, (val) => {
+      validateMessage.value = val;
+      validateState.value = val ? "error" : "";
+    }, {
+      immediate: true
+    });
+    vue.watch(() => props.validateStatus, (val) => {
+      validateState.value = val;
+    });
+    const labelFor = vue.computed(() => props.for || props.prop);
+    const labelStyle = vue.computed(() => {
+      const ret = {};
+      if (elForm.labelPosition === "top")
+        return ret;
+      const labelWidth = util.addUnit(props.labelWidth || elForm.labelWidth);
+      if (labelWidth) {
+        ret.width = labelWidth;
+      }
+      return ret;
+    });
+    const contentStyle = vue.computed(() => {
+      const ret = {};
+      if (elForm.labelPosition === "top" || elForm.inline) {
+        return ret;
+      }
+      if (!props.label && !props.labelWidth && isNested.value) {
+        return ret;
+      }
+      const labelWidth = util.addUnit(props.labelWidth || elForm.labelWidth);
+      if (!props.label && !slots.label) {
+        ret.marginLeft = labelWidth;
+      }
+      return ret;
+    });
+    const fieldValue = vue.computed(() => {
+      const model = elForm.model;
+      if (!model || !props.prop) {
+        return;
+      }
+      let path = props.prop;
+      if (path.indexOf(":") !== -1) {
+        path = path.replace(/:/, ".");
+      }
+      return util.getPropByPath(model, path, true).v;
+    });
+    const isRequired = vue.computed(() => {
+      const rules = getRules();
+      let required = false;
+      if (rules && rules.length) {
+        rules.every((rule) => {
+          if (rule.required) {
+            required = true;
+            return false;
+          }
+          return true;
+        });
+      }
+      return required;
+    });
+    const sizeClass = index.useSize(void 0, { formItem: false });
+    const validate = (trigger, callback = shared.NOOP) => {
+      if (!isValidationEnabled.value) {
+        callback();
+        return;
+      }
+      const rules = getFilteredRule(trigger);
+      if ((!rules || rules.length === 0) && props.required === void 0) {
+        callback();
+        return;
+      }
+      validateState.value = "validating";
+      const descriptor = {};
+      if (rules && rules.length > 0) {
+        rules.forEach((rule) => {
+          delete rule.trigger;
+        });
+      }
+      descriptor[props.prop] = rules;
+      const validator = new AsyncValidator__default["default"](descriptor);
+      const model = {};
+      model[props.prop] = fieldValue.value;
+      validator.validate(model, { firstFields: true }, (errors, fields) => {
+        validateState.value = !errors ? "success" : "error";
+        validateMessage.value = errors ? errors[0].message || `${props.prop} is required` : "";
+        callback(validateMessage.value, errors ? fields : {});
+        elForm.emit?.("validate", props.prop, !errors, validateMessage.value || null);
+      });
+    };
+    const clearValidate = () => {
+      validateState.value = "";
+      validateMessage.value = "";
+    };
+    const resetField = () => {
+      const model = elForm.model;
+      const value = fieldValue.value;
+      let path = props.prop;
+      if (path.indexOf(":") !== -1) {
+        path = path.replace(/:/, ".");
+      }
+      const prop = util.getPropByPath(model, path, true);
+      if (Array.isArray(value)) {
+        prop.o[prop.k] = [].concat(initialValue);
+      } else {
+        prop.o[prop.k] = initialValue;
+      }
+      vue.nextTick(() => {
+        clearValidate();
+      });
+    };
+    const getRules = () => {
+      const formRules = elForm.rules;
+      const selfRules = props.rules;
+      const requiredRule = props.required !== void 0 ? { required: !!props.required } : [];
+      const prop = util.getPropByPath(formRules, props.prop || "", false);
+      const normalizedRule = formRules ? prop.o[props.prop || ""] || prop.v : [];
+      return [].concat(selfRules || normalizedRule || []).concat(requiredRule);
+    };
+    const getFilteredRule = (trigger) => {
+      const rules = getRules();
+      return rules.filter((rule) => {
+        if (!rule.trigger || trigger === "")
+          return true;
+        if (Array.isArray(rule.trigger)) {
+          return rule.trigger.indexOf(trigger) > -1;
+        } else {
+          return rule.trigger === trigger;
+        }
+      }).map((rule) => ({ ...rule }));
+    };
+    const evaluateValidationEnabled = () => {
+      isValidationEnabled.value = !!getRules()?.length;
+    };
+    const updateComputedLabelWidth = (width) => {
+      computedLabelWidth.value = width ? `${width}px` : "";
+    };
+    const elFormItem = vue.reactive({
+      ...vue.toRefs(props),
+      size: sizeClass,
+      validateState,
+      $el: formItemRef,
+      evaluateValidationEnabled,
+      resetField,
+      clearValidate,
+      validate,
+      updateComputedLabelWidth
+    });
+    vue.onMounted(() => {
+      if (props.prop) {
+        elForm?.addField(elFormItem);
+        const value = fieldValue.value;
+        initialValue = Array.isArray(value) ? [...value] : value;
+        evaluateValidationEnabled();
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      elForm?.removeField(elFormItem);
+    });
+    vue.provide(form.elFormItemKey, elFormItem);
+    const formItemClass = vue.computed(() => [
+      {
+        "el-form-item--feedback": elForm.statusIcon,
+        "is-error": validateState.value === "error",
+        "is-validating": validateState.value === "validating",
+        "is-success": validateState.value === "success",
+        "is-required": isRequired.value || props.required,
+        "is-no-asterisk": elForm.hideRequiredAsterisk
+      },
+      sizeClass.value ? `el-form-item--${sizeClass.value}` : ""
+    ]);
+    const shouldShowError = vue.computed(() => {
+      return validateState.value === "error" && props.showMessage && elForm.showMessage;
+    });
+    const currentLabel = vue.computed(() => (props.label || "") + (elForm.labelSuffix || ""));
+    return {
+      formItemRef,
+      formItemClass,
+      shouldShowError,
+      elForm,
+      labelStyle,
+      contentStyle,
+      validateMessage,
+      labelFor,
+      resetField,
+      clearValidate,
+      currentLabel
+    };
+  }
+});
+const _hoisted_1 = ["for"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_LabelWrap = vue.resolveComponent("LabelWrap");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    ref: "formItemRef",
+    class: vue.normalizeClass(["el-form-item", _ctx.formItemClass])
+  }, [
+    vue.createVNode(_component_LabelWrap, {
+      "is-auto-width": _ctx.labelStyle.width === "auto",
+      "update-all": _ctx.elForm.labelWidth === "auto"
+    }, {
+      default: vue.withCtx(() => [
+        _ctx.label || _ctx.$slots.label ? (vue.openBlock(), vue.createElementBlock("label", {
+          key: 0,
+          for: _ctx.labelFor,
+          class: "el-form-item__label",
+          style: vue.normalizeStyle(_ctx.labelStyle)
+        }, [
+          vue.renderSlot(_ctx.$slots, "label", { label: _ctx.currentLabel }, () => [
+            vue.createTextVNode(vue.toDisplayString(_ctx.currentLabel), 1)
+          ])
+        ], 12, _hoisted_1)) : vue.createCommentVNode("v-if", true)
+      ]),
+      _: 3
+    }, 8, ["is-auto-width", "update-all"]),
+    vue.createElementVNode("div", {
+      class: "el-form-item__content",
+      style: vue.normalizeStyle(_ctx.contentStyle)
+    }, [
+      vue.renderSlot(_ctx.$slots, "default"),
+      vue.createVNode(vue.Transition, { name: "el-zoom-in-top" }, {
+        default: vue.withCtx(() => [
+          _ctx.shouldShowError ? vue.renderSlot(_ctx.$slots, "error", {
+            key: 0,
+            error: _ctx.validateMessage
+          }, () => [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(["el-form-item__error", {
+                "el-form-item__error--inline": typeof _ctx.inlineMessage === "boolean" ? _ctx.inlineMessage : _ctx.elForm.inlineMessage || false
+              }])
+            }, vue.toDisplayString(_ctx.validateMessage), 3)
+          ]) : vue.createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      })
+    ], 4)
+  ], 2);
+}
+var FormItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
+
+exports["default"] = FormItem;
 //# sourceMappingURL=form-item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"form-item.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"form-item.js","sources":["../../../../../../packages/components/form/src/form-item.vue"],"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":["defineComponent","LabelWrap","isValidComponentSize","inject","elFormKey","ref","getCurrentInstance","computed","addUnit","getPropByPath","useSize","NOOP","AsyncValidator","reactive","toRefs","elFormItemKey","_openBlock","_createElementBlock","_withCtx","_renderSlot"],"mappings":"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"}