@element-plus/nightly 0.0.20220830 → 0.0.20220831

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20220830 */
+/*! Element Plus v0.0.20220831 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11025,7 +11025,7 @@
     return [recordCursor, setCursor];
   }
 
-  const version$1 = "0.0.20220830";
+  const version$1 = "0.0.20220831";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11663,8 +11663,10 @@
         }
         if (isComposing.value)
           return;
-        if (value === nativeInputValue.value)
+        if (value === nativeInputValue.value) {
+          setNativeInputValue();
           return;
+        }
         emit(UPDATE_MODEL_EVENT, value);
         emit("input", value);
         await vue.nextTick();
@@ -13914,6 +13916,7 @@
       const regionRef = vue.ref();
       const popperRef = vue.ref();
       const listboxRef = vue.ref();
+      let readonly = false;
       let ignoreFocusEvent = false;
       const suggestions = vue.ref([]);
       const highlightedIndex = vue.ref(-1);
@@ -14000,7 +14003,7 @@
           return;
         activated.value = true;
         emit("focus", evt);
-        if (props.triggerOnFocus) {
+        if (props.triggerOnFocus && !readonly) {
           debouncedGetData(String(props.modelValue));
         }
       };
@@ -14080,6 +14083,7 @@
         inputRef.value.ref.setAttribute("aria-autocomplete", "list");
         inputRef.value.ref.setAttribute("aria-controls", "id");
         inputRef.value.ref.setAttribute("aria-activedescendant", `${listboxId.value}-item-${highlightedIndex.value}`);
+        readonly = inputRef.value.ref.hasAttribute("readonly");
       });
       expose({
         highlightedIndex,
@@ -17146,28 +17150,34 @@
     }
   };
 
+  const REPEAT_INTERVAL = 100;
+  const REPEAT_DELAY = 600;
   const RepeatClick = {
     beforeMount(el, binding) {
       let interval = null;
-      let isHandlerCalled = false;
+      let delay = null;
       const handler = () => binding.value && binding.value();
       const clear = () => {
-        clearInterval(interval);
-        interval = null;
-        if (!isHandlerCalled) {
-          handler();
+        if (delay) {
+          clearTimeout(delay);
+          delay = null;
+        }
+        if (interval) {
+          clearInterval(interval);
+          interval = null;
         }
-        isHandlerCalled = false;
       };
       el.addEventListener("mousedown", (e) => {
         if (e.button !== 0)
           return;
+        handler();
         document.addEventListener("mouseup", clear, { once: true });
-        clearInterval(interval);
-        interval = setInterval(() => {
-          isHandlerCalled = true;
-          handler();
-        }, 100);
+        clear();
+        delay = setTimeout(() => {
+          interval = setInterval(() => {
+            handler();
+          }, REPEAT_INTERVAL);
+        }, REPEAT_DELAY);
       });
     }
   };
@@ -35233,7 +35243,6 @@
       };
       const validate = async (trigger, callback) => {
         if (isResettingField) {
-          isResettingField = false;
           return false;
         }
         const hasCallback = isFunction(callback);
@@ -35259,18 +35268,18 @@
       const clearValidate = () => {
         setValidationState("");
         validateMessage.value = "";
+        isResettingField = false;
       };
       const resetField = async () => {
         const model = formContext == null ? void 0 : formContext.model;
         if (!model || !props.prop)
           return;
         const computedValue = getProp(model, props.prop);
-        if (!isEqual$1(computedValue.value, initialValue)) {
-          isResettingField = true;
-          computedValue.value = clone(initialValue);
-        }
+        isResettingField = true;
+        computedValue.value = clone(initialValue);
         await vue.nextTick();
         clearValidate();
+        isResettingField = false;
       };
       const addInputId = (id) => {
         if (!inputIds.value.includes(id)) {
@@ -36091,6 +36100,7 @@
       default: Number.NEGATIVE_INFINITY
     },
     modelValue: Number,
+    readonly: Boolean,
     disabled: Boolean,
     size: useSizeProp,
     controls: {
@@ -36214,14 +36224,14 @@
         return toPrecision(val + props.step * coefficient);
       };
       const increase = () => {
-        if (inputNumberDisabled.value || maxDisabled.value)
+        if (props.readonly || inputNumberDisabled.value || maxDisabled.value)
           return;
         const value = props.modelValue || 0;
         const newVal = ensurePrecision(value);
         setCurrentValue(newVal);
       };
       const decrease = () => {
-        if (inputNumberDisabled.value || minDisabled.value)
+        if (props.readonly || inputNumberDisabled.value || minDisabled.value)
           return;
         const value = props.modelValue || 0;
         const newVal = ensurePrecision(value, -1);
@@ -36384,6 +36394,7 @@
             step: _ctx.step,
             "model-value": vue.unref(displayValue),
             placeholder: _ctx.placeholder,
+            readonly: _ctx.readonly,
             disabled: vue.unref(inputNumberDisabled),
             size: vue.unref(inputNumberSize),
             max: _ctx.max,
@@ -36399,7 +36410,7 @@
             onFocus: handleFocus,
             onInput: handleInput,
             onChange: handleInputChange
-          }, null, 8, ["id", "step", "model-value", "placeholder", "disabled", "size", "max", "min", "name", "label", "onKeydown"])
+          }, null, 8, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "label", "onKeydown"])
         ], 34);
       };
     }
@@ -37122,6 +37133,8 @@
       };
       const calcSliceIndex = () => {
         var _a, _b;
+        if (!menu.value)
+          return -1;
         const items2 = Array.from((_b = (_a = menu.value) == null ? void 0 : _a.childNodes) != null ? _b : []).filter((item) => item.nodeName !== "#text" || item.nodeValue);
         const moreItemWidth = 64;
         const paddingLeft = Number.parseInt(getComputedStyle(menu.value).paddingLeft, 10);
@@ -37703,6 +37716,10 @@
     });
     vue.watch(() => props.value, (val, oldVal) => {
       const { remote, valueKey } = select.props;
+      if (!Object.is(val, oldVal)) {
+        select.onOptionDestroy(oldVal, instance.proxy);
+        select.onOptionCreate(instance.proxy);
+      }
       if (!props.created && !remote) {
         if (valueKey && typeof val === "object" && typeof oldVal === "object" && val[valueKey] === oldVal[valueKey]) {
           return;
@@ -37759,9 +37776,9 @@
       const { currentLabel, itemSelected, isDisabled, select, hoverItem } = useOption$1(props, states);
       const { visible, hover } = vue.toRefs(states);
       const vm = vue.getCurrentInstance().proxy;
-      const key = vm.value;
       select.onOptionCreate(vm);
       vue.onBeforeUnmount(() => {
+        const key = vm.value;
         const { selected } = select;
         const selectedOptions = select.props.multiple ? selected : [selected];
         const doesSelected = selectedOptions.some((item) => {
@@ -38065,7 +38082,7 @@
         }
       });
     };
-    const handleQueryChange = (val) => {
+    const handleQueryChange = async (val) => {
       if (states.previousQuery === val || states.isOnComposition)
         return;
       if (states.previousQuery === null && (typeof props.filterMethod === "function" || typeof props.remoteMethod === "function")) {
@@ -38100,6 +38117,7 @@
         vue.triggerRef(groupQueryChange);
       }
       if (props.defaultFirstOption && (props.filterable || props.remote) && states.filteredOptionsCount) {
+        await vue.nextTick();
         checkDefaultFirstOption();
       }
     };
@@ -39265,6 +39283,7 @@
             disabled: _ctx.disabled,
             "popper-class": _ctx.popperClass,
             size: _ctx.size,
+            "validate-event": false,
             onChange: handleChange
           }, {
             default: vue.withCtx(() => [
@@ -39320,6 +39339,7 @@
             max: vue.unref(pageCount),
             disabled: vue.unref(disabled),
             "model-value": vue.unref(innerValue),
+            "validate-event": false,
             type: "number",
             "onUpdate:modelValue": handleInput,
             onChange: handleChange
@@ -43599,7 +43619,7 @@
         states.softFocus = false;
       }
     };
-    const handleBlur = () => {
+    const handleBlur = (event) => {
       states.softFocus = false;
       return vue.nextTick(() => {
         var _a, _b;
@@ -43611,7 +43631,7 @@
           states.isSilentBlur = false;
         } else {
           if (states.isComposing) {
-            emit("blur");
+            emit("blur", event);
           }
         }
         states.isComposing = false;
@@ -43924,9 +43944,9 @@
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
       ref: "selectRef",
       class: vue.normalizeClass([_ctx.nsSelectV2.b(), _ctx.nsSelectV2.m(_ctx.selectSize)]),
-      onClick: _cache[23] || (_cache[23] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"])),
-      onMouseenter: _cache[24] || (_cache[24] = ($event) => _ctx.states.comboBoxHovering = true),
-      onMouseleave: _cache[25] || (_cache[25] = ($event) => _ctx.states.comboBoxHovering = false)
+      onClick: _cache[25] || (_cache[25] = vue.withModifiers((...args) => _ctx.toggleMenu && _ctx.toggleMenu(...args), ["stop"])),
+      onMouseenter: _cache[26] || (_cache[26] = ($event) => _ctx.states.comboBoxHovering = true),
+      onMouseleave: _cache[27] || (_cache[27] = ($event) => _ctx.states.comboBoxHovering = false)
     }, [
       vue.createVNode(_component_el_tooltip, {
         ref: "popper",
@@ -43944,7 +43964,7 @@
         trigger: "click",
         persistent: _ctx.persistent,
         onBeforeShow: _ctx.handleMenuEnter,
-        onHide: _cache[22] || (_cache[22] = ($event) => _ctx.states.inputValue = _ctx.states.displayInputValue)
+        onHide: _cache[24] || (_cache[24] = ($event) => _ctx.states.inputValue = _ctx.states.displayInputValue)
       }, {
         default: vue.withCtx(() => {
           var _a;
@@ -44111,16 +44131,17 @@
                     unselectable: _ctx.expanded ? "on" : void 0,
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = (...args) => _ctx.onUpdateInputValue && _ctx.onUpdateInputValue(...args)),
                     onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-                    onInput: _cache[3] || (_cache[3] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-                    onCompositionstart: _cache[4] || (_cache[4] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
-                    onCompositionupdate: _cache[5] || (_cache[5] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
-                    onCompositionend: _cache[6] || (_cache[6] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
+                    onBlur: _cache[3] || (_cache[3] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
+                    onInput: _cache[4] || (_cache[4] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
+                    onCompositionstart: _cache[5] || (_cache[5] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
+                    onCompositionupdate: _cache[6] || (_cache[6] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
+                    onCompositionend: _cache[7] || (_cache[7] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
                     onKeydown: [
-                      _cache[7] || (_cache[7] = vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
-                      _cache[8] || (_cache[8] = vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
-                      _cache[9] || (_cache[9] = vue.withKeys(vue.withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
-                      _cache[10] || (_cache[10] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
-                      _cache[11] || (_cache[11] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleDel && _ctx.handleDel(...args), ["stop"]), ["delete"]))
+                      _cache[8] || (_cache[8] = vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
+                      _cache[9] || (_cache[9] = vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
+                      _cache[10] || (_cache[10] = vue.withKeys(vue.withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
+                      _cache[11] || (_cache[11] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"])),
+                      _cache[12] || (_cache[12] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleDel && _ctx.handleDel(...args), ["stop"]), ["delete"]))
                     ]
                   }, null, 42, _hoisted_2$b), [
                     [_directive_model_text, _ctx.states.displayInputValue]
@@ -44157,18 +44178,19 @@
                     spellcheck: "false",
                     type: "text",
                     unselectable: _ctx.expanded ? "on" : void 0,
-                    onCompositionstart: _cache[12] || (_cache[12] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
-                    onCompositionupdate: _cache[13] || (_cache[13] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
-                    onCompositionend: _cache[14] || (_cache[14] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
-                    onFocus: _cache[15] || (_cache[15] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-                    onInput: _cache[16] || (_cache[16] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
+                    onCompositionstart: _cache[13] || (_cache[13] = (...args) => _ctx.handleCompositionStart && _ctx.handleCompositionStart(...args)),
+                    onCompositionupdate: _cache[14] || (_cache[14] = (...args) => _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate(...args)),
+                    onCompositionend: _cache[15] || (_cache[15] = (...args) => _ctx.handleCompositionEnd && _ctx.handleCompositionEnd(...args)),
+                    onFocus: _cache[16] || (_cache[16] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
+                    onBlur: _cache[17] || (_cache[17] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
+                    onInput: _cache[18] || (_cache[18] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
                     onKeydown: [
-                      _cache[17] || (_cache[17] = vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
-                      _cache[18] || (_cache[18] = vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
-                      _cache[19] || (_cache[19] = vue.withKeys(vue.withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
-                      _cache[20] || (_cache[20] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"]))
+                      _cache[19] || (_cache[19] = vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("backward"), ["stop", "prevent"]), ["up"])),
+                      _cache[20] || (_cache[20] = vue.withKeys(vue.withModifiers(($event) => _ctx.onKeyboardNavigate("forward"), ["stop", "prevent"]), ["down"])),
+                      _cache[21] || (_cache[21] = vue.withKeys(vue.withModifiers((...args) => _ctx.onKeyboardSelect && _ctx.onKeyboardSelect(...args), ["stop", "prevent"]), ["enter"])),
+                      _cache[22] || (_cache[22] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleEsc && _ctx.handleEsc(...args), ["stop", "prevent"]), ["esc"]))
                     ],
-                    "onUpdate:modelValue": _cache[21] || (_cache[21] = (...args) => _ctx.onUpdateInputValue && _ctx.onUpdateInputValue(...args))
+                    "onUpdate:modelValue": _cache[23] || (_cache[23] = (...args) => _ctx.onUpdateInputValue && _ctx.onUpdateInputValue(...args))
                   }, null, 42, _hoisted_4$3), [
                     [_directive_model_text, _ctx.states.displayInputValue]
                   ])
@@ -44807,8 +44829,8 @@
           }
           if (!initData.isClick) {
             setPosition(initData.newPosition);
-            emitChange();
           }
+          emitChange();
         }, 0);
         window.removeEventListener("mousemove", onDragging);
         window.removeEventListener("touchmove", onDragging);
@@ -50026,6 +50048,9 @@
     const ele = [];
     const callback = function(e) {
       e.stopPropagation();
+      if (treeNode.loading) {
+        return;
+      }
       store.loadOrToggle(row);
     };
     if (treeNode.indent) {
@@ -50212,7 +50237,6 @@
         };
       }
       let originRenderCell = column.renderCell;
-      const hasTreeColumnValue = hasTreeColumn.value;
       if (column.type === "expand") {
         column.renderCell = (data) => vue.h("div", {
           class: "cell"
@@ -50230,7 +50254,7 @@
           } else {
             children = originRenderCell(data);
           }
-          const shouldCreatePlaceholder = hasTreeColumnValue && data.cellIndex === 0;
+          const shouldCreatePlaceholder = hasTreeColumn.value && data.cellIndex === 0;
           const prefix = treeCellPrefix(data, shouldCreatePlaceholder);
           const props2 = {
             class: "cell",
@@ -51408,7 +51432,7 @@
       const scrollToLeft = (left) => {
         const headerEl = vue.unref(headerRef);
         vue.nextTick(() => {
-          headerEl == null ? void 0 : headerEl.scroll({
+          (headerEl == null ? void 0 : headerEl.scroll) && headerEl.scroll({
             left
           });
         });
@@ -52454,13 +52478,16 @@
         const tableSlots = {
           row: (props2) => vue.createVNode(RowRenderer, vue.mergeProps(props2, tableRowProps), {
             row: slots.row,
-            cell: (props3) => slots.cell ? vue.createVNode(CellRenderer, vue.mergeProps(props3, tableCellProps, {
-              "style": _columnsStyles[props3.column.key]
-            }), {
-              default: () => [slots.cell]
-            }) : vue.createVNode(CellRenderer, vue.mergeProps(props3, tableCellProps, {
-              "style": _columnsStyles[props3.column.key]
-            }), null)
+            cell: (props3) => {
+              let _slot;
+              return slots.cell ? vue.createVNode(CellRenderer, vue.mergeProps(props3, tableCellProps, {
+                "style": _columnsStyles[props3.column.key]
+              }), _isSlot(_slot = slots.cell()) ? _slot : {
+                default: () => [_slot]
+              }) : vue.createVNode(CellRenderer, vue.mergeProps(props3, tableCellProps, {
+                "style": _columnsStyles[props3.column.key]
+              }), null);
+            }
           }),
           header: (props2) => vue.createVNode(HeaderRenderer, vue.mergeProps(props2, tableHeaderProps), {
             header: slots.header,
@@ -52577,7 +52604,7 @@
         const sizeDir = sizeName === "width" ? "x" : "y";
         props.tabs.every((tab) => {
           var _a, _b, _c, _d;
-          const $el = (_b = (_a = instance.parent) == null ? void 0 : _a.refs) == null ? void 0 : _b[`tab-${tab.paneName}`];
+          const $el = (_b = (_a = instance.parent) == null ? void 0 : _a.refs) == null ? void 0 : _b[`tab-${tab.uid}`];
           if (!$el)
             return false;
           if (!tab.active) {
@@ -52823,6 +52850,7 @@
         })])] : null;
         const tabs = props.panes.map((pane, index) => {
           var _a, _b, _c, _d;
+          const uid = pane.uid;
           const disabled = pane.props.disabled;
           const tabName = (_b = (_a = pane.props.name) != null ? _a : pane.index) != null ? _b : `${index}`;
           const closable = !disabled && (pane.isClosable || props.editable);
@@ -52836,10 +52864,10 @@
           const tabLabelContent = ((_d = (_c = pane.slots).label) == null ? void 0 : _d.call(_c)) || pane.props.label;
           const tabindex = !disabled && pane.active ? 0 : -1;
           return vue.createVNode("div", {
-            "ref": `tab-${tabName}`,
+            "ref": `tab-${uid}`,
             "class": [ns.e("item"), ns.is(rootTabs.props.tabPosition), ns.is("active", pane.active), ns.is("disabled", disabled), ns.is("closable", closable), ns.is("focus", isFocus.value)],
             "id": `tab-${tabName}`,
-            "key": `tab-${tabName}`,
+            "key": `tab-${uid}`,
             "aria-controls": `pane-${tabName}`,
             "role": "tab",
             "aria-selected": pane.active,
@@ -56268,7 +56296,7 @@
       ...attrs,
       nodeKey: key,
       expandOnClickNode: vue.computed(() => {
-        return !props.checkStrictly;
+        return !props.checkStrictly && props.expandOnClickNode;
       }),
       defaultExpandedKeys: vue.computed(() => {
         return props.defaultExpandedKeys ? props.defaultExpandedKeys.concat(defaultExpandedParentKeys) : defaultExpandedParentKeys;
@@ -56298,7 +56326,7 @@
             const option = (_b = select.value) == null ? void 0 : _b.options.get(getNodeValByProp("value", data));
             (_c = select.value) == null ? void 0 : _c.handleOptionSelect(option, true);
           }
-        } else {
+        } else if (props.expandOnClickNode) {
           e.proxy.handleExpandIconClick();
         }
       },
@@ -56538,7 +56566,7 @@
     const checkedKeys = vue.ref(/* @__PURE__ */ new Set());
     const indeterminateKeys = vue.ref(/* @__PURE__ */ new Set());
     const { emit } = vue.getCurrentInstance();
-    vue.watch(() => tree.value, () => {
+    vue.watch([() => tree.value, () => props.defaultCheckedKeys], () => {
       return vue.nextTick(() => {
         _setCheckedKeys(props.defaultCheckedKeys);
       });