@element-plus/nightly 0.0.20221025 → 0.0.20221027

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20221025 */
+/*! Element Plus v0.0.20221027 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11072,7 +11072,7 @@
     };
   };
 
-  const version$1 = "0.0.20221025";
+  const version$1 = "0.0.20221027";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -13225,8 +13225,7 @@
       {
         name: "computeStyles",
         options: {
-          gpuAcceleration,
-          adaptive: gpuAcceleration
+          gpuAcceleration
         }
       }
     ];
@@ -13502,13 +13501,6 @@
     ...useTooltipContentProps,
     ...useTooltipTriggerProps,
     ...popperArrowProps,
-    openDelay: {
-      type: Number
-    },
-    visibleArrow: {
-      type: Boolean,
-      default: void 0
-    },
     showArrow: {
       type: Boolean,
       default: true
@@ -13771,14 +13763,6 @@
     setup(__props, { expose, emit }) {
       const props = __props;
       usePopperContainer();
-      const compatShowAfter = vue.computed(() => {
-        if (!isUndefined(props.openDelay)) ;
-        return props.openDelay || props.showAfter;
-      });
-      const compatShowArrow = vue.computed(() => {
-        if (!isUndefined(props.visibleArrow)) ;
-        return isBoolean(props.visibleArrow) ? props.visibleArrow : props.showArrow;
-      });
       const id = useId();
       const popperRef = vue.ref();
       const contentRef = vue.ref();
@@ -13796,7 +13780,7 @@
         toggleReason
       });
       const { onOpen, onClose } = useDelayedToggle({
-        showAfter: compatShowAfter,
+        showAfter: vue.toRef(props, "showAfter"),
         hideAfter: vue.toRef(props, "hideAfter"),
         open: show,
         close: hide
@@ -13895,7 +13879,7 @@
               "raw-content": _ctx.rawContent,
               "reference-el": _ctx.referenceEl,
               "trigger-target-el": _ctx.triggerTargetEl,
-              "show-after": vue.unref(compatShowAfter),
+              "show-after": _ctx.showAfter,
               strategy: _ctx.strategy,
               teleported: _ctx.teleported,
               transition: _ctx.transition,
@@ -13910,7 +13894,7 @@
                     innerHTML: _ctx.content
                   }, null, 8, _hoisted_1$12)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$F, vue.toDisplayString(_ctx.content), 1))
                 ]),
-                vue.unref(compatShowArrow) ? (vue.openBlock(), vue.createBlock(vue.unref(ElPopperArrow), {
+                _ctx.showArrow ? (vue.openBlock(), vue.createBlock(vue.unref(ElPopperArrow), {
                   key: 0,
                   "arrow-offset": _ctx.arrowOffset
                 }, null, 8, ["arrow-offset"])) : vue.createCommentVNode("v-if", true)
@@ -19115,7 +19099,113 @@
     }
   });
 
-  const CARD_SCALE = 0.83;
+  const useCarouselItem = (props, componentName) => {
+    const carouselContext = vue.inject(carouselContextKey);
+    const instance = vue.getCurrentInstance();
+    const CARD_SCALE = 0.83;
+    const hover = vue.ref(false);
+    const translate = vue.ref(0);
+    const scale = vue.ref(1);
+    const active = vue.ref(false);
+    const ready = vue.ref(false);
+    const inStage = vue.ref(false);
+    const animating = vue.ref(false);
+    const { isCardType, isVertical } = carouselContext;
+    function processIndex(index, activeIndex, length) {
+      const lastItemIndex = length - 1;
+      const prevItemIndex = activeIndex - 1;
+      const nextItemIndex = activeIndex + 1;
+      const halfItemIndex = length / 2;
+      if (activeIndex === 0 && index === lastItemIndex) {
+        return -1;
+      } else if (activeIndex === lastItemIndex && index === 0) {
+        return length;
+      } else if (index < prevItemIndex && activeIndex - index >= halfItemIndex) {
+        return length + 1;
+      } else if (index > nextItemIndex && index - activeIndex >= halfItemIndex) {
+        return -2;
+      }
+      return index;
+    }
+    function calcCardTranslate(index, activeIndex) {
+      var _a;
+      const parentWidth = ((_a = carouselContext.root.value) == null ? void 0 : _a.offsetWidth) || 0;
+      if (inStage.value) {
+        return parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1) / 4;
+      } else if (index < activeIndex) {
+        return -(1 + CARD_SCALE) * parentWidth / 4;
+      } else {
+        return (3 + CARD_SCALE) * parentWidth / 4;
+      }
+    }
+    function calcTranslate(index, activeIndex, isVertical2) {
+      const rootEl = carouselContext.root.value;
+      if (!rootEl)
+        return 0;
+      const distance = (isVertical2 ? rootEl.offsetHeight : rootEl.offsetWidth) || 0;
+      return distance * (index - activeIndex);
+    }
+    const translateItem = (index, activeIndex, oldIndex) => {
+      var _a;
+      const _isCardType = vue.unref(isCardType);
+      const carouselItemLength = (_a = carouselContext.items.value.length) != null ? _a : Number.NaN;
+      const isActive = index === activeIndex;
+      if (!_isCardType && !isUndefined(oldIndex)) {
+        animating.value = isActive || index === oldIndex;
+      }
+      if (!isActive && carouselItemLength > 2 && carouselContext.loop) {
+        index = processIndex(index, activeIndex, carouselItemLength);
+      }
+      const _isVertical = vue.unref(isVertical);
+      active.value = isActive;
+      if (_isCardType) {
+        inStage.value = Math.round(Math.abs(index - activeIndex)) <= 1;
+        translate.value = calcCardTranslate(index, activeIndex);
+        scale.value = vue.unref(active) ? 1 : CARD_SCALE;
+      } else {
+        translate.value = calcTranslate(index, activeIndex, _isVertical);
+      }
+      ready.value = true;
+    };
+    function handleItemClick() {
+      if (carouselContext && vue.unref(isCardType)) {
+        const index = carouselContext.items.value.findIndex(({ uid }) => uid === instance.uid);
+        carouselContext.setActiveItem(index);
+      }
+    }
+    vue.onMounted(() => {
+      carouselContext.addItem({
+        props,
+        states: vue.reactive({
+          hover,
+          translate,
+          scale,
+          active,
+          ready,
+          inStage,
+          animating
+        }),
+        uid: instance.uid,
+        translateItem
+      });
+    });
+    vue.onUnmounted(() => {
+      carouselContext.removeItem(instance.uid);
+    });
+    return {
+      active,
+      animating,
+      hover,
+      inStage,
+      isVertical,
+      translate,
+      isCardType,
+      scale,
+      ready,
+      handleItemClick
+    };
+  };
+
   const __default__$17 = vue.defineComponent({
     name: "ElCarouselItem"
   });
@@ -19125,16 +19215,18 @@
     setup(__props) {
       const props = __props;
       const ns = useNamespace("carousel");
-      const carouselContext = vue.inject(carouselContextKey);
-      const instance = vue.getCurrentInstance();
-      const hover = vue.ref(false);
-      const translate = vue.ref(0);
-      const scale = vue.ref(1);
-      const active = vue.ref(false);
-      const ready = vue.ref(false);
-      const inStage = vue.ref(false);
-      const animating = vue.ref(false);
-      const { isCardType, isVertical } = carouselContext;
+      const {
+        active,
+        animating,
+        hover,
+        inStage,
+        isVertical,
+        translate,
+        isCardType,
+        scale,
+        ready,
+        handleItemClick
+      } = useCarouselItem(props);
       const itemStyle = vue.computed(() => {
         const translateType = `translate${vue.unref(isVertical) ? "Y" : "X"}`;
         const _translate = `${translateType}(${vue.unref(translate)}px)`;
@@ -19144,109 +19236,28 @@
           transform
         };
       });
-      function processIndex(index, activeIndex, length) {
-        const lastItemIndex = length - 1;
-        const prevItemIndex = activeIndex - 1;
-        const nextItemIndex = activeIndex + 1;
-        const halfItemIndex = length / 2;
-        if (activeIndex === 0 && index === lastItemIndex) {
-          return -1;
-        } else if (activeIndex === lastItemIndex && index === 0) {
-          return length;
-        } else if (index < prevItemIndex && activeIndex - index >= halfItemIndex) {
-          return length + 1;
-        } else if (index > nextItemIndex && index - activeIndex >= halfItemIndex) {
-          return -2;
-        }
-        return index;
-      }
-      function calcCardTranslate(index, activeIndex) {
-        var _a;
-        const parentWidth = ((_a = carouselContext.root.value) == null ? void 0 : _a.offsetWidth) || 0;
-        if (inStage.value) {
-          return parentWidth * ((2 - CARD_SCALE) * (index - activeIndex) + 1) / 4;
-        } else if (index < activeIndex) {
-          return -(1 + CARD_SCALE) * parentWidth / 4;
-        } else {
-          return (3 + CARD_SCALE) * parentWidth / 4;
-        }
-      }
-      function calcTranslate(index, activeIndex, isVertical2) {
-        const rootEl = carouselContext.root.value;
-        if (!rootEl)
-          return 0;
-        const distance = (isVertical2 ? rootEl.offsetHeight : rootEl.offsetWidth) || 0;
-        return distance * (index - activeIndex);
-      }
-      const translateItem = (index, activeIndex, oldIndex) => {
-        var _a;
-        const _isCardType = vue.unref(isCardType);
-        const carouselItemLength = (_a = carouselContext.items.value.length) != null ? _a : Number.NaN;
-        const isActive = index === activeIndex;
-        if (!_isCardType && !isUndefined(oldIndex)) {
-          animating.value = isActive || index === oldIndex;
-        }
-        if (!isActive && carouselItemLength > 2 && carouselContext.loop) {
-          index = processIndex(index, activeIndex, carouselItemLength);
-        }
-        const _isVertical = vue.unref(isVertical);
-        active.value = isActive;
-        if (_isCardType) {
-          inStage.value = Math.round(Math.abs(index - activeIndex)) <= 1;
-          translate.value = calcCardTranslate(index, activeIndex);
-          scale.value = vue.unref(active) ? 1 : CARD_SCALE;
-        } else {
-          translate.value = calcTranslate(index, activeIndex, _isVertical);
-        }
-        ready.value = true;
-      };
-      function handleItemClick() {
-        if (carouselContext && vue.unref(isCardType)) {
-          const index = carouselContext.items.value.findIndex(({ uid }) => uid === instance.uid);
-          carouselContext.setActiveItem(index);
-        }
-      }
-      vue.onMounted(() => {
-        carouselContext.addItem({
-          props,
-          states: vue.reactive({
-            hover,
-            translate,
-            scale,
-            active,
-            ready,
-            inStage,
-            animating
-          }),
-          uid: instance.uid,
-          translateItem
-        });
-      });
-      vue.onUnmounted(() => {
-        carouselContext.removeItem(instance.uid);
-      });
       return (_ctx, _cache) => {
         return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass([
             vue.unref(ns).e("item"),
-            vue.unref(ns).is("active", active.value),
-            vue.unref(ns).is("in-stage", inStage.value),
-            vue.unref(ns).is("hover", hover.value),
-            vue.unref(ns).is("animating", animating.value),
+            vue.unref(ns).is("active", vue.unref(active)),
+            vue.unref(ns).is("in-stage", vue.unref(inStage)),
+            vue.unref(ns).is("hover", vue.unref(hover)),
+            vue.unref(ns).is("animating", vue.unref(animating)),
             { [vue.unref(ns).em("item", "card")]: vue.unref(isCardType) }
           ]),
           style: vue.normalizeStyle(vue.unref(itemStyle)),
-          onClick: handleItemClick
+          onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(handleItemClick) && vue.unref(handleItemClick)(...args))
         }, [
           vue.unref(isCardType) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: vue.normalizeClass(vue.unref(ns).e("mask"))
           }, null, 2)), [
-            [vue.vShow, !active.value]
+            [vue.vShow, !vue.unref(active)]
           ]) : vue.createCommentVNode("v-if", true),
           vue.renderSlot(_ctx.$slots, "default")
         ], 6)), [
-          [vue.vShow, ready.value]
+          [vue.vShow, vue.unref(ready)]
         ]);
       };
     }
@@ -21036,12 +21047,6 @@
 
   const ElTag = withInstall(Tag);
 
-  const DEFAULT_INPUT_HEIGHT = 40;
-  const INPUT_HEIGHT_MAP = {
-    large: 36,
-    default: 32,
-    small: 28
-  };
   const popperOptions = {
     modifiers: [
       {
@@ -21433,10 +21438,9 @@
       });
       vue.watch(presentText, syncPresentTextValue, { immediate: true });
       vue.onMounted(() => {
-        var _a;
-        const inputEl = (_a = input.value) == null ? void 0 : _a.$el;
-        inputInitialHeight = (inputEl == null ? void 0 : inputEl.offsetHeight) || INPUT_HEIGHT_MAP[realSize.value] || DEFAULT_INPUT_HEIGHT;
-        useResizeObserver(inputEl, updateStyle);
+        const inputInner = input.value.input;
+        inputInitialHeight = inputInner.offsetHeight;
+        useResizeObserver(inputInner, updateStyle);
       });
       return {
         popperOptions,
@@ -27671,7 +27675,8 @@
     },
     buttonProps: {
       type: definePropType(Object)
-    }
+    },
+    teleported: useTooltipContentProps.teleported
   });
   const dropdownItemProps = buildProps({
     command: {
@@ -27869,7 +27874,7 @@
         "virtual-triggering": _ctx.splitButton,
         disabled: _ctx.disabled,
         transition: `${_ctx.ns.namespace.value}-zoom-in-top`,
-        teleported: "",
+        teleported: _ctx.teleported,
         pure: "",
         persistent: "",
         onBeforeShow: _ctx.handleBeforeShowTooltip,
@@ -27922,7 +27927,7 @@
             }, 8, ["id", "tabindex"])
           ])
         } : void 0
-      ]), 1032, ["role", "effect", "popper-options", "hide-after", "placement", "popper-class", "reference-element", "trigger", "trigger-keys", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "onBeforeShow", "onShow", "onBeforeHide"]),
+      ]), 1032, ["role", "effect", "popper-options", "hide-after", "placement", "popper-class", "reference-element", "trigger", "trigger-keys", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "teleported", "onBeforeShow", "onShow", "onBeforeHide"]),
       _ctx.splitButton ? (vue.openBlock(), vue.createBlock(_component_el_button_group, { key: 0 }, {
         default: vue.withCtx(() => [
           vue.createVNode(_component_el_button, vue.mergeProps({ ref: "referenceElementRef" }, _ctx.buttonProps, {
@@ -28661,6 +28666,8 @@
           }
           return result;
         } catch (e) {
+          if (e instanceof Error)
+            throw e;
           const invalidFields = e;
           if (props.scrollToError) {
             scrollToField(Object.keys(invalidFields)[0]);
@@ -31030,7 +31037,7 @@
       const increase = () => {
         if (props.readonly || inputNumberDisabled.value || maxDisabled.value)
           return;
-        const value = props.modelValue || 0;
+        const value = Number(displayValue.value) || 0;
         const newVal = ensurePrecision(value);
         setCurrentValue(newVal);
         emit(INPUT_EVENT, data.currentValue);
@@ -31038,7 +31045,7 @@
       const decrease = () => {
         if (props.readonly || inputNumberDisabled.value || minDisabled.value)
           return;
-        const value = props.modelValue || 0;
+        const value = Number(displayValue.value) || 0;
         const newVal = ensurePrecision(value, -1);
         setCurrentValue(newVal);
         emit(INPUT_EVENT, data.currentValue);
@@ -32794,10 +32801,10 @@
       if (!val) {
         if (props.filterable) {
           if (isFunction(props.filterMethod)) {
-            props.filterMethod();
+            props.filterMethod("");
           }
           if (isFunction(props.remoteMethod)) {
-            props.remoteMethod();
+            props.remoteMethod("");
           }
         }
         input.value && input.value.blur();
@@ -32868,7 +32875,7 @@
       flush: "post"
     });
     vue.watch(() => states.hoverIndex, (val) => {
-      if (typeof val === "number" && val > -1) {
+      if (isNumber(val) && val > -1) {
         hoverOption.value = optionsArray.value[val] || {};
       } else {
         hoverOption.value = {};
@@ -32897,7 +32904,7 @@
     const handleQueryChange = async (val) => {
       if (states.previousQuery === val || states.isOnComposition)
         return;
-      if (states.previousQuery === null && (typeof props.filterMethod === "function" || typeof props.remoteMethod === "function")) {
+      if (states.previousQuery === null && (isFunction(props.filterMethod) || isFunction(props.remoteMethod))) {
         states.previousQuery = val;
         return;
       }
@@ -32916,10 +32923,10 @@
           resetInputHeight();
         });
       }
-      if (props.remote && typeof props.remoteMethod === "function") {
+      if (props.remote && isFunction(props.remoteMethod)) {
         states.hoverIndex = -1;
         props.remoteMethod(val);
-      } else if (typeof props.filterMethod === "function") {
+      } else if (isFunction(props.filterMethod)) {
         props.filterMethod(val);
         vue.triggerRef(groupQueryChange);
       } else {
@@ -33075,7 +33082,7 @@
     const deleteSelected = (event) => {
       event.stopPropagation();
       const value = props.multiple ? [] : "";
-      if (typeof value !== "string") {
+      if (!isString(value)) {
         for (const item of states.selected) {
           if (item.isDisabled)
             value.push(item.value);
@@ -47804,19 +47811,6 @@
     }
   });
 
-  const getTabPanes = (vm) => {
-    const nodes = flattedChildren(vm.subTree);
-    return nodes.filter((n) => {
-      var _a;
-      return vue.isVNode(n) && ((_a = n.type) == null ? void 0 : _a.name) === "ElTabPane" && !!n.component;
-    });
-  };
-  const getOrderedPanes = (vm, panes) => {
-    const nodes = getTabPanes(vm);
-    const uids = nodes.map((n) => n.component.uid);
-    return uids.map((uid) => panes[uid]).filter((p) => !!p);
-  };
-
   const tabsProps = buildProps({
     type: {
       type: String,
@@ -47862,11 +47856,13 @@
       expose
     }) {
       var _a, _b;
-      const vm = vue.getCurrentInstance();
       const ns = useNamespace("tabs");
+      const {
+        children: panes,
+        addChild: registerPane,
+        removeChild: unregisterPane
+      } = useOrderedChildren(vue.getCurrentInstance(), "ElTabPane");
       const nav$ = vue.ref();
-      const panes = vue.shallowReactive({});
-      const orderedPanes = vue.shallowRef([]);
       const currentName = vue.ref((_b = (_a = props.modelValue) != null ? _a : props.activeName) != null ? _b : "0");
       const changeCurrentName = (value) => {
         currentName.value = value;
@@ -47918,22 +47914,12 @@
         await vue.nextTick();
         (_a2 = nav$.value) == null ? void 0 : _a2.scrollToActiveTab();
       });
-      {
-        const registerPane = (pane) => {
-          panes[pane.uid] = pane;
-          orderedPanes.value = getOrderedPanes(vm, panes);
-        };
-        const unregisterPane = (uid) => {
-          delete panes[uid];
-          orderedPanes.value = getOrderedPanes(vm, panes);
-        };
-        vue.provide(tabsRootContextKey, {
-          props,
-          currentName,
-          registerPane,
-          unregisterPane
-        });
-      }
+      vue.provide(tabsRootContextKey, {
+        props,
+        currentName,
+        registerPane,
+        unregisterPane
+      });
       expose({
         currentName
       });
@@ -47958,7 +47944,7 @@
           "currentName": currentName.value,
           "editable": props.editable,
           "type": props.type,
-          "panes": orderedPanes.value,
+          "panes": panes.value,
           "stretch": props.stretch,
           "onTabClick": handleTabClick,
           "onTabRemove": handleTabRemove