@element-plus/nightly 0.0.20220106 → 0.0.20220107

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220106 */
+/*! Element Plus v0.0.20220107 */
 
 (function (global, factory) {
 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -4529,7 +4529,7 @@
 	  });
 	}
 
-	const version$1 = "0.0.20220106";
+	const version$1 = "0.0.20220107";
 
 	const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 	const makeInstaller = (components = []) => {
@@ -26942,6 +26942,7 @@
 	      currentValue: props.modelValue,
 	      userInput: null
 	    });
+	    const { formItem } = useFormItem();
 	    const minDisabled = vue.computed(() => _decrease(props.modelValue) < props.min);
 	    const maxDisabled = vue.computed(() => _increase(props.modelValue) > props.max);
 	    const numPrecision = vue.computed(() => {
@@ -27017,6 +27018,7 @@
 	      setCurrentValue(newVal);
 	    };
 	    const setCurrentValue = (newVal) => {
+	      var _a;
 	      const oldVal = data.currentValue;
 	      if (typeof newVal === "number" && props.precision !== void 0) {
 	        newVal = toPrecision(newVal, props.precision);
@@ -27034,6 +27036,7 @@
 	      emit("update:modelValue", newVal);
 	      emit("input", newVal);
 	      emit("change", newVal, oldVal);
+	      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change");
 	      data.currentValue = newVal;
 	    };
 	    const handleInput = (value) => {
@@ -27054,6 +27057,14 @@
 	      var _a, _b;
 	      (_b = (_a = input.value) == null ? void 0 : _a.blur) == null ? void 0 : _b.call(_a);
 	    };
+	    const handleFocus = (event) => {
+	      emit("focus", event);
+	    };
+	    const handleBlur = (event) => {
+	      var _a;
+	      emit("blur", event);
+	      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur");
+	    };
 	    vue.watch(() => props.modelValue, (value) => {
 	      let newVal = Number(value);
 	      if (!isNaN(newVal)) {
@@ -27107,7 +27118,9 @@
 	      maxDisabled,
 	      minDisabled,
 	      focus,
-	      blur
+	      blur,
+	      handleFocus,
+	      handleBlur
 	    };
 	  }
 	});
@@ -27128,7 +27141,7 @@
 	      { "is-without-controls": !_ctx.controls },
 	      { "is-controls-right": _ctx.controlsAtRight }
 	    ]),
-	    onDragstart: _cache[4] || (_cache[4] = vue.withModifiers(() => {
+	    onDragstart: _cache[2] || (_cache[2] = vue.withModifiers(() => {
 	    }, ["prevent"]))
 	  }, [
 	    _ctx.controls ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
@@ -27173,15 +27186,16 @@
 	      min: _ctx.min,
 	      name: _ctx.name,
 	      label: _ctx.label,
+	      "validate-event": false,
 	      onKeydown: [
 	        vue.withKeys(vue.withModifiers(_ctx.increase, ["prevent"]), ["up"]),
 	        vue.withKeys(vue.withModifiers(_ctx.decrease, ["prevent"]), ["down"])
 	      ],
-	      onBlur: _cache[2] || (_cache[2] = (event) => _ctx.$emit("blur", event)),
-	      onFocus: _cache[3] || (_cache[3] = (event) => _ctx.$emit("focus", event)),
+	      onBlur: _ctx.handleBlur,
+	      onFocus: _ctx.handleFocus,
 	      onInput: _ctx.handleInput,
 	      onChange: _ctx.handleInputChange
-	    }, null, 8, ["step", "model-value", "placeholder", "disabled", "size", "max", "min", "name", "label", "onKeydown", "onInput", "onChange"])
+	    }, null, 8, ["step", "model-value", "placeholder", "disabled", "size", "max", "min", "name", "label", "onKeydown", "onBlur", "onFocus", "onInput", "onChange"])
 	  ], 34);
 	}
 
