@element-plus/nightly 0.0.20220804 → 0.0.20220805

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220804 */
+/*! Element Plus v0.0.20220805 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -10902,7 +10902,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220804";
+  const version$1 = "0.0.20220805";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -16251,8 +16251,7 @@
       const nsDate = useNamespace("date");
       const nsInput = useNamespace("input");
       const nsRange = useNamespace("range");
-      const elForm = vue.inject(formContextKey, {});
-      const elFormItem = vue.inject(formItemContextKey, {});
+      const { form, formItem } = useFormItem();
       const elPopperOptions = vue.inject("ElPopperOptions", {});
       const refPopper = vue.ref();
       const inputRef = vue.ref();
@@ -16272,10 +16271,9 @@
         }
       });
       const emitChange = (val, isClear) => {
-        var _a;
         if (isClear || !valueEquals(val, valueOnOpen.value)) {
           emit("change", val);
-          props.validateEvent && ((_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn()));
+          props.validateEvent && (formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn()));
         }
       };
       const emitInput = (input) => {
@@ -16369,7 +16367,7 @@
       const handleBlurInput = (e) => {
         const handleBlurDefer = async () => {
           setTimeout(() => {
-            var _a, _b;
+            var _a;
             if (currentHandleBlurDeferCallback === handleBlurDefer) {
               if (!(((_a = refPopper.value) == null ? void 0 : _a.isFocusInsideContent()) && !hasJustTabExitedInput) && refInput.value.filter((input) => {
                 return input.contains(document.activeElement);
@@ -16377,7 +16375,7 @@
                 handleChange();
                 pickerVisible.value = false;
                 emit("blur", e);
-                props.validateEvent && ((_b = elFormItem.validate) == null ? void 0 : _b.call(elFormItem, "blur").catch((err) => debugWarn()));
+                props.validateEvent && (formItem == null ? void 0 : formItem.validate("blur").catch((err) => debugWarn()));
               }
               hasJustTabExitedInput = false;
             }
@@ -16387,7 +16385,7 @@
         handleBlurDefer();
       };
       const pickerDisabled = vue.computed(() => {
-        return props.disabled || elForm.disabled;
+        return props.disabled || (form == null ? void 0 : form.disabled);
       });
       const parsedValue = vue.computed(() => {
         let dayOrDays;
@@ -18965,12 +18963,11 @@
     }
   };
   const useCheckboxGroup = () => {
-    const elForm = vue.inject(formContextKey, {});
-    const elFormItem = vue.inject(formItemContextKey, {});
+    const { form: elForm, formItem: elFormItem } = useFormItem();
     const checkboxGroup = vue.inject("CheckboxGroup", {});
     const isGroup = vue.computed(() => checkboxGroup && (checkboxGroup == null ? void 0 : checkboxGroup.name) === "ElCheckboxGroup");
     const elFormItemSize = vue.computed(() => {
-      return elFormItem.size;
+      return elFormItem == null ? void 0 : elFormItem.size;
     });
     return {
       isGroup,
@@ -19115,9 +19112,8 @@
       return ((_a = checkboxGroup.validateEvent) == null ? void 0 : _a.value) || props.validateEvent;
     });
     vue.watch(() => props.modelValue, () => {
-      var _a;
       if (validateEvent.value) {
-        (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+        elFormItem == null ? void 0 : elFormItem.validate("change").catch((err) => debugWarn());
       }
     });
     return {
@@ -19392,18 +19388,18 @@
         changeEvent
       });
       vue.watch(() => props.modelValue, () => {
-        var _a;
         if (props.validateEvent) {
-          (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+          elFormItem == null ? void 0 : elFormItem.validate("change").catch((err) => debugWarn());
         }
       });
       return (_ctx, _cache) => {
+        var _a;
         return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
           id: vue.unref(groupId),
           class: vue.normalizeClass(vue.unref(ns).b("group")),
           role: "group",
           "aria-label": !vue.unref(isLabeledByFormItem) ? _ctx.label || "checkbox-group" : void 0,
-          "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(elFormItem).labelId : void 0
+          "aria-labelledby": vue.unref(isLabeledByFormItem) ? (_a = vue.unref(elFormItem)) == null ? void 0 : _a.labelId : void 0
         }, {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "default")
@@ -20794,8 +20790,7 @@
       const nsCascader = useNamespace("cascader");
       const nsInput = useNamespace("input");
       const { t } = useLocale();
-      const elForm = vue.inject(formContextKey, {});
-      const elFormItem = vue.inject(formItemContextKey, {});
+      const { form, formItem } = useFormItem();
       const tooltipRef = vue.ref(null);
       const input = vue.ref(null);
       const tagWrapper = vue.ref(null);
@@ -20810,7 +20805,7 @@
       const allPresentTags = vue.ref([]);
       const suggestions = vue.ref([]);
       const isOnComposition = vue.ref(false);
-      const isDisabled = vue.computed(() => props.disabled || elForm.disabled);
+      const isDisabled = vue.computed(() => props.disabled || (form == null ? void 0 : form.disabled));
       const inputPlaceholder = vue.computed(() => props.placeholder || t("el.cascader.placeholder"));
       const realSize = useSize();
       const tagSize = vue.computed(() => ["small"].includes(realSize.value) ? "small" : "default");
@@ -20836,11 +20831,10 @@
           return props.modelValue;
         },
         set(val) {
-          var _a;
           emit(UPDATE_MODEL_EVENT, val);
           emit(CHANGE_EVENT, val);
           if (props.validateEvent) {
-            (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+            formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
           }
         }
       });
@@ -22554,10 +22548,9 @@
     setup(props, { emit }) {
       const { t } = useLocale();
       const ns = useNamespace("color");
-      const elForm = vue.inject(formContextKey, {});
-      const elFormItem = vue.inject(formItemContextKey, {});
+      const { form, formItem } = useFormItem();
       const { inputId: buttonId, isLabeledByFormItem } = useFormItemInputId(props, {
-        formItemContext: elFormItem
+        formItemContext: formItem
       });
       const hue = vue.ref();
       const svPanel = vue.ref();
@@ -22580,7 +22573,7 @@
       });
       const colorSize = useSize();
       const colorDisabled = vue.computed(() => {
-        return !!(props.disabled || elForm.disabled);
+        return !!(props.disabled || (form == null ? void 0 : form.disabled));
       });
       const currentColor = vue.computed(() => {
         return !props.modelValue && !showPanelColor.value ? "" : color.value;
@@ -22589,7 +22582,7 @@
         return !isLabeledByFormItem.value ? props.label || t("el.colorpicker.defaultLabel") : void 0;
       });
       const buttonAriaLabelledby = vue.computed(() => {
-        return isLabeledByFormItem.value ? elFormItem.labelId : void 0;
+        return isLabeledByFormItem.value ? formItem == null ? void 0 : formItem.labelId : void 0;
       });
       vue.watch(() => props.modelValue, (newVal) => {
         if (!newVal) {
@@ -22645,12 +22638,11 @@
         color.fromString(customInput.value);
       }
       function confirmValue() {
-        var _a;
         const value = color.value;
         emit(UPDATE_MODEL_EVENT, value);
         emit("change", value);
         if (props.validateEvent) {
-          (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+          formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
         }
         debounceSetShowPicker(false);
         vue.nextTick(() => {
@@ -22665,12 +22657,11 @@
         });
       }
       function clear() {
-        var _a;
         debounceSetShowPicker(false);
         emit(UPDATE_MODEL_EVENT, null);
         emit("change", null);
         if (props.modelValue !== null && props.validateEvent) {
-          (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+          formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
         }
         resetColor();
       }
@@ -32223,10 +32214,9 @@
     const hoverOption = vue.ref(-1);
     const queryChange = vue.shallowRef({ query: "" });
     const groupQueryChange = vue.shallowRef("");
-    const elForm = vue.inject(formContextKey, {});
-    const elFormItem = vue.inject(formItemContextKey, {});
+    const { form, formItem } = useFormItem();
     const readonly = vue.computed(() => !props.filterable || props.multiple || !states.visible);
-    const selectDisabled = vue.computed(() => props.disabled || elForm.disabled);
+    const selectDisabled = vue.computed(() => props.disabled || (form == null ? void 0 : form.disabled));
     const showClose = vue.computed(() => {
       const hasValue = props.multiple ? Array.isArray(props.modelValue) && props.modelValue.length > 0 : props.modelValue !== void 0 && props.modelValue !== null && props.modelValue !== "";
       const criteria = props.clearable && !selectDisabled.value && states.inputHovering && hasValue;
@@ -32270,7 +32260,7 @@
         states.visible = val;
       }
     });
-    vue.watch([() => selectDisabled.value, () => selectSize.value, () => elForm.size], () => {
+    vue.watch([() => selectDisabled.value, () => selectSize.value, () => form == null ? void 0 : form.size], () => {
       vue.nextTick(() => {
         resetInputHeight();
       });
@@ -32279,7 +32269,6 @@
       states.cachedPlaceHolder = states.currentPlaceholder = val;
     });
     vue.watch(() => props.modelValue, (val, oldVal) => {
-      var _a;
       if (props.multiple) {
         resetInputHeight();
         if (val && val.length > 0 || input.value && states.query !== "") {
@@ -32297,7 +32286,7 @@
         states.inputLength = 20;
       }
       if (!isEqual$1(val, oldVal) && props.validateEvent) {
-        (_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
       }
     }, {
       flush: "post",
@@ -32390,7 +32379,7 @@
           return;
         const input2 = reference.value.$el.querySelector("input");
         const _tags = tags.value;
-        const sizeInMap = getComponentSize(selectSize.value || elForm.size);
+        const sizeInMap = getComponentSize(selectSize.value || (form == null ? void 0 : form.size));
         input2.style.height = `${(states.selected.length === 0 ? sizeInMap : Math.max(_tags ? _tags.clientHeight + (_tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap)) - 2}px`;
         states.tagInMultiLine = Number.parseFloat(input2.style.height) >= sizeInMap;
         if (states.visible && emptyText.value !== false) {