@element-plus/nightly 0.0.20220121 → 0.0.20220122

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

@@ -1,141 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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 script = 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 != null ? lastFocusBeforeMounted : document.body, true);
-        }
-        dom.off(trapContainer, tokens.FOCUS_ON_UNMOUNT, focusOnUnmount);
-        utils.focusableStack.remove(focusLayer);
-      }
-    });
-    return {
-      focusTrapRef,
-      forwardRef,
-      onKeydown
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=focus-trap.vue_vue_type_script_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"focus-trap.vue_vue_type_script_lang.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","EVENT_CODE","tryFocus","FOCUS_TRAP_INJECTION_KEY","unref","focusFirstDescendant","on","off","FOCUS_ON_UNMOUNT"],"mappings":";;;;;;;;;;AA6BA,aAAeA;;AAEf,EAAE,YAAY,EAAE,KAAK;;AAErB,IAAI,IAAI,EAAE,OAAO;IACb,OAAO,EAAE,OAAO;GACjB;EACD,KAAK,EAAE;OACF,CAAC,KAAK,EAAE,EAAE;IACb,MAAM;;IAEN,0BAA0B,CAAC;IAC3B,IAAI;IACJ,MAAM,UAAU,GAAG;MACjB,MAAM,EAAE,KAAK;MACb,KAAK,GAAG;QACN,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;;MAErB,MAAM,GAAG;QACP,IAAI,OAAO;OACZ;;;MAGD,IAAI,CAAC;QACH,OAAO;MACT;;;MAGA,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;MACvB,MAAM,eAAe,KAAKC,eAAU,CAAC,GAAG;MACxC,MAAM,iBAAiB,GAAG;;QAExB,MAAM,SAAS,gBAAgB,CAAC;QAChC,MAAM,CAAC,WAAW,CAAC;QACnB,MAAM;QACN,IAAI,CAAC,UAAU,EAAE;;YAEb,CAAC,CAAC,cAAc,EAAE;SACrB,MAAM;UACL,IAAI,CAAC,YAAY,iBAAiB,KAAK,IAAI;YACzC,EAAE,cAAc,EAAE,CAAC;YACnB,IAAI,IAAI;;WAET,MAAM,IAAI;aACR,CAAC,cAAc,EAAE;YAClB;cACEC,cAAQ,KAAK,EAAE,IAAI,CAAC,CAAC;;;;;gBAKvBC,iCAA0B;;;MAGhC;IACF;;KAEC,CAAC;UACI,cAAc,GAAG,CAAC,CAAC;UACnB;;;QAGF,OAAO;MACT,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM;;QAErB,qBAAqB,GAAG,MAAM,CAAC;OAChC,MAAM;QACLD,cAAQ,CAAC,qBAAqB,EAAE,IAAI;OACrC;MACD;UACI,UAAU,GAAG,CAAC,CAAC,KAAK;YAClB,aAAa,GAAGE,SAAK,CAAC;MAC5B,IAAI;QACF,OAAO;MACT;;;KAGD,CAAC;iBACO,CAAC,MAAM;MACd,MAAM,aAAa,GAAGA,SAAK,CAAC,UAAU,CAAC;;;QAGrC,MAAM;8BACgB,GAAG,kBAAkB,CAAC;QAC5C;QACA;UACE,MAAM,UAAU,GAAG,IAAI,KAAK;;;;YAI1BC;YACA,IAAI,QAAQ,cAAc,KAAK;cAC7BH,cAAQ,CAAC;aACV;WACF;SACF;;eAEE,CAAC,MAAM,KAAK,CAAC,OAAO,EAAE;YACrB,OAAO,EAAE;UACXI,MAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,UAAU,CAAC;UACnCA,MAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;eAChC;iBACF,CAAC,QAAQ,EAAE;kBACV,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;;;;uBAI7B,CAAC,MAAM;YACd;UACF;QACFC;;;QAGA;QACA,IAAI,aAAa,CAAC;UAChBL,cAAQ,CAAC;;gBAEP,aAAa,EAAEM,uBAAgB,EAAE;4BACvB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;;;;;;eAM3B;MACT;;;;;;"}

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

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.renderSlot(_ctx.$slots, "default");
-}
-
-exports.render = render;
-//# sourceMappingURL=focus-trap.vue_vue_type_template_id_4a8a10c5_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"focus-trap.vue_vue_type_template_id_4a8a10c5_lang.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

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

@@ -1,265 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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 form = require('../../../tokens/form.js');
-var index = require('../../../hooks/use-common-props/index.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var AsyncValidator__default = /*#__PURE__*/_interopDefaultLegacy(AsyncValidator);
-
-var script = 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) => {
-        var _a;
-        validateState.value = !errors ? "success" : "error";
-        validateMessage.value = errors ? errors[0].message || `${props.prop} is required` : "";
-        callback(validateMessage.value, errors ? fields : {});
-        (_a = elForm.emit) == null ? void 0 : _a.call(elForm, "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 = () => {
-      var _a;
-      isValidationEnabled.value = !!((_a = getRules()) == null ? void 0 : _a.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 == null ? void 0 : elForm.addField(elFormItem);
-        const value = fieldValue.value;
-        initialValue = Array.isArray(value) ? [...value] : value;
-        evaluateValidationEnabled();
-      }
-    });
-    vue.onBeforeUnmount(() => {
-      elForm == null ? void 0 : 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
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=form-item.vue_vue_type_script_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"form-item.vue_vue_type_script_lang.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","ref","getCurrentInstance","computed","useSize","getPropByPath","nextTick","toRefs","onBeforeUnmount"],"mappings":"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"}

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

@@ -1,57 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = ["for"];
-function 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);
-}
-
-exports.render = render;
-//# sourceMappingURL=form-item.vue_vue_type_template_id_24eda48b_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"form-item.vue_vue_type_template_id_24eda48b_lang.js","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":["_createVNode"],"mappings":";;;;;;;;;;;;;IACOA;4BAAwB,gBAAuB;;;MAE/C,oBAAe;kBACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}