@@ -31139,6 +31153,10 @@
 	  scoreTemplate: {
 	    type: String,
 	    default: "{value}"
+	  },
+	  size: {
+	    type: String,
+	    validator: isValidComponentSize
 	  }
 	});
 	const rateEmits = {
@@ -31167,9 +31185,12 @@
 	  emits: rateEmits,
 	  setup(props, { emit }) {
 	    const elForm = vue.inject(elFormKey, {});
+	    const rateSize = useSize();
 	    const currentValue = vue.ref(props.modelValue);
 	    const hoverIndex = vue.ref(-1);
 	    const pointerAtLeftHalf = vue.ref(true);
+	    const prefix = "el-rate";
+	    const rateKls = vue.computed(() => [prefix, `${prefix}--${rateSize.value}`]);
 	    const rateDisabled = vue.computed(() => props.disabled || elForm.disabled);
 	    const text = vue.computed(() => {
 	      let result = "";
@@ -31317,6 +31338,7 @@
 	      decimalStyle,
 	      decimalIconComponent,
 	      iconComponents,
+	      rateKls,
 	      showDecimalIcon,
 	      getIconStyle,
 	      selectValue,
@@ -31332,7 +31354,7 @@
 	function render$v(_ctx, _cache, $props, $setup, $data, $options) {
 	  const _component_el_icon = vue.resolveComponent("el-icon");
 	  return vue.openBlock(), vue.createElementBlock("div", {
-	    class: "el-rate",
+	    class: vue.normalizeClass(_ctx.rateKls),
 	    role: "slider",
 	    "aria-valuenow": _ctx.currentValue,
 	    "aria-valuetext": _ctx.text,
@@ -31376,7 +31398,7 @@
 	      class: "el-rate__text",
 	      style: vue.normalizeStyle({ color: _ctx.textColor })
 	    }, vue.toDisplayString(_ctx.text), 5)) : vue.createCommentVNode("v-if", true)
-	  ], 40, _hoisted_1$m);
+	  ], 42, _hoisted_1$m);
 	}
 
 	script$A.render = render$v;
@@ -35268,9 +35290,13 @@
 	      type: Boolean,
 	      default: true
 	    },
+	    size: {
+	      type: String,
+	      validator: isValidComponentSize
+	    },
 	    inputSize: {
 	      type: String,
-	      default: "small"
+	      validator: isValidComponentSize
 	    },
 	    showStops: {
 	      type: Boolean,
@@ -35340,6 +35366,15 @@
 	      setSecondValue
 	    } = useSlide(props, initData, emit);
 	    const { stops, getStopStyle } = useStops(props, initData, minValue, maxValue);
+	    const sliderWrapperSize = useSize();
+	    const sliderInputSize = vue.computed(() => props.inputSize || sliderWrapperSize.value);
+	    const prefix = "el-slider";
+	    const sliderKls = vue.computed(() => [
+	      prefix,
+	      `${prefix}--${sliderWrapperSize.value}`,
+	      props.vertical ? "is-vertical" : "",
+	      props.showInput ? "el-slider--with-input" : ""
+	    ]);
 	    const markList = useMarks(props);
 	    useWatch(props, initData, minValue, maxValue, emit, elFormItem);
 	    const precision = vue.computed(() => {
@@ -35382,7 +35417,10 @@
 	      setSecondValue,
 	      stops,
 	      markList,
-	      sliderWrapper
+	      sliderWrapper,
+	      sliderWrapperSize,
+	      sliderInputSize,
+	      sliderKls
 	    };
 	  }
 	});
@@ -35493,33 +35531,18 @@
 	const _hoisted_2$e = { key: 1 };
 	const _hoisted_3$c = { class: "el-slider__marks" };
 	function render$m(_ctx, _cache, $props, $setup, $data, $options) {
-	  const _component_el_input_number = vue.resolveComponent("el-input-number");
 	  const _component_slider_button = vue.resolveComponent("slider-button");
 	  const _component_slider_marker = vue.resolveComponent("slider-marker");
+	  const _component_el_input_number = vue.resolveComponent("el-input-number");
 	  return vue.openBlock(), vue.createElementBlock("div", {
 	    ref: "sliderWrapper",
-	    class: vue.normalizeClass(["el-slider", { "is-vertical": _ctx.vertical, "el-slider--with-input": _ctx.showInput }]),
+	    class: vue.normalizeClass(_ctx.sliderKls),
 	    role: "slider",
 	    "aria-valuemin": _ctx.min,
 	    "aria-valuemax": _ctx.max,
 	    "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
 	    "aria-disabled": _ctx.sliderDisabled
 	  }, [
-	    _ctx.showInput && !_ctx.range ? (vue.openBlock(), vue.createBlock(_component_el_input_number, {
-	      key: 0,
-	      ref: "input",
-	      "model-value": _ctx.firstValue,
-	      class: "el-slider__input",
-	      step: _ctx.step,
-	      disabled: _ctx.sliderDisabled,
-	      controls: _ctx.showInputControls,
-	      min: _ctx.min,
-	      max: _ctx.max,
-	      debounce: _ctx.debounce,
-	      size: _ctx.inputSize,
-	      "onUpdate:modelValue": _ctx.setFirstValue,
-	      onChange: _ctx.emitChange
-	    }, null, 8, ["model-value", "step", "disabled", "controls", "min", "max", "debounce", "size", "onUpdate:modelValue", "onChange"])) : vue.createCommentVNode("v-if", true),
 	    vue.createElementVNode("div", {
 	      ref: "slider",
 	      class: vue.normalizeClass(["el-slider__runway", { "show-input": _ctx.showInput && !_ctx.range, disabled: _ctx.sliderDisabled }]),
@@ -35574,7 +35597,22 @@
 	          }), 128))
 	        ])
 	      ], 64)) : vue.createCommentVNode("v-if", true)
-	    ], 6)
+	    ], 6),
+	    _ctx.showInput && !_ctx.range ? (vue.openBlock(), vue.createBlock(_component_el_input_number, {
+	      key: 0,
+	      ref: "input",
+	      "model-value": _ctx.firstValue,
+	      class: "el-slider__input",
+	      step: _ctx.step,
+	      disabled: _ctx.sliderDisabled,
+	      controls: _ctx.showInputControls,
+	      min: _ctx.min,
+	      max: _ctx.max,
+	      debounce: _ctx.debounce,
+	      size: _ctx.sliderInputSize,
+	      "onUpdate:modelValue": _ctx.setFirstValue,
+	      onChange: _ctx.emitChange
+	    }, null, 8, ["model-value", "step", "disabled", "controls", "min", "max", "debounce", "size", "onUpdate:modelValue", "onChange"])) : vue.createCommentVNode("v-if", true)
 	  ], 10, _hoisted_1$h);
 	}
 
@@ -36155,6 +36193,10 @@
 	  },
 	  beforeChange: {
 	    type: definePropType(Function)
+	  },
+	  size: {
+	    type: String,
+	    validator: isValidComponentSize
 	  }
 	});
 	const switchEmits = {
@@ -36172,9 +36214,17 @@
 	  setup(props, { emit }) {
 	    const { formItem } = useFormItem();
 	    const switchDisabled = useDisabled$1(vue.computed(() => props.loading));
+	    const switchSize = useSize();
 	    const isModelValue = vue.ref(props.modelValue !== false);
 	    const input = vue.ref();
 	    const core = vue.ref();
+	    const prefix = "el-switch";
+	    const switchKls = vue.computed(() => [
+	      prefix,
+	      `${prefix}--${switchSize.value}`,
+	      switchDisabled.value ? "is-disabled" : "",
+	      checked.value ? "is-checked" : ""
+	    ]);
 	    vue.watch(() => props.modelValue, () => {
 	      isModelValue.value = true;
 	    });
@@ -36258,6 +36308,7 @@
 	      core,
 	      switchDisabled,
 	      checked,
+	      switchKls,
 	      handleChange,
 	      switchValue,
 	      focus
@@ -36280,7 +36331,7 @@
 	  const _component_el_icon = vue.resolveComponent("el-icon");
 	  const _component_loading = vue.resolveComponent("loading");
 	  return vue.openBlock(), vue.createElementBlock("div", {
-	    class: vue.normalizeClass(["el-switch", { "is-disabled": _ctx.switchDisabled, "is-checked": _ctx.checked }]),
+	    class: vue.normalizeClass(_ctx.switchKls),
 	    role: "switch",
 	    "aria-checked": _ctx.checked,
 	    "aria-disabled": _ctx.switchDisabled,
@@ -36531,18 +36582,22 @@
 	  return options;
 	}
 	function parseWidth(width) {
+	  if (width === "")
+	    return width;
 	  if (width !== void 0) {
 	    width = parseInt(width, 10);
-	    if (isNaN(width)) {
-	      width = null;
+	    if (Number.isNaN(width)) {
+	      width = "";
 	    }
 	  }
-	  return +width;
+	  return width;
 	}
 	function parseMinWidth(minWidth) {
-	  if (typeof minWidth !== "undefined") {
+	  if (minWidth === "")
+	    return minWidth;
+	  if (minWidth !== void 0) {
 	    minWidth = parseWidth(minWidth);
-	    if (isNaN(minWidth)) {
+	    if (Number.isNaN(minWidth)) {
 	      minWidth = 80;
 	    }
 	  }
@@ -37773,8 +37828,7 @@
 	      if (this.bodyHeight.value === null) {
 	        scrollY = false;
 	      } else {
-	        const body = bodyWrapper.querySelector(".el-table__body");
-	        scrollY = body.offsetHeight > this.bodyHeight.value;
+	        scrollY = bodyWrapper.scrollHeight > this.bodyHeight.value;
 	      }
 	      this.scrollY.value = scrollY;
 	      return prevScrollY !== scrollY;
@@ -47559,6 +47613,7 @@
 	        default: vue.withCtx(() => [
 	          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
 	            ref: "root",
+	            role: "dialog",
 	            "aria-label": _ctx.title || "dialog",
 	            "aria-modal": "true",
 	            class: vue.normalizeClass